@charset "utf-8";
/* ===================================================================
CSS information

 file name  :index.css
 style info :トップページ設定

=================================================================== */





/*----------------------------------------------------
	#Flash_contents

----------------------------------------------------- */
#Flash_contents{
	width:880px;
	height:230px;
	margin:0 auto 0;background:#950303;
	clear:both;
	overflow:hidden;
}



/*----------------------------------------------------
	 #GlovalNavi
 
----------------------------------------------------- */


#GlovalNavi {
	width:880px;
	height:24px;
	margin:0 auto;
	background:url(../images/index/nav_side.gif) right 0 no-repeat;
}

	#GlovalNavi li {
		height:24px;
		float: left;
	}
		#GlovalNavi li a{
			width:79px;
			height:24px;
			display:block;
			text-indent:-9999px;
			background-image:url(../images/common/GlovalNavi/GlovalNavi_top.gif);
			backgroun-repeat:no-repeat;
		}

#GlovalNavi li.nv01 a{background-position:0 0 ;width:83px;}/*お知らせ*/
#GlovalNavi li.nv02 a{background-position:83px 0;width:83px;}/*アクセス*/
#GlovalNavi li.nv03 a{background-position:166px 0;width:83px;}/*施設*/
#GlovalNavi li.nv04 a{background-position:249px 0;width:83px;}/*客室*/
#GlovalNavi li.nv05 a{background-position:331px 0;width:82px;}/*温泉*/
#GlovalNavi li.nv06 a{background-position:414px 0;width:83px;}/*宿泊プラン*/
#GlovalNavi li.nv07 a{background-position:497px 0;width:83px;}/*日帰りプラン*/

#GlovalNavi li.nv01 a:hover{background-position:0 24px;}
#GlovalNavi li.nv02 a:hover{background-position:83px 24px;}
#GlovalNavi li.nv03 a:hover{background-position:166px 24px;}
#GlovalNavi li.nv04 a:hover{background-position:249px 24px;}
#GlovalNavi li.nv05 a:hover{background-position:331px 24px;}
#GlovalNavi li.nv06 a:hover{background-position:414px 24px;}
#GlovalNavi li.nv07 a:hover{background-position:497px 24px;}



/*----------------------------------------------------
	#contents
	
----------------------------------------------------*/

/***************
	枠
***************/

#contents {
	width: 880px;
	margin:0 auto ;
	background:url(../images/index/body.gif) 0 0 repeat-y;
	overflow:hidden;
}


#Left {
	float: left;
	width: 180px;
	padding:10px 5px;
	position: relative;
}


#Center {
	float: left;
	width: 470px;
	padding:10px 14px;
}

#Right {
	float: right;
	width: 190px;
}


#right_top {
	padding:7px;
	background:url(../images/index/top_right.gif) 0 top no-repeat ;
}


/***************
	左
***************/

#bunner_japanican {
	width: 166px;
	border-collapse: collapse;
	position: absolute;
	top: 440px;
	left: 10px;
}
#bunner_japanican td {
	height: 18px;
	border: solid 3px #67210b;
	overflow: hidden;
}
#bunner_japanican a {
	width: 80px;
	height: 18px;
	display: block;
	overflow: hidden;
}

/***************
	中
***************/

#Center h2{
	width:470px;
	height:26px;
	text-indent:-9999px;
	margin:0 auto 10px;
	background:url(../images/index/plan_bar.gif) 0 0 no-repeat;
}
#Center .newInfo h2{
	margin:0 auto;
	background:url(../images/index/plan_bar02.gif) 0 0 no-repeat;
}

#Center ul{
	width:100%;
}

#Center ul li{
	width:100%;
	height:60px;
	margin:0 auto 10px;
}

	#Center ul li .Img{
		width:65px;
		height:48px;
		padding:5px;
		margin:0 0 0 0;
		border:1px solid #d0c3b2;
		float:left;
		overflow:hidden;
	}
		#Center ul li .Img a{
			width:65px;
			height:48px;
			display:block;
		}
			#Center ul li .Img img{
				width:65px;
				height:48px;
			}
		
	
	#Center ul li .Txt{
		width:385px;
		float:right;
	}
	
		#Center ul li .Txt h3{
			width:375px;
			background:#eee3ce;
			padding:2px 0 0px 10px;
			_padding:5px 0 3px 10px;
			overflow:hidden;
			margin:0 0 2px;
		}
			#Center ul li .Txt h3 span{
				padding:0 0 0 7px;
				font-weight:700;
				color:#654a4a;
				line-height:1em;
				border-left:3px solid #fff;
			}
	
		#Center ul li .Dayprice{
			height:15px;
			margin:0 0 3px;
			overflow:hidden;
		}
		#Center ul li .Day,#Center ul li .Price {
			padding: 0 0 0 10px;
			background: url(../images/index/icon01.gif) no-repeat 0 2px;
		
		}
			#Center ul li .Day{
				float:left;
			}
			#Center ul li .Price{
				float:right;
			}
			#Center ul li .Day span,#Center ul li .Price span{color:#e58525; font-weight: bold;}
			
		#Center ul li .Description{
			height:17px;
			padding:2px 0 0;
			overflow:hidden;
			background:url(../images/common/acce/dotted01.gif) 0 top repeat-x ;
		}





.newInfo {
	padding-top: 1px;
	border-bottom: solid 1px #CBA7A7;
}
.newInfo dl {
	width: 468px;
	height: 123px;
	padding: 2px 0 0;
	border-left: solid 1px #CBA7A7;
	border-right: solid 1px #CBA7A7;
	overflow: auto;
}
.newInfo dt {
	width: 65px;
	padding: 0 0 2px 30px;
	float: left;
	clear: both;
	background: url(../images/system/icon01.gif) no-repeat 15px 5px;
}
.newInfo dd {
	width: 325px;
	float: right;
	padding: 0 5px 2px 142px;
	margin: 0 0 2px -142px;
	border-bottom: dotted 1px #ccc;
}
* html .newInfo dl {
	height: 125px;
	padding: 0;
	overflow-y: scroll;
}
* html .newInfo dt {
	width: 85px;
	padding: 2px 0 2px 30px;
	float: left;
	background: url(../images/system/icon01.gif) no-repeat 15px 8px;
}
* html .newInfo dd {
	width: 325px;
	float: left;
	padding: 2px 5px 2px 162px;
	margin: 0 0 0 -162px;
}
*:first-child+html .newInfo dl {
	height: 125px;
	padding: 0;
	overflow-y: scroll;
}
*:first-child+html .newInfo dt {
	width: 85px;
	padding: 2px 0 2px 30px;
	float: left;
	background: url(../images/system/icon01.gif) no-repeat 15px 8px;
}
*:first-child+html .newInfo dd {
	width: 325px;
	float: left;
	padding: 2px 5px 2px 162px;
	margin: 0 0 0 -162px;
}




.yahooweather {
	width: 150px;
	padding: 5px 5px 0;
	background:#fff;
	border: solid 7px #C2AD9C;
}


* html .yahooweather {padding: 5px;}
*:first-child+html .yahooweather {padding: 5px;}

.Ymd h3 {
	margin: 0 0 4px;
}
* html #Reserv select {font-size: 1em;}
*:first-child+html #Reserv select {font-size: 1em;}
html>/**/body #sample02 p {font-size: 1em;}
.textR {
	text-align: right;
}
.peaple select {
	margin: 0 0 4px;
}

#search img {
	width: 115px;
	margin: 0 auto;
	padding: 4px 0 0;
	display: block;
}
.room {padding: 2px 0;}
.room h3 {
	width: 55px;
	height:14px;
	float: left;
	padding: 0 0 0 10px;
	background:url(../images/common/reserv/room_type.gif) no-repeat 5px 4px;
	text-indent: -9999px;
}




.weatherTable {
	background: #fff;
	padding: 3px 0 1px;
	border: 5px solid #C2AD9C;
}
.weatherTable form {
	text-align: center;
}
.weatherTable select {
	width: 50px;
	font-size: 0.9em;
}
.weatherTable Table {
	font-size: 0.9em;
	width: 100%;
	border-collapse: collapse;
	border-bottom: solid 1px #fff;
}
.weatherTable td {
	padding: 5px 0 0;
}
.weatherTable td,.weatherTable th {
	border-bottom: dotted 1px #ccc;
	vertical-align: middle;
}
.weatherTable .max {color: #cc3131;}
.weatherTable .min {color: #16348c;}