@charset "shift_jis";

a:link {
	color: #004ede;
	text-decoration: underline;
}
a:visited {
	color: #004ede;
	text-decoration: underline;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
#center {
	background-image: url(../img/index/header_back.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-left:1px solid #cacaca;
	border-right:1px solid #cacaca;
}


/* gvmenu */
ul#gvmenu{
	width:900px;
	height:42px;
	background:url(../img/gv-bk.jpg) repeat-x;
}
ul#gvmenu li{
	float:left;
}


/* 左メニュー */
#center #contents #leftmenu li {
	width: 185px;
	background-color: #EEEEEE;
	background-image: url(../img/index/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 5px 5px 20px;
	margin: 0 0 1px 0;
}
#center #contents #leftmenu form table tr:nth-of-type(3) td select:not(:nth-of-type(1)){
	width: 45px;
}


/* オススメホテル */
#random span.area1{
	color:#fff;
	display:block;
	text-align:center;
	width:80px;
	margin:5px 0 3px 0;
	background-color:#6aa8df;
}
#random span.area2{
	color:#fff;
	display:block;
	text-align:center;
	width:80px;
	margin:5px 0 3px 0;
	background-color:#66b35a;
}
#random span.area3{
	color:#fff;
	display:block;
	text-align:center;
	width:80px;
	margin:5px 0 3px 0;
	background-color:#f1bc3c;
}
#random span.area4{
	color:#fff;
	display:block;
	text-align:center;
	width:80px;
	margin:5px 0 3px 0;
	background-color:#f56565;
}


#random span.title{
	display:block;
	font-weight:bold;
	background:url(../img/index/arrow02.gif) no-repeat left top;
	padding-left:13px;
}


/* ピックアップ */
#center #contents #maincontents #pickup{
	width: 485px;
	background-image: url(../img/main_back.gif);
	background-repeat: repeat-y;
	padding: 0 5px;
}

#center #contents #maincontents #pickup h2.ttl,
#center #contents #maincontents #sp h2.ttl{
	border-top: 5px solid #02a2d7;
	border-bottom: 1px solid #c5c5c5;
	position: relative;
	padding: 9px 20px 10px 83px;
	font-size: 13px;
	font-weight: bold;
	color: #444;
	margin-bottom: 20px;
	line-height: 1.3;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(213,213,213,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(213,213,213,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(213,213,213,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.08);
}
#center #contents #maincontents #pickup h2.ttl .big,
#center #contents #maincontents #sp h2.ttl .big{
	display: block;
	margin-top: 7px;
	font-weight: bold;
	font-size: 26px;
	color: #02a2d7;
	line-height: 1;
}
#center #contents #maincontents #pickup h2.ttl .ico,
#center #contents #maincontents #sp h2.ttl .ico{
	position: absolute;
	top: -10px;
	left: -5px;
}

#center #contents #maincontents .pickupplan h3 {
	color:#1e297a;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin: 0px;
	float: left;
	background-position: bottom;
	padding: 0;
}
/* ピックアップ GW特集 */
#pickup_sp{ width:488px; height:155px; margin-bottom:10px;}
#pickup_sp img.sptitle{}
#pickup_sp ul{ padding:6px 0 0 0;}
#pickup_sp ul li img{ margin:0px; padding:0px;}
#pickup_sp ul li{ float:left; margin:0px; padding:0 0 0 2px;}
#pickup_sp ul a#link_oki,
#pickup_sp ul a#link_ishigaki,
#pickup_sp ul a#link_hok,
#pickup_sp ul a#link_tokyo,
#pickup_sp ul a#link_kyushu{
	display: block;
	width: 95px; /* 画像1枚分の横幅 */
	height: 112px; /* 画像1枚分の高さ */
	text-indent: -10000px; /* 文字を見えなくする */
}
#pickup_sp ul a#link_oki:hover,
#pickup_sp ul a#link_ishigaki:hover,
#pickup_sp ul a#link_hok:hover,
#pickup_sp ul a#link_tokyo:hover,
#pickup_sp ul a#link_kyushu:hover{
	background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
#pickup_sp ul a#link_oki{ background-image: url(../img/plan-photo/gw_oki.jpg); /* 画像ファイル名 */}
#pickup_sp ul a#link_ishigaki{ background-image: url(../img/plan-photo/gw_ishigaki.jpg); /* 画像ファイル名 */}
#pickup_sp ul a#link_hok{ background-image: url(../img/plan-photo/gw_hok.jpg); /* 画像ファイル名 */}
#pickup_sp ul a#link_tokyo{ background-image: url(../img/plan-photo/gw_tokyo.jpg); /* 画像ファイル名 */}
#pickup_sp ul a#link_kyushu{ background-image: url(../img/plan-photo/gw_kyushu.jpg); /* 画像ファイル名 */}

/*2nd 左メニューにMAP設置_20130415　ここから*/
#center #contents #map-small{
	float: left;
	background-color:#FFFFFF;
	background:url(../img/index/map_small.jpg) no-repeat;
	width:216px;
	height:204px;
	position:relative;
	margin: 0 0 10px 7px;
}
#center #contents #map-small p{ position:absolute;}
#center #contents #map-small p a{ display:block; height: 24px;	background-position:0 0;}
#center #contents #map-small p.map-ishi{ top:11px; left:5px;}
#center #contents #map-small p.map-hok{ top:21px; left:129px;;}
#center #contents #map-small p.map-hski{ top:91px; left:126px;}
#center #contents #map-small p.map-oki{ top:110px; left:13px;}
#center #contents #map-small p.map-tok{ top:147px; left:145px;}
#center #contents #map-small p.map-kyu{ top:174px; left:56px;}

#center #contents #map-small p.map-ishi a{background: url(../img/index/map_ishi.gif) no-repeat; width:72px;}
#center #contents #map-small p.map-hok a{background: url(../img/index/map_hok.gif) no-repeat; width:63px;}
#center #contents #map-small p.map-hski a{background: url(../img/index/map_hski.gif) no-repeat; width:89px;}
#center #contents #map-small p.map-oki a{background: url(../img/index/map_oki.gif) no-repeat; width:63px;}
#center #contents #map-small p.map-tok a{background: url(../img/index/map_tok.gif) no-repeat; width:63px;}
#center #contents #map-small p.map-kyu a{background: url(../img/index/map_kyu.gif) no-repeat; width:63px;}

#center #contents #map-small p a:hover{ background-position: 0 bottom;}
/*左メニューにMAP設置_20130415 ここまで*/



/*今が旬おすすめ特集の一覧_20130415ここから*/
#sp{ width:488px; height:auto; margin-bottom:2px; margin-top: 15px;}
#sp h2.h2sp{
	background:url(../img/index/h2_sp.gif) no-repeat;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding: 4px 0 0 10px;
	margin-left:2px;
	width:488px;
	height:23px;
}
#sp .spBox{
	border-bottom:1px solid #999999;
	height:120px;
	width:462px;
    padding:  10px 0 0 0;
	margin-left:10px;
}
#sp .spBox .halfbox{
    float: left;
    position: relative;
    width: 226px;
	margin-left:5px;
}
#sp .half{
	width:123px;
	float: right;
    margin-left: 5px;
    padding: 0;
}
#sp .price{
	position:absolute;
	/*bottom:4px;*/
	left:140px;
	color: #FF0000;
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
#sp h3{background-position: center bottom;
    color: #1E297A;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
#sp .details p{
    clear: both;
    margin: 0 0 3px;
    padding: 0;
}
#sp .clear-l{ clear:left;}

/*今が旬おすすめ特集の一覧_20130415ここまで*/
/*フリープラン一覧_20130607ここから*/
#center #contents #maincontents .topline{ border-top: 1px solid #999999;}
#center #contents #maincontents .freeplan1st{
	width:236px;
	float:left;
	margin:0 0 10px 6px;
}
#center #contents #maincontents .freeplan2nd{
	clear:both;
	width:470px;
	margin:0 0 0 6px;
	position:relative;
	padding:2px 0 0 0;
	height: 54px;
}
#center #contents #maincontents .freeplan1st img.thum{ width:69px; height:69px; padding:3px;}
#center #contents #maincontents .freeplan2nd img.thum{ width:44px; height:44px; padding:2px;}
#center #contents #maincontents .freeplan1st img.thum,
#center #contents #maincontents .freeplan2nd img.thum{
	float:left;
	overflow:hidden;
	border: 1px solid #d4d4d4;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */
	margin:4px 5px 6px 1px;
}
#center #contents #maincontents .freeplan1st h3{margin:0 0 3px 0; padding: 4px 0;}
#center #contents #maincontents .freeplan2nd h3{margin:6px 0 3px 0; padding:0px;}
#center #contents #maincontents .freeplan1st h3,
#center #contents #maincontents .freeplan2nd h3{
	font-size:16px;
	font-weight:bold;
	line-height:1.0em;
}
#center #contents #maincontents .freeplan1st h3 span,
#center #contents #maincontents .freeplan2nd h3 span{
	font-size:12px;
}
#center #contents #maincontents .freeplan2nd p{ width:180px; font-size:11px; line-height:0.9em; float:left;}
#center #contents #maincontents .freeplan1st span.price,
#center #contents #maincontents .freeplan2nd span.price{
	color:#FF0000;
	font-weight:bold;
	text-align:right;
}
#center #contents #maincontents .freeplan1st span.price{
	display: block;
	padding:2px 3px 0 0;
}
#center #contents #maincontents .freeplan2nd span.price{
	position:absolute;
	top:17px;
	right:10px;
}
#center #contents #maincontents .freeplan1st ul{ clear:both; margin:0px; padding:0px;}
#center #contents #maincontents .freeplan2nd ul{ margin:0px; padding:8px 0 0 2px;}
#center #contents #maincontents .freeplan1st ul li,
#center #contents #maincontents .freeplan2nd ul li{
	float:left;
	margin-left:4px;
}

/*#center #contents #maincontents .freeplan1st ul{ clear:both; margin:0px; padding:0px;}
#center #contents #maincontents .freeplan2nd ul{ margin:0px; padding:8px 0 0 2px;}
#center #contents #maincontents .freeplan1st ul li,
#center #contents #maincontents .freeplan2nd ul li{
	float:left;
	margin-left:2px;
	background:url(../img/index/blueicon.gif) no-repeat;
	padding:0px 0px 0px 13px;
}
#center #contents #maincontents .freeplan1st ul li span,
#center #contents #maincontents .freeplan2nd ul li span{
	padding:2px 4px 2px 0px;
}
#center #contents #maincontents .freeplan1st ul li:hover,
#center #contents #maincontents .freeplan2nd ul li:hover{
	background:url(../img/index/orangeicon.gif) no-repeat;
}
#center #contents #maincontents .freeplan1st ul li span:hover,
#center #contents #maincontents .freeplan2nd ul li span:hover{
	background-color:#ffe6c4 ;
}
*/

/*フリープラン一覧_20130607ここまで*/

/* マップ */
#map{
	border:1px solid #02a2d7;
	margin-top:0px !important;
}
#map .map-bk{
	background:url(../img/index/map.jpg) no-repeat;
	height:454px;
	position:relative;
}

#map ul li.area01{
	position:absolute;
	top:178px;
	left:15px;
}
#map ul li.area02{
	position:absolute;
	top:7px;
	left:20px;
}
#map ul li.area03{
	position:absolute;
	top:9px;
	left:280px;
}
#map ul li.area04{
	position:absolute;
	top:301px;
	left:307px;
}
#map ul li.area05{
	position:absolute;
	top:343px;
	left:114px;
}
#map ul li.area06{
	position:absolute;
	top:191px;
	left:332px;
}


/* 右メニュー */
#center #contents #rightcontents .info li {
	background-image: url(../img/index/arrow02.gif);
	background-position: left center;
	margin: 8px 0;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
}


/* fotter */
ul.fotterlink{
	background-color: #02a2d7;
	height:24px;
	margin-top: 20px;
	padding:5px 0 0 20px;
}
ul.fotterlink li{
	float:left;
}
ul.fotterlink li a{
	float:left;
	margin-right:20px;
	font-weight:bold;
	color:#fff;
}
ul.fotterlink li a:visited{
	color:#fff;
}
#footer {
	clear: both;
	width: 900px;
	font-size: 10px;
	text-align: center;
	padding: 10px 0;
}



/* サイトマップ用 */
.sitemap h2{
	background:url(../img/index/titlebar.gif) no-repeat;
	width:618px;
	height:31px;
	color:#02a2d7;
	font-size:20px;
	font-weight:bold;
	padding:13px 0 0 32px; 
}
.sitemap h3{
	font-weight:bold;
	font-size:14px;
	margin:25px 0 5px 5px;
	padding:8px 0 5px 8px;
	border-left:5px solid #80cce5;
	border-bottom:1px solid #80cce5;
	clear:both;
	width:637px;
}
.sitemap h3#portal{
	margin-top:7px;
}
.sitemap h4{
	clear:both;
	padding:3px 0 0 20px;
	font-size:14px;
	font-weight:bold;
}
.sitemap ul{
	padding:2px 0 15px 25px;
	overflow:hidden;
}
.sitemap ul li{
	float:left;
	padding-right:20px;
	line-height:1.5;
	white-space:nowrap;
}
.sitemap ul li.fin a:link,
.sitemap ul li.fin a:visited,
.sitemap ul li.fin a:hover,
.sitemap ul li.fin a:active{ color:#999999; text-decoration:none;}
.sitemap ul li.fin span{ font-size:9px; background-color:#666666; color: #FFFFFF; padding:2px; margin-right:2px;}