@charset "UTF-8";
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
strong{
	font-weight: bold;
	color: #666666;
}
/* リンク */
a {
		color:0000ff;
		text-decoration:underline
}
a,a:link,a:hover {
	font-style:normal;
	color: #FFFFFF;
}
a:link,a:visited,a:hover,a:active {
	text-decoration:none;
	color: #CCCCCC;
}
a:link {
	color:#000099
}
a:visited {
	color:#900
}
a:hover {
	color:#00f
}
a:active {
	color:#333
}
a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* ラッパー */
#wrapper{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	text-align: left;
}
/* ヘッダー */
#header{
	background-color: #999999;
}
/* コンテンツ */
#contents{
	width: 930px;
	padding: 10px;
	background-image: url(../images/background_contents.png);
	background-repeat: repeat-y;
}
#contents h2{
	font-size: 15px;
	background-color: #000033;
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 10px;
}
#contents .titilebanner{
	clear: both;
	margin-top: 10px;
}
#recommend_plan{
	width: 920px;
	background-color: #BEF4E5;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#recommend_plan .planbox{
	width: 220px;
	float: left;
	margin-left: 10px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
#recommend_plan h2{
	font-size: 12px;
	margin-right: 12px;
	margin-left: 12px;
	background-color: #0E4488;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
}
#recommend_plan .thum{
	margin: 1em;
}
#recommend_plan p{
	font-size: 11px;
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
#recommend_plan .departure{
	margin: 1em;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#recommend_plan .clear{
	clear: both;
	height: 10px;
}
/*___各商品タブ___*/
#recommend2_plan{
	width: 925px;
	background-color: #B7EBDD;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#recommend2_plan .planbox{
	width: 226px;
	float: left;
	margin-left: 5px;
	margin-bottom: 4px;
	background-color: #FFFFFF;
}
#recommend2_plan h2{
	font-size: 12px;
	margin-right: 12px;
	margin-left: 12px;
	background-color: #0E4488;
	padding-top: 0.3em;
	padding-right: 0px;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
}
#recommend2_plan .thum{
	margin: 1em;
}
#recommend2_plan p{
	font-size: 11px;
	margin-top: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
}
#recommend2_plan .departure{
	margin: 1em;
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#recommend2_plan .clear{
	clear: both;
}
/* 2columwrapper */
#inner_wrapper{
	width: 930px;
	margin-top: 10px;
	display: block;
}
/* left_colum */
#left_colum{
	width: 620px;
	float: left;
}
/* ゲレンデ情報 */
#Slopes{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #B9D563;
	display: block;
	padding: 10px;
	background-color: #FFFFFF;
}
#Slopes p{
	margin-bottom: 1em;
}
#Slopes ul{
	margin-bottom: 10px;
	margin-left: -10px;
}
#Slopes li{
	width: 295px;
	margin-left: 10px;
	float: left;
	margin-bottom: 10px;
}
#Slopes .title{
	clear: both;
	margin-bottom: 10px;
}
#Slopes dl {
	padding: 0;
	border: 1px solid #eee;
	border-top: none;
	background-color: #f5f5f5;
}  
#Slopes dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 10em;
	float: left;
}  
#Slopes dd {
	margin: 0 0 0 10em;
	padding: 0.3em 1em;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	background-color: #fff;
}
/* ゲレンデアクセス */
#Slope_access{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #B9D563;
	display: block;
	padding: 10px;
	margin-top: 10px;
	background-color: #FFFFFF;
}
#Slope_access p{
	margin-bottom: 1em;
	margin-top: 1em;
}
#Slope_access dl {
	padding: 0;
	border: 1px solid #eee;
	border-top: none;
	background-color: #f5f5f5;
}  
#Slope_access dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 8em;
	float: left;
}  
#Slope_access dd {
	margin: 0 0 0 8em;
	padding: 0.3em 1em;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	background-color: #fff;
}
/* ゲレンデグルメその他 */
#Slope_other{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #B9D563;
	display: block;
	padding: 10px;
	margin-top: 10px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
} 
#Slope_other p{
	margin-bottom: 1em;
	margin-top: 1em;
}
#Slope_other .otherbox{
	width: 295px;
	float: left;
}
#Slope_other .otherimg{
	float: left;
	margin-right: 1em;
	margin-bottom: 0.5em;
} 
#Slope_other .othertxt{
}
#Slope_other .otherclear{
	clear: both;
	height: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 0.5em;
} 
#Slope_other strong{
	font-weight: bold;
	color: #333333;
}
#contents_topix{
	margin-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
#contents_topix h2{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CC0000;
	padding-left: 1em;
	margin-bottom: 1em;
	background-color: #D8CAA8;
	color: #333333;
}
#contents_topix p{
	padding: 10px;
}
#contents_topix dl{
	padding: 10px;
}
#contents_topix dt{
	float: left;
	font-size: 13px;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../../images/mark.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	width: 100px;
	background-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
#contents_topix dd{
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
/* right_colum */
#right_colum{
	width: 300px;
	float: left;
	margin-left: 10px;
}
/* おススメ商品 */
#right_colum .titile{
	margin-bottom: 10px;
	clear: both;
}
#popular_plan{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #B9D563;
	margin-bottom: 10px;
	background-color: #BEF4E5;
	padding: 10px;
}
#popular_plan h3{
	background-color: #B41E23;
	color: #FFFFFF;
	text-indent: 1em;
	margin-bottom: 5px;
	background-image: url(../images/arrow_36-trans.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#popular_plan .popularthumimg{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#popular_plan .populartxt{
}
#popular_plan .departure2{
	text-align: center;
	clear: both;
}
#popular_plan .endber{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	clear: both;
	height: 5px;
	margin-bottom: 10px;
}
/* イベント情報 */
#event_information{
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #B9D563;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 10px;
}
#event_information h2{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #993300;
	background-color: #FFFFFF;
	color: #996600;
	background-image: url(../images/arrow_31-trans.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	padding-bottom: 5px;
}
#event_information p{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
}
#event_information .eventday{
	background-color: #CCCCCC;
}
#areafeedtopix{
	margin-bottom: 20px;
}
#areafeedtopix h3{
	font-size: 14px;
	font-weight: bold;
	background-color: #CCCCCC;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
#areafeedtopix ul{
}
#areafeedtopix li{
	list-style-type: circle;
	list-style-position: inside;
	margin-bottom: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#areafeedtopix p{
}

.clearboth{
	clear: both;
}
/*___ホテルカセット___*/
#hotelcasset{
	width: 930px;
	margin-top: 10px;
}
/*___フッター___*/
#footer {
	clear: both;
	background-color: #FFFFFF;
	padding: 10px;
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	color: #333333;
	}

#footer h4 {
	color: #333;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 0px;
	float: none;
	}
#footer a {
	color: #333333;
	text-decoration: none;
	}

#footer a:visited {
	color: #666666;
	text-decoration: none;
	}

#footer a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #FF0000;
	}
.footer_leftcol {
	overflow: hidden;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0E4488;
	padding-left: 0.5em;
	}
.footer_ber1{
	background-color: #0E4488;
	height: 4px;
	width: 950px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #0E4488;
	margin-left: -10px;
	margin-bottom: 10px;
}
.footer_ber{
	background-image: url(../images/back_foot_ber.gif);
	background-repeat: repeat-x;
	background-position: center;
	height: 4px;
	margin-top: 1em;
	margin-bottom: 1em;
}
#footer_jt {
	color: #333;
	}

.footer_submenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

.footer_submenu li {
	line-height: 130%;
	list-style: none;
	margin: 0;
	float: none;
	padding: 0;
	}
.nomal{
	font-weight: normal;
	font-size: 11px;
}
.logo{
	text-align: right;
	margin-top: -35px;
}
#copyright-letter {
	color: #FFFFFF;
	background-color: #0E4488;
	padding: 10px;
	}


/* じゃんとら北海道top navi tab */
#new_theme_menu {
	padding:0;
	background-image:url(../images/theme_menu.gif); 
	background-repeat:no-repeat;
	margin:0;
}
ul#new_theme_menu {
	/*width:950px;*/
	margin:0;
	overflow:hidden;/*float解除*/
	zoom:100%;
　/*float解除*/
	background-color: #333333;
	height: 46px;
}
ul#new_theme_menu li {
	float:left; 
	list-style:none; 
	margin: 0px;
	padding: 0px;
}
ul#new_theme_menu li a {
	display:block; 
	height:46px; 
	text-align:center; 
	font-weight:bold; 
	letter-spacing:1px; 
	text-indent:0; 
	background-image:url(../images/theme_menu.gif); 
	background-repeat:no-repeat; 
}


ul#new_theme_menu li a.th-home {background-position:0 0;width:128px;}
ul#new_theme_menu li a.th-home:hover {background-position:0 -46px;}

ul#new_theme_menu li a.th-theme {background-position:-128px 0px;width:128px;}
ul#new_theme_menu li a.th-theme:hover {background-position:-128px -46px;}
 
ul#new_theme_menu li a.th-area {background-position:-256px 0px;width:128px;}
ul#new_theme_menu li a.th-area:hover {background-position:-256px -46px;}

ul#new_theme_menu li a.th-hotel {background-position:-384px 0px;width:129px;}
ul#new_theme_menu li a.th-hotel:hover {background-position:-384px -46px;}

ul#new_theme_menu li a.th-jiyu {background-position:-513px 0px;width:176px;}
ul#new_theme_menu li a.th-jiyu:hover {background-position:-513px -46px;}

ul#new_theme_menu li a.th-tktplan {background-position:-689px 0px;width:144px;}
ul#new_theme_menu li a.th-tktplan:hover {background-position:-689px -46px;}

ul#new_theme_menu li a.th-tokushu {background-position:-833px 0px;width:117px;}
ul#new_theme_menu li a.th-tokushu:hover {background-position:-833px -46px;}

ul#new_theme_menu li a.th-taijma {background-position:-880px 0px;width:70px;}
ul#new_theme_menu li a.th-tajima:hover {background-position:-880px -46px;}