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


/* ゲレンデページ
----------------------------------------------------*/
/* ゲレンデ名 */
h2#slptitle{
	padding-top: 2px;
	font-size: 150%;
	background: url(../common/slp_title_bg.jpg) no-repeat;
	height: 36px;
	color: #0D217A;
	padding-left: 15px;
	margin-bottom: 10px;
}

/* ゲレンデ情報：写真 */
#slpinfo{ margin-bottom: 20px; }
#slpinfo #photobox{
	float: left;
	width: 450px;
}
#slpinfo #photobox img{ margin-bottom: 5px; }
#slpinfo #photobox #mainimg{
	float: left;
	width: 340px;
}
#slpinfo #photobox #subimg{
	float: right;
	width: 104px;
}
#slpinfo #photobox p#zoom{
	font-size: 84%;
	padding-left: 17px;
	display: inline-block;
	background: url(../common/slp_marker_zoom.jpg) no-repeat left center;
}

/* ゲレンデ情報：概要 */
#slpinfo #outline{
	float: right;
	width: 230px;
}
#slpinfo #outline h3{
	height: 29px;
	margin-bottom: 5px;
	text-indent: -9999px;
}
#slpinfo #outline h3#data{ background: url(../common/slp_tit_data.jpg); }
#slpinfo #outline h3#event{ background: url(../common/slp_tit_event.jpg); }
#slpinfo #outline table{
	width: 100%;
	margin-bottom: 5px;
	height: 37px;
	line-height: 1.0;
}
#slpinfo #outline table th{
	font-size: 12px;
	padding-top: 5px;
	font-weight: normal;
}
#slpinfo #outline table td{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
}
#slpinfo #outline table#tbllift{ border: 1px solid #464646; }
#slpinfo #outline table#tbllift th, #slpinfo #outline table#tbllift td{
	width: 25%;
	border-right: 1px solid #464646;
}

#slpinfo #outline table#tbldist{
	background: url(../common/slp_tbl_dist.jpg) no-repeat center center;
	border: 1px solid #464646;
}
#slpinfo #outline table#tbldist th{ width: 50%; }

#slpinfo #outline table#tbllevel{ color: #FFFFFF; }
#slpinfo #outline table#tbllevel .beginner{ background-color: #75BB29; }
#slpinfo #outline table#tbllevel .medium{ background-color: #F18C18; }
#slpinfo #outline table#tbllevel .expert{ background-color: #D3201E; }

#slpinfo #outline dl{ margin-bottom: 10px; }
#slpinfo #outline dl dd{ font-size: 84%; }
#slpinfo #outline p#link{
	float: right;
	padding-left: 20px;
	display: inline-block;
	background: url(../common/slp_marker_link.jpg) no-repeat left center;
}

/* プラン別ツアー */
#tour{ margin-bottom: 10px; }
#tour h3{
	margin-bottom: 10px;
	text-indent: -9999px;
	height: 50px;
	background: url(../common/slp_plan_title.jpg) no-repeat;
}
#tour #daybus, #tour #directbus{
	border-bottom: 1px dotted #B6B3B3;
	margin: 0 10px 10px 10px;
}
#tour #daybus h4, #tour #directbus h4{
	float: left;
	font-size: 12px;
	padding-left: 20px;
	background: url(../common/marker_link.jpg) no-repeat;
}
#tour #daybus h4{ width: 190px; }
#tour #directbus h4{ width: 120px; }

#tour #daybus ul{
	float: right;
	width: 460px;
}
#tour #directbus ul{
	float: right;
	width: 530px;
}
#tour #daybus ul li{
	padding-bottom: 5px;
	float: left;
	padding-left: 10px;
	text-indent: -9999px;
}
#tour #directbus ul li{
	padding-bottom: 5px;
	float: left;
	padding-right: 20px;
	text-indent: -9999px;
}
#tour #daybus ul li a, #tour #directbus ul li a{
	display: block;
	width: 72px;
	height: 29px;
}
#tour #daybus ul li a#daybus_btn01{ background-image: url(../common/daybus_btn01.jpg); }
#tour #daybus ul li a#daybus_btn02{ background-image: url(../common/daybus_btn02.jpg); }
#tour #daybus ul li a#daybus_btn03{ background-image: url(../common/daybus_btn03.jpg); }
#tour #daybus ul li a#daybus_btn04{ background-image: url(../common/daybus_btn04.jpg); }
#tour #daybus ul li a#daybus_btn05{ background-image: url(../common/daybus_btn05.jpg); }
#tour #daybus ul li a#daybus_btn06{ background-image: url(../common/daybus_btn06.jpg); }
#tour #daybus ul li a#daybus_btn07{ background-image: url(../common/daybus_btn07.jpg); }
#tour #daybus ul li a#daybus_btn08{ background-image: url(../common/daybus_btn08.jpg); }
#tour #daybus ul li a#daybus_btn09{ background-image: url(../common/daybus_btn09.jpg); }
#tour #daybus ul li a#daybus_btn10{ background-image: url(../common/daybus_btn10.jpg); }
#tour #daybus ul li a#daybus_btn11{ background-image: url(../common/daybus_btn11.jpg); }

#tour #directbus ul li a#directbus_btn01{ background-image: url(../common/tourbtn01.jpg); }
#tour #directbus ul li a#directbus_btn02{ background-image: url(../common/tourbtn02.jpg); }
#tour #directbus ul li a#directbus_btn03{ background-image: url(../common/tourbtn03.jpg); }

#tour #daybus ul li a:hover{ background-position: 0 -29px; }
#tour #directbus ul li a:hover{ background-position: 0 -30px; }


/* お宿指定プラン */
#htlplan{ margin-bottom: 10px; }
#htlplan h3{
	margin-bottom: 10px;
	text-indent: -9999px;
	height: 50px;
	background: url(../common/slp_hotel_title.jpg) no-repeat;
}
#htlplan .htlplanbox{
	float: left;
	width: 330px;
	margin: 0 5px 10px 5px;
}
#htlplan h4{
	background: url(../common/title_bg.jpg) no-repeat left bottom;
	font-size: 117%;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 5px 0 2px 23px;
}
#htlplan h4 a{ color: #DE1E7B; }

/* お宿指定プラン：2列 */
#htlplan .mainbox{
	float: left;
	width: 140px;
}
#htlplan .subbox{
	float: right;
	width: 190px;
}
#htlplan .subbox .subphoto{ display: inline-block; }
#htlplan .subbox .subphoto img{
	float: left;
	padding-left: 5px;
	margin-bottom: 5px;
}
#htlplan .subbox p{ padding-left: 5px;}
p.htlicon{ margin-top: 5px; }
p.htlicon img{
	padding-right: 5px;
	width: 21px;
}

/* お宿指定プラン：4列 */
#htlplan .htlplanboxbox{
	float: left;
	width: 160px;
	margin: 0 5px 10px 5px;
}
#htlplan .htlplanboxbox h4{
	color: #0D217A;
	font-size: 100%;
	background: url(../common/tit_bg.jpg) no-repeat left bottom;
	padding: 5px 0 2px 5px;
}
#htlplan .htlplanboxbox p{
	font-size: 84%;
	margin-top: 5px;
}
#htlplan .htlplanboxbox h4 a{ color: #0D217A;}