@charset "utf-8";
/*****************************
　　　　　基　本
*****************************/
body {
	background: url(../img/bk.gif) repeat;
	font-family: MS Pゴシック, Osaka, arial, Times New Roman;
	font-size: 75%;
	line-height: 1.7;
	color: #2b2b2b;
	margin-top: 0;
	margin-bottom: 0;
}

a:link {color: #2b2b2b; text-decoration: underline; }
a:visited {color: #2b2b2b; text-decoration: underline;}
a:hover {color: #2b2b2b; text-decoration: none;}

hr{
     clear: left;
     visibility: hidden;
     height: 0;
     margin: 0;
     border: none;
}

/***IE7にのみ適用***/
*:first-child+html hr{
	 display: none;
}

img{
	margin:0; padding:0; border: none;
}
img.img-png{
	behavior: url("../pngbehavior.htc");
}
*{
	margin:0; padding:0;
}

.left{
	float: left;
}

.font-big{
	font-size: 130%;
	font-weight: bold;
}
.bigbig{
	font-size: 180%;
}
.font-small{
	font-size: 75%;
	color: #333333;
}

.font-red-bold{
	color: #F00;
	font-weight: bold;
}

/*****************************
　　　　　基本ボディ
*****************************/

#body{
	width: 800px;
	margin: 20px auto;
	background: #ffffff url(../img/body-bk.gif) repeat-y center;
}

#header{
	width: 800px;
	background: url(../img/header-bk.gif) no-repeat center top;
}

#header h1{
	margin: 10px 20px;
	width: 250px;
	float: left;
}


#header #tell{
	margin: 10px 20px;
	float: right;
}

#footer{
	background: url(../img/footer-bk.gif) no-repeat center bottom;
	width: 800px;
}

#footer address{
	font-style: normal;
	text-align: center;
	padding: 20px;
}


img#mail{
	vertical-align: bottom;
}
/*****　ナビゲーション　*****/

ul#navigation  {
	margin: 10px 0px;
	padding: 0;
	height: 34px;
	width: 800px;
	clear: both;
}

ul#navigation li{
	list-style:none;
	text-indent: -8467px;
	float: left;
	height: 34px;
	display: block;
}

ul#navigation li a{
	background: url(../img/nav.gif) no-repeat;
	margin: 0;
	padding: 0;
	display: block;
	height: 34px;
}
ul#navigation li#nav1 a{	width:  63px;}
ul#navigation li#nav2 a{	width:  94px;}
ul#navigation li#nav3 a{	width: 104px;}
ul#navigation li#nav4 a{	width:  94px;}
ul#navigation li#nav5 a{	width:  90px;}
ul#navigation li#nav6 a{	width:  90px;}
ul#navigation li#nav7 a{	width:  96px;}
ul#navigation li#nav8 a{	width:  73px;}
ul#navigation li#nav9 a{	width:  96px;}

ul#navigation li#nav1 a{	background-position:    0px 0px;}
ul#navigation li#nav2 a{	background-position:  -63px 0px;}
ul#navigation li#nav3 a{	background-position: -157px 0px;}
ul#navigation li#nav4 a{	background-position: -261px 0px;}
ul#navigation li#nav5 a{	background-position: -355px 0px;}
ul#navigation li#nav6 a{	background-position: -445px 0px;}
ul#navigation li#nav7 a{	background-position: -535px 0px;}
ul#navigation li#nav8 a{	background-position: -631px 0px;}
ul#navigation li#nav9 a{	background-position: -704px 0px;}

ul#navigation li#nav1 a:hover{	background-position:    0px -34px;}
ul#navigation li#nav2 a:hover{	background-position:  -63px -34px;}
ul#navigation li#nav3 a:hover{	background-position: -157px -34px;}
ul#navigation li#nav4 a:hover{	background-position: -261px -34px;}
ul#navigation li#nav5 a:hover{	background-position: -355px -34px;}
ul#navigation li#nav6 a:hover{	background-position: -445px -34px;}
ul#navigation li#nav7 a:hover{	background-position: -535px -34px;}
ul#navigation li#nav8 a:hover{	background-position: -631px -34px;}
ul#navigation li#nav9 a:hover{	background-position: -704px -34px;}

ul#navigation li#nav1.current{	background: url(../img/nav.gif)     0px -69px; width:  63px;}
ul#navigation li#nav2.current{	background: url(../img/nav.gif)   -63px -69px; width:  94px;}
ul#navigation li#nav3.current{	background: url(../img/nav.gif)  -157px -69px; width: 104px;}
ul#navigation li#nav4.current{	background: url(../img/nav.gif)  -261px -69px; width:  94px;}
ul#navigation li#nav5.current{	background: url(../img/nav.gif)  -355px -69px; width:  90px;}
ul#navigation li#nav6.current{	background: url(../img/nav.gif)  -445px -69px; width:  90px;}
ul#navigation li#nav7.current{	background: url(../img/nav.gif)  -535px -69px; width:  96px;}
ul#navigation li#nav8.current{	background: url(../img/nav.gif)  -631px -69px; width:  73px;}
ul#navigation li#nav9.current{	background: url(../img/nav.gif)  -704px -69px; width:  96px;}


/*****************************
　　　　　トップ
*****************************/

img#top-img{
	margin: 0px 0px 10px 10px;
}

img#greeting{
	margin: 0px 0px 0px 3px;
}

#top-left{
	width: 573px;
	margin: 10px 0px 10px 5px;
	float: left;
}

#top-right{
	width: 176px;
	margin: 10px 0px 10px 30px;
	float: left;
}

#top-right img{
	margin: 5px 0px;
}

#information{
	width: 573px;
	background: url(../img/top-info_bk.gif) no-repeat center bottom;
	padding-bottom: 10px;
}
#information ul{
	margin: 0px 30px;
}
#top-button img{
	margin: 0px 0px 3px 20px;
	}


/*****************************
　　　　　サブページ
*****************************/

#sub-title{
	background: url(../img/sub-header-bk.gif) repeat-x;
	margin: 10px;
	width: 780px;
}
#sub-title h2{
	margin: 25px 30px;
	float: left;
}

#sub-title h2 img{
	behavior: url("../pngbehavior.htc");
}

#sub-title h3{
	float: right;
}

/*****　風呂　*****/

#room-roten{
	width: 650px;
	margin: 20px auto;
	padding: 15px;
	text-align: center;
	background: #f8f4e6;
	border: 2px #ede4cd solid;
}

/*****　交通のご案内　*****/

#howto-access{
	margin: 10px auto;
	width: 90%;
	line-height: 2;
}
.howto-here{
	font-size: 130%;
	color: #666666;
	line-height: 1;
	vertical-align: top;
}

/*****　東根温泉　*****/

#yurai{
	width: 500px;
	float: left;
	line-height: 2.5;
	padding: 50px 20px 10px;
}

#kounou{
	width: 180px;
	float: left;
	background: url(../higashine/img/kounou_bk.gif) no-repeat center top;
	padding: 150px 20px 20px 50px;
}

/*****　山形の観光　*****/

#fruits-oukoku{

}

#fruits_left{
	width: 350px;
	float: left;
}

#fruits_right{
	width: 390px;
	margin: 0px 0px 0px 20px;
	float: left;
}
#p-cherry{
	margin: 10px 10px 10px 30px;
}

table.fruits_box{
	border: 1px #666666 solid;
	margin: 3px;
	padding: 5px;
}
.fruits_box h6{
	width: 220px;
	clear: left;
	float: left;
}
.fruits_box img {
	margin: 10px;
	float: right;
}
.fruits_box p{

}


#fruits-oukoku h6{
	font-size: 130%;
	color: #666666;
	border-left: 3px #666666 solid;
	padding: 0px 0px 0px 10px; 
	margin: 5px 0px;
}


/*****　施設　*****/

#floor-body{
	width: 760px;
	margin: 0px 10px 30px 10px;
	border: 3px #fd6b46 solid;
}

#floor-topbox{
	border: 3px #FFCCFF solid;
	width: 95%;
	padding: 5px;
	margin: 5px auto;
}
#floor-topbox img{
	float: left;
}

#floor-topbox p{
	float: right;
	margin: 60px 5px 0px;
}

dl#dl-floor{
	width: 380px;
	float: left;
	margin: 10px 10px 50px;
}

dl#dl-floor dt{
	font-size: 130%;
	color: #FF99CC;
	font-weight: bold;
	clear: left;
	float: left;
	margin-bottom: 20px;
	width: 80px;
	margin-top: 10px;
}

dl#dl-floor dd{
	padding-left: 10px;
	float: left;
	margin-bottom: 20px;
	border-bottom: 1px #FF99CC dashed;
}	


dl.floor-bottom{
	float: left;
	width: 250px;
	height: 250px;
	font-size: 90%;
	padding: 0 0 3px;
	margin: 0px 0px 0px 10px;
}

dl.floor-bottom dt{
	padding-left: 0;
	margin-left: 0;
	text-align: center;
}

dl.floor-bottom dd{
	padding-top: 2px;
	line-height: 1.4em;
}


/*****　施設　ナビゲーション　*****/

ul#floor-navigation  {
	margin: 10px 0px 0px 10px;
	padding: 0;
	height: 44px;
	width: 470px;
	clear: both;
}

ul#floor-navigation li{
	list-style:none;
	text-indent: -8467px;
	float: left;
	height: 44px;
	display: block;
}

ul#floor-navigation li a{
	background: url(../img/floor-nav.gif) no-repeat;
	margin: 0;
	padding: 0;
	display: block;
	height: 44px;
}
ul#floor-navigation li#f-nav1 a{	width:  120px;}
ul#floor-navigation li#f-nav2 a{	width:  128px;}
ul#floor-navigation li#f-nav3 a{	width:  127px;}
ul#floor-navigation li#f-nav4 a{	width:   76px;}

ul#floor-navigation li#f-nav1 a{	background-position:     0px 0px;}
ul#floor-navigation li#f-nav2 a{	background-position:  -120px 0px;}
ul#floor-navigation li#f-nav3 a{	background-position:  -248px 0px;}
ul#floor-navigation li#f-nav4 a{	background-position:  -374px 0px;}

ul#floor-navigation li#f-nav1 a:hover{	background-position:     0px -45px;}
ul#floor-navigation li#f-nav2 a:hover{	background-position:  -120px -45px;}
ul#floor-navigation li#f-nav3 a:hover{	background-position:  -248px -45px;}
ul#floor-navigation li#f-nav4 a:hover{	background-position:  -374px -45px;}

ul#floor-navigation li#f-nav1.current{	background: url(../img/floor-nav.gif)    0px -90px; width: 120px;}
ul#floor-navigation li#f-nav2.current{	background: url(../img/floor-nav.gif) -120px -90px; width: 128px;}
ul#floor-navigation li#f-nav3.current{	background: url(../img/floor-nav.gif) -248px -90px; width: 127px;}
ul#floor-navigation li#f-nav4.current{	background: url(../img/floor-nav.gif) -374px -90px; width:  76px;}

/*****　宿泊プラン　*****/

h4.plan-top-title{
	margin-left: 50px;
}

.plan{
	border-bottom: 1px #666666 dashed;
	width: 80%;
	margin: 20px auto 10px;
}

h4.plan-title{
	padding: 0px 10px;
	margin: 5px 0px 5px 20px;
	color: #CC0000;
	border-left: 5px #CC0000 solid;
	font-size: 130%;
}

h4#h4-res-title{
	width: 80%;
	background: #FFCC99;
	color: #2b2b2b;
	text-align: center;
	/*margin: 20px auto;*/
}

p.plan-date{
	margin: 5px 0px 0px 30px;
}

p.plan-price{
	margin: 5px 0px 0px 30px;
}

p.plan-comment{
	margin: 15px 80px 15px 30px;
	font-size: 80%;
	border-left: 8px #cccccc double;
	padding-left: 10px;
}

p.title-comment{
	margin: 15px 30px 15px 30px;
	font-size: 80%;
}
img.button-todetail{
	margin: 5px 80px 5px 500px;
}
/*
   プラン詳細テーブル
*/

table#table-room{
	width: 75%;
	border: 1px #b4ada9 solid;
	margin-left: 80px;
}

table#table-room td.td-left{
	background: #fae0c1;
	border-bottom: 1px #b4ada9 solid;
	width: 30%;
	padding: 5px 0px;
	text-align: center;
}
table#table-room td.td-right{
	background: #fcf0e1;
	border-bottom: 1px #767675 solid;
	text-align: left;
	padding: 5px;
}
table#table-room td.td-leftbottom{
	background: #fae0c1;
	padding: 5px 0px;
	text-align: center; 
}
table#table-room td.td-rightbottom{
	background: #fcf0e1;
	padding: 5px 0px;	
}

p#child-price{
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color:#FF9999;
	border-left: 5px #FF9999 solid;
	border-right: 5px #FF9999 solid;
	padding: 0px 10px;
	width: 200px;
	margin: 0px auto;
}
table#table-child{
	width: 400px;
	margin: 5px auto;
}
table#table-child td{
	border-bottom: 1px #FF9999 dashed;
	padding: 5px;
}
table#table-child td.td_title{
	color: #FF9999;
}

/*
　　プラン詳細・カレンダー
*/

p#calender-title{
	font-size: 130%;
	line-height: 1;
	margin:40px 0px 5px 10px;
	padding:0;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.2;
}
p#nextback{margin: 5px 0px 5px 370px;}
p#nextback a:hover{ color:#666666;}

P#click-here{
	text-align:center;
	}
table.calendar{
	width: 75%;
	background: #b4ada9;
	line-height: 1.5;
	margin: 10px auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

table.calendar a{
	text-decoration: none;
	color:#990033;
	font-size: 90%;
	font-weight: bold;
	text-decoration: underline;
}

table.calendar td{
	padding: 5px;
}

table.calendar td.td01{
	background: #e5dcd7;
}

table.calendar td.td02{
	background: #fcf0e1;
}

table.calendar td.td-kyuuzen{/*休前日*/
	background: #f9c485;
}

p#planlist-title{
	font-size: 120%;
	font-weight: bold;
	background: url(../img/planlist-title-bk.png) repeat-y left;
	margin-left: 40px;
	padding-left: 20px;
	color: #55295b;
	margin-top: 60px;
	}
	
/*料金説明テーブル*/

table#room-price{
	width: 70%;
	margin: 15px auto;
}
table#room-price.res-table{		/*カレンダーから選ぶ*/
	border: 1px #999999 solid;
	margin: 10px 10px 10px 90px;
	width: 75%;
}

table#room-price td{
	border-bottom: 1px #b4ada9 dashed;
	padding: 5px 10px;
}
table#room-price.res-table td{		/*カレンダーから選ぶ*/
	border: none;
	padding: 2px;
	margin: 2px;
}

table#room-price td.td01{width: 25px;}

p.calendar-date{
	text-align: center;
	margin: 0px;
	padding: 0;
}
p.okey{
	text-align: center;
	font-size: 180%;
	margin: 0px;
	padding: 0;
}

/*
　　料金表
*/

p#price{
	margin: 30px 80px 5px 80px;
	font-size: 80%;
	border-left: 8px #666666 solid;
	padding-left: 10px;
}


table#table-price{
	width: 75%;
	margin-left: 80px;
}

table#table-price td{
	background: #fcf0e1;
	border-bottom: 1px #b4ada9 solid;
	border-right: 1px #b4ada9 solid;
	padding: 5px 0px;
	text-align: center;
}

/*
　　こちらのプランは、お電話にてお問合せ・ご予約ください。
*/

#to-tell-box{
	border: 5px #FF6600 dotted;
	width: 70%;
	margin: 30px auto;
	text-align: center;
	font-size: 120%;
}

p#to-tell{
	font-size: 180%;
	font-weight: bold;
	color: #FF6600;
}

/*
　　00月00日の予約へ進む
*/

.to-res-box{
	width: 160px;
	float: left;
	margin: 0px 5px 5px 80px;
	padding: 10px;
	border: 1px #999999 dotted;
	}
.to-res-box p{
	font-size: 110%;
	font-weight: bold;
	margin: 5px;
	color: #CC3300;
}

/*
　　フォーム
*/

table#form-table{
	width: 400px;
	margin: 30px auto 0px;
	text-align: left;
	line-height: 1.7;
	color: #2e2930;
	}

table#form-table td{
	padding: 15px 7px;
	background: #fcf0e1;
	}


table#form-table td.td01{
	width: 25%;
	}
	
h4.res-confirmatiom{
	text-align: center;
}

/*****　花の湯の便り　*****/

.letter-box{
	border-bottom: 1px #FF6600 dashed;
	padding: 20px 40px;
	margin: 20px 0px;
	text-align: center;
}

.letter-box h4{
	border-left: 5px #FF6600 solid;
	padding-left: 10px;
	color: #FF6600;
	text-align: left;
}
.letter-box p{
	text-align: left;
	clear: both;
	margin-top: 20px;
}


#res-box{
	border: 3px #c9171e double;
	width: 80%;
	padding: 15px;
	font-size: 120%;
	font-weight: bold;
	color: #c9171e;
	margin-bottom: 20px;
}.ma_btm30 {
	margin-bottom: 30px;
}
.oshirase {
	font-size: 130%;
	font-weight: bold;
	padding-left: 20px;
	line-height: 1.5em;
	padding-bottom: 20px;
}
.manshitsu {
	padding-left: 30px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: 20px;
	padding-top: 10px;
}