@charset "Shift_JIS";

@import url(/common/css/jtb_site_970.css);
@import url(/common/css/function_970.css);
@import url(/common/css/regulation_970.css);
@import url(/kokunai/pkg/Contents/css/pkg_sidebar.css);
@import url(/kokunai/pkg/Contents/css/12area/standard.css);
@import url(/kokunai/pkg/Contents/css/12area/kokunai_tour_area.css);


/*100310 add*/
#contentsArea{
margin-top:0;
}

/*100311-h1対応↓↓ここから↓↓*/
#contentsArea h1{
padding:5px 0 10px 25px;
}
/*100311-h1対応↑↑ここまで↑↑*/

#contentsArea #mainArea h2{
margin-top:0;}
/*100310 add*/
#emergency-news{
	/*100310 modify--position:absolute;
	left:10px;
	top:218px;*/
	display:block;
	
}
#exArea #topics{
	/*100218del--position:absolute;
	top:230px;
	left:730px;*/
	width:230px;
}
#exArea #topics ul{
	margin-bottom:10px;
}
#exArea #topics img{
	vertical-align:bottom;
}

#exArea #topics li.infobanner{
	margin-bottom:5px;
}

#exArea #ranking{
/*100218 modify--margin-top:330px;*/
	margin-top:20px;
}

#favoriteLink{
	text-align:right;
}

/*#index*/ h3{
	margin-top:20px;
}

/*場所から*/
/*#index*/ .searchPlace .selectAreaBlock{
	width:290px;
	float:left;
	margin-left:10px;
	_margin-left:5px;
}
/*#index*/ .searchPlace .mapBlock{
	float:right;
	width:400px;
}

div#top_swf{
	padding-bottom:8px;
}

#swfbottom{
	border:solid 2px #ede698!important;
	background:#fffdec!important;
}
#swfbottom dl{
	position:relative;
}

#swfbottom dt{
	padding-left:8px;
	font-weight:bold;
	background:#fffac0;
	font-size:85%;
}
#swfbottom dd{
	font-size:85%;
	line-height:1.5em;
}
#swfbottom dd span{
	display:block;
	text-align:right;
}
#swfbottom dd span a{
	padding-left:13px;
	background:url("/common/images/icon_list.gif") no-repeat scroll 2px 0.3em transparent
}

.sbLeft{
	margin-left:8px;
	width:275px;
}
.sbRight{
	position:absolute;
	left:292px;
	top:3px;
	width:101px;
}


/*フォーム*/
.searchForm .button{
	text-align:right;
	margin-top:5px;
}
.searchForm .button input{
	width:250px;
}

.searchCondition .planList li{
	float:left;
	margin-right:10px;
}
.searchCondition .planList li input{
	margin-right:3px;
}

/*パンフレット*/
/*#index*/ .searchPamphlet .txtBlock{
	width:420px;
	float:left;
}
/*#index*/ .searchPamphlet .linkPamphlet{
	text-align:right;
}

/*-------------------------------------#dp*/
#dp{width:710px;}
/*100310 add*/
#contentsArea #mainArea #dp h2{
margin-top:20px;}
/*/100310 add*/
#dp .lead:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
}
#dp .lead{
	display:inline-block;
}
#dp .lead p.imgBlock{
	float:right;
	width:280px;
	margin-left:10px;
}
#dp ul:after{
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	
}
#dp ul{
	display:inline-block;
}
#dp li{
	float:left;
	width:350px;
	margin-top:10px;
}
#dp li#with-air{
	margin-right:10px;
}
#dp li p{
	float:left;
	width:190px;
}

/*#index*/ .searchPamphlet .imgBlock{
	width:280px;
	float:right;
}


/*-------------------------------------#RecommendTour*/
/*100310 add*/
#contentsArea #mainArea #recommend h2{
margin-top:20px;}
/*/100310 add*/
/*#index*/ .feature01{
	background:url("../images/feature/fr_special_bottom.gif") no-repeat left bottom;
	padding-bottom:8px;
	margin-top:10px;
}

/*#index*/ .feature01 ul{
	background:url("../images/feature/fr_special_bg.gif") no-repeat left top;
}

/*#index*/ .feature01 ul li{
	float:left;
	width:170px;
	margin-right:10px;
}

/*#index*/ .feature01 ul li.rightEnd{
	margin-right:0;
}

/*#index*/ .feature01 ul li p{
	margin-left:12px;
}
/*#index*/ .feature01 ul li p.imgBlock{
	padding:10px 23px 7px 23px;
	margin:0 12px 5px 12px;
	border-bottom:1px dashed #969696;
}


/*#pattern*/

.feature01_1{
	background:url("../images/feature/fr_special_bottom1.gif") no-repeat left bottom;
	padding-bottom:8px;
	margin-top:10px;
}

/*#index*/ .feature01_1 ul{
	background:url("../images/feature/fr_special_bg1.gif") no-repeat left top;
}

/*#index*/ .feature01_1 ul li{
	float:left;
	width:170px;
	margin-right:10px;
}

/*#index*/ .feature01_1 ul li.rightEnd{
	margin-right:0;
}

/*#index*/ .feature01_1 ul li p{
	margin-left:12px;
}
/*#index*/ .feature01_1 ul li p.imgBlock{
	padding:10px 23px 7px 23px;
	margin:0 12px 5px 12px;
	border-bottom:1px dashed #969696;
}


.feature01_2{
	background:url("../images/feature/fr_special_bottom2.gif") no-repeat left bottom;
	padding-bottom:8px;
	margin-top:10px;
}

/*#index*/ .feature01_2 ul{
	background:url("../images/feature/fr_special_bg2.gif") no-repeat left top;
}

/*#index*/ .feature01_2 ul li{
	float:left;
	width:170px;
	margin-right:10px;
}

/*#index*/ .feature01_2 ul li.rightEnd{
	margin-right:0;
}

/*#index*/ .feature01_2 ul li p{
	margin-left:12px;
}
/*#index*/ .feature01_2 ul li p.imgBlock{
	padding:10px 23px 7px 23px;
	margin:0 12px 5px 12px;
	border-bottom:1px dashed #969696;
}

.feature01_3{
	background:url("../images/feature/fr_special_bottom3.gif") no-repeat left bottom;
	padding-bottom:8px;
	margin-top:10px;
}

/*#index*/ .feature01_3 ul{
	background:url("../images/feature/fr_special_bg3.gif") no-repeat left top;
}

/*#index*/ .feature01_3 ul li{
	float:left;
	width:170px;
	margin-right:10px;
}

/*#index*/ .feature01_3 ul li.rightEnd{
	margin-right:0;
}

/*#index*/ .feature01_3 ul li p{
	margin-left:12px;
}
/*#index*/ .feature01_3 ul li p.imgBlock{
	padding:10px 23px 7px 23px;
	margin:0 12px 5px 12px;
	border-bottom:1px dashed #969696;
}


/*#index*/ ul.feature02{
	margin-top:20px;
}

/*#index*/ ul.feature02 li{
	float:left;
	width:355px;
}

/*#index*/ ul.feature02 li p{
	float:left;
	width:240px;
}

/*#index*/ ul.feature02 li p.imgBlock{
	width:80px;
	padding:0 11px 0 10px;
	border-right:1px dashed #969696;
	margin-right:5px;
}

/*-------------------------------------#PopularResort*/
/*100310 add*/
#contentsArea #mainArea #popularResort h2{
margin-top:20px;}
/*/100310 add*/
#popularResort .lead{
	margin-top:10px;
}
#popularResort .lead p.imgBlock{
	float:left;
	width: 270px;
	margin-right:20px;
}
#popularResort .lead .txtBlock{
	float:left;
	width:420px;
}
#popularResort .lead em{
	color:#D4187E;
}

/*#index*/ ul.pickupList{
	margin-top:10px;
	padding-top:10px;
	border-top:1px dashed #969696;
}

ul.pickupList strong em{
	margin-left:14px;
}

#popularResort ul{
	margin-left:10px;
}
#popularResort ul li{
	float:left;
	width:339px;
	margin-right:10px;
	/*padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #969696;*/
}

#popularResort .other{
	/*float:right;
	width:250px;
	clear:both;
	width:100%;*/
	text-align:right;
	margin-left:10px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px dashed #969696;
}


/*#popularResort ul a{
	display:block;
}*/



/* 12エリア用
div#mainArea div#special [
----------------------------------------------------------- 
#special p.caption {
	font-weight: bold;
}
#special ul {
	width: 710px;
	margin-top: 50px;
	clear: both;
}
#special ul li {
	widht: 350px;
	float: left;
}
#special ul li.listRight {
	widht: 350px;
	float: right;
}
#special ul li p {
	width: 264px;
	margin-left: 85px;
}
#mainArea ul li p.hotelPh {
	width: 80px;
	height: 60px;
	margin:0;
	padding-top: 5px;
	float: left;
}
#special ul li p.hotelName {
	font-weight: bold;
}
#special ul li p.price {
	font-weight: bold;
	color: #CC0000;
}*/

/*
div#mainArea div#special [
----------------------------------------------------------- 
#special p.caption {
	font-weight: bold;
}
#special ul {
	width: 710px;
	margin-top: 10px;
	clear: both;
}
#special ul li {
	widht: 350px;
	float: left;
}
#special ul li.listRight {
	widht: 350px;
	float: right;
}
#special ul li p {
	width: 264px;
	margin-left: 85px;
}
#mainArea ul li p.hotelPh {
	width: 80px;
	height: 60px;
	margin:0;
	padding-top: 5px;
	float: left;
}
#special ul li p.hotelName {
	font-weight: bold;
}
#special ul li p.price {
	font-weight: bold;
	color: #CC0000;
}*/


/*------- 暫定対応 -------*/
/* 旧12エリア　キーワード検索 */
.area_kensaku,#searchSection-area{display:none;margin:0;padding:0;height:0;line-height:0}
.searchPamphlet{margin:0;padding:0;}

/*------- ニュース2行対応 -------*/
/*100222 del--
#mainArea{margin-top:25px}*/
ul#emergency-news{width:950px;}


/*------- 人気のエリアバナー追加 -------*/

#area01 {
     background-color:#fff3d9;
	 width: 73px;
	 height:65px;
	 float:left;
	 padding-left:6px;
	 padding-bottom:3px;
	 padding-top:2px;
}

#area02 {
     background-color:#fff3d9;
	 width: 211px;
	 height:66px;
	 float:right;
	 padding-bottom:2px;
	 padding-top:2px;
}

#area03 {
	 width:60px;
	 float: left;
	 padding-left:10px;
	 padding-bottom:5px;
	 padding-top:2px;

}

#area04 {
	 width:80px;
	 float: right;	
	 padding-left:10px;
	 padding-bottom:5px;
	 padding-top:2px;

}

#area05 {
	 width:90px;
	 float: right;	
	 padding-left:10px;
	 padding-bottom:5px;
	 padding-top:2px;

}

.clear { 
     clear:both; 
} 



/*--------------09.06.16追加-------------------*/
/*場所から*/
/*#index*/ 

.searchPlace .selectAreaBlock ul.bnrList{
margin-bottom:5px;
}

.searchPlace .selectAreaBlock ul.bnrList li{
display:inline;
margin:0px 7px 0px 5px;
}

.searchPlace .selectAreaBlock ul.bnrList li.lbnr{
display:block;
}

.searchPlace .selectAreaBlock ul.bnrList li.lbnr_bottom{
display:block;
margin:0px 0px 7px 10px;
font-size:85%;
}

.searchPlace .selectAreaBlock div.areaList{
background:#E4E8EB;
padding:5px;              
}

.searchPlace .selectAreaBlock div.areaList h4{
border:none;
padding:0px;
margin:0px;
font-size:85%;
}

.searchPlace .selectAreaBlock div.areaList p{
font-size:85%;
}

.searchPlace .selectAreaBlock div.areaList .recommed{
font-weight:bold;
color:#CC3300;
font-size:110%;
}


/*----------------------10.02.25臨時追加---------------*/
#kimatsuSale{
background:url(/kokunai/pkg/contents/images/bg_kimatsu.gif) bottom;
}
#kimatsuSale p.title{
background:url(/kokunai/pkg/contents/images/bg_kimatsu_title.gif);
text-align:center;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
padding:7px 0px 16px 0px;
margin-bottom:5px;
}

#kimatsuSale ul{
margin-left:40px;
overflow:hidden;
}

* html #kimatsuSale ul{
height:1%;
}

#kimatsuSale li{
	background:url(/common/images/icon_list.gif) 2px 0.3em no-repeat;
	padding-left:13px;
	float:left;
	width:442px;
	}
	
	#kimatsuSale li dl{
overflow:hidden;
	}

#kimatsuSale li dt{
float:left;
width:2.8em;
}

#kimatsuSale li dd{
float:left;
width:190px;
font-weight:bold;
color:#CC0000;
}

#kimatsuSale li dd a{
margin-right:5px;
font-weight:normal;
}

#kimatsuSale p.linkListStandard{
text-align:right;
}


/*kimatsuSale_r*/
#kimatsuSale_r{}
#kimatsuSale_r h2{
background:url(/kokunai/pkg/contents/images/bg_kimatsu_title_r.gif) no-repeat top left;
text-align:center;
font-size:15px;
font-weight:bold;
color:#fff;
padding:10px 0 20px 0;}
#kimatsuSale_r h2 a{
text-decoration:none;color:#fff;}
#kimatsuSale_r dl{
border:1px #FCF7CB solid;
background:url(/kokunai/pkg/contents/images/bg_kimatsu.gif) bottom;
margin-bottom:10px;}
#kimatsuSale_r dt{
font-weight:bold;
text-align:center;}
#kimatsuSale_r dd{
text-align:center;}
#kimatsuSale_r dd a{
font-weight:bold;}
#kimatsuSale_r dd span{
margin-left:10px;
color:#FF0000;
font-weight:bold;}
#kimatsuSale_r .linkListStandard{
text-align:right;}

/*--------------------100308変更--------------*/
/*SelectArea*/
.searchPlace .selectAreaBlock ul.bnrList .separateBox{
width:287px;
margin-bottom:3px;
}
* html .searchPlace .selectAreaBlock ul.bnrList .separateBox{
margin-bottom:6px;}
.separateBox dt{
float:left;
width:80px;}
.separateBox dd{
float:right;
width:200px;}
body:first-of-type .separateBox dd img{
margin-bottom:3px;}
html:not([lang*=""]) .separateBox dd{
line-height:1%;}
html:not([lang*=""]) .separateBox dd img{
margin-bottom:2px;}
.separateBox dd p{
font-size:85%;
line-height:130%;}
.separateBox dd p strong{
font-weight:bold;
}
/*100310add 追加*/
.searchPlace .selectAreaBlock ul.bnrList .separateBox dd li{
margin:0 5px 0 0;
line-height:1.3em;
font-size:85%;}
/* /100310add 追加*/
/*topics 検索Box*/
#search2-domtour{
border:1px solid #A9A9A9;
padding-bottom:5px;
margin-top:10px;}
#search2-domtour h2{
background:url(/images2/bg_search_ti.gif) repeat-x left;
border-bottom:1px solid #A9A9A9;
margin:0 0 7px 0;
padding:2px 0;
}
#search2-domtour ul{
margin-left:5px;}
#search2-domtour li{line-height:128%;}
#search2-domtour li input{
vertical-align:middle;
margin-right:2px;}
#search2-domtour li label{
font-size:85%;
}
#search2-domtour li span{
margin-left:17px;
}

.buttonBoxTop{
padding:0 3px;}
.buttonBoxTop p{
background:#FFE5E5;
border:1px #FFCCCC solid;
padding:8px 0;
text-align:center;}
.buttonBoxTop p input{
width:100px;}

.txt_r{
text-align:right;}


/*100312追記*/
/*
本島おすすめリゾートホテル
----------------------------------------------------*/
#tourSearch div#recommendhotel{
	float: right;
	width: 278px;
	border: 1px solid #268ce8;
	padding:0;
}
#tourSearch div#recommendhotel h3{
	background: url(/kokunai/pkg/Contents/images/12area/recommend/ttl_oki.gif) no-repeat left top;
	width:276px;
	height:50px;
	margin:0;
	margin-bottom:-5px;
	padding:0;
	text-indent: -9999px;
}

#tourSearch div#recommendhotel ul{
	width:270px;
	margin-left:4px;
	margin-top:0;
	margin-bottom:4px;
	padding:0;
	background-color: #FFFFFF;
}
#tourSearch div#recommendhotel li{
	padding-bottom:4px;
	margin:3px;
	line-height:138%;
}
#tourSearch div#recommendhotel .hotelPhoto{
	width:80px;
	float:left;
	margin-right:8px;
}
#tourSearch div#recommendhotel .hotelArea{
	width:172px;
	float:left;
}
#tourSearch div#recommendhotel .hotelArea p{
	margin-bottom:4px;
}
#tourSearch div#recommendhotel .hotelArea ul{
	width:172px;
	margin:0;
	padding:0;
	font-size:86%;
}
#tourSearch div#recommendhotel .hotelArea ul li{
	margin:0;
	margin-bottom:2px;
	padding:0;
}

#tourSearch div#recommendhotel .freeList{
	margin-top:5px;
}
/*100312追記ここまで*/

/* 100407 */
.netBn{
	margin-bottom:8px;
	font-size:13px;
}