@import url("base.css");
@import url("entryarchive.css");

/**************** header ****************/

/****** left ******/

.header_leftcont {
	margin: 0;
	padding: 0;
	width: 210px;
	height: 250px;
	float: left;
	background: #F9F2D5 url("../images/common/corner01_l_b.gif") no-repeat left bottom;
	}

.header_logo{
	width: 210px;
	height: 96px;
	float: left;
	}

	
.header_rcmnd {
	width: 210px;
	height: 98px;
	background: url("../images/common/rcmnd_bottom.gif") no-repeat left bottom;
	float:left;
	}
.header_rcmnd img{
	width: 210px;
	height: 46px;
	float: left;
	}

.header_rcmnd ul{
	list-style:none;
	clear: both;
	}

.header_rcmnd ul li{
	width: 180px;
	margin-left: 14px;
	margin-bottom: 3px;
	color: #FFF;
	font-size: 11px;
	}

.header_rcmnd a:link {
	color: #FFF;
	text-decoration: none;
	}

.header_rcmnd a:visited {
	color: #FFF;
	text-decoration: none;
	}

.header_rcmnd a:hover {
	color: #FFF;
	text-decoration: underline;
	} 

/****** right ******/

.header_maincont{
	margin: 0;
	padding: 0;
	width: 590px;
	float: right;
	}
	
#header_tab01 {
	width: 352px;
	height: 40px;
	background:#F78A0B url("../images/common/header_img/tab_org.gif") no-repeat left top;
	float:left;
	}
	
#header_tab01 h2 {
	width: 320px;
	height: 38px;
	margin-left: 22px;
	margin-top: 2px;
	color: #FFF;
	font-size: 10px;
	}

#header_tab02 {
	width: 238px;
	height: 40px;
	float: right;
	}




.header_cont {
	margin: 0;
	padding: 0;
	width: 590px;
	height: 210px;
	background: url("../images/common/header_img/top.jpg") no-repeat left top;
	text-align: center;
	float:left;
	}


.header_cont .ttlbox{
	margin-top: 20px;
	width: 335px;
	height: 100px;
	clear: both;
	}


.header_map {
	margin: 0;
	padding: 0;
	width: 590px;
	height: 210px;
	background: #66CCFF url("../images/common/top_img.jpg") no-repeat left top;
	float:left;
	text-align: right;
	}
	
.header_map img{
	float:right;
	border:none;
	}

/**************** left_cont詳細構造 ****************/

/****** 目的別 ******/

.menu_box{
	width: 200px;
	background: #FFE144 url("../images/common/corner02_b.gif") no-repeat left bottom;
	clear:both;
	}

.menu_contbox{
	margin-left: 10px;
	padding-bottom: 18px;
	width: 180px;
	clear: both;
	}

.tour_bnr{
	margin-top: 0px;
	width: 180px;
	float: left;
	}

.menu_title{
	margin-top: 8px;
	width: 180px;
	height: 31px;
	float: left;
	}


.menu_plan{
	width: 180px;
	background: url("../images/common/corner03_back.gif") repeat left top;
	float: left;
	}
	
.plan_details{
	margin-top: 4px;
	margin-left: 5px;
	padding-bottom: 4px;
	width: 170px;
	height: 55px;
	clear: both;
	border-bottom: 2px dotted #666;
	}


.plan_details .plan_imgbox{
	width: 52px;
	height: 52px;
	float: left;
	}

.plan_details .plan_textbox{
	width: 113px;
	height: 52px;
	float: right;
	}
	

.plan_details .plan_textbox img{
	width: 110px;
	height: 30px;
	clear: both;
	}

.plan_details .plan_textbox p{
	width: 110px;
	margin-left: 2px;
	font-size: 10px;
	text-align: left;
	line-height: 1.0;
	float:left;
	}

/****** 条件から探す ******/

.reference_box{
	width: 200px;
	background:#6F451D url("../images/common/rfrnc_bottom.gif") no-repeat left bottom;
	clear:both;
	}

.reference_title{
	width: 200px;
	height: 35px;
	float: left;
	}

.reference_cont{
	width: 200px;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 11px;
	background: url("../images/common/rfrnc_back.gif") no-repeat left top;
	float: left;
	}

	.reference_cont p{
		padding-top: 5px;
		padding-bottom: 5px;
		margin-left: 15px;
		clear: both;
		}

/****** コールセンター ******/

.tel_box{
	margin: 0;
	padding: 0;
	text-align: center;
	width: 200px;
	clear:both;
	}


/****** カウンター ******/

.daycount_box{
	width: 200px;
	clear:both;
	text-align:center;
	}

/**************** main_cont詳細構造 ****************/


/****** 会社概要など ******/

.sign_box{
	width: 590px;
	text-align: center;
	clear: both;
	background-color: #F56200;
	}

.sign_imgbox{
	width: 590px;
	height: 5px;
	float: left;
	}

.sign_contbox{
	width: 590px;
	background-color: #F56200;
	float: left;
	}


.sign_contbox ul{
	margin-left: 10px;
	padding: 0;
	font-size: 10pt;
	color: #333;
	list-style-type:none;
	clear: both;
	}

.sign_contbox ul li{
	margin-right: 5px;
	background: url(../images/common/arrow01_wht.gif) no-repeat left 2px;
	padding-left: 15px;
	float: left;
	}

.sign_contbox ul li a:link{
	color: #fff;}
	
.sign_contbox ul li a:visited{
	color: #fff;}






/****** コメント ******/

.comment{
	padding-top: 2px;
	width: 590px;
	clear: both;
	}

	.comment p{
		margin-left: 5px;
		margin-bottom: 5px;
		}
	

/****** 出発地別商品一覧 ******/

.depplan_box{
	width: 590px;
	height: 56px;
	background: url("../images/common/depselect/back.gif") no-repeat left top;
	float: left;
	}

	.depplan_box ul{
		width: 450px;
		padding-top: 4px;
		margin-left: 130px;
		list-style: none;
		}

	.depplan_box ul li {
		width: 78px;
		height: 48px;
		margin-right: 10px;
		list-style-type: none;
		float: left;
		}
				

/******** 新着＆ランキング ********/
.sell_box{
	width:590px;
	padding-bottom: 11px;
	background: url("../images/common/sell_b.gif") no-repeat left bottom;
	float: left;
	}

.sell_contbox{
	padding-top: 5px;
	width:590px;
	background: url("../images/common/sell_back.gif") repeat left top;
	float: left;
	}

.sell_settle{
	margin-left: 14px;
	width: 560px;
	clear: both;
	}
	
/****** 新着情報詳細 ******/

	
.news_box{
	width: 274px;
	text-align: left;
	font-size: 11px;
	float: left;
	}
	
.news_ttl{
	width: 274px;
	height: 15px;
	margin-bottom: 5px;
	float: left;
	}

.news_cont{
	margin-bottom: 2px;
	width: 274px;
	float: left;
	}

.news_cont h4{
	width:247px;
	height:18px;
	margin-top: 5px;
	padding-left: 18px;
	font-weight: bold;
	font-size: 15px;
	background: url("../images/common/plus_grn.gif") no-repeat 2px 1px;
	}


.news_cont ul{
	padding-top: 5px;
	background: url("../images/common/border01_grn.gif") no-repeat left top;
	}

.news_cont ul li{
	margin: 0 0 2px 0;
	padding: 2px 0 4px 45px;
	list-style-type: none;
	font-size: 12px;
	background: url("../images/common/new02.gif") no-repeat 1px 3px;
	border-bottom: 1px dotted #666;
	line-height: 1.5;
	}

.news_cont ul li img{
	margin-right: 2px;
	vertical-align: middle;
	}

/****** ランキング詳細 ******/

.rank_box{
	margin-top: 10px;
	width: 274px;
	padding-bottom: 18px;
	float: right;
	background: url("../images/common/rank/rank_b.gif") no-repeat left bottom;
	}

.rank_ttl{
	width: 274px;
	height: 58px;
	float:right;
	}

.rank_cont{
	width: 274px;
	background: url("../images/common/rank/rank_back.gif") repeat left top;
	text-align: center;
	float:right;
	}

.rank_cont table{
	width: 240px;
	margin-top: 0px;
	margin-left: 14px;
	border:none;
	clear: both;
	}

.rank_cont table td{
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:#FC8BCB dashed 1px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-right: 2px;
	padding-left: 2px;
	}

.rank01{
	font-size: 14px;
	font-weight: bold;
	}
	
	.rank01 a:link{
		color: #F00;
		text-decoration: underline;
		}

	.rank01 a:visited{
		color: #F00;
		text-decoration: underline;
		}

	.rank01 a:hover{
		color: #F56200;
		text-decoration: underline;
		}

.rank02{
	font-size: 12px;
	font-weight: bold;
	}
	
	.rank02 a:link{
		color: #00F;
		text-decoration: underline;
		}

	.rank02 a:visited{
		color: #00F;
		text-decoration: underline;
		}

	.rank02 a:hover{
		color: #F56200;
		text-decoration: underline;
		}

.rank03{
	font-size: 12px;
	font-weight: bold;
	}
	
	.rank03 a:link{
		color: #000;
		text-decoration: underline;
		}

	.rank03 a:visited{
		color: #000;
		font-weight: bold;
		text-decoration: underline;
		}

	.rank03 a:hover{
		color: #F56200;
		font-weight: bold;
		text-decoration: underline;
		}

/****** 特集ページ ******/


.sp_box{
	width: 585px;
	float:right;
	}

.sp_box p{
	line-height: 1.3;
	font-size: 12px;
	}

.sp_l{
	width: 290px;
	float: left;
	}


.sp_r{
	width: 290px;
	float: right;
	}

.sp_box a:link{
	color: #00F;
	font-weight: bold;
	text-decoration: underline;
	}

.sp_box a:visited{
	color: #00F;
	font-weight: bold;
	text-decoration: underline;
	}

.sp_box a:hover{
	color: #FD7509;
	font-weight: bold;
	text-decoration: none;
	}

/****** 出発地別おすすめ商品 ******/


.choice_box{
	float:right;
	}


.choice_box ul{
	margin: 0;
	padding:0;
	width: 580px;
	height:40px;
	}

.choice_title{
	width:590px;
	clear: both;
	}

ul#nav{
	height:40px;
	position: relative;
	list-style: none;
	}
	
ul#nav li{
	position: absolute;
	top:0;
	width:116px;
	}

ul#nav a {
	display: block;
	padding-left:30px;
	height:30px;
	line-height: 30px;
	font-weight: bold;
	color: #00F;
	text-decoration: underline;
	}

ul#nav a:hover {color: #FD7509;}

li#nav_tyo {left: 0px;}
li#nav_osa {left: 116px;}
li#nav_ngo {left: 232px;}
li#nav_spk {left: 348px;}
li#nav_oka {left: 464px;}


ul.choice_tyo {background:url("../images/common/choice/tab_tyo.gif") no-repeat }
ul.choice_osa {background:url("../images/common/choice/tab_osa.gif") no-repeat }
ul.choice_ngo {background:url("../images/common/choice/tab_ngo.gif") no-repeat }
ul.choice_spk {background:url("../images/common/choice/tab_spk.gif") no-repeat }
ul.choice_oka {background:url("../images/common/choice/tab_oka.gif") no-repeat }



.choice_tyocontbox{
	width: 580px;
	height: 210px;
	background: url("../images/common/choice/choiceback_tyo.gif") no-repeat left top;
	float:left;
	}

	.choice_tyocontbox .tyo_tourbox{
		margin-left: 10px;
		width: 560px;
		height: 200px;
		background: url("../images/common/choice/tyo_tourboxback.gif") no-repeat left top;
		clear: both;
		}
	
.choice_osacontbox{
	width: 580px;
	height: 210px;
	background: url("../images/common/choice/choiceback_osa.gif") no-repeat left top;
	float:left;
	}
	
	.choice_osacontbox .osa_tourbox{
		margin-left: 10px;
		width: 560px;
		height: 200px;
		background: url("../images/common/choice/osa_tourboxback.gif") no-repeat left top;
		clear: both;
		}
		
.choice_ngocontbox{
	width: 580px;
	height: 210px;
	background: url("../images/common/choice/choiceback_ngo.gif") no-repeat left top;
	float:left;
	}
	.choice_ngocontbox .ngo_tourbox{
		margin-left: 10px;
		width: 560px;
		height: 200px;
		background: url("../images/common/choice/ngo_tourboxback.gif") no-repeat left top;
		clear: both;
		}
		
.choice_spkcontbox{
	width: 580px;
	height: 210px;
	background: url("../images/common/choice/choiceback_spk.gif") no-repeat left top;
	float:left;
	}

	.choice_spkcontbox .spk_tourbox{
		margin-left: 10px;
		width: 560px;
		height: 200px;
		background: url("../images/common/choice/spk_tourboxback.gif") no-repeat left top;
		clear: both;
		}

.choice_okacontbox{
	width: 580px;
	height: 210px;
	background: url("../images/common/choice/choiceback_oka.gif") no-repeat left top;
	float:left;
	}
	
	.choice_okacontbox .oka_tourbox{
		margin-left: 10px;
		width: 560px;
		height: 200px;
		background: url("../images/common/choice/oka_tourboxback.gif") no-repeat left top;
		clear: both;
		}

.tour_settle{
	margin-left: 10px;
	width: 550px;
	clear: both;
	}
	
	
.tour_contbox{
	margin-top: 12px;
	margin-right: 5px;
	width: 265px;
	height: 85px;
	float: left;
	}

.tour_contbox img{
	float: left;
	margin-top: 3px;
	margin-right: 4px;
	}

.tour_contbox h5{
	font-weight: bold;
	font-size: 12px;
	color: #00F;
	clear: both;
	}

	.tour_contbox h5 a:link{
		color: #00F;
		text-decoration: underline;
		}

	.tour_contbox h5 a:visited{
		color: #00F;
		text-decoration: underline;
		}

	.tour_contbox h5 a:hover{
		color: #FD7509;
		text-decoration: none;
		}

.tour_contbox p{
	margin-top: 2px;
	width: 198px;
	float: left;
	}

/****** 目的別ツアーカテゴリー ******/

.purpose_box{
	margin:0;
	padding: 0;
	width: 590px;
	clear: both;
	}

.purpose_title{
	width:590px;
	clear: both;
	}

.purpose_planbox{
	margin: 0 6px 0 0;
	padding-top: 8px;
	width: 190px;
	float: left;
	background: url("../images/common/corner08_t.gif") no-repeat left top;
	}


.purpose_contbox{
	padding-bottom: 7px;
	width: 190px;
	font-size: 10pt;
	background:#FFFBC3 url("../images/common/corner08_b.gif") no-repeat left bottom;
	clear: both;
	}
	
.purpose_subttl{
	margin-left: 5px;
	width: 180px;
	height: 30px;
	background: url("../images/common/purpose_contttl.gif") no-repeat left top;
	clear: both;
	}
	
.purpose_subttl h5{
	padding-top: 7px;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	}

	.purpose_subttl h5 a:link{
		color: #fff;
		text-decoration: none;
		}

	.purpose_subttl h5 a:visited{
		color: #fff;
		text-decoration: none;
		}

	.purpose_subttl h5 a:hover{
		color: #F56200;
		text-decoration: underline;
		}

.purpose_imgbox{
	margin-left: 5px;
	margin-top: 4px;
	width: 180px;
	height: 60px;
	clear: both;
	}

.purpose_textbox{
	width: 180px;
	margin-left: 5px;
	clear:both;
	border-bottom: 2px solid #B1CA0F;
	}

purpose_textbox h4{
	text-align: left;
	}
	
.purpose_contbox ul{
	margin-left: 5px;
	padding-top: 5px;
	padding-left: 5px;
	width: 175px;
	list-style: none;
	clear:both;
	}

.purpose_contbox ul li{
	margin-top: 4px;
	margin-right: 5px;
	height: 20px;
	display:inline;
	}


/****** 各カテゴリーページ新着リスト ******/

ul.newlist{
	width: 590px;
	margin: 0 0 10px 0;
	list-style: none;
	}


ul.newlist li{
	padding-left: 50px;
	padding-bottom: 5px;
	background: url("../images/common/new03.gif") no-repeat left top;
	border-bottom: 1px dotted #DDD;
	margin-top: 10px;
	font-weight: bold;
	}


/**************** fotter詳細構造 ****************/

.fotterbox{
	width: 800px;
	padding-bottom: 9px;
	background: url("../images/common/corner10_b.gif") no-repeat left bottom;
	clear: both;
	}

.fotter_settle{
	width: 800px;
	background: url("../images/common/corner10_t.gif") no-repeat left top;
	padding-top: 9px;
	clear: both;
	}
	
.fotterbox_cont{
	width: 800px;
	background: #FFFBC3 url("../images/common/corner10_back.gif") repeat left top;
	float:left;
	}


.creditbox{
	padding: 0 0 0 10px;
	width: 190px;
	height: 50px;
	text-align:center;
	float:left;
	}

.creditbox img{
	margin: 0 1px;
	float:left;
	}

.creditbox p{
	margin: 0 0 0 3px;
	padding: 0;
	width: 187px;
	text-align: left;
	font-size: 10pt;
	clear:both;
	}

.signbox{
	margin-top: 5px;
	width: 580px;
	text-align: center;
	float: right;
	}

.signbox ul{
	padding: 0;
	font-size: 10pt;
	color: #333;
	list-style-type:none;
	font-weight: bold;
	clear: both;
	}

.signbox ul li{
	margin-right: 5px;
	background: url(../images/common/arrow01_org.gif) no-repeat left 2px;
	padding-left: 15px;
	float: left;
	}

.signbox ul li a:link{
	color: #333;}
	
.signbox ul li a:visited{
	color: #333;}


.signbox p{
	padding:10px 0;
	font-size: 12px;
	color: #000;
	clear: left;
	}

.fotter_navbox{
	margin: 0;
	padding: 6px 5px;
	width: 790px;
	text-align:left;
	font-size:8pt;
	color: #999;
	border-bottom: 1px dashed #999;
	float:left;
	}