@charset "utf-8";

h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-weight:normal;
}
p,ul,li,dl,dt,dd,form{
	margin:0;
	padding:0;
}
ul,ol,li,dt,dd{
	list-style:none;
}
img{border:0;}
.nowrap{white-space:nowrap;}
br.clear{clear:both; font-size:0; height:0; line-height:0;}
.mb01{margin-bottom:10px !important;}
.mb02{margin-bottom:18px !important;}

.relative{
	position:relative !important;
}
a:hover img.ro{
	opacity:0.7;
	filter: alpha(opacity=70);
}
a:link,
a:visited{color:#0054BB; text-decoration:underline;}
a:hover,
a:active{color:#66a4FB; text-decoration:underline;}
span.price{font-weight:bold; color:#f00;}
.clear{clear:both;}

.tsml{font-size:11px;}

.pagetop{
	clear:both;
	display:block;
	text-align:right;
	margin:0 10px 15px 0;
}

body{
	margin:0;
	padding:0;
	color:#4c4c4c;
	font-size:12px;
	line-height:1.5;
	background:url(../img/bg-wrap.gif) repeat-x left 162px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
h1{
	position:absolute;
	left:50%;
	width:475px;
	margin-left:-472px;
	top:42px;
	color:#0054bb;
	font-size:12px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	z-index:1;
}

#sitenavi{
	height:30px;
	background:url(../img/bg-sitenavi.gif) repeat left top;
	border-bottom:3px solid #005bab;
}

#sitenavi ul{
	width:950px;
	margin:0 auto;
	padding-top:4px;
}
#sitenavi li{
	float:left;
	margin-right:5px;
}
#sitenavi li img{
	vertical-align:bottom;
}

#header{
	clear:both;
	width:100%;
	background:url(../img/bg-header.gif) repeat-x left top;
	height:89px;
	position:relative;
}

#logo,
#maincopy,
#ann,
#card,
#subnavi{
	position:absolute;
}
#logo,
#maincopy{
	left:50%;
	top:28px;
	margin-left:-472px;
	padding-top:10px;
}
#ann{
	left:50%;
	top:11px;
}

#root #logo		{background:url(../img/index/subpict.jpg) no-repeat right -1px; padding-right:300px;}
#okinawa #logo	{background:url(../img/okinawa/subpict.jpg) no-repeat right top; padding-right:183px;}
#hokkaido #logo	{background:url(../img/hokkaido/subpict.jpg) no-repeat right top; padding-right:176px;}
#tokyo #logo	{background:url(../img/tokyo/subpict.jpg) no-repeat right top; padding-right:183px;}
#kyushu #logo	{background:url(../img/kyushu/subpict.jpg) no-repeat right top; padding-right:183px;}
#hski #logo		{background:url(../img/hski/subpict.jpg) no-repeat right top; padding-right:176px;}
#sski #logo		{background:url(../img/sski/subpict.jpg) no-repeat right top; padding-right:176px;}

#root	#ann{margin-left:88px;}
#okinawa #ann,
#tokyo #ann,
#kyushu #ann{margin-left:-24px;}
#hokkaido #ann{margin-left:-15px;}
#hski #ann{margin-left:57px;}
#sski #ann{margin-left:35px;}

/*#okinawa #maincopy{margin-left:-216px;}
#hokkaido #maincopy{margin-left:-189px;}*/

#card{
	left:50%;
	margin-left:405px;
	top:8px;
}
#sski #card{
	left:50%;
	margin-left:405px;
	top:-27px;
}
#sski #myplanlist{
	position:absolute;
	left:50%;
	margin-left:299px;
	top:10px;
	display:block;
	width:146px;
	height:35px;
}
#subnavi{
	width:370px;
	left:50%;
	top:58px;
	margin-left:124px;
}
#hski #subnavi{margin-left:218px;}
#sski #subnavi{margin-left:174px;}
#subnavi li{
	float:left;
	font-size:10px;
	font-family:"Hiragino Kaku Gothic Pro", "HiraKakuPro-W6", "Meiryo", "MS PGothic", "osaka", sans-serif;
	margin-right:11px;
	background-repeat:no-repeat;
	background-position:left 3px;
}
#subnavi li.out,
#subnavi li.chk{
	margin-top:6px;
	padding:0 0 0 9px;
}
#subnavi li.out{
	background-image:url(../img/icon-out.gif);
	padding:0 0 0 12px;
}
#subnavi li.chk{
	background-image:url(../img/icon-subnavi02.gif);
}
#subnavi li a:link,
#subnavi li a:visited{color:#222;}
#subnavi li a:hover,
#subnavi li a:active{color:#999;}


#navi{
	height:38px;
	padding:8px 0 0 0;
	background:url(../img/bg-navi.gif) repeat-x left top;
}
#navi ul{
	width:950px;
	margin:0 auto;
	
}
#navi li{
	float:left;
}
#sski #navi{
	position:relative;
}
#sski #navi ul#navimain{
	position:absolute;
	left:50%;
	top:8px;
	margin-left:-475px;
	width: 584px;
	
}
#sski #navi ul#navimain li{
	float:left;
}

#sski #navi ul#navibtn{
	position:absolute;
	left:61%;
	top:10px;
	margin-left:3px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	height:27px;
	width: 352px;
	
}
#sski #navi ul#navibtn li{
	float:left;
	height:27px;
}
#sski #navi ul#navibtn li img{float:left;}

#sski #navi ul#navibtn ul, 
#sski #navi ul#navibtn ul li
{
	float:left;
	height:27px;
	
}
#sski #navi ul#navibtn ul{
	width:165px;
	margin: 0px;
	padding: 0px;
	padding-right:8px;
	height:27px;
}

#pankuzu{
	color:#222;
	font-size:10px;
	font-family:"Hiragino Kaku Gothic Pro", "HiraKakuPro-W6", "Meiryo", "MS PGothic", "osaka", sans-serif;
	line-height:24px;
	height:24px;
	background:url(../img/bg-pankuzu.gif) repeat-x left top;
	margin-bottom:18px;
}
#pankuzu p{
	width:940px;
	margin:0 auto;
}
#pankuzu a:link,
#pankuzu a:visited{text-decoration:none;}



#wrap{
	width:950px;
	margin:0 auto;
	position:relative;
	clear:both;
}
/*めりこみ防止───────────*/
/*
	■記述方法
	#okinawa #wrap{
		min-height:1400px;　←ここと
		height: auto !important;
		height: 1400px;　←ここを同じ数値に
	}
*/

/*沖縄*/
#okinawa #wrap{
	min-height:1400px;
	height: auto !important;
	height: 1400px;
}
/*北海道*/
#hokkaido #wrap{
	min-height:1400px;
	height: auto !important;
	height: 1400px;
}
/*東京*/
#tokyo #wrap{
	min-height:1400px;
	height: auto !important;
	height: 1400px;
}
/*九州*/
#kyushu #wrap{
	min-height:1400px;
	height: auto !important;
	height: 1400px;
}
/*北海道スキー*/
#hski #wrap{
	min-height:1850px;
	height: auto !important;
	height: 1850px;
}
/*信州スキー*/
#sski #wrap{
	min-height:1790px;
	height: auto !important;
	height: 1790px;
}
/*─────────────────*/

body.sidebar #wrap
{
	width:755px;
	padding-right:195px;
}

h2{
	margin-bottom:8px;
}


#footer{
	width:100%;
	height:94px;
	clear:both;
	position:relative;
	background-color:#fff;
}
#footer p.copyright{
	color:#fff;
	font-size:10px;
	font-family:"Century Gothic Bold",Helvetica,Arial,sans-serif;
	position:absolute;
	right:60px;
	top:15px;
}
#footer ul.menu{
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	font-weight:bold;
	line-height:18px;
	height:18px;
	padding:15px 0 15px 60px;
	background-color:#004C8F;
}
#footer ul.menu li{
	color:#fff;
	float:left;
	margin-right:22px;
}
#footer ul.menu li a:link,
#footer ul.menu li a:visited{color:#fff; text-decoration:none;}
#footer ul.menu li a:hover,
#footer ul.menu li a:active{color:#cdf; text-decoration:none;}

#footer ul.sitenavi{
	font-size:10px;
	font-family:"Hiragino Kaku Gothic Pro", "HiraKakuPro-W6", "Meiryo", "MS PGothic", "osaka", sans-serif;
	font-weight:bold;
	line-height:18px;
	height:18px;
	padding:15px 0 15px 56px;
}

#footer ul.sitenavi li{
	float:left;
	margin-right:22px;
}
#footer ul.sitenavi li img{
	margin-top:2px;
}
#footer p.link{
	font-size:10px;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:bold;
	
	position:absolute;
	right:60px;
	top:63px;
}
#footer p.link a{
	font-weight:normal;
}
#footer ul.sitenavi li a:link,
#footer ul.sitenavi li a:visited{color:#666; text-decoration:none;}
#footer ul.sitenavi li a:hover,
#footer ul.sitenavi li a:active{color:#999; text-decoration:none;}




/*** sidebar ***/
#sidebar{
	position:absolute;
	left:50%;
	margin-left:295px;
	top:0px;
	width:180px;
	padding-bottom:20px;
}

#search{
	margin-bottom:14px;
	background:url(../img/bg-search.gif) no-repeat left bottom;

}
#search h2{
	margin-bottom:7px;
}
#search table{
	border-collapse:collapse;
	margin:0 0 3px 10px;
}
#search th{
	color:#000;
	font-size:10px;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	font-weight:normal;
	width:40px;
	text-align:left;
	vertical-align:top;
	padding-top:4px;
}
#search td{
	line-height:1.7;
	padding:0 0 8px 3px;
}
#search p{
	font-size:10px;
	font-family:"Hiragino Kaku Gothic Pro", "HiraKakuPro-W6", "Meiryo", "MS PGothic", "osaka", sans-serif;
	line-height:12px;
	border-top:1px solid #B0C1CD;
	border-bottom:1px solid #B0C1CD;
	padding:5px;
	margin:0 10px;
}
#search input{
	margin:7px 0 7px 11px;
}
#search select{font-size:12px; color:#424242;}
#search th.full{padding-bottom:0px;}

#sski #search td,
#sski #search th{width:auto; white-space:nowrap; padding:2px 0 0 0; line-height:1.4;}
#sski #search td{font-size:10px; padding:0 0 2px 3px;}
#sski #search select{font-size:12px; font-family:"ＭＳ Ｐゴシック"; color:#424242; padding:3px 0; margin:0;}
#sski #search select#resort_cd,#sski #search select#dir_cd_l{font-size:10px;}
#sski input.keyword{width:150px; margin:0; padding:0;}


h2.menu{
	color:#0045bb;
	font-size:12px;
	line-height:0.9;
	font-weight:bold;
	font-family:"Century Gothic",Arial, Helvetica, sans-serif;
}
#menu{
	width:178px;
	float:left;
	border:1px solid #B0C1CD;
	padding-bottom:8px;
}
#menu h3{
	clear:both;
	border-top:1px solid #b0c1cd;
	padding:14px 0 13px 10px;
}
#menu ul{
	float:left;
	padding-bottom:6px;
	padding-right:9px;
}
#menu ul li{
	line-height:1.2;
	background:url(../img/icon-menu.gif) no-repeat left 4px;
	padding:0 0 0 12px;
	margin:0 0 10px 14px;
}
#menu ul.arealist{
	margin:0;
}
#menu ul.arealist li{
	width:54px;
	float:left;
	display:inline;
}

#hski #menu,
#sski #menu		{border-top:none;}
#hski #menu h3,
#sski #menu h3	{margin:-2px 0 13px 0; border:none; padding:0;}
#hski #menu ul	{margin-bottom:1px;}
#hski #menu ul li{margin-left:10px;}


#menu h4{
	clear:both;
	color:#011d57;
	font-weight:bold;
	margin:0 0 6px 10px;
	background:url(../img/icon-menu-h4.gif) no-repeat left center;
	padding:0 0 0 12px;
	font-size:13px;
	font-family:"Hiragino Kaku Gothic Pro", "HiraKakuPro-W6", "Meiryo", "MS PGothic", "osaka", sans-serif;
	font-weight:bold;
}
#sski #menu h4{
	color:#022;
	background-image: url(../img/sski/icon-menuparent.gif);
	font-size:14px;
	padding:0px 0 0 15px;
}
#sski #menu h4 a:link,
#sski #menu h4 a:visited{color:#026; text-decoration:none;}
#sski #menu h4 a:hover,
#sski #menu h4 a:active{color:#28d; text-decoration:none;}
#sski #menu ul{border-bottom:1px solid #b0c1cd;margin-bottom:10px;width:169px;margin-top:3px;}
#sski #menu ul.last{border-bottom:none;margin-bottom:1px;}

#hski #menu ul{}
#hski #menu ul.fin li a:link,
#hski #menu ul.fin li a:visited,
#hski #menu ul.fin li a:hover,
#hski #menu ul.fin li a:active{ color:#333; text-decoration:none;}


.more{
	clear:both;
	line-height:18px;
	padding:7px 15px 7px 0;
	background:url(../img/okinawa/index/bg-more01.gif) repeat-x left top;	
	text-align:right;
}
.more a{
	background:url(../img/icon-orange.gif) no-repeat left 3px;
	padding:0 0 0 10px;
}
.more a.out{
	background:url(../img/icon-out.gif) no-repeat left 2px;
	padding:0 0 0 14px;
}

.more2{
	clear:both;
	line-height:18px;
	padding:7px 15px 7px 0;
	background:url(../img/okinawa/index/bg-more02.gif) repeat-x left top;	
	text-align:right;
}
.more2 a{
	background:url(../img/icon-orange.gif) no-repeat left 3px;
	padding:0 0 0 10px;
}

#support{
	clear:both;
	background:#004C8F url(../img/bg-support.gif) no-repeat right top;
	padding:0 24px 10px 0;
	margin-bottom:8px;
}
#support h2{
	color:#fff;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	padding:10px 0 7px 10px;
}
#support ul li{
	background:url(../img/icon-support.gif) no-repeat left 4px;
	border-bottom:1px dotted #B3CADE;
	padding:0 0 3px 12px;
	margin:0 0 3px 14px;
}

#support ul li a:link,
#support ul li a:visited{color:#CCDBE9; text-decoration:none;}
#support ul li a:hover,
#support ul li a:active{color:#EEF6FF; text-decoration:none;}



/*keyword- tag cloud like*/
#keyword{
	clear:both;
	margin:0 10px 18px 0;
}
#keyword h2{
	color:#333;
	font-size:16px;
	font-family:"Hiragino Kaku Gothic Pro", "HiraKakuPro-W6", "Meiryo", "MS PGothic", "osaka", sans-serif;
	font-weight:bold;
	background:url(../img/okinawa/index/icon-keyword.gif) no-repeat left center;
	padding:0 0 0 26px;
	margin-bottom:8px;
}
#keyword ul li{
	display:inline;
	line-height:1.2;
	color:#5377E4;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	letter-spacing:-1px;
	margin-right:12px;
}
#keyword ul li.key1{font-size:22px;}
#keyword ul li.key2{font-size:18px;}
#keyword ul li.key3{font-size:14px;}
#keyword ul li.key4{font-size:12px;}

#keyword ul li a:link,
#keyword ul li a:visited{color:#5377E4; text-decoration:none;}
#keyword ul li a:hover,
#keyword ul li a:active{color:#83a7f4; text-decoration:none;}


/* アンカー */
.anchor{
	width:693px;
	font-size:12px;
	line-height:14px;
	padding:10px 0 10px 62px;
	float:left;
	background:#007ac2 url(../img/icon-anchor.gif) no-repeat 14px center;
	margin-bottom:21px;
}
.anchor li{
	float:left;
	border-right:1px solid #fff;
	margin-right:10px;
	padding-right:10px;
	white-space:nowrap;
}
.anchor li.last{
	border:none;
}
.anchor a:link,
.anchor a:visited{color:#fff; text-decoration:none;}
.anchor a:hover,
.anchor a:active{color:#b3d7ed; text-decoration:underline;}

.anchor .pagetop{
	clear:none;
	float:right;
	margin:0;
	border:none;
	background:url(../img/sski/icon-pagetop.gif) no-repeat left 1px;
	padding:0 15px 0 15px;
}



.hotelblock{
	width:738px;
	background-color:#6ebae2;
	border:3px solid #dbeef8;
	border-top:none;
	padding:8px 0 10px 11px;
/*	font-family:"メイリオ",""Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka,Sans-serif;*/
	margin-bottom:15px;
}
.hotelblock h3{
	font-size:14px;
	color:#fff;
	font-family:"meiryo","HiraKakuPro-W6","ヒラギノゴ Pro W3","ＭＳ Ｐゴシック", Osaka,sans-serif;
	font-weight:bold;
	background:url(../img/icon-lineup.gif) no-repeat left 1px;
	padding:0 0 0 23px;
	margin-bottom:6px;
}
#sski h3.gelande{margin:0 0 5px 3px; clear:both;}
.bordertop{border-top:3px solid #dbeef8;}

.hotelblock p.area{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	background:url(../img/icon-hd.gif) no-repeat left 3px;
	padding:0 0 0 21px;
	margin-bottom:7px;
	clear:both;
	position:relative;
}
.hotelblock p.area img{
	position:absolute;
	right:10px;
	top:2px;
}



/* ホテルカセット */
.hotelbox{
	float:left;
	width:258px;
	background-color:#fff;
	padding:10px 10px 0 96px;
	margin-bottom:10px;
	position:relative;
}
.hotelbox img.pict{
	position:absolute;
	left:8px;
	top:9px;

	border:1px solid #b0c1cd;
	padding:1px;	 
}
.hotelbox h5,
.hotelbox p.hotelname{
	width:165px;
	height:32px;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	background:url(../img/icon-name.gif) no-repeat left 5px;
	padding:3px 0 0 12px;
	margin:0;
}
.hotelbox img.btn{
	position:absolute;
	right:10px;
	top:10px;
}
.hotelbox p{
	width:250px;
	position:relative;
	margin:0 0 8px 8px;
}
.hotelbox p span.price{
	color:#f00;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
		
	position:absolute;
	right:0;
	top:0;
}
.hotelbox span.price span{
	font-size:10px;
	font-weight:normal;
}
/* おすすめホテルカセット */
.big{
	width:570px;
	height:130px;
	padding-left:148px;
}
.big h5,
.big p.hotelname{
	width:400px;
	font-size:14px;
	padding:10px 0 0 16px;
	height:30px;
	background-position:left 12px;
}
.big p{
	line-height:19px;
	width:550px;
	margin:0 0 13px 0;
}
.big p span.price{
	font-size:16px;
	position:absolute;
	right:110px;
	top:-34px;
}
.big dl{
	position:absolute;
	right:22px;
	top:112px;
}

/*横に並列*/

.big dl.left{
	position:absolute;
	right:310px;
	top:112px;
}





/* 発地リンク */
.hotelbox dl{
	height:15px;
	margin:0 0 10px -2px;
}
.hotelbox dl dt,
.hotelbox dl dd{
	float:left;
	font-size:12px;
	line-height:14px;
}
.hotelbox dl dt{
	margin-right:8px;
}
.hotelbox dl dd{
	border-right:1px solid #2158cd;
	margin-right:5px;
	padding-right:5px;
}
.hotelbox dl dd.end{
	border:none;
	margin:0;
	padding:0;
}




/* ul版 */
.hotelbox ul{
	width:192px;
	height:15px;
	margin:0 0 8px -2px;
	background:url(../img/icon-moshikomi.gif) no-repeat left top;
	padding:0 0 0 68px;
}

.hotelbox ul.car{
	width:192px;
	height:15px;
	margin:0 0 8px -2px;
	background:url(../img/icon-car_ss.gif) no-repeat left top;
	padding:0 0 0 68px;
}

.hotelbox ul.nocar{
	width:192px;
	height:15px;
	margin:0 0 8px -2px;
	background:url(../img/icon-nocar_ss.gif) no-repeat left top;
	padding:0 0 0 68px;
}

.hotelbox li{
	float:left;
	font-size:12px;
	line-height:14px;
	border-right:1px solid #2158cd;
	margin-top:0px;
	margin-right:5px;
	padding-right:5px;
	white-space:nowrap;
}
.hotelbox ul li.end{
	border:none;
	margin:0;
	padding:0;
}


/* list */
#sitemap h3	{
	clear:both;
	background:url(../img/bg-category.gif) no-repeat left top;
	padding:7px 0 0 28px;
	height:28px;
	margin-bottom:12px;
	font-weight:bold;
}
#sitemap h4	{
	color:#000;
	font-size:12px;
	font-family:"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	font-weight:bold;
	margin:0 10px 10px 12px;
	border-bottom:1px solid #bbb;
	border-left:4px solid #bbb;
	padding:3px 0 3px 8px;
	clear:both;
}
#sitemap ul	{
	width:740px;
	margin:0 0 15px 14px;
	float:left;
	clear:both;
}
#sitemap li	{
	width:226px;
	padding:0 10px 8px 10px;
	float:left;
	background:url(../img/icon-menu.gif) no-repeat 0 4px;
	line-height:15px;
	display:block;
}
#sitemap li span{
	color:#f60;
	margin-left:0px;
}

/*販売（シーズン）終了に伴うコメント*/
p.EndPeriod{
	font-size:20px;
	font-weight:bold;
	color:#ff0000;
	text-align:center;
	margin-bottom:10px;
}

span.line{
	text-decoration:line-through;
	}