/* CSS Document */

@import url("../../common/css/reset.css");
@import url("../../common/css/common.css");
@import url("../../common/css/top_news.css");


/*ヘッダーフッターclass*/

.footer{
	clear:both;
	width:740px;
	margin:10px auto;
}

#mainbody{
	width:720px;
	margin:10px auto;
	background-color:#006699;
	padding:10px;
}

/*----------------------------------------------------------------------タイトル*/
#flash{
	width:500px;
	float:left;
}
#title_right{
	width:210px;
	height:90px;
	float:left;
	background-color:#3399CC;
	color:#FFFFFF;
	padding:5px;
}
.update{
	text-align:right;
	padding-top:5px;
}

/*----------------------------------------------------------------------*/

#main{
	width:950px;
	margin:20px auto;
}

/*----------------------------------------------------------------ツアー検索*/

#tour_search{
	width:750px;
	margin:auto;
}

#tour_search h3{
	margin-left:5px;
	padding:5px 0px 3px 5px;
	height:14px;
	font-weight:bold;
	font-size:14px;
	color:#666666;
	background-image:url(../../common/images/search_top.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#tour_search h3 img{
	vertical-align:middle;
}

#tour_search_bottom{
	background-image:url(../../common/images/search_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-left:5px;
}

input ,select{
	vertical-align:middle;
	margin:5px 0px;
}

#tour_search_bottom form label {
	padding-left:7px;
}

#tour_search_bottom form label.unit {
	padding-left:2px;
}

/*----------------------------------------------------------------------国メニュー*/

#menu{
	clear:both;
	background-color: #DECD98;
	padding:10px 0px 10px 6px;
	zoom:1;
}
#menu .newtour{
	margin-bottom:5px;
	margin-left:5px;
}
#menu li{
	float:left;
	width:170px;
	padding-bottom:5px;
	margin-left:5px;
	list-style:none;
}
#menu li.recommend{
	float:left;
	width:160px;3マス分
/*width:500px;3マス分*/
/*width:680px;/*4マス分*/
	height:85px;
	margin-top:3px;
	padding:5px;
	background-color: #F4EECE;
}
#menu li.recommend p{
	padding-bottom:1px;
	margin-bottom:5px;
	border-bottom:solid 1px #996600;
}
#menu li.recommend dt{
	float:left;
	padding-right:10px;
}

/*----------------------------------------------------------------ツアー*/

.area{
	clear:both;
	min-height:10px;
	padding-top:10px;
}
.area_photo{
	float:left;
}
.area_right{
	float:right;
	width:446px;
	padding-left:10px;
	background-image:url(../images/back_area_top.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}
.area h3{
	float:left;
	line-height:1;
	margin-top:23px;
	padding-right:15px;
	color:#CC0000;
	font-size:20px;
	font-style:bold;
}
.area p.lead{
	margin-top:27px;
}
.area p.lead_02{
	margin-top:10px;
}

.area dl.plan_01{
	clear:both;
	min-height:80px;
	padding-bottom:10px;
	background-image:url(../images/back_area_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.area dl.long{
	background-image:none;
}
.area dl.plan_01 dt{
	padding-top:20px;
	margin-bottom:12px;
	font-size:15px;
	font-weight:bold;
}
.area dl.plan_01 dt.charter{
	padding-top:5px;
	margin-bottom:3px;
	font-size:12px;
	color:#666666;
}
.area dl.plan_01 dd.lead{
	margin:2px 10px 0px 20px;
	padding:5px 0px;
	font-size:12px;
	background-image:none;
}
.area dl.plan_01 dd, .plan_02 dt{
	padding-left:20px;
	margin-top:15px;
	font-size:14px;
	background-image:url(../../common/images/icon_flag.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.area dl.plan_01 dd.free, .plan_02 dt{
	background-image:url(../../common/images/icon_suitcase.gif);
}


/*----------------------------------------------------------------プランレイアウト2*/
.plan_widebox{
	clear:both;
	width:670px;
	padding-left:10px;
}
.plan_02{
	clear:both;	
	margin:0px 0px 30px 0px;
	padding:15px;
	background-color:#FFFFFF;
	zoom:1;
}
.plan_02 dl{
	float:left;
}
.plan_02 dd.lead{
	padding:10px;
	background-color: #F8EFD8;
}
.plan_02 dd.lead_short{
	width:284px;
	padding:10px;
	background-color: #F8EFD8;
}
.plan_02 .photo{
	float:right;
	width:160px;
	margin-left:5px;
	font-size:10px;
	line-height:1.2;
}
hr{
	clear:both;
	margin:20px 0px;
}


/*----------------------------------------------------------------プラン共用*/

.panorama{
	margin-right:10px;
	padding-bottom:1px;
	font-size:14px;
	font-weight:bold;
	color:#009933;
	border-bottom:2px dashed #ACCD98;
}
.tokutabi{
	margin-right:10px;
	padding-bottom:1px;
	font-size:14px;
	font-weight:bold;
	color:#003399;
	border-bottom:2px dashed #8DBFD8;
}
.made{
	font-size:10px;
	color: #6D8B83;
}
.kara{
	font-size:10px;
	color: #9A6D6D;
}
.discount{
	margin:3px 5px;
	padding:2px 5px;
	color:#FF0000;
	font-size:12px;
	background: #DEFAEB;
	border:solid 2px #2BD0C4;
}
.gotop{
	clear:both;
	padding-top:5px;
	text-align:right;
	background-color: #FFFCEE;
}



/*----------------------------------------------------------------お役立ち情報*/
#oyakudachi{
	padding-top:5px;
	padding-left:220px;
	padding-bottom:40px;
}

#oyakudachi li{
	list-style:none;
	background-image:url(../../common/images/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:16px;
	margin-right:30px;
	float:left;
}


/*----------------------------------------------------------------インフォメーション*/
#info{
	background-color:#FFFFFF;
	padding:10px;
}
#info .title{
	color:#CC0000;
}
#info ul{
	margin-bottom:5px;
}
#info li{
	display:inline;
	font-size:11px;
}
.font_001{
	color:#FFFFFF;
	font-size:11px;
}
.b_panph{
	text-align:center;
	margin-top:5px;
}