@charset "Shift_JIS";

/*--------------------------------
	bace.cssから引用　ここから
--------------------------------*/
/* 全体構造
------------------------------------------ */
html { height: 100%; margin-bottom: 1px; }


h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote, th, td { margin: 0; padding: 0; font-size: 100%; }

body, div, p,
dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }

img { border: 0; } 

caption { text-align: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }

fieldset { border: 0; }
input { line-height: 100%; }

a[name] { color: #333; }
a[name]:hover { color: #333; text-decoration: none !important; outline: 0 !important; }
a img { color: #000; }

ul li { list-style-type: none; }
li li { font-size: inherit; }

em { font-weight: bold; font-style: normal; }
label { cursor: pointer; }

.navskip { height: 0; width: 0; overflow: hidden; font-size: 0; }
.hide { height: 0; width: 0; overflow: hidden; font-size: 0; }
hr { display: none; visibility: hidden; height: 0; border: 0; }

.fm01{
	font-size:100% !important;
}

/* メイン
------------------------------------------ */
#main { float: left; width: 706px; }

/*--------------------------------
	bace.cssから引用　ここまで
--------------------------------*/

/*--------------------------------
	common.cssから引用　ここから
--------------------------------*/
#sideR {
	float: left;
	width: 200px;
}
/*--------------------------------
	common.cssから引用　ここまで
--------------------------------*/


#contents {
	margin: 0px;
	padding: 0px;
	background: #FFF;
	width: 950px;
	font-size:12px;
	overflow: hidden;
}



/* レイアウト
-------------------------------------------------------------- */
#title {
	float: left;
	width: 950px;
}

#main {
	float: left;
	width: 730px;
	margin: 20px 20px 0 0;
}

#floatRight {
	float: left;
	width: 200px;
	margin:10px 0 0 0;

}

#floatLeft{
	float:left;
	width:730px;
	margin:20px 20px 0 0;
	overflow:hidden;
}


#content {
	float: left;
	width: 950px;
	/* [disabled]margin-top: 10px; */
}

/* エリアへのリンク
-------------------------------------------------------------- */
.topNav {
	float: left;
	width: 750px;
	margin: 0 -10px 20px 0;
	_zoom: 1;
	overflow: hidden;
}

.topNav .Nav {
	float: left;
	width: 365px;
	margin: 0 10px 10px 0;
}

.topNav .Nav img {
	margin-bottom: 3px;
}

.topNav .Nav a:hover img {
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

.topNav .Nav span {
	background: url(../img/ic_arrow01.gif) no-repeat 0 1px;
	padding-left: 14px;
	font-weight: bold;
	font-size: 12px;
}

/* おすすめの大自然
-------------------------------------------------------------- */
.reconature {
	width: 750px;
	margin: 0 -10px 0 0;
	_zoom: 1;
	overflow: hidden;
}

.reconature .item {
	float: left;
	width: 365px;
	margin: 10px 10px 0 0;
}

.reconature .item .img {
	float: left;
	width: 94px;   /* 100pxに設定 */
	border: solid 1px #CCC;
	padding: 2px;
	margin-right: 5px;
}

.reconature .item .detail {
	float: left;
	width: 260px;
	font-size: 12px;
}

.reconature .item .detail .red {
	color: #C00;
	font-weight: bold;
}

/* 注目のキーワード
-------------------------------------------------------------- */
.keywordBox {
	float: left;
	width: 182px;   /* 200pxに設定 */
	padding: 8px;
	border: solid 1px #CCC;
	margin-bottom: 10px;
	font-size: 12px;
}

/* おすすめツアー一覧
------------------------------------------ */
#boxTour {
	overflow:hidden;
	margin:10px 0 0 0;
}

#boxTour h2{
	background-image:url(../img/ti_recommend.gif);
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
	width:730px;
	height:34px;
	margin:0 0 20px 0;
	padding:0;
	
}


#boxTour h3 {
	padding:0px;
	margin:0px 0px 0px 0px;
}






.recoBox{
	width:730px;
	background-repeat:no-repeat;
	background-position:top;
	margin:0px 0 15px 0;
	overflow:hidden;

}

.recoBoxIn{
	width:724px;
	background-repeat: repeat-x;
	background-position: left top;
	border:3px solid #6f2822;
	padding:0 0px 10px 0px;
	margin:0px 0px 10px 0;
	overflow:hidden;
}


.recoBoxIn .photo{
	width:200px;
	float:left;
	margin:15px 0 10px 15px; 
}

.recoBoxIn .photo p{
	font-size:12px;
	margin:0;
	padding:10px 0;
	line-height:1.5em;
}

.recoBoxIn .photo p span{
	font-weight:bold;
}

.recoBoxIn dl{
	float:left;
	width:460px;
	margin:15px 0 0 25px;
}

.recoBoxIn dl dt{
	width:440px;
	font-size:16px;
	font-weight:bold;
	padding:0 11px 15px 15px;
	margin:0 5px 0 0;
	background-image:url(../img/im_line.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	overflow:hidden;
}

.recoBoxIn dl dt img{
	display:block;
	float:left;
	width:34px;
	padding:0 10px 0 0;
	
}

.recoBoxIn dl dt a{
	display:block;
	float:left;
	width:390px;
}

.recoBoxIn dl dd.Icon{
	margin:5px 5px 0 10px;
	overflow:hidden;
}

.recoBoxIn dl dd.Icon img{
	display:block;
	padding:0 3px 3px 0;
	float:left;
}

.recoBoxIn dl dd.month{
	font-size:14px;
	text-align:left;
	margin:10px 5px 0 10px;
	clear:both;
	
}

.recoBoxIn dl dd.money{
	margin:5px 0 0px 10px;
	padding:10px 0 5px 0;
	font-size:16px;
	color:#ce0202;
	font-weight:bold;
	background-image:url(//www.nta.co.jp/kaigai/special/preeco/images/im_line_dot.png);
	background-repeat:no-repeat;
	background-position:bottom left;
	
}

.recoBoxIn dl dd.money span{
	font-weight:normal;
	font-size:14px;
}

.recoBoxIn dl dd.text{
	font-size:14px;
	margin:5px 0 0 0;
	padding:0 0px 10px 10px;
}

.recoBoxIn dl dd.pass{
	font-size:14px;
	text-align:left;
	margin:5px 5px 0 10px;
}
.recoBoxIn dl dd.pass span,
.recoBoxIn dl dd.month span{
	font-weight:bold;
}


.departure{
	text-align:right;
	margin:0px 0 10px 0;
	font-size:14px;
	width:710px;
}

.departure a{
	font-weight:bold;
	
}


.btn{
	width:437px;
	margin:20px auto;
}


/* バナー一覧
-------------------------------------------------------------- */
ul.banner {
	float: left;
	width: 200px;
}

ul.banner li {
	margin-bottom: 8px;
}

ul.banner li a:hover img {
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

/* メニュー
-------------------------------------------------------------- */
ul.menu {
	float: left;
	width: 730px;
	height: 40px;
}

ul.menu li {
	float: left;
}

/* 各国の大自然
-------------------------------------------------------------- */
h2.area {
	width: 730px; 
	height: 27px;   
	padding: 18px 0 0 15px;
	background: url(../img/ti_area.jpg) no-repeat 0 0;
	font-size: 16px;
	clear:both;
}

.nature {
	width: 710px;   /* 950pxに設定 */
	margin: 0 0px 20px 0;
	padding: 10px;
	background: url(../img/bg_nature.jpg) repeat-y 0 0;
	_zoom: 1;
	overflow: hidden;
}
*html .nature { margin-right: -2px; width: 930px; }   /* float後、最後の文字が改行されて表示されるバグ　IE6用ハック */

.nature .item {
	float: left;
	width: 203px;   /* 225pxに設定 */
	height: 340px;   /* ボタン込 */
	border: solid 1px #EEE8DC;
	padding: 10px;
	background-color: #FFF;
	margin: 0 6px 10px 5px;
	display: inline-block; 
}

.nature .item .img {
	float: left;
	width: 203px;
	height: 152px;
	margin-bottom: 5px;
}
*html .nature .item .img { margin-bottom: -5px; }   /* IE6用ハック */


.nature .item .img a:hover img {
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

.nature .item .detail {
	float: left;
	width: 203px;
	font-size: 12px;
}

.nature .item .red {
	color: #C00;
	font-weight: bold;
	font-size: 12px;
}

/* 各国のリンク
-------------------------------------------------------------- */
.country {
	float: left;
	width: 930px;   /* 950pxに設定 */
	border: solid 1px #BAE1F8;
	padding: 9px;
	background-color: #F2F8FC;
}
*html .country { margin-right: -2px; }   /* float後、最後の文字が改行されて表示されるバグ　IE6用ハック */

.country h3.area {
	float: left;
	width: 902px;   /* 930pxに設定 */
	height: 26px;   /* 28pxに設定 */
	padding: 2px 0 0 28px;
	background: url(../img/ti_country.gif) no-repeat 0 0;
	font-size: 14px;
	margin-bottom: 5px;
}

ul.list {
	float: left;
	width: 930px;
}

ul.list li {
	float: left;
	background: url(../img/ic_arrow01.gif) no-repeat 0 2px;
	padding-left: 14px;
	margin: 0 10px 5px 0;
	white-space: nowrap;
	font-size: 12px;
}

/* その他
-------------------------------------------------------------- */
.clear {
	clear: both;
}

#topgo	{
	float: left;
	width: 950px;
	margin-bottom: 5px;
	text-align: right;
	clear: both;
}

/*ボタンデザイン
---------------------------------------------------------------*/
div.img{
	margin-bottom:5px;
}

.orangebtn{
	margin-bottom:5px;
	position:relative;
	clear:both;
}

.orangebtn:hover{
	text-decoration: none;
}

/*index*/
#main .reconature .item .orangebtn a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(/shared2015/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 33%;
    right: 1%;
}

#main .reconature .item .orangebtn a{
	color: #FFF;
    display: block;
    background: #F29317;
    margin:0px auto;
	padding:10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    width: 92%;
    border-radius: 5px;
	clear:both;
}

/*各地*/
#content .nature .item .orangebtn a:after {
    width: 13px;
    height: 13px;
    content: "";
    display: block;
    background: url(/shared2015/common/images/im_arrow.png) no-repeat;
    position: absolute;
    top: 40%;
    right: 1%;
}

div.item{
	position:relative;
}

#content .nature .item .orangebtn{
	width:82%;
	position:absolute;
	top:295px;
}

#content .nature .item .orangebtn a{
	color: #FFF;
    display: block;
    background: #F29317;
    margin:0px auto;
	padding:10px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    position: relative;
    width: 100%;
    border-radius: 5px;
	clear:both;
}