@charset "utf-8" ;


/********************************************************************************************************
AUTHOR:         a.oya
CSS構成書:      基本定義（全頁共通）
LAST MODIFIED:  2008.06.18  


*********************************************************************************************************/ 



/* -------------------------------------------------------------------------------------------------------
            基本CSS（全ページ共通）      
------------------------------------------------------------------------------------------------------- */

/* --- リセット --- */
body, div, pre, p, blockquote, pre,
form, fieldset, input, textarea, select, option,
dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6,
table, th, td,
embed, object {
    margin : 0 ;
    padding : 0 ;
    vertical-align : baseline ;
}


/* --- ページ基本 --- */
body {
    color : #333333 ;
    background:#FFFFFF;
    margin : 0 auto ;
    padding : 0 0 12px 0 ;
    font-size : 62.5% ; /* 10px */
    font-family:"ＭＳ Ｐゴシック",sans-serif;
    text-align : center ; /* IE5.x対策 */
}


/* --- 見出し --- */
h1, h2, h3, h4, h5, h6 {
    font-style : normal ;
    font-weight : normal ;
    font-size : 1.2em ; /* 12px */
}


/* --- 段落 --- */
p {
    text-align : justify ;
    text-justify : inter-ideograph ;
}


/* --- テーブル・画像・引用・リスト・アドレス --- */
table {
    border-spacing : 0 ;
    font-size : 1.2em ; /* 12px */
}
* html table,
*:first-child+html table { border-collapse : collapse ; }
caption, th {
    text-align : left ;
    font-weight : normal ;
}
table, th, td, img { border : none ; }

/*img, input { vertical-align : middle ; }*/
q:before, q:after { content : '' ; }

ol,ul {
    list-style : none ;
    font-size : 1.2em ; /* 12px */
}
dl { font-size : 1.2em ; } /* 12px */

address,em { font-style : normal ; }





/* --- リンク関連 --- */
a {}
a:link {}
a:visited {}
a:hover {}
a:active {}
a:focus {}

/* -------------------------------------------------------------------
            ヘッダー設定
													08.08.20 tosa
-------------------------------------------------------------------- */
#SEO {
	width : 100% ;
	overflow : hidden ; /* float対策 */
	clear:both;
	margin:5px 0 0 0;
}
#SEO h1 {
	margin : 5px 10px ;
	float:left;
}
#SEO h1 img { margin-right:10px; }
h1 strong { font-weight : normal ; }

#SEO span {
color:#D90000;
font-weight:bold;
	color:#333333;
	text-align:left;
	line-height:1.6;
	font-size : 16px ;
}

#SEO span.red {
color:#D90000;
}


/* --- 共通クラス --- */
.clear { clear : both ; }

.Left_box,
.img_left { float : left ; }

.Right_box,
.img_Right { float : right ; }

.bold { font-weight : bold ; }
.italic { font-style : italic ; }
/* ------------- 共通pクラス ------------- */
.comment{
    display:block;
	width:750px;
	margin:0 auto;
	padding:8px 0 10px 0;
}
.comment p{
	font-size:1.4em;
	line-height:142%;
	font-weight:600;
}
.comment02{
    display:block;
	width:750px;
	margin:0 auto;
	padding:2px 0 0 0;
}
.comment02 p{
	text-align:center;
	font-size:1.4em;
	line-height:142%;
	font-weight:600;
}
.comment03{
    display:block;
	width:540px;
	margin:8px auto 0 auto;
}
.comment03 p{
	font-size:1.4em;
	line-height:142%;
	font-weight:600;
}

/* End:共通クラス */

/*---- clearfix (floatによるboxの浮き上がり解除) 
--------------------------------------------------------*/
.clearfix:after {
    content : "." ;
    display : block ;
    height : 0 ;
    clear : both ;
    visibility : hidden ;
}
.clearfix { display : inline-block ; }
/* Hides from IE-Mac \*/
*html .clearfix { height : 1% ; }
.clearfix { display : block ; }
/* End hide from IE-mac */

/*  End:clearfix 
--------------------------------------------------------*/

/* -------------------------------------------------------------------------------------------------------
            内容ここから      
------------------------------------------------------------------------------------------------------- */
#container{
	width:900px;
	text-align:left;
	margin:0 auto;
}

#main{
	display:block;
	width:900px;
	border:1px solid #FFFFFF;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	text-align:center;
}

/*プラン*/
.plan {
background:#442028;
text-align:left;
width:900px;
margin:10px auto 0 auto;
padding:20px auto;
	overflow : hidden ; /* float対策 */
}

/*プラン1*/
.plan1 {
	margin:18px 3px 18px 0;
	padding:0 0 10px 0;
	background:url(img/plan1_bg.jpg) center top no-repeat;
}

.h3_box {
width:840px;
margin:0 0 20px 30px;
padding:20px 0 0 0;
clear:both;
font-size:10px;
}

.h3_box h3{
margin:0 10px 0 0;
	font-size:10px;
	color:#321301;
	text-align:left;
	float:left;
}

.h3_box span {
line-height:1.5;
font-size:10px;
}

/*プランtable*/
.plan_table {
background:#FFFFFF;
width:800px;
margin:0 30px;
padding:0 18px 10px 18px;
overflow:hidden;
}

.plan1_table {
background:#FFFFFF;
width:264px;
margin:10px 4px 0 0;
border-collapse: collapse;
border:1px solid #E2686E;
font-size:10px;
color:#321301;
float:left;
}

.plan1_table_right {
margin:10px 0 0 0;
}


.plan1_table tr {
color:#321301;
vertical-align:middle;
text-align:center;
border:1px solid #E2686E;
padding:3px;
}

.plan1_table tr.color {
background:#FAE4E6;
color:#321301;
vertical-align:middle;
text-align:center;
border:1px solid #E2686E;
padding:3px;
}

.plan1_table td {
color:#321301;
vertical-align:middle;
text-align:center;
border:1px solid #E2686E;
padding:3px;
}

.plan1_table td.yado {
color:#321301;
vertical-align:middle;
text-align:left;
border:1px solid #E2686E;
padding:3px;
}


.plan1_table td.ken {
color:#FFFFFF;
background-color:#E2686E;
text-align:center;
}




/*プラン2*/
.plan2 {
	margin:18px 3px 18px 0;
	padding:0 0 10px 0;
	background:url(img/plan2_bg.jpg) center top no-repeat;
}

.plan2_table {
background:#FFFFFF;
width:264px;
margin:10px 4px 0 0;
border-collapse: collapse;
border:1px solid #BF955F;
font-size:10px;
color:#321301;
float:left;
}

.plan2_table tr {
color:#321301;
vertical-align:middle;
text-align:center;
border:1px solid #BF955F;
padding:3px;
}

.plan2_table tr.color {
background:#EFE1B4;
color:#321301;
vertical-align:middle;
text-align:center;
border:1px solid #BF955F;
padding:3px;
}

.plan2_table td {
color:#321301;
vertical-align:middle;
text-align:center;
border:1px solid #BF955F;
padding:3px;
}

.plan2_table td.yado {
color:#321301;
vertical-align:middle;
text-align:left;
border:1px solid #BF955F;
padding:3px;
}


.plan2_table td.ken {
color:#FFFFFF;
background-color:#BF955F;
text-align:center;
}


.plan2_table_right {
margin:10px 0 0 0;
}






/*申込*/
#moushikomi {
width:898px;
margin:20px auto 0 auto;
border:solid 1px #660000;
background:#FFE1C4;
text-align:left;
padding:0 0 20px 0;
}

#moushikomi h4 {
margin:0 0 10px 0;
}

#moushikomi p {
padding:10px 30px 20px 30px;
font-size:12px;
line-height:1.6;
font-weight:normal;
}

#moushikomi span {
color:#660000;
}

#tel {
margin:0 181px 15px 181px;
}

#flow {
margin:0 99px 30px 99px;
}

#etabi {
width:840px;
margin:0 auto;
background:url(img/qr.gif) right bottom no-repeat;
font-size:10px;
line-height:1.4;
text-align:center;
}

#etabi span {
color:#0000FF;
font-size:16px;
font-weight:bold;
}

#etabi img {
margin:0 0 10px 0;
}




/*フッター*/
#footer{
	margin:6px 0 4px 0;
}
#footer p{
	text-align:right;
	color:#000000;
	font-weight:400;
}



/* --- 温泉別ページ用 --- */

/*パンくずリスト*/
.topic_path {
font-size:12px;
text-align:left;
margin:8px 0 0 10px;
}

/*温泉リスト*/
.list {
font-size:12px;
text-align:right;
margin:10px 0 10px 0;
line-height:1.6;
}


/*温泉BOX*/
#onsen_box {
text-align:left;
width:900px;
padding:20px auto 0 auto;
}

/*温泉紹介*/
#onsen {
	margin:0;
	padding:0 0 20px 0;
	background:url(img/onsen_bg.jpg) center top repeat-y;
}



#onsen h3 {
margin:0 0 0 0;
padding:37px 0 15px 30px;
text-align:left;
}

#onsen_info {
font-weight:bold;
line-height:1.8;
font-size:14px;
margin:0 0 0 30px;
}

#onsen_info2 {
width:798px;
border:#FF9933 1px solid;
background-color:#FFFFDF;
padding:10px 20px 10px 20px;
margin:15px auto 0 auto;
clear:both;
overflow:hidden;
}

#onsen_info2 table {
width:395px;
float:left;
font-size:12px;
line-height:1.6;
border-collapse: collapse;
}

#onsen_info2 td.koumoku {
width:60px;
color:#660000;
}


#onsen_footer {
width:900px;
height:20px;
background:url(img/onsen_footer_bg.gif) center bottom no-repeat;
margin:0;
padding:0;
}




/*宿紹介*/
.yado_box {
background:#FFFFFF;
width:798px;
margin:0 auto 5px auto;
padding:0 20px 20px 20px;
clear:both;
overflow:hidden;
}

.yado_plan1 {
border:#E2686E 1px solid;
background-image:url(img/yado01_bg.jpg);
background-position:top left;
background-repeat:repeat-y;
}

.yado_plan2 {
border:#BF9560 1px solid;
background-image:url(img/yado02_bg.jpg);
background-position:top left;
background-repeat:repeat-y;
}

/*宿紹介 左BOX*/
.yado_box_left {
width:535px;
margin:20px 13px 0 0;
float:left;
font-size:12px;
line-height:2;
}

/*宿紹介 右BOX*/
.yado_box_right {
width:250px;
margin:20px 0 0 0;
float:right;
}


/*宿キャッチ*/
.catchcopy {
font-weight:bold;
color:#CC3300;
font-size:16px;
line-height:normal ;
}

/*宿名*/
.yado_box_left h4 {
color:#442028;
font-size:20px;
line-height:1;
margin:15px 0;
_margin:15px 0 5px 0;
}

.address {
margin:5px 0 8px 0;
}

span.color {
color:#660000;
}

.hr_img {
margin:0 0 12px 0;
}


.syutten {
font-size:10px;
margin:0 0 10px 0;
text-align:right;
}