@charset 'utf-8';

/* TOPページ　エリアから探す */

#tn_search_area {
	width: 700px;
	margin: 3px auto 0px auto;
	padding: 0px;
	}

#tn_search_area .tn_main_unit_in {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c5c5c5;
	background: #132a73;
	}

#tn_search_area .tn_maparea {
	width: 600px ;
	margin: 20px auto 10px auto;
	padding: 0px;
	}

#tn_search_area .tn_genchi {
	width: 300px ;
	margin: 0px auto 3px auto;
	padding: 0px;
	font-size : 16px ;
	font-weight : bold ;
	color:#ffffff;
	float : left ;
	}

#tn_search_area .tn_coupon {
	width: 300px ;
	margin: 0px auto 3px auto;
	padding: 0px;
	font-size : 16px ;
	font-weight : bold ;
	color:#ffffff;
	float : right ;
	}

#tn_search_area font {
	color : red ;
	}

/* TOPページ　マップBG(現地ツアー) */

#tn_search_area .tn_tmap_bg {
	width: 600px ;
	height: 360px ;
	margin: 0px;
	padding: 0px;
	position : relative;
	top : 0px ;
	left : 0px ;
	background: URL(../img/site/top_map.gif) no-repeat;
	}


/* TOPページ　マップボタン(現地ツアー) */

#tn_search_area .tn_tmap_bg .kume {
	width: 78px;
	height: 30px;
	position : absolute;
	top : 43px;
	left : 85px;
	}

#tn_search_area .tn_tmap_bg .naha {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 242px;
	left : 109px;
	}

#tn_search_area .tn_tmap_bg .chubu {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 160px;
	left : 168px;
	}

#tn_search_area .tn_tmap_bg .hokubu {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 86px;
	left : 332px;
	}

#tn_search_area .tn_tmap_bg .miya {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 112px;
	left : 485px;
	}

#tn_search_area .tn_tmap_bg .ishi {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 281px;
	left : 467px;
	}

#tn_search_area .tn_tmap_bg .yae {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 329px;
	left : 337px;
	}
#tn_search_area .tn_tmap_bg .carSpace {
	width: 106px;
	height: 350px;
	position : absolute;
	top : 329px;
	left : 337px;
	background-color:#333;
	}

#tn_search_area .tn_tmap_bg a:hover {
	position:absolute;
	top:1px;
	left:1px;
	}


/* TOPページ　マップBG(ショップナビ) */

#tn_search_area .tn_smap_bg {
	width: 600px ;
	height: 360px ;
	margin: 0px;
	padding: 0px;
	position : relative;
	top : 0px ;
	left : 0px ;
	background: URL(../img/site/top_map_shop.gif) no-repeat;
	}

/* TOPページ　マップボタン(ショップナビ) */

#tn_search_area .tn_smap_bg .sonota {
	width: 78px;
	height: 30px;
	position : absolute;
	top : 43px;
	left : 85px;
	}

#tn_search_area .tn_smap_bg .naha {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 238px;
	left : 92px;
	}

#tn_search_area .tn_smap_bg .chubu {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 160px;
	left : 168px;
	}

#tn_search_area .tn_smap_bg .hokubu {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 86px;
	left : 332px;
	}

#tn_search_area .tn_smap_bg .miya {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 112px;
	left : 485px;
	}

#tn_search_area .tn_smap_bg .ishi {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 268px;
	left : 359px;
	}

#tn_search_area .tn_smap_bg .nanbu {
	width: 106px;
	height: 20px;
	position : absolute;
	top : 271px;
	left : 212px;
	}

#tn_search_area .tn_smap_bg a:hover {
	position:absolute;
	top:1px;
	left:1px;
	}

/* TOPページ　ショップナビメインカテゴリ */

#tn_shopkateg {
	width: 700px;
	margin: 3px auto 0px auto;
	padding: 0px;
	}

#tn_shopkateg .tn_kategbox80 {
	width: 650px;
	/* height : 80px; */
	margin: 15px auto 20px auto;
	padding: 0px;
	}

#tn_shopkateg .tn_kategbox60 {
	width: 650px;
	height : 60px;
	margin: 15px auto 0px auto;
	padding: 0px;
	}

#tn_shopkateg .tn_kategL {
	width: 310px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align:center;
	float : left ;
	}

#tn_shopkateg .tn_kategR {
	width: 310px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align:center;
	float : right ;
	}

#tn_shopkateg .tn_kateg_ti {
	width: 190px;
	height: 27px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 0px;
	text-align:center;
	font-size: 16px;
	font-weight : bold ;
	color:#ffffff;
	background: URL(../img/site/kateg_shop.gif) left top no-repeat;
	}

/* TOPページ　現地ツアーメインカテゴリ */

#tn_opkateg {
	width: 700px;
	margin: 3px auto 0px auto;
	padding: 0px;
	}

#tn_opkateg .tn_kategbox160 {
	width: 650px;
	height : 160px;
	margin: 15px auto 0px auto;
	padding: 0px;
	}

#tn_opkateg .tn_kategbox140 {
	width: 650px;
	height : 140px;
	margin: 15px auto 0px auto;
	padding: 0px;
	}

#tn_opkateg .tn_kategbox120 {
	width: 650px;
	height : 120px;
	margin: 15px auto 0px auto;
	padding: 0px;
	}

#tn_opkateg .tn_kategbox100 {
	width: 650px;
	height : 100px;
	margin: 15px auto 0px auto;
	padding: 0px;
	}

#tn_opkateg .tn_kategbox80 {
	width: 650px;
	height : 80px;
	margin: 15px auto 0px auto;
	padding: 0px;
	}

#tn_opkateg .tn_kategbox60 {
	width: 650px;
	height : 60px;
	margin: 15px auto 0px auto;
	padding: 0px;
	}

#tn_opkateg .tn_kategL {
	width: 310px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align:center;
	float : left ;
	}

#tn_opkateg .tn_kategR {
	width: 310px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align:center;
	float : right ;
	}

#tn_opkateg .tn_kateg_ti {
	width: 190px;
	height: 27px;
	margin: 0px auto 0px auto;
	padding: 5px 0px 0px;
	text-align:center;
	font-size: 14px;
	font-weight : bold ;
	color:#ffffff;
	background: URL(../img/site/kateg_op.gif) left top no-repeat;
	}

#tn_opkateg .tn_kateg_subti {
	width: 310px;
	margin: 3px 0px 0px;
	padding: 0px;
	text-align:center;
	font-size: 14px;
	font-weight : bold ;
	color:#666666;
	}

/* カテゴリーから検索(ショップナビtop) */

#tn_kagegs {
	width: 700px;
	margin: 3px auto 0px auto;
	padding: 0px;
	}

#tn_kagegs .tn_set40 {
	width: 680px;
	height: 40px;
	margin: 3px auto 0px auto;
	padding: 0px;
	}

#tn_kagegs .tn_set60 {
	width: 680px;
	height: 60px;
	margin: 3px auto 0px auto;
	padding: 0px;
	}


#tn_kagegs .tn_set_L {
	width: 150px;
	margin: 3px 0px 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	float:left;
	}

#tn_kagegs .tn_set_R {
	width: 510px;
	margin: 3px 0px 0px;
	padding: 0px;
	float:right;
	}

/* うちなーんちゅもトラベルナビ(ショップナビtop) */

#tn_uchina {
	width: 700px;
	margin: 3px auto 0px auto;
	padding: 0px;
	}

#tn_uchina .tn_main_unit_in {
	padding: 10px 20px;
	font-size:14px;
}

#tn_uchina .tn_main_unit_in p {
	line-height: 10px;
}

/* 広告バナー(ショップナビtop) */

#tn_shop_footbnr {
	width: 700px;
	margin: 30px auto 15px auto;
	padding: 0px;
	text-align:center;
	}

/* TOPページ　沖縄イベント情報 */

#tn_event {
	width: 210px;
	margin: 3px auto 0px auto;
	padding: 0px;
	}

#tn_event .tn_ti_b {
	width: 210px;
	height: 27px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 5px;
	color: #fff;
	text-align: left;
	background: URL(../img/site/ti_bg_en_210.gif) left top no-repeat;
	}

#tn_event .tn_event_menu {
	width: 205px;
	margin: 0px auto 5px auto;
	padding: 5px;
	text-align: left;
	background: #dedede;
	}

#tn_event .tn_event_menu_in {
	margin: 0px;
	padding: 10px 10px 10px 9px;
	border: 1px solid #c5c5c5;
	background: #fff;
	}
#tn_event .tn_event_menu_in dl {
	margin:			0px auto;
	padding:		0px;
	}

#tn_event .tn_event_menu_in dt {
	padding:		0px 0px 0px 20px;
	background:		URL(../img/site/ar02_or01.gif) left 15% no-repeat;
	}

#tn_event .tn_event_menu_in a {
	font-size:		15px;
	font-weight:	bold;
	}

#tn_event .tn_event_menu_in dd {
	margin:			0px 0px 5px 20px;
	}
	
/* 2011/02 追加
============================================== */
#leftContainer ul,#rightContainer ul{
	margin		: 0;
	padding		: 0;
	list-style	: none;
	}
#leftContainer dl dd,#rightContainer dl dd{
	margin		: 0;
	}

#leftContainer{
	width		: 735px;
	float		: left;
	}

#indCenter{
	width		: 440px;
	float		: right;
	}
	
#indLeft{
	width		: 280px;
	float		: left;
	}
	
#rightContainer{
	width		: 200px;
	float		: right;
	}

/* clear
------------------------------------ */
.indBnr,.listBox{
    overflow	: hidden;
    }

.indBnr:after,.listBox:after{
    content		: "";
    display		: block;
    clear		: both;
    height		: 1px;
    overflow	: hidden;
    }

/*\*/
* html .indBnr,* html .listBox{
    height		: 1em;
    overflow	: visible;
    }
/**/
	
/* indCenter
------------------------------------ */
.indBnr{
	margin-bottom: 10px;
	}
.indBnr p{
	margin		: 0;
	}
	
.listBox{
	}
	
.listBox h3{
	font-size	: 14px;
	color		: #FFAE00;
	border-bottom: 1px solid #DDDDDD;
	padding		: 5px 0;
	}
	
.planLists{
	width		: 130px;
	float		: left;
	display		: inline;
	margin		: 10px 8px;
	overflow	: hidden;
	}
	
.planImg{
	text-align	: center;
	height		: 130px;
	}
	
.planLists p{
	margin		: 0;
	}
	
.planComp{
	font-size	: 10px;
	}
	
.plamPrc{
	color		: #FF0000;
	}
	
/* indLeft
------------------------------------ */
.srchTtl{
	background	: url("/img/site/tops/tops/search_ttl.gif") no-repeat left top;
	font-size	: 14px;
	line-height	: 26px;
	padding		: 0 0 0 18px;
	}
	
#searchArea,.okiFaq,.rlvSite{
	border		: 1px solid #EAEAEA;
	padding		: 6px 12px;
	margin-bottom: 20px;
	}

.srchMap{
	padding		: 0 0 10px;
	}
	
.srchMap p{
	margin		: 5px 0;
	}
	
.otherArea{
	margin-bottom: 10px;
	}
	
.otherArea li{
	display		: inline;
	border-right: 1px solid  #0066CC;
	padding-right: 5px;
	}
	
.mapImg{
	margin		: 0;
	padding		: 0;
	}
	
.srchDay,.srchPamph{
	border-top	: 1px dotted #CCC;
	padding		: 10px 0;
	}
	
.srchDayBtn{
	text-align	: center;
	}
	
.srchDayBtn input{
	width		: 175px;
	height		: 30px;
	background	: url("/img/site/tops/tops/search_btn.gif") no-repeat left top;
	cursor		: pointer;
	border		: 0;
	font-weight	: bold;
	}

.okiFaq dl{
	margin		: 5px 0 0;
	}

.okiFaq dl dt{
	width		: 180px;
	position	: relative;
	color		: #8EC31F;
	margin-right: 10px;
	padding-left: 64px;
	}
	
.okiFaq dl dt.firstChild,
.okiFaq dl dt:first-child{
	padding-top	: 0;
	}
	
.okiFaq dl dt img{
	position	: absolute;
	top			: 0;
	left		: 0;
	}
	
.okiFaq dl dt.firstChild img,
.okiFaq dl dt:first-child img{
	top			: 0;
	}
	
.okiFaq dl dd{
	height		: 40px;
	padding-left: 64px;
	margin-bottom: 5px!important;
	font-size	: 10px;
	color		: #999999;
	line-height	: 1.3;
	}
	
.okiFaq dl > dd{
	min-height	: 40px;
	height		: auto;
	}
	
.rlvSite h3{
	margin-bottom: 5px;
	}
	
.rlvSite ul li{
	text-align	: center;
	margin-bottom: 10px;
	}

/* srchPamph
------------------------------------ */
.srchPamph p{
	margin		: 4px 0;
	}
	
.pinput{
	width		: 190px;
	color		: #999;
	}
	
/* mustItem
------------------------------------ */
.mustItem,.ranking{
	border		: 1px solid #EAEAEA;
	padding		: 6px 12px;
	margin-bottom:10px;
	}
	
.mustItem h3,.ranking h3{
	color		: #FFAE00;
	}
	
.mustItem p{
	margin		: 3px 0;
	}
	
.mustItemTxt{
	font-size	: 10px;
	color		: #999;
	line-height	: 1.4;
	}
	
.bnr{
	margin-bottom:20px;
	text-align	: center;
	}

/* ranking
------------------------------------ */
.ranking dl{
	margin		: 0;
	}
.ranking dl dt{
	padding-left: 90px;
	font-weight	: bold;
	}
	
.ranking dl dd{
	position	: relative;
	padding-left: 90px;
	height		: 80px;
	margin-bottom: 3px!important;
	}
	
.ranking dl dd img{
	position	: absolute;
	top			: -14px;
	left		: 0;
	}

.ranking dl dd.firstChild img,
.ranking dl dd:first-child img{
	top			: -15px;
	}
	
.ranking dl > dd{
	min-height	: 80px;
	height		: auto;
	}
	
.ranking dl dd span{
	color		: #FF0000;
	display		: block;
	}

/* affiliate
------------------------------------ */
.afarea{
	clear		: both;
	text-align	: center;
	margin		: 20px 0;
	}
	
/*.ranking dl dt{
	position	: relative;
	margin-bottom: 5px;
	}
	
.ranking dl dt.firstChild,
.ranking dl dt:first-child{
	}
	
.ranking dl dt img{
	position	: absolute;
	top			: 10px;
	left		: 0;
	}
	
.ranking dl dt.firstChild img,
.ranking dl dt:first-child img{
	top			: 0;
	}
	
.ranking dl dd{
	margin-bottom: 10px;
	padding-left: 90px;
	height		: 70px;
	}
	
.ranking dl > dd{
	min-height	: 70px;
	height		: auto;
	}
*/

/* 2011/11 追加
============================================== */
/* clear
------------------------------------ */
.t_listBox{
	margin		: 0 0 10px 0;
}
.t_indBnr,.t_listBox{
    overflow	: hidden;
    }

.t_indBnr:after,.t_listBox:after{
    content		: "";
    display		: block;
    clear		: both;
    height		: 1px;
    overflow	: hidden;
    }

/*\*/
* html .t_indBnr,* html .t_listBox{
    height		: 1em;
    overflow	: visible;
    }
/**/

.t_indBnr{
	margin-bottom: 10px;
	}
.t_indBnr p{
	margin		: 0;
	}
		
.t_listBox h3{
	font-size	: 16px;
	color		: #FFAE00;
	border-bottom: 1px solid #DDDDDD;
	padding		: 5px 0;
	}
	
.top_content .t_planLists{
	width		: 130px;
	float		: left;
	display		: inline;
	margin		: 10px 8px;
	overflow	: hidden;
	}
	
.top_content .t_planImg{
	text-align	: center;
	width		: 215px;
	height		: 165px;
	text-align	: center;
	display		: table-cell;
	vertical-align: middle;
	}
	
.top_content .t_planLists p a{
	margin		: 0;
	font-weight	: bold;
	font-size	: 14px;
	color		: #2CA9E1;
	}
	
.top_content .t_planLists .t_planComp{
	color		: #969696;
	font-size	: 12px;
	}
	
.top_content .t_planLists .t_plamPrc{
	color		: #FF0000;
	font-weight	: bold;
	font-size	: 14px;
	}


.top_content{
	margin		: 20px 5px 0 13px;
	overflow	: hidden;
	min-width	: 1235px;
	}

.top_content #t_leftcontent{
	width		: 978px;
	text-align	: left;
	float		: left;
	}

.top_content .t_planLists{
	width		: 217px;
	padding		: 0;
	margin		: 10px;
	}

#t_indRiht{
	float		: right;
	width		: 226px;
	text-align	: left;
	}

.t_searchArea{
	border		: 1px solid #EAEAEA;
	padding		: 6px;
	margin-bottom: 20px;
	}

.t_searchArea h3{
	font-weight	: bold;
	color		: #FFAE00;
	font-size	: 14px;
	padding		: 5px 0;
	margin-bottom: 5px;
	}


.t_searchArea .pinput{
	width		: 150px;
	_width		: 145px;
	float		: left;
	margin-right: 3px;
	}

.submit_bg{
	float		: left;
	width		: 51px;
	}

.ranking_w{
	margin-bottom: 15px;
	}

.ranking_t{
	font-size	: 16px;
	font-weight	: bold;
	}

.ranking_t a{
	padding-left: 7px;
	font-size	: 13px;
	}

.ranking_img{
	text-align	: center;
	}

.ranking_comp{
	color		: #969696;
	font-size	: 12px;
	}	

.ranking_prc{
	color		: #FF0000;
	font-weight	: bold;
	font-size	: 14px;
	}

.right_bn{
	text-align	: center;
	}

.right_bn li img{	
	margin		: 8px 0;
	}