@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px;}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html dl{height: 1%}
dl{display: block}
/*--ここまでMAC IEは非適用 */

a{ outline:none}

body {
	font-size:80%; /* 基本のフォントサイズ */
	line-height: 1.3em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	color: #333; /* 基本文字色 */
	background:url(../images/bg.gif) repeat
}

#wrapper{
	width:1000px;
	margin:0px auto;
	text-align:left
}

h1{
	font-size:100%;
	padding:7px 0px 0px 40px;
	line-height:1.0em;
	font-weight:normal;
	color:#fff;
	font-size:10px;
	background:url(../images/h1_bg.gif) repeat-x;
	height:20px
}


/* リンク
---------------------------------------------------- */
a:link {color: #cc0000; text-decoration:underline} 
a:visited {color: #cc0000; text-decoration:underline} 
a:hover, a:active {color: #cc0000; text-decoration:none}


/* ページ本体
---------------------------------------------------- */
#pagebody{
	background:url(../images/wrapper_bg.jpg) repeat-y;
	padding:0px 39px;
	width:922px
}


/* ナビゲーション
---------------------------------------------------- */
#navigation1{
	width:922px;
	font-size:12px;
	line-height:120%;
	height:55px
}
#navigation1 ul{list-style:none}
#navigation1 li a{display:block;text-decoration:none}
#navigation1 li{float:left; height:55px}
.navi01{ width:153px}
.navi02{ width:155px}

#navigation2{
	width:922px;
	font-size:12px;
	line-height:120%;
	height:26px
}
#navigation2 ul{list-style:none; width:655px; float:right}
#navigation2 li a{display:block;text-decoration:none}
#navigation2 li{float:left; height:26px}
.navi07{ width:61px}
.navi08{ width:106px}
.navi09{ width:82px}
.navi10{ width:78px}
.navi11{ width:108px}
.navi12{ width:68px}
.navi14{ width:85px}
.navi15{ width:67px}


/* フッタ
---------------------------------------------------- */
#footer{
	background:url(../images/footer_bg.gif) repeat-x;
	padding:7px 10px 0px 7px;
	_height:33px;
	min-height:33px
}
#footer ul{
	line-height:1.5em;
	font-size:10px
}
#footer li{
	list-style:none;
	display:inline;
	border-right:#666 1px solid;
	padding:0px 5px
}
#footer li.last{border:none; padding-right:0px}
#footer li a:link { color:#fff;text-decoration:none} 
#footer li a:visited { color:#fff;text-decoration:none}
#footer li a:hover,
#footer li a:active{ color:#fff;text-decoration:underline}

address{ font-style:normal; font-size:10px; line-height:1.5em}
address p{ float:right; width:15px}
address span{ font-size:12px}


/* トップ
---------------------------------------------------- */
.flash{ border-bottom:2px solid #000; width:1000px; height:411px}
.flash p{ margin-bottom:0px}

.top_content{ width:695px; float:left; margin-bottom:30px}

.top_topics{
	width:280px;
	float:left;
	background:url(../images/top_topics_bg.jpg) no-repeat bottom;
}
.top_topics table{
	width:260px;
	margin:0px auto 20px
}
.top_topics th{
	padding:5px 0px 5px 12px;
	background:url(../images/mark_topics.gif) no-repeat left center;
	font-weight:normal;
	text-align:left;
}
.top_topics th img{ vertical-align:middle}
.top_topics td{
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted #ccc;
}
.top_topics td img{ width:100px; float:right; padding:0px 0px 5px 5px}

.top_plan{
	width:370px;
	float:right;
	border:1px solid #e9c26d;
	background-color:#fff;
	padding:14px 14px 0px 14px
}
.top_plan h4{
	background:url(../images/top_plan_bg.jpg) no-repeat center;
	font-size:100%;
	padding:5px 5px 5px 25px;
	margin-bottom:9px
}
.top_plan_img{ width:120px; float:left;margin-bottom:15px}
.top_plan_text{ width:240px; float:right}
.top_plan_text h5{
	background:url(../images/price.jpg) no-repeat left top;
	font-size:100%;
	font-weight:normal;
	padding:0px 0px 7px 40px;
	border-bottom:1px dotted #ccc;
	margin-bottom:9px;
	_height:19px;
	min-height:19px;
}
.top_plan_text h5 strong{ color:#c00}
.top_plan_text img{ width:70px; float:left; margin-right:9px; margin-bottom:15px}

.top_side{
	width:210px;
	float:right;
	background:url(../images/top_side_bg.gif) no-repeat bottom;
	margin-top:12px
}
.top_side2{
	background:url(../images/top_side_top.gif) no-repeat top;
	padding:15px
}
.top_side2 p{ margin-bottom:10px}

.top_banner{ font-size:10px; line-height:1.5em; padding-bottom:5px; border-bottom:1px dotted #ccc; margin-bottom:5px}


/* 各ページ共通
---------------------------------------------------- */
#content{
	width:882px;
	border:1px solid #e9c26d;
	background-color:#fff;
	margin-top:15px;
	padding:19px
}

#intro{background:url(../images/intro.jpg) no-repeat; width:1000px; height:288px}
#flours{background:url(../images/flours.jpg) no-repeat; width:1000px; height:288px}
#room{background:url(../images/room.jpg) no-repeat; width:1000px; height:288px}
#spring{background:url(../images/spring.jpg) no-repeat; width:1000px; height:288px}
#menu{background:url(../images/menu.jpg) no-repeat; width:1000px; height:288px}
#kannai{background:url(../images/kannai.jpg) no-repeat; width:1000px; height:288px}
#shuhen{background:url(../images/shuhen.jpg) no-repeat; width:1000px; height:288px}
#access{background:url(../images/access.jpg) no-repeat; width:1000px; height:288px}
#contact{background:url(../images/contact.jpg) no-repeat; width:1000px; height:288px}
#mail{background:url(../images/mail.jpg) no-repeat; width:1000px; height:288px}
#mm{background:url(../images/mm.jpg) no-repeat; width:1000px; height:288px}
#intro img,
#flours img,
#flours img,
#room img,
#spring img,
#menu img,
#kannai img,
#shuhen img,
#access img,
#contact img,
#mail img,
#mm img{ margin-left:30px}


#snavi{
	width:862px;
	background:url(../images/link_bg2.jpg) no-repeat;
	font-size:12px;
	line-height:120%;
	padding:5px 10px;
	height:38px;
	margin-bottom:19px
}
#snavi ul{list-style:none; float:left}
#snavi li a{display:block;text-decoration:none}
#snavi li{float:left; height:38px}
#snavi p{ width:189px; float:right; margin-bottom:0px}


/* ロケ地の宿
---------------------------------------------------- */
.intro_table{
	width:100%;
	margin-bottom:40px
}
.intro_table th{
	padding:8px 10px;
	text-align:left;
	vertical-align:top;
	color:#444;
	width:20%
}
.intro_table td{
	padding:8px 10px
}
.intro_bg{ background-color:#f8edd3;}
.intro_table img{ float:right; margin-left:10px; border:1px solid #fff}

.intro_kobako_text{ width:668px; float:left;}
.intro_kobako_img{width:194px;	float:right; margin-bottom:15px}

.intro_kobako_text2{ width:587px; float:left;}
.intro_kobako_img2{width:275px;	float:right; margin-bottom:15px}


/* 庭園
---------------------------------------------------- */
.flours_img{width:612px; margin-bottom:30px}

.flours_img_hana{ float:right; width:565px}
.flours_img_hana img{ width:96px; float:left; padding:5px; border:1px solid #ccc; margin-left:5px; margin-bottom:5px}


/* お部屋
---------------------------------------------------- */
.room_h2{ width:112px; float:left}
.room_box{ width:750px; float:right}

.room_text{background:url(../images/text_bg.gif) no-repeat bottom;}
.room_text p{background:url(../images/text_top.gif) no-repeat top;padding:10px}

.room_img_left{ width:288px; float:left;padding:5px; border:1px solid #ccc; margin-bottom:15px}
.room_img_right{ width:445px; float:right}
.room_img_right img{ float:left; width:133px; padding:5px; border:1px solid #ccc}

.room_link{ width:730px;background:url(../images/link_bg.gif) repeat; padding:7px 10px; margin-bottom:40px}
.room_link p{ float:right; background:url(../images/mark_link.gif) no-repeat left center;padding-left:15px; margin-bottom:0px}

.room_box2{ width:295px; float:left; margin-bottom:15px}
.room_box3{ width:445px; float:right; margin-bottom:15px}
.room_img2 img{ float:left; width:133px; padding:5px; border:1px solid #ccc}

.room_box4{ width:750px;margin-bottom:15px}
.room_box4 img{ float:left; width:133px; padding:5px; border:1px solid #ccc}


/* 温泉
---------------------------------------------------- */
.spring_text{
	background:url(../images/text_top.gif) no-repeat top;
	width:595px;
	float:left;
	padding-top:2px;
	margin-bottom:30px
}
.spring_text p{background:url(../images/spring_text_bg.gif) no-repeat bottom;padding:10px}
.spring_text img{float:left; width:133px; padding:5px; border:1px solid #ccc}
.spring_img{ width:260px; float:right; padding:5px; border:1px solid #ccc;margin-bottom:30px}

.spring_table{
	width:100%;
	background:url(../images/spring_table_bg.jpg) no-repeat right bottom;
	margin-bottom:15px;
	border-collapse:collapse;
}
.spring_table th{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:3px 10px;
	background-color:#eee;
	text-align:left;
}
.spring_table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:3px 10px;
}


/* お食事
---------------------------------------------------- */
.menu_img{ width:392px; float:left; padding:5px; border:1px solid #ccc}
.menu_img2{ width:463px; float:right;}
.menu_img2 img{ width:100px; float:left;padding:5px; border:1px solid #ccc; margin-bottom:5px}

.menu_link{ width:862px;background:url(../images/link_bg.gif) repeat; padding:7px 10px; margin-bottom:40px}
.menu_link p{ float:right; background:url(../images/mark_link.gif) no-repeat left center;padding-left:15px; margin-bottom:0px}

.menu_becchu{
	width:272px;
	float:left;
	display:inline;
	border:1px solid #ccc;
	padding:5px;
	margin-bottom:15px
}
.menu_becchu p{ padding-top:5px; margin-bottom:0px; text-align:center;}

.menu_becchu2{
	width:129px;
	float:left;
	display:inline;
	border:1px solid #ccc;
	padding:5px;
	margin-bottom:15px
}
.menu_becchu2 p{ padding-top:5px; margin-bottom:0px; text-align:center; font-size:10px; line-height:1.5em;}

.menu_jizake{
	width:431px;
	float:left;
	margin-bottom:10px
}
.menu_jizake img{ float:left; width:130px; padding:5px; border:1px solid #ccc}
.menu_jizake_text{width:279px; float:right}
.menu_jizake h4{
	font-size:100%;
	background:url(../images/link_bg.gif) repeat;
	padding:7px 10px;
	margin-bottom:10px
}
.menu_jizake h4 span{ font-weight:normal}

.menu_asa_text{ float:left; width:294px}
.menu_img_asa{float:right;width:578px}
.menu_img_asa img{
	width:272px;
	float:left;
	border:1px solid #ccc;
	padding:5px;
	margin-left:5px;
	margin-bottom:20px
}


/* エステ・館内
---------------------------------------------------- */
.kannai_esute_text{ width:650px; float:left}
.kannai_esute_text h3{
	background:url(../images/link_bg.gif) repeat;
	padding:5px 10px;
	font-size:100%;
	margin-bottom:10px
}
.kannai_esute_img{ width:200px; float:right;padding:5px; border:1px solid #ccc}

.kannai_box{width:431px;float:left;display:inline; margin-bottom:20px}
.kannai_box h3{
	font-size:130%;
	background:url(../images/title_bg.jpg) repeat-x;
	padding:15px 0px 0px 0px;
	text-align:center;
	min-height:33px;
	height:33px
}
.kannai_box p{ margin:0px 40px; text-align:left}
.kannai_box img{ margin:0px 40px; display:inline;padding:5px; border:1px solid #ccc}


/* 周辺案内
---------------------------------------------------- */
.shuhen_kanko{
	width:284px;
	float:left;
	display:inline
}
.shuhen_kanko h3{
	font-size:120%;
	background:url(../images/title_bg.jpg) repeat-x;
	padding:15px 0px 0px 0px;
	text-align:center;
	min-height:33px;
	height:33px
}
.shuhen_kanko h3 span{ font-weight:normal; font-size:80%}
.shuhen_kanko img{border:1px solid #ccc;padding:5px; margin-bottom:10px}

.shuhen_kanko2{	width:207px;float:left}
.shuhen_kanko2 h3{
	font-size:100%;
	border-bottom:1px solid #aaa;
	padding-bottom:3px;
	margin-bottom:10px
}
.shuhen_kanko2 h3 span{ font-size:10px; font-weight:normal }

.shuhen_ul{ width:300px; float:left; list-style:none; margin-bottom:30px}
.shuhen_ul li{ background:url(../images/mark_link.gif) no-repeat left center; padding-left:15px;line-height:1.8em }

.shuhen_table{
	width:100%;
	margin-bottom:5px;
	border-collapse:collapse;
}
.shuhen_table th{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:3px 10px;
	background-color:#eee;
	text-align:center;
}
.shuhen_table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:3px 10px;
}

.shuhen_taxi{ width:650px; float:left}

.shuhen_ul2{list-style:square;line-height:1.8em; margin-left:17px; margin-bottom:30px}
.shuhen_ul2 li{ border-bottom:1px dotted #ccc; padding:9px 0px}
.shuhen_ul2 li span{ font-size:10px}


/* アクセス
---------------------------------------------------- */
.access_map{width:600px;float:left}
.access_text{ width:262px; float:right}

.access_text h3{
	background:url(../images/link_bg.gif) repeat;
	padding:7px 10px;
	font-size:100%;
	margin-bottom:10px
}
.access_text iframe{ border:1px solid #ccc; margin-bottom:5px}


/* 英語ページ
---------------------------------------------------- */
.mail_img{ width:327px; float:left; padding:5px; border:1px solid #ccc}
.mail_img_box{
	width:538px;
	float:right;
	padding-top:2px;
	margin-bottom:30px
}
.mail_img_box img{float:left; width:164px; padding:5px; border:1px solid #ccc; margin-bottom:5px}

.mail_bath{ width:431px; margin-bottom:30px}
.mail_bath_img{border:1px solid #ccc; padding:5px; margin-bottom:5px}

.mail_access{ width:560px; float:left}
.mail_map{ width:302px; float:right}
.mail_map iframe{ border:1px solid #ccc; margin-bottom:5px}



/* お問い合わせ
---------------------------------------------------- */
.contact_table{
	width:100%;
	margin-bottom:15px;
	border-collapse:collapse;
	border:1px solid #ccc
}
.contact_table th{
	width:25%;
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:3px 10px;
	background-color:#eee;
	font-weight:normal;
	text-align:left
}
.contact_table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:3px 10px
}

.contact_table span{ color:#c00}
.contact_table td p{ color:#666; margin-bottom:0px}

.mail_table td{ border:none; padding:0px 10px 2px 0px}

.form02{width:150px}
.form03{width:400px}
.form04{width:100%}



/* 汎用スタイルシート
---------------------------------------------------- */
p{margin-bottom:1.5em}
img {border: 0px; vertical-align:bottom}
table{ margin-top:1px}
.clear {clear: both}

.tar{text-align:right}
.tac{text-align:center}

.f-left{float:left}
.f-right{float:right}

.link{ background:url(../images/mark_link.gif) no-repeat left center; padding-left:15px}

.roupe{ background:url(../images/roupe.gif) no-repeat left center; padding-left:23px}

.ul_mark{ list-style:none; margin-bottom:20px}
.ul_mark li{ background:url(../images/mark_topics.gif) no-repeat left center; padding-left:12px;line-height:1.8em }

.ul_c{ list-style:circle; margin-left:17px;}

.text-s{ font-size:10px;}

.title{
	font-size:130%;
	background:url(../images/title_bg.jpg) repeat-x;
	padding:15px 0px 0px 10px;
	min-height:33px;
	height:33px
}
.title span{ font-size:80%; font-weight:normal}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mr5{ margin-right:5px}
.mr6{ margin-right:6px}
.mr15{ margin-right:15px}
.mr18{ margin-right:18px}
.mr20{ margin-right:20px}
.ml5{ margin-left:5px}
.ml10{ margin-left:10px}


/* Urgent
---------------------------------------------------- */
.font_r {
color: #ff0000;
}