@charset "shift_jis";
/* CSS Document */
*{
	margin:0;
	padding:0;
	text-align:center;
}
body {
	text-align:center;
	margin:0 auto;
	padding:0px;
	font-size: 12px;
	line-height: 130%;
	padding: 0;
	color: #666666;
}
object,img {  
	vertical-align:bottom;
	border:0;
	padding:0;
	margin:0;
}
dt a,dd a,.room_box span a{
	text-decoration:underline;
	color:#080;
	background: #FFFFFF;
	line-height: 150%;
}
dt a:hover,dd a:hover,.room_box span a:hover{ 
	text-decoration:none; 
	color:#000;
	background-color:#cf6; 
}
address{
	width:750px;
	margin:auto;
	text-align:center;
}
p{
	text-align:left;
	margin:5px 0px;
}
tr,td{
	font-size:12px;
}
.sp{
	clear:both;
}
#header{
	width:750px;
	height:60px;
	margin:auto;	
}
#header h1,#header .logo{
	width:170px;
	height:39px;
	margin:11px 0px 0px 0px;
	padding:0;
	text-align:left;
	float:left;
}
h1 a:hover{
	background-color:#FFF !important;
}
h1{
	font-size:12px;
	margin:2px 0px 5px 0px;
	padding:0;
	color:#333;
	font-weight:normal;
	text-align:left;
}
#header ul{
	height:22px;
	margin:34px 0px 0px 0px;
	padding:0;
	float:right;
}
#header li{
	height:22px;
	float:left;
	list-style-type:none;
	text-align:left;
	display:inline;
}
#top_image{
	width:100%;
	clear:both;
	background-image:url(top/top-back.jpg);
	padding:13px 0px;
}
#top_image .photo{
	height:740px;
	height:300px;
	margin:auto;
	text-align:center;
}
#navi{
	background-image:url(top/top-back2.jpg);
	width:100%;
	height:26px;
	text-align:center;
}
#navi ul{
	width:750px;
	margin:0 auto;
	padding:0;
	text-align:center;
}
#navi li{
	display:inline;
	height:22px;
	margin:2px 0px;
	padding:0;
	list-style-type:none;
	float:left;
	text-align:left;
}
#container{
	width:750px;
	margin:auto;
	margin-top:3px;
	padding:0;
	text-align:center;
	clear:both;
	padding-bottom:5px;
	border-bottom:1px solid #999;
}
#container .left{
	width:264px;
	float:left;
	margin-left:4px;
	text-align:left;
}
#container .right{
	width:464px;
	float:right;
	margin-right:4px;
	text-align:left;
}
h2{
	margin:0;
	padding:0;
}
h2,h3{
	font-size:12px;
	margin:2px;
	padding:0;
	text-align:left;
	font-weight:normal;
	color:#333;
}
h4{
	font-size:12px;
	color:#666;
	margin:5px 0px;
	text-align:left;
	font-weight:normal;
}
.room_box{
	width:220px;
	margin:10px 5px 0px 5px;
	text-align:left;
	float:left;
}
* html .room_box{
	margin-right:3px;
	margin-bottom:8px;
} /*IE6ˆÈ‰º*/

#plan{
	margin:10px 0px;
	clear:both;
}
#plan ul{
	margin:0;
	padding:0;
	text-align:left;
	clear:both;
}
#plan li{
	width:220px;
	display:inline;
	list-style-type:none;
	margin:2px 6px;
	float:left;
}
#plan ul .reserve{
	margin-top:8px;
}
#plan .bt_reserve{
	display:block;
	text-align:center;
	clear:both;
	padding-bottom:6px;
	border-bottom:1px dotted #CCC;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 464px;
}
#news_box{
	border:1px solid #AAA;
	margin:10px 0px;
	clear:both;
	text-align:left;
}
#news {
	width: 460px;
	overflow: auto;
	height: 130px;
}
#news img{
	vertical-align:middle;
	margin-right:5px;
	margin-bottom:2px;
	display:inline-block;
}
#news dl{
	margin:2px 0px 2px 15px;
	padding:0;
	text-align:left;
	font-size:11px;
}
#news dt{
	width:70px;
	float:left;
	clear:left;
	text-align:left;
}
#news dd{
	float:left;
	margin-left:3px;
	color:#080;
	font-weight:bold;
	width:350px;
	text-align:left;
}
#meal{
	padding-bottom:6px;
	border-bottom:1px dotted #CCC;
	clear:both;
	margin:10px 0px;
}
#meal .cafe,#meal .ufufu,#g_bana .cafe{
	margin:5px 1px;
	clear:both;
}
#meal .cafe p,#meal .ufufu p,#g_bana .cafe p{
	width:220px;
	text-align:left;
	float:left;
	margin:2px;
}
#g_bana{
	margin:auto;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
}
#meal .u_box{
	margin:3px 0px;
	clear:both;
	text-align:left;
}
#meal .u_box img{
	float:left;
	margin-right:5px;
}
#mear p img{
	margin-bottom:3px;
}
#bana{
	margin:10px 5px;
	clear:both;
}
#bana ul{
	margin:0;
	padding:0;
}
#bana li{
	width:200px;
	display:inline;
	padding:0;
	list-style-type:none;
	text-align:left;
	float:left;
	margin:10px;
}
#bana li img,#bana p img{
	margin-bottom:3px;
}
#bana p{
	margin:3px 10px 10px 10px !important;
}
.count{
	display:block;
	margin:5px 30px;
	clear:both;
	text-align:right;
}
.wedding,.topics,.weather{
	margin-bottom:3px;
}
.left p{
	margin-bottom:5px;
	margin-top:0px;
	text-align:left;
}
.left .topics p{
	margin-top:2px !important;
}
.left p img{
	margin-bottom:3px;
}
.up{
	color:#F06;
}
#footer{
	width:100%;
	background-color:#030;
	height:36px;
	clear:both;
	margin-top:5px;
}
#footer a:hover,#footer a{
	background-color:#030;
}
#footer ul{
	width:750px;
	margin:0 auto;
	padding:0;
	text-align:right;
}
#footer li{
	display:inline;
	height:9px;
	margin:0px 10px;
	padding:0;
	list-style-type:none;
	float:right;
	text-align:left;
}
.top_zoom{
	display:block;
	text-align:center;
	margin-bottom:5px;
	margin-top:2px;
}	
.f_red{
	color:#F03;
	font-size:13px;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#bana_box {
	width:750px;
	margin:auto;
	margin-top:3px;
	margin-bottom:7px;
	padding:0;
	text-align:center;
	clear:both;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
}
#bana_box img{
	margin:3px;
	border:1px solid #666;
}
#bana_box02 {
	width:750px;
	margin:auto;
	margin-top:3px;
	margin-bottom:7px;
	padding:0;
	text-align:center;
	clear:both;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
}
#bana_box02 img{
	margin:3px;
	border:1px solid #666;
}
.sub_box{
	width:220px;
	float:left;
	margin-left:5px;
	margin-top:15px;
}
.topi_area{
	clear:both;
	margin:0;
	padding:0;
	height:36px;
}
.topi_area img{
	float:left;
	width:220px;
}
.topi_area p{
	float:right;
	width:240px;
	text-align:left;
	font-size:10px;
	padding-top:5px;
}
