@charset "UTF-8";
body{text-align:center;}
#wrapper{ padding-left:2px; padding-right:4px; width:962px;}
#header,#gnavi,#pan{ padding-left:6px; padding-right:6px;}

/*ヘッダー↓
-------------------------------------------------*/
h2.areaname{ height:71px; margin:0px; padding:0px; float:none;}
#area .contentsbox{
	width:962px;
	height:512px;
	position:relative;
	background:no-repeat url(../../hokkaido/ski/common/images/skiingslope/headerbg.jpg) 0 3px;
	margin-bottom: 14px;
}
/*ヘッダー/右側エリア選択↓
-------------------------------------------------*/
.contentsbox #areaselect{ width:181px; height:431px; float:right; margin:0 4px 0 0; padding:0px;}
.contentsbox #areaselect ul li.selecttop{ height:38px;}
.contentsbox #areaselect ul li img{vertical-align:bottom;}

/*ヘッダー/検索BOX＆新着↓
-------------------------------------------------*/
.contentsbox .search-info{ position:relative; width:775px;padding:0;}
.contentsbox .search-info img.hd-areaimg{ padding-top:16px; padding-left:6px; z-index:1;}
.contentsbox .search-info #search img.title-search{ position:absolute; top:302px; left:6px; z-index:2;}
.contentsbox .search-info #topix img.title-topix{ position:absolute; top:302px; left:526px; z-index:2;}
.contentsbox .search-info #search p.searchtitle, 
.contentsbox .search-info #topix p.topixtitle{
	 font-family:'メイリオ',' Meiryo','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	 color:#FFFFFF;
	 font-size:14px;
	 font-weight:bold;
	 z-index:3;
}
/*ヘッダー/検索BOX＆新着/[検索BOX]↓
-------------------------------------------------*/
.contentsbox .search-info #search{ width:510px; height:150px; padding:38px 0 0 15px;}
.contentsbox .search-info #search p.searchtitle{ position:absolute; top:308px; left:15px;}
.contentsbox .search-info #search table th,
.contentsbox .search-info #search table td{
	font-weight:bold;
}
.contentsbox .search-info #search table th{ color:#2c6083; padding:3px 6px 3px 3px; white-space:nowrap;} 
.contentsbox .search-info #search table th.leftspec{ width:40px;}
.contentsbox .search-info #search table th.righrspec{ text-align:right;}
.contentsbox .search-info #search table .searchbtn{ padding:7px 0px 0px 150px;}
.contentsbox .search-info #search table .textarea{width:140px;}

/*ヘッダー/検索BOX＆新着/[新着情報]↓
-------------------------------------------------*/
.contentsbox .search-info #topix{ width:223px; height:150px; padding:40px 14px 0 10px; float:right;}
.contentsbox .search-info #topix p.topixtitle{ position:absolute; top:308px; left:535px;}

#topix ul{
	overflow-y: scroll;
	height: 130px;
	/*background-color:#FFFFFF;*/
}
#topix li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height:18px;
}
#topix li a:link,#topix li a:visited{ text-decoration:underline;}
#topix li a:hover,#topix li a:active{ text-decoration:none;}
#topix .pricedown,#topix .pop,#topix .bargain,#topix .feature,#topix .check,#topix .limited{
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 36px;
}
#topix .pricedown{
	background-image: url(../images/icon/pricedown.png)
}
#topix .limited{
	background-image: url(../images/icon/limited.png);
}
#topix .pop{
	background-image: url(../images/icon/pop.png);
}
#topix .bargain{
	background-image: url(../images/icon/bargain.png);
}
#topix .feature{
	background-image: url(../images/icon/feature.png);
}
#topix .check{
	background-image: url(../images/icon/check.png);
}
/*ヘッダー↑
-------------------------------------------------*/

/* タブセレクトボタン */
#gr_tab{
	width:950px;
	margin:10px auto 0 auto;
}
#gr_tab ul{
}
#gr_tab li{
	display: inline;
	float: left;
	margin-right: 5px;
}
#gr_tab img{
	vertical-align:bottom;
}
/*//////////タブラッパー・共通指定////////// */
#gr_wrapper{
	width:938px;
	padding-top: 15px;
	padding-left: 10px;
	margin:0 auto 10px auto;
	border: 1px solid #0058A7;
	border-top: 5px solid #0058A7;
	background-color:#FFFFFF;
}
#gr_wrapper h3{
	font-size: 18px;
	font-weight:bold;
	color: #FFFFFF;
	background-image: url(../../hokkaido/ski/common/images/back/gr_h3.png);
	background-repeat: no-repeat;
	height: 30px;
	line-height: 1em;
	padding: 10px 0 0 15px;
	margin:0 0 14px 0;
}
#gr_wrapper h3 span{
	font-size:14px;
}
#gr_wrapper p{
}
#gr_information,#gr_service,#gr_tour{
}
#gr_wrapper .img_l{
	border: 1px solid #999999;
	padding: 3px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#gr_wrapper .img_c{
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#gr_wrapper .shadow{
	-webkit-box-shadow: 0px 0px 5px 0px #777; /* Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 5px 0px #777; /* Firefox用 */
	box-shadow: 0px 0px 5px 0px #777; /* CSS3 */
}
#gr_wrapper .darkshadow{
	text-shadow: 0 1px 1px #333333, 0 -1px 1px #999999;
}
#gr_wrapper .inner_box{
	/*border: 1px solid #CCCCCC;*/
	background-color: #FFFFFF;
	margin-bottom: 20px;
	width: 926px;
	-webkit-border-bottom-left-radius: 10px;  /* 左下 */
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;  /* 左下 */
	-moz-border-radius-bottomright: 10px; /* 右下 */
	position:relative;
}
#gr_wrapper .title{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0.5em;
}
#gr_wrapper .text{
	margin-bottom:15px;
}
#gr_wrapper .cent{
	text-align: center;
}
/*//////////ゲレンデ情報////////// */
#gr_information{
}
#gr_information h3.detailed_title{
	background:url(../../hokkaido/ski/common/images/skiingslope/detailed_title.jpg) no-repeat;
	height:30px;
	text-indent: 12px;
}

#gr_information p.course{
	color:#fff;
  position: absolute;
  right: 17px;
  top: 4px;
	font:bold 14px/1.4 "Arial","meiryo";	
}
#gr_information p.course span{
	color:#ff0;
	font-size:20px;
}

#gr_information table{
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
}
#gr_information table tr{
}
#gr_information table th{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding: 5px;
	background-image: url(../../hokkaido/ski/common/images/back/gr_th.png);
	background-repeat: repeat;
	white-space: nowrap;
}
#gr_information table td{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding: 5px;
}

#gr_information table.lift{
	width:586px;
	table-layout:fixed;
	margin-bottom:12px;
}
#gr_information table.lift,
#gr_information table.lift th,
#gr_information table.lift td{
	border:none;
}
#gr_information table.lift th{
	text-align:center;
	border-right:1px solid #fff;
	padding:3px 0;
}
#gr_information table.lift td{
	font-size:20px;
	font-family: Arial;
	font-weight:bold;
	vertical-align:middle;
	padding:8px 0 8px 8px;
}
#gr_information table.lift td img{
	vertical-align:middle;
	margin-right:12px;
}


#gr_information .float-left{
	float: left;
	width: 410px;
	margin-bottom: 10px;
}
#gr_information .round_chart{
	float: right;
	margin-right: 10px;
}
#gr_information .ber_chart{
	margin-bottom: 10px;
}
#gr_information .spec{
	clear: both;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#gr_information .spec table{
	width: 100%;
}
#gr_information .spec th,#gr_information .spec td{
	font-size: 11px;
	text-align: center;
	line-height: 1.4em;
}
#gr_wrapper .park_chart{
	margin-top: 5px;
	margin-bottom: 10px;
}
#gr_information .liftticket{
	width: 904px;
	margin:0 10px 10px 10px;
}
#gr_wrapper .caption{
	font-size: 11px;
	line-height: 1.4em;
	color: #FF0000;
	clear: both;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#icon{
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#icon ul{
}
#icon li{
	background-color: #EDEDED;
	height: 50px;
	width: 50px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
/*//////////このゲレンデのツアーはこちら////////// */
#gr_tour{ background-color:#FFFFFF;}
#gr_tour ul.plankind{
	background:no-repeat url(../../hokkaido/ski/common/images/skiingslope/plantype_navi.jpg);
	width:929px;
	height:31px;
	margin-bottom:14px;
}
#gr_tour ul.plankind li{
	font-weight:bold;
	float:left;
	font-size:14px;
	padding:6px 0 0 14px;
	line-height:normal;
}
#gr_tour ul.plankind li.selecttype{ width:178px;}
#gr_tour ul.plankind li{ width:134px; height:31px;}
#gr_tour ul.plankind li.selected{ background-color:#FFFFFF;}

#gr_tour ul.plankind li a:link,
#gr_tour ul.plankind li a:active{ text-decoration:underline;}
#gr_tour ul.plankind li a:hover,
#gr_tour ul.plankind li a:visited{ text-decoration:none;}

#gr_tour ul.plankind li a{text-indent:14px; display: block;}
#gr_tour ul.plankind li a:hover{opacity:0.8;}

#gr_tour ul.plankind li .list-a{
	color:#ea56a6;
	background:url(../../hokkaido/ski/common/images/skiingslope/a-type_icon.gif) no-repeat center left;
}
#gr_tour ul.plankind li .list-b{
	color:#209250;
	background:url(../../hokkaido/ski/common/images/skiingslope/b-type_icon.gif) no-repeat center left;
}
#gr_tour ul.plankind li .list-c{
	color:#0e98cc;
	background:url(../../hokkaido/ski/common/images/skiingslope/c-type_icon.gif) no-repeat center left;
}

#gr_tour #planA h3,
#gr_tour #planB h3,
#gr_tour #planC h3{
	text-indent: 12px;
	width:917px;
}
#gr_tour #planA h3{
	background:url(../../hokkaido/ski/common/images/skiingslope/a-typetitle.jpg) no-repeat;
}
#gr_tour #planB h3{
	background:url(../../hokkaido/ski/common/images/skiingslope/b-typetitle.jpg) no-repeat;
}
#gr_tour #planC h3{
	background:url(../../hokkaido/ski/common/images/skiingslope/c-typetitle.jpg) no-repeat;
}


#gr_tour .hotelbox{
	width:919px;
	height:auto;
	margin-left: 10px;
	margin-bottom:16px;
	padding:0 0 26px 0;
	overflow:hidden;
}
#gr_tour #planA .hotelbox{ background:url(../../hokkaido/ski/common/images/skiingslope/a-typeunder.png) no-repeat center bottom;}
#gr_tour #planB .hotelbox{ background:url(../../hokkaido/ski/common/images/skiingslope/b-typeunder.png) no-repeat center bottom;}
#gr_tour #planC .hotelbox{ background:url(../../hokkaido/ski/common/images/skiingslope/c-typeunder.png) no-repeat center bottom;}


#gr_tour .hotelbox .hbox_left{ float:left; width:385px;}
#gr_tour .hotelbox .hbox_right{ float:left; width:524px;}
#gr_tour .hotelbox .hbox_left img{
	border-top: 5px solid #cccccc;
	border-bottom: 5px solid #cccccc;
	border-left: 6px solid #cccccc;
	border-right: 6px solid #cccccc;
	width:358px;
	height:178px;
}

#gr_tour p.h-copy{font-size:14px;font-weight:bold;}

#gr_tour #planA p.h-copy{color:#ea56a6;}
#gr_tour #planB p.h-copy{color:#209250;}
#gr_tour #planC p.h-copy{color:#0e98cc;}

#gr_tour p.h-name{
	font-size:18px;
	border-bottom:2px dotted #000;
	margin-bottom:7px;
	font-weight:bold;
	font-family:'メイリオ',' Meiryo','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
#gr_tour p.sentence{margin-bottom:11px;}
#gr_tour ul.gr_point{ background:#ededed url(../../hokkaido/ski/common/images/skiingslope/point.gif) no-repeat 0 0; margin: 0 0 12px 0; padding:2px 0 3px 0; height:auto;}
#gr_tour ul.gr_point li{ line-height:normal; font-weight:bold;}
#gr_tour ul.gr_point li.point1st{
	padding-left:82px;
}
#gr_tour ul.gr_point li.point_listing{ background-color:#ededed; padding-left:82px;}

#gr_tour .applies{ width:524px;}
#gr_tour .applies ul.with_no_ticket,
#gr_tour .applies ul.with_ticket{overflow:hidden;margin-bottom:2px;}
#gr_tour .applies ul.with_no_ticket{
	background-image: url(../../hokkaido/ski/common/images/skiingslope/with_no_ticket.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#gr_tour .applies ul.with_ticket{
	background-image: url(../../hokkaido/ski/common/images/skiingslope/with_ticket.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#gr_tour .applies ul.with_no_ticket li,
#gr_tour .applies ul.with_ticket li{ float:left;}
#gr_tour .applies .applies_1st{ margin-left:172px;}
#gr_tour .applies img{vertical-align:bottom;}


/*#gr_tour .darkshadow span{ font-size:14px;}

#gr_tour .boxtxt_r{
	width: 512px;
}
#gr_tour .blog_submit{
	overflow:hidden;
	width: 512px;
}
#gr_tour .submit_bt{
	position: absolute;
	left: 298px;
}
#gr_tour ul li.skislope_space{ margin-bottom:16px;}*/


/*//////////施設・サービス情報////////// */
#gr_service{
}
#gr_service h4{
	font-size: 15px;
	font-weight: bold;
	background-color: #3099E0;
	padding: 5px;
	margin-bottom: 5px;
	color: #FFFFFF;
}
#gr_service table{
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	width: 100%;
}
#gr_service tr{
}
#gr_service th{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding: 5px;
	background-image: url(../../hokkaido/ski/common/images/back/gr_th.png);
	background-repeat: repeat;
	text-align: center;
}
#gr_service td{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-left-color: #999999;
	padding: 5px;
}
#gr_service .rental{
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#gr_service .school_box{
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#gr_service .w150{
	width: 150px;
}
#gr_service .parking{
	width: 585px;
	float: left;
}
/*//////////このゲレンデのツアーはこちら////////// */
#gr_tour{
}
#gr_tour .boxtxt_r{
	width: 512px;
}
#gr_tour .blog_submit{
	overflow:hidden;
	width: 512px;
}
#gr_tour .submit_bt{
	position: absolute;
	/*left: 298px;*/
}
/*//////////タイトル下ゲレンデ説明テキスト枠////////// */
#gr-description {
	padding: 0 20px;
	font-size: 120%;
	color: #666;
}


/* 北海道スキー 重ね広告 */

/*#area,#hok_ski_wrap,#footer {
opacity: 0.3
}*/


.message_on_top {
position: absolute;
top: 200px;
left: 200px;
z-index: 1;
width: 580px;
height: 425px;
padding: 20px;
border: 5px solid orchid;
border-radius: 20px;
box-shadow: 2px 2px 10px #999;
background: white;
}

.message_on_top p {
	font-size:16px;
	text-align:center;
	line-height:1.5em;
	padding-top:10px;
}