@charset "utf-8";
/*マイカープラン（スキー場一覧）*/
.list_area {
	width: 760px;
}
.list_head {
	width: 760px;
	float: left;
	background: #EEF9FF;
	padding: 5px 0;
	margin: 10px 0 5px;
	color: #666;
}
.list_head span {
	text-align: center;
	font-size: 11px;
}
.list_box {
	width: 760px;
	float: left;
	background: #FFF;
	border-bottom: 1px dotted #1b81cc;
}
.list_box span {
	padding: 4px 0 0;
}
.list_box a {
	display: block;
	cursor: pointer;
	padding: 3px 0;
}
#wrapper .list_box a:hover {
	cursor: pointer;
	color: #1b81cc;
	background: #FC0;
}
.list_head span,.list_box span {
	display: block;
	float: left;
	text-align: center;
}
.list_area .list1 {
	width: 230px;
	text-align: left;
	padding: 4px 0 0 20px;
}
*html .list_area .list1 {
	width: 250px;
}
.list_head span.list1 {
	width: 230px;
	padding: 0 0 0 20px;
	background: #EEF9FF url(../image/syukuhaku/title_name.gif) no-repeat 5px center;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.list_area .list2 {
	width: 180px;
}
.list_box span.list2 {
	position: relative; /* IE is dumb */
	border: 1px solid #ccc;
	text-align: left;
	padding: 0;
}
.bar_label1,
.bar_label2,
.bar_label3 { 
	display: block;
	position: relative;
	text-align: center; 
	color: #333; 
	float: left;
	font-size: 80%;
	line-height: 1.0em;
	padding: 2px 0px;
}
.bar_label1{
	background: #D2E9FF; 		
}
.bar_label2{
	background: #FFDFDF; 		
}
.bar_label3{
	background: #FFFFD0; 		
}
.list_area:after {
	content: "";
	display: block;
	clear: both;
}
.list_area .list3 {
	width: 60px;
}
.list_area .list4 {
	width: 60px;
}
.list_area .list5 {
	width: 100px;
}
.list_area .list6 {
	width: 100px;
}
.list_area .list7 {
	width: 400px;
	text-align: left;
}
/*マイカープラン（ホテル一覧） */
.hotel_bg4 {
	width: 760px;
	padding: 10px 0;
}
.hotel_bg4 table {
	width: 760px;
}
.hotel_bg4 table td {
	vertical-align: top;
	text-align: left;
	background: #FFF;
	border-bottom: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
}
.hotel_bg4 table td:hover {
	background: #FFC;
}
.hotel_bg4 a {
	cursor: pointer;
	background: #FFF;
}
.hotel_bg4 a:hover {
	cursor: pointer;
	background: #FFC;
}
.hotel_list {
	width: 373px;
	padding: 3px;
}
.hotel_list img {
	float: left;
}
.hotel_list .h4 {
	display: block;
	float: right;
	width: 225px;
	background: url(../image/title_bg2.gif) repeat-y scroll 5px 2px #F4FCFF;
	padding: 5px 0 0 20px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
*html .hotel_list .h4 {
	width: 240px;
}
.hotel_list a:hover .h4 {
	background: url(../image/title_bg2.gif) repeat-y scroll 5px 2px #FC0;
	color: #1b81cc;
}
.hotel_list .txt {
	display: block;
	float: right;
	width: 230px;
	padding: 5px 5px 5px 10px;
	line-height: 1.8em;
	text-align: left;
	color: #333;
}
*html .hotel_list .txt {
	width: 240px;
}
.hotel_list .btn,.hotel_list .btn2 {
	float: right;
	display: block;
}
.hotel_list .btn2 img {
	margin: 2px 0 0 5px;
}
.hotel_list .btn {
	background: url(../image/syukuhaku/syousai_over.gif) no-repeat right bottom;
}
.hotel_list .btn a {
	display: block;
}
.hotel_list .btn a:hover img {
	visibility: hidden;
}

/* ↓ ホテル画像 -------------------------------------------------------------------------↓ */
#photo_wrap #photo td {
	padding: 5px 5px 0px 0px;
}
#photo_wrap #photo2 td {
	padding: 5px 1px 0px 0px;
}
/* ↓ もっと写真を見るボタン -------------------------------------------------------------------------↓ */
div#photo_wrap a.more {
	width: 200px;
	float: right;
	display:block;
	padding: 5px 0px;
	background: url(../image/banner/more_over.gif) no-repeat right center;
}
div#photo_wrap a:hover img { visibility: hidden;}
div#photo_wrap a.more2 {
	width: 270px;
	float: right;
	display:block;
	padding: 5px 0px;
	margin: 0 5px 0 0;
	background: url(../image/banner/more2_over.gif) no-repeat right center;
}
div#photo_wrap a:hover img { visibility: hidden;}
/* ↓ ツアー詳細 -------------------------------------------------------------------------↓ */
#tour {
	width: 760px;
	clear: both;
	margin: 20px 0 15px;
}
.tour_point {
	width: 380px;
	float: left;
}
/* お得なポイント */
#point_wrap,#wari_wrap,#toku_wrap {
	width: 380px;
	margin: 10px 0;
	float: left;
	background: url(../image/bustour/point2.gif) repeat-y top left;
}
#point_bottom,#wari_bottom,#toku_bottom {
	background: url(../image/bustour/point3.gif) no-repeat bottom left;
}
#point_bottom dl,#wari_bottom dl,#toku_bottom dl {
	padding: 0 0 15px;
}
#point_bottom dl dt,#wari_bottom dl dt,#toku_bottom dl dt {
	padding: 3px 20px 0 10px;
	line-height: 2em;
}
#point_bottom dl dd,#wari_bottom dl dd,#toku_bottom dl dd {
	padding: 0 20px 2px 10px;
	line-height: 1.5em;
}
.point1,.point1_2,.point1_3,.point1_a,.point1_b,.point1_c,.point1_d,.point1_e,.point1_nashi,.point1_tsuki,
.point1_a2,.point1_b2,.point1_c2,.point1_d2,.point1_e2,.point1_nashi2,.point1_tsuki2 {
	width: 320px;
	height: 26px;
	padding: 8px 0 0 50px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background: url(../image/bustour/point1.gif) top left;
}
*html .point1,*html .point1_2,*html .point1_3,
*html .point1_a,*html .point1_b,*html .point1_c,*html .point1_d,*html .point1_e,*html .point1_nashi,*html .point1_tsuki,
*html .point1_a2,*html .point1_b2,*html .point1_c2,*html .point1_d2,*html .point1_e2,*html .point1_nashi2,*html .point1_tsuki2 {
	width: 370px;
	height: 34px;
}
.point1_1 {	background: url(../image/bustour/point1_1.gif) no-repeat;}
.point1_a {	background: url(../image/bustour/point1_a.gif) no-repeat;}
.point1_b {	background: url(../image/bustour/point1_b.gif) no-repeat;}
.point1_c {	background: url(../image/bustour/point1_c.gif) no-repeat;}
.point1_d {	background: url(../image/bustour/point1_d.gif) no-repeat;}
.point1_e {	background: url(../image/bustour/point1_e.gif) no-repeat;}
.point1_nashi {	background: url(../image/bustour/point1_nashi.gif) no-repeat;}
.point1_tsuki {	background: url(../image/bustour/point1_tsuki.gif) no-repeat;}
.point1_2 {	background: url(../image/bustour/point1_2.gif) no-repeat;}
.point1_a2 {	background: url(../image/bustour/point1_a2.gif) no-repeat;}
.point1_b2 {	background: url(../image/bustour/point1_b2.gif) no-repeat;}
.point1_c2 {	background: url(../image/bustour/point1_c2.gif) no-repeat;}
.point1_d2 {	background: url(../image/bustour/point1_d2.gif) no-repeat;}
.point1_e2 {	background: url(../image/bustour/point1_e2.gif) no-repeat;}
.point1_nashi2 {	background: url(../image/bustour/point1_nashi2.gif) no-repeat;}
.point1_tsuki2 {	background: url(../image/bustour/point1_tsuki2.gif) no-repeat;}
.upprice {
	font-size: 14px;
	color: #FC0;
}
/* 早割 */
#wari_wrap {
	width: 380px;
	float: left;
	background: url(../image/bustour/wari2.gif) repeat-y top left;
	margin: 10px 0;
}
#wari_bottom {
	background: url(../image/bustour/wari3.gif) no-repeat bottom left;
}

/* 早得 */
#toku_wrap {
	width: 380px;
	float: left;
	background: url(../image/bustour/toku2.gif) repeat-y top left;
	margin: 10px 0;
}
#toku_bottom {
	background: url(../image/bustour/toku3.gif) no-repeat bottom left;
}

/* ツアー詳細右カラム */
#tour .left {
	float: left;
	width: 380px;
}
#tour .left .point {
	margin: 10px 0px;	
	text-align: center;
}
#tour .left .aicon {
	width: 370px;
	padding: 5px;
	margin: 10px 0px;	
	text-align: left;
}
#tour:after {
	content: "";
	display: block;
	clear: both;
}
/*ゲレンデまで○○分*/
div#tour .gerande_time p {
	clear: both;
	background: #ECECEC;
	margin: 10px 0;
	padding: 5px;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}
div#tour p.ski_text {
	clear: both;
	margin: 10px 0px;
}
div#tour p.ski_text a {
	font-weight: bold;
	font-size: 110%;
}
div#tour p.text_right {
	clear: both;
	text-align: right;
	margin: 10px 0px;
}
/* タブ */
.tab,.tab2 {
	float: left;
	width: 760px;
	height: 42px;
	margin: 0;
	background: url(../image/bustour/tab.gif) no-repeat 5px right;
	border-bottom: 4px solid #F90;
}
.tab2 {
	padding: 31px 0 0;
	margin: 0;
	background: url(../image/bustour/tab2.gif) no-repeat top right;
	border-bottom: 4px solid #1b81cc;
}
.tab li,.tab2 li {
	float:left;
	margin: 0 2px 0 0;
}
.tab li a,.tab2 li a {
	float:left;
	width: 120px;
	height: 42px;	
	display: block;
}
.tab li a span,.tab2 li a span {
	display: none;
}
.tab li.base a {
	background: url(../image/bustour/tab_base.gif) no-repeat 0 0;
}
.tab li.camp a {
	background: url(../image/bustour/tab_camp.gif) no-repeat 0 0;
}
.tab li.limi a {
	background: url(../image/bustour/tab_limi.gif) no-repeat 0 0;
}
.tab li.memo a {
	background: url(../image/bustour/tab_memo.gif) no-repeat 0 0;
}
.tab li.all a {
	background: url(../image/bustour/tab_all.gif) no-repeat 0 0;
}
.tab li.stud a {
	background: url(../image/bustour/tab_stud.gif) no-repeat 0 0;
}
.tab li.big a {
	background: url(../image/bustour/tab_big.gif) no-repeat 0 0;
}
.tab li.otoku a {
	background: url(../image/bustour/tab_otoku.gif) no-repeat 0 0;
}
.tab li.group a {
	background: url(../image/bustour/tab_group.gif) no-repeat 0 0;
}
.tab li a:hover,.tab li a.on {
	background-position: 0 -42px;
}
/* ↓ メイン左側（#main_left） ----------------------------------------------------------------------------↓*/
div#main_left {
	float: left;
	width: 500px;
}
/*出発日カレンダー／旅行代金*/

div#calendar_wrap {
	clear: both;
	width: 500px;
	margin-bottom: 20px;
}
div#calendar_wrap p.title_bg,
div#calendar_wrap p.title2_bg,
div#calendar_wrap p.title3_bg {
	height: 29px;
	margin-top: 10px;
	padding-left: 20px;
	padding-top: 5px;
	font-size: 150%;
	font-weight: bold;
}
div#calendar_wrap p.title_bg,div#calendar_wrap p.title4_bg {
	background:url(../image/bustour/title_bg.gif) no-repeat left top;
	background-color: #CCE1F0;
}
div#calendar_wrap p.title2_bg,div#calendar_wrap p.title5_bg {
	background:url(../image/bustour/title2_bg.gif) no-repeat left center;
	background-color: #f5e1e1;
}
div#calendar_wrap p.title3_bg {
	background:url(../image/bustour/title3_bg.gif) no-repeat left center;
	background-color: #f2e8cb;
}
div#calendar_wrap p.title4_bg,div#calendar_wrap p.title5_bg {
	float: left;
	width: 220px;
	font-size: 12px;
	padding: 10px 0 0 20px;
	height: 24px;
	margin: 5px;
	font-weight: bold;
}
*html div#calendar_wrap p.title4_bg,*html div#calendar_wrap p.title5_bg {
	width: 235px;
	}

/*出発日カレンダー／旅行代金　（カレンダー）*/

.calendar1,.calendar2 {
	width: 49%;
	margin: 15px 0 10px;
	border-collapse: collapse;
}
.calendar1 {
	float: left;
}
.calendar2 {
	float: right;
}
.calendar1 table,.calendar2 table {
	width: 100%;
	border-collapse: collapse;
}
.calendar1 td,.calendar2 td {
	vertical-align: top;
}
.calendar1 td table,.calendar2 td table,
.calendar1 td table td,.calendar2 td table td,
.calendar1 td table th,.calendar2 td table th{
	text-align: center;
	border: 1px solid #CCC;
}
.calendar1 td table td,.calendar2 td table td {
	padding: 1px 0 12px;
}
/*出発日カレンダー／旅行代金　（旅行代金）*/

table.price_list,
table.price_list2 {
	clear: both;
	width: 100%;
	border-collapse: collapse;
}
table.price_list td,
table.price_list2 td {
	padding: 2px 0px;
	text-align: center;
	border: 1px solid #CCC;
}
table.price_list span.font_s {
	font-size: 90%;
	letter-spacing: -0.15em;
}
table.price_list tr.gray_bg,
table.price_list2 tr.gray_bg {
	background: #ECECEC;
}
table.price_list tr.price1_bg,
table.price_list2 td.price1_bg {
	background: #cce1f0;
	font-weight: bold;
}

table.price_list tr.price2_bg,
table.price_list2 td.price2_bg {
	background: #f5e1e1;
	font-weight: bold;
}
div#calendar_wrap:after {
	content: "";
	display: block;
	clear: both;
}


/*レンタル情報（#rental）あとで削除*/
#rental_wrap {
	width: 500px;
	margin-bottom: 20px;
}
#rental_wrap .rental {
	margin:15px 10px 0px 10px;
	width: 480px;
	border-collapse: collapse;
}
#rental_wrap .rental td {
	border: 1px solid #CCCCCC;
	padding: 5px 3px;
}
#rental_wrap dl.comment {
	margin: 5px 10px;
}
#rental_wrap dl.comment dt {
	font-weight: bold;
}
#rental_wrap dl.comment dd {
	padding-left: 10px;
	letter-spacing: 0.1em;
}
#rental_wrap dl.comment a {
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

/* ↓ メイン左側（#main_right） ----------------------------------------------------------------------------↓*/
div#main_right {
	float: left;
	width: 250px;
	margin-left: 10px;
}

/* 施設のご案内 */

div#shisetu_wrap {
	width: 100%;
	margin-bottom: 20px;
}
div#shisetu_wrap table#shisetu {
	width: 100%;
	margin-top: 15px;
	border-collapse: collapse;
}
div#shisetu_wrap table#shisetu td {
	padding: 3px 1px;
	border: 1px solid #CCCCCC;
	padding: 3px;
}
div#shisetu_wrap table#shisetu td.haba {
	width: 29%;
}


/* 客室備品ご案内 */

div#amenity_wrap {
	width: 100%;
	margin-bottom: 20px;
}
div#amenity_wrap table#amenity {
	width: 100%;
	margin-top: 15px;
	border-collapse: collapse;
}
div#amenity_wrap table#amenity td {
	padding: 3px 1px;
	border: 1px solid #CCCCCC;
	padding: 3px;
}
div#amenity_wrap table#amenity td.mark {
	width: 10%;
	text-align: center;
}
div#amenity_wrap dl.comment {
	margin: 5px 0;
}
div#amenity_wrap dl.comment dt {
	font-weight: bold;
}
div#amenity_wrap dl.comment dd {
	padding-left: 10px;
	letter-spacing: 0.1em;
}
div#amenity_wrap dl.comment a {
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

/* バナー */

#banner_wrap {
	width: 100%;
	margin-bottom: 20px;
}
#banner_wrap img {
	margin-bottom: 5px;
}

/*ご案内（#information）*/

div#information_wrap {
	clear: both;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
table#information {
	width: 100%;
	margin-top: 15px;
	border-collapse: collapse;
	border: 1px solid #CCC;
	text-align: center;
}
table#information th {
	width: 20%;
	background-color: #EFEFEF;
	border: 1px solid #CCC;
	padding: 3px;
}
table#information td {
	border: 1px solid #CCC;
	line-height: 2.0;
	padding: 3px;
}
table#information td.haba {
	width: 30%;
}
.other_info {
	display: block;
	padding: 10px 10px 0;
	text-align: right;
	font-weight: bold;
	color: #C00;
}