h1 {
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
h2 {
	margin-left: 17px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;

}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #006634;
	background-image: url(h3_circle.gif);
	background-repeat: no-repeat;
	margin-left: 24px;
	padding-left: 20px;
	margin-top: 30px;
	
}

h4  {
	font-size: 13px;
	color: #76401E;
	padding-top: 10px;
	padding-bottom: 10px;
}



p {
	font-size: 12px;
	line-height: 22px;
	color: #FFFFFF;
	letter-spacing: 1px;
}

address {
	font-size: 12px;
	line-height: 20px;
	color: #FFFFFF;
	margin-bottom: 10px;
}

.back-bottom-n {
	background-repeat: no-repeat;
	background-position: center bottom;
}
.back-n {
	background-repeat: no-repeat;
}

.back-xn {
	background-repeat: repeat-y;
}
table.lin p {
	color: #996600;
}
table.kokuban p {
	line-height: 28px;
}
table.txt12px {
	font-size: 12px;
	line-height: 22px;
	color: #794220;
}
.back-hayatarou {
	background-image: url(hayatarou.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}

.back-oke {
	background-image: url(oke.jpg);
	background-repeat: no-repeat;
	background-position: left 50;
}
table.margin-top-400px {
	margin-top: 400px;
}
table.margin-left-42px {
	margin-left: 42px;
}
table.margin-left-134px {
	margin-left: 134px;
}
#link a:hover {
	background-color: #FFCC00;
}
#link a {
	font-size: 12px;
	line-height: 20px;
	color: #006634;
}
#top a:hover {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #FFCC00;
}

#top a {
	font-size: 12px;
	color: #FFFFFF;
}


.links a {
	font-size: 12px;
	color: #76401E;
}
.links a:hover {
	font-size: 12px;
	background-color: #FFCC00;
}
.flash_no{
	background-image:url(flash_no.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:743px;
	height:297px;
}

ADDRESS a{
	color: #FFFFFF;
}


/* 宿だよりクラウド版 CSS
------------------------------------- */
#contentsTopics { width:100%;text-align:left;line-height:22px;}
#contentsTopics .article{ clear:both; margin:0 0 10px 0;}
#contentsTopics .photo img{ width:150px; padding:5px;border:0;}
#contentsTopics .photo img.zoom_icon{ width:auto; padding:0; border:0; background:none;}
#contentsTopics .photo{ float:right; padding:10px 0 8px 8px;}
#contentsTopics .photo1{ margin-left:8px; float:left;}
#contentsTopics .photo2{ margin-left:8px; float:left;}
#contentsTopics .photo3{ margin-left:8px; float:left;}
#contentsTopics .sub{ color:#432; font-weight:bold; font-size:18px; padding:5px;}
#contentsTopics .body{ font-size:12px; padding:5px; margin:10px 0;}
#contentsTopics .date{ font-size:12px; text-align:right; clear:both; padding:5px;}

/* zoom icon */
#contentsTopics .photo1,
#contentsTopics .photo2,
#contentsTopics .photo3{ position:relative;} 
#contentsTopics .zoom_icon { position: absolute; top:-6px; left:-5px;}

/* pager */
#topicsPager{ width:100%; margin:0 auto; padding:10px 0; height:25px; clear:both;}
#topicsPager li.prev{ float:left;}
#topicsPager li.next{ float:right;}
#topicsPager li a{ display:block; padding:10px 20px; border:1px solid #ccc; background:#fff; text-decoration:none;}
#topicsPager li a:hover{ background:#a67753; color:#fff;}