@charset "UTF-8";
/* CSS Document */

/* font-size
10px：84%	12px：100%	14px：117%	16px：134%
18px：150%	21px：175%	24px：200%
*/


/* 初期設定
----------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: #F4FBFE url(../common/bg.jpg) repeat-x;
}

/* for IE6 */
* html body { font-size: 75%; }
/* for IE7 */
*:first-child+html body { font-size: 75%; }

a:link { color: #7D2900; }
a:visited{ color: #A4694C; }
a:hover{ color: #7D2900; }
img{
	border: none;
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, ol, input, text{ margin:0; padding:0; }
li{ list-style-type:none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* レイアウト
----------------------------------------------------*/
#wrap{
	margin: 0 auto;
	width: 950px;
	text-align: left;
}
#header{
	background: url(../common/header_bg.jpg) no-repeat;
	position: relative;
	height: 82px;
}
#content{
	margin: 20px 0 50px 0;
	height: auto;
	overflow: hidden;
}
#main{
	float: right;
	width: 710px;
}
#side{
	float: left;
	width: 220px;
}
#footer{
	border-top: 1px dotted #174CA1;
	background: #FFF;
	padding: 20px 0;
}


/* ヘッダー
----------------------------------------------------*/
#header h1{
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 10px;
	line-height: 1.2;
}
#header h2{
	position: absolute;
	top: 35px;
	left: 20px;
}
#header h3#maiok{
	position: absolute;
	top: 9px;
	right: 0;
}
#header h3#maitabi{
	position: absolute;
	top: 29px;
	right: 0;
}

/* 文字サイズ変更 
#header dl{
	position: absolute;
	top: 53px;
	right: 0;
	height: auto;
	overflow: hidden;
	font-size: 10px;
	line-height: 1.0;
}
#header dl dt{
	float: left;
	width: 96px;
}
#header dl dd{
	float: left;
	text-indent: -9999px;
}
#header dl dd a{
	display: block;
	width: 19px;
	height: 19px;
}
#header dl dd:nth-of-type(1) a{ background-image: url(../common/head_switcher_s.png); }
#header dl dd:nth-of-type(2) a{ background-image: url(../common/head_switcher_m.png); }
#header dl dd:nth-of-type(3) a{ background-image: url(../common/head_switcher_l.png); }
#header dl dd:nth-of-type(2) a{ background-position: 0 -19px; }
#header dl dd a:hover{ background-position: 0 -19px !important; }
*/

/* グローバルナビ */
ul#nav{
	margin: 0 -2px;
	height: auto;
	overflow: hidden;
}
ul#nav li{
	float: left;
	width: 210px;
	}
ul#nav li:first-child{ width: 112px; }
ul#nav li:last-child{ width: 212px; }


/* サイド
----------------------------------------------------*/
#side .blue{
	margin-bottom: 10px;
	padding: 10px;
	background: url(../common/bg_blue.jpg);
}
#side .brown{
	margin-bottom: 10px;
	padding: 10px;
	background: #FFF url(../common/bg_brown.jpg);
}
#side .box{
	background: #FFF;
	padding: 5px 10px;
	margin: -1px;
	line-height: 1.0;
}
#side .blue .box{ border: 1px solid #7DCAEE; }
#side .brown .box{ border: 1px solid #F4D19E; }
#side h4{ margin: 0 -20px; }

#side dl dt{
	padding: 10px 0 5px 0;
	border-top: 1px dotted #7DCAEE;
}
#side dl dt:first-of-type{
	border: none;
	padding-top: 5px;
}
#side dl dd{ margin-bottom: 5px; }

/* 予約・問合せ */
#side #reserve dl dd:nth-of-type(3),
#side #reserve dl dd:nth-of-type(4){ margin-bottom: 10px; }

/* 予約・問合せ */
#side #fb{
	margin-bottom: 10px;
	background: #FFF;
	border: 1px solid #7DCAEE;
}

/* 検索 */
#side #search dd select{ width: 180px; }
#side #search dl#day{ margin-left: 20px; }
#side #search dl#day dt{ margin-left: -20px; }
#side #search dl#day select{ width: 100px; }
#side #search dl#day a img{ margin-left: 10px; }

/* ボタン */
#side p.btn{
	text-align: center;
	padding-top: 10px;
	margin-bottom: 5px;
}
#side .blue p.btn{ border-top: 1px dotted #7DCAEE; }
#side .brown p.btn{ border-top: 1px dotted #F4D19E; }

/* パンフレット */
#side #pamphlet h4{ margin: 5px 0 0 0; }
#side #pamphlet dl{
	margin: 5px 0;
	height: auto;
	overflow: hidden;
}
#side #pamphlet dt{
	float: left;
	width: 70px;
}
#side #pamphlet dd{
	float: right;
	width: 110px;
	font-size: 84%;
	line-height: 1.3;
}

/* ヘルプ */
#side #help{ margin-bottom: 10px; }
#side #help h4{ margin: 0; }
#side #help ul{
	background: #FFF;
	border: 1px solid #B3B3B3;
	border-top: none;
	padding: 10px 10px 15px 20px;
	line-height: 1.2;
}
#side #help ul li{
	padding: 5px 0;
	background: url(../common/side_help_viewlet01.jpg) no-repeat 0 0.5em;
	padding-left: 18px;
}
#side #help ul li a:link{ color: #000; }
#side #help ul li a:hover{ color: #666; }

/* 山の旅 */
#side #mount ul{
	padding: 0 0 5px 0;
	line-height: 1.2;
}
#side #mount ul li{
	padding: 5px 0;
	background: url(../common/side_mount_viewlet.jpg) no-repeat 0 0.5em;
	padding-left: 20px;
}
#side #mount ul li a:link{ color: #000; }
#side #mount ul li a:hover{ color: #666; }

/* 保険 */
#side #hoken h4{ margin: 5px 0; }
#side #hoken p{ line-height: 1.5; }
#side #hoken p.btn{ margin-top: 10px; }

/* グループ */
#side #group h4{ margin: 0 0 10px 0; }
#side #group ul li{ margin-bottom: 10px; }
#side #mount ul li a:link{ color: #000; }
#side #mount ul li a:hover{ color: #666; }



/* フッター
----------------------------------------------------*/
#footer ul{
	margin: 0 auto;
	margin-bottom: 10px;
	width: 950px;
	border-top: 1px solid #ABC0C8;
	border-bottom: 1px solid #ABC0C8;
	height: auto;
	overflow: hidden;
}
#footer ul li{
	float: left;
	margin: 10px 0;
	padding: 0 18px;
	border-right: 1px dotted #ABC0C8;
}
#footer ul li:last-child{ border-right: none; }
#footer p{
	font-size: 84%;
	text-align: center;
}


/* ツールチップ
----------------------------------------------------*/
a.help{
	color: #7D2900;
	cursor: help;
}
#tooltip{
	position: absolute;
	z-index:9999;
	color:#333;
	font-size:12px;
	width:400px;
}

#tooltip .tipHeader {
	height:8px;
	background:url(../common/_tooltips/tipHeader.gif) no-repeat;
}

#tooltip .tipBody {
	background-color:#FAEED6;
	border-left: 1px solid #81562F;
	border-right: 1px solid #81562F;
	padding: 0 15px 5px 15px;
}
#tooltip .tipBody strong{
	font-size:14px;
	color: #81552E;
}

#tooltip .tipFooter {
	height:8px;
	background:url(../common/_tooltips/tipFooter.gif) no-repeat;
}