@charset "euc-jp";

/* =================================================

	Travel: Area Index Page (#tvlAreaTop)
	
================================================= */







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

	BaseStyle

 ----------------------------------------  */
.tvl #tvlAreaTop {
	margin-bottom: 15px;
	}
.tvl #tvlAreaTop a img {
	border: none; 
	}




/* Font
 ----------------------------------------  */

/* common¡¦travel css £ö·ØÄ掀ïá³ãZ¥Ã¥È */
.tvl #tvlAreaTop p,
.tvl #tvlAreaTop h2,
.tvl #tvlAreaTop h3,
.tvl #tvlAreaTop ul li,
.tvl #tvlAreaTop ol li,
.tvl #tvlAreaTop dl dt,
.tvl #tvlAreaTop dl dd, 
.tvl #tvlAreaTop .titleText p { 
	font-size: 12px; 
	_font-size: 100%; 
	line-height: 1.3; 
	} 

/* ¥á¥¤¥ó¥³¥ó¥Æ¥ó¥ÄÆâµò·ØÄæ */
.tvl #tvlAreaTop .mainArea p,
.tvl #tvlAreaTop .mainArea h2,
.tvl #tvlAreaTop .mainArea h3,
.tvl #tvlAreaTop .mainArea ul li,
.tvl #tvlAreaTop .mainArea ol li,
.tvl #tvlAreaTop .mainArea dl dt,
.tvl #tvlAreaTop .mainArea dl dd, 
.tvl #tvlAreaTop .sideArea p,
.tvl #tvlAreaTop .sideArea h2,
.tvl #tvlAreaTop .sideArea h3,
.tvl #tvlAreaTop .sideArea ul li,
.tvl #tvlAreaTop .sideArea ol li,
.tvl #tvlAreaTop .sideArea dl dt,
.tvl #tvlAreaTop .sideArea dl dd { 
	line-height: 1.3; 

	font-size: 12px;
	voice-family: "\"}\"";voice-family: inherit; /* ¡åUinIE5¡¡¡æ"¡¦éæÇèO */
	font-size: 12px; 
	_font-size: 75%; 
	} 
.tvl #tvlAreaTop .mainArea p.gSmall { 
	font-size: 10px; 
	_font-size: 68%; 
	} 


/* FontColor
 ----------------------------------------  */ 
#tvlAreaTop .price { 
	color: #ff0066; 
	font-weight: bold; 
	}





/* LinkStyle
 ----------------------------------------  */ 
#tvlAreaTop a:link, 
#tvlAreaTop a:visited { 
	color: #1c4baf; 
	text-decoration: none; 
	} 
#tvlAreaTop a:hover, 
#tvlAreaTop a:active { 
	color: #1c4baf; 
	text-decoration: underline; 
	} 
 


#tvlAreaTop a.domArrow { 
	background: url(/domtour/area/cmn/image/link-dom.gif) no-repeat 0 4px; 
	padding-left: 8px; 
	display: block;
	voice-family: "\"}\"";voice-family: inherit; /* WinIE5£÷#A¥ó¥À¡¼¥¹¥³¥¢¥Ï¥Ã¥¯£å"¡¦×êO */
	_display: inline-block; 
	}
#tvlAreaTop a.gArrow { 
	background: url(/domtour/area/cmn/image/link-gray.gif) no-repeat 0 4px; 
	padding-left: 8px; 
	display: block; 
	_display: inline-block; 
	} 


/* Éõuin¥¢¥¤¥³¥ó */
#tvlAreaTop a.blankLink {
	background: url(/domtour/area/cmn/image/link-blank.gif) no-repeat 0 2px;
	padding-left: 12px;
	display: block;
	_display: inline-block;
	}

/* Éõuin¥¢¥¤¥³¥ó/¡â#A¥¤¥³¥óÉí7p */
#tvlAreaTop img.newWinIcon {
	margin-left: 3px;
	vertical-align: middle;
	} 





/* clearFix
 ----------------------------------------  */ 
.clearFix:after {
    content: ".";
    display: block;
    clear: both; 
	visibility: hidden; 
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
} 
.clearFix {
    zoom:1; 
} 









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

	ContentsTitle & Navi
 
 ----------------------------------------  */ 

/* h1 Title
 ----------------------------------------  */ 
#tvlAreaTop #headTitle { 
	margin: 5px 0 15px; 
	width: 800px; 
	/* \*//*/ 
	display: inline-block;
	/**/
	} 
#tvlAreaTop #headTitle .titleText { 
	float: left; 
	width: 670px; 
	}
#tvlAreaTop #headTitle h1 { 
	margin: 10px 0 8px; 
	}
#tvlAreaTop #headTitle .titleImg { 
	float: right; 
	width: 125px; 
	} 



/* Area Navigation
 ----------------------------------------  */ 

#tvlAreaTop #areaNav { 
	width: 800px; 
	background: url(/domtour/area/cmn/image/title-bg.jpg) no-repeat left top; 
	margin-bottom: 18px; 
	} 
#tvlAreaTop #areaNav ul { 
	background: url(/domtour/area/cmn/image/title-f.jpg) no-repeat left bottom; 
	padding: 6px 0; 
	/* \*//*/ 
	width: 100%; 
	/**/ 
	} 
#tvlAreaTop #areaNav li, 
#tvlAreaTop #areaFootNav li { 
	line-height: 1.1; 
	padding: 0 12px; 
	border-left: 1px solid #78beec; 
	float: left; 
	/* \*//*/ 
	width: 1em;
	white-space: nowrap; 
	/**/
	} 
#tvlAreaTop #areaNav li.first, 
#tvlAreaTop #areaFootNav li.first { 
	border-left: none; 
	} 






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

	MainColumn
 
 ----------------------------------------  */  
#tvlAreaTop .mainArea { 
	width: 590px; 
	padding-bottom: 20px; 
	vertical-align: top; 
	} 
#tvlAreaTop p.purposeIcon { 
	margin: 0 0 3px; 
	} 
#tvlAreaTop p.purposeIcon img.iconList { 
	margin-left: 4px; 
	}
#tvlAreaTop p.tvlSrchLink { 
	margin: 2px 0 0 8px; 
	} 




/* Campaign & Recommend
 ----------------------------------------  */ 
#tvlAreaTop #recommendInfo { 
	background: url(/domtour/area/cmn/image/recommend-h-bg.gif) no-repeat top left; 
	margin-bottom: 18px; 
	padding-top: 4px; 
	} 
#tvlAreaTop #recommendInfo .recommendInfoBg { 
	background: url(/domtour/area/cmn/image/recommend-bg.jpg) no-repeat bottom left; 
	padding: 0 4px 4px; 
	/* \*//*/ 
	width: 590px; 
	/**/
	}
#tvlAreaTop #recommendInfo h2 { 
	float: left; 
	margin: 0;  
	padding: 0; 
	/* \*//*/ 
	width: 245px; 
	/**/
	} 
#tvlAreaTop #recommendInfo .campInfo { 
	float: left; 
	margin: 0 0 0 18px;
	width:314px;
	_width:314px;
	/* \*//*/ 
	width: 310px; 
	/**/
	} 
#tvlAreaTop #recommendInfo .campInfo td { 
	vertical-align: top; 
	}
#tvlAreaTop #recommendInfo .campInfo .title { 
	margin: 5px 0 10px; 
	}
#tvlAreaTop #recommendInfo .campInfo .ph {  
	width: 64px; 
	_width: 66px; 
	border: 1px solid #d8d9dd; 
	float: left; 
	margin-right: 10px;
	_margin-right: 5px;
	}	
#tvlAreaTop #recommendInfo .campInfo .ph img {  
	margin: 2px; 
	}	

#tvlAreaTop #recommendInfo .campaignList { 
	margin-top: 8px; 
	width: 314px; 
	}	
#tvlAreaTop #recommendInfo .campaignList li { 
	background: url(/domtour/area/cmn/image/gdotline.gif) repeat-x top left; 
	padding: 6px 0 5px; 
	}
 


/* TourInformation
 ----------------------------------------  */ 

#tvlAreaTop .tvlInfoLeftCol, 
#tvlAreaTop .tvlInfoRightCol { 
	padding-bottom: 10px; 
	vertical-align: top; 
	}
#tvlAreaTop .tvlInfoLeftCol { 
	padding-right: 20px; 
	}

/* ·å/o£ëŽÀ */
#tvlAreaTop .purposeTitle { 
	width: 285px; 
	height: 23px; 
	margin-bottom: 1px; 
	}
#tvlAreaTop .purposeTitle h3, 
#tvlAreaTop .purposeTitle p { 
	float: left; 
	margin: 0; 
	padding: 0; 
	} 

/* ½ýµüŽÀ */
#tvlAreaTop .purposeCont { 
	background: url(/domtour/area/cmn/image/purpose-bg.jpg) no-repeat top left; 
	padding: 10px 0 0 10px; 
	}
#tvlAreaTop .purposeCont .copyArea { 
	margin-bottom: 15px; 
	} 
#tvlAreaTop .purposeCont .purposeInfo { 
	margin: 0 0 14px; 
	padding: 0; 
	}
#tvlAreaTop .purposeCont .purposeInfo dt, 
#tvlAreaTop .purposeCont .purposeInfo dd { 
	margin: 0 0 8px; 
	padding: 0; 
	} 
#tvlAreaTop .purposeCont .tvlDetail { 
	width: 265px; 
	background: url(/domtour/area/cmn/image/gdotline.gif) repeat-x top left; 
	padding: 8px 0 12px; 
	/* \*//*/ 
	display: inline-block; 
	/**/
	}
#tvlAreaTop .purposeCont .tvlDetail .thumbPh { 
	margin-right: 6px; 
	float: left; 
	width: 60px;  
	}
#tvlAreaTop .purposeCont .tvlDetail .tvlDetailLink { 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 198px; 
	} 
#tvlAreaTop .purposeCont .tvlDetail dl { 
	margin: 0; 
	padding: 0; 
	}
#tvlAreaTop .purposeCont .tvlDetail dt { 
	margin: 0; 
	padding: 0; 
	font-weight: bold; 
	} 
#tvlAreaTop .purposeCont .tvlDetail dd { 
	margin: 0; 
	padding: 0 0 0 8px;  
	} 
#tvlAreaTop .purposeCont .tvlDetail:after {
    content: ".";
    display: block;
    clear: both; 
	visibility: hidden; 
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
} 
#tvlAreaTop .purposeCont .tvlDetail {
    zoom:1; 
}

/* ¥ê¥ó¥¯ */ 
#tvlAreaTop .otherLink { 
	clear: both; 
	margin: 0 10px 18px; 
	padding: 3px 0; 
	width: 265px; 
	background: url(/domtour/area/cmn/image/gdotline.gif) repeat-x top left; 
	}



/* Tour Check
 ----------------------------------------  */ 
#tvlAreaTop h3.checkTourTitle { 
	margin: 0; 
	padding: 0; 
	} 

#tvlAreaTop .checkTour { 
	padding: 8px 14px;  
	background: url(/domtour/area/cmn/image/block-bg.gif) no-repeat bottom left; 
	} 
#tvlAreaTop .checkTour .checkTourLeft, 
#tvlAreaTop .checkTour .checkTourRight { 
	vertical-align: top; 
	}
#tvlAreaTop .checkTour .checkTourLeft { 
	padding-right: 12px;  
	}

#tvlAreaTop .checkTour .dotline { 
	background: url(/domtour/area/cmn/image/gdotline.gif) repeat-x top left; 
	}
#tvlAreaTop .checkTour .checkTourDetail { 
	width: 270px; 
	padding: 8px 0 12px; 
	/* \*//*/ 
	display: inline-block; 
	/**/ 
	}
#tvlAreaTop .checkTour .checkTourDetail .thumbPh { 
	margin-right: 10px; 
	float: left; 
	width: 60px;  
	}
#tvlAreaTop .checkTour .checkTourDetail .checkTourLink { 
	float: left; 
	margin: 0; 
	padding: 0; 
	width: 200px; 
	} 
#tvlAreaTop .checkTour .checkTourDetail dl {  
	margin: 0; 
	padding: 0; 
	}
#tvlAreaTop .checkTour .checkTourDetail dt { 
	margin: 0; 
	padding: 0; 
	font-weight: bold; 
	} 
#tvlAreaTop .checkTour .checkTourDetail dd { 
	margin: 0; 
	padding: 0 0 0 8px;  
	} 
#tvlAreaTop .checkTour .checkTourDetail:after {
    content: ".";
    display: block;
    clear: both; 
	visibility: hidden; 
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
} 
#tvlAreaTop .checkTour .checkTourDetail {
    zoom:1; 
}





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

	SideColumn
 
 ----------------------------------------  */  
#tvlAreaTop .sideArea { 
	padding-left: 20px; 
	vertical-align: top; 
	}



/* SideBlock
 ----------------------------------------  */ 
#tvlAreaTop .sideArea .sideTitle { 
	margin: 0; 
	padding: 0; 
	zoom: 1; 
	}
#tvlAreaTop .sideArea .sideTitle h4, 
#tvlAreaTop .sideArea .sideTitle p { 
	float: left; 
	margin: 0; 
	padding: 0; 
	line-height: 0; 
	font-size: 0; 
	}
#tvlAreaTop .sideArea h4 { 
	margin: 0; 
	padding: 0; 
	clear: both; 
	}
#tvlAreaTop .sideBlock { 
	background: url(/domtour/area/cmn/image/side-bg.gif) no-repeat bottom left; 
	margin-bottom: 10px; 
	clear: both; 
	width: 190px; 
	} 
#tvlAreaTop .sideBlock p.grayLineText { 
	padding: 3px 12px ; 
	margin: 0 1px; 
	background: #ececec; 
	}
#tvlAreaTop .sideBlock p.sideCont { 
	padding: 8px 12px; 
	margin: 0; 
	} 
#tvlAreaTop .sideBlock ul.sideCont { 
	padding: 8px 12px 4px; 
	margin: 0; 
	} 
#tvlAreaTop .sideBlock ul.sideCont li {
	margin-bottom: 6px;
	}
#tvlAreaTop .sideBlock ul.sideCont li.colLeft {
	float: left;
	width: 90px;
	}
#tvlAreaTop .sideBlock ul.sideCont li.colRight {
	float: left;
	width: 75px;
	} 



/* ¥µ¥à¥Í¥¤¥ë²å½ü¤¢¤æ */
#tvlAreaTop .sideBlock p.sideThumb { 
	padding: 5px 9px 0;  
	margin: 0; 
	min-height: 46px; 
	_height: 52px; 
	/* \*//*/ 
	height: 52px; 
	display: inline-block; 
	/**/ 
	} 
#tvlAreaTop .sideBlock ul.sideThumbLine { 
	padding: 0 9px;  
	margin: 0; 
	} 
#tvlAreaTop .sideBlock p.sideThumb img.thumb,
#tvlAreaTop .sideBlock ul.sideThumbLine li img.thumb {  
	float: left; 
	margin: 0 5px 0 0; 
	} 
#tvlAreaTop .sideBlock p.sideThumb span.textInfo, 
#tvlAreaTop .sideBlock ul.sideThumbLine li span.textInfo { 
	display: block; 
	width: 120px; 
	float: left; 
	margin: 0 0 5px 3px; 
	} 
#tvlAreaTop .sideBlock p.sideThumb span.textInfo span, 
#tvlAreaTop .sideBlock ul.sideThumbLine li span.textInfo span { 
	padding-left: 8px; 
	display: block; 
	}
#tvlAreaTop .sideBlock ul.sideThumbLine li { 
	padding: 5px 0; 
	background: url(/domtour/area/cmn/image/gdotline.gif) repeat-x bottom left; 
	min-height: 38px; 
	_height: 48px; 
	/* \*//*/ 
	height: 48px; 
	display: inline-block; 
	/**/ 
	} 
#tvlAreaTop .sideBlock ul.sideThumbLine li.last { 
	background: none; 
	padding: 5px 0 8px; 
	} 



/* MacIE5\*//*/
div.purposeCont dl.purposeInfo dd {
	width:270px;
}






/* ----------------------------------------
	2009.11.13 mod
 ----------------------------------------  */
/* ¥á¥¤¥óÁʵá¾å²¼¤Î¶èÀÚ¤ê<hr> */
hr.prsep {
	margin:10px 0;
	_margin:4px 0;
	height:1px;
	border:none;
	_border:5px solid #ddd;
	background-color:#ddd;
}

/* h1¤Þ¤ï¤ê */
#headLine800 {
	width:800px;
}
#headLine800 .left {
	width: 628px;
	_width: 630px;
	border: #dadada 1px solid;
	background: url(/image/renewal09/h/h1_bg.gif) no-repeat;
	margin-bottom: 14px;
	float:left;
}
body#mx div#container #headLine800 h1,
body#mx div#container #headLine800 #subh1 {
	background:transparent url(/image/renewal09/border.gif) repeat-x scroll left bottom;
	margin:14px 0 0 10px;
	padding:0 0 8px;
}
#headLine800 p.ttlcaption {
	clear:both;
	color:#1D435A;
	float:none;
	line-height:130%;
	margin:5px 0 10px;
	padding:0 12px;
	_font-size:12px;
	_line-height:15px;
}
#tvlAreaTop #areaNav {
	margin-top:20px;
	clear:both;
}

#headLine800 .right {
	float:right;
	width:158px;
}

/* ¥Û¥Æ¥ë¡¦¥ì¥ó¥¿¥«¡¼¤Î¥ê¥ó¥¯¥Ü¥¿¥ó¤ò¥¨¥ê¥¢¥Ê¥Ó±¦¤ËÄɲà */
#tvlAreaTop #areaNav ul li.btn {
	float:right;
	padding:0 !important;
	margin:0 3px 0 0;
	border-left:none;
}
#tvlAreaTop #areaNav ul li {
	margin-top:2px;
}
#tvlAreaTop #areaNav ul {
	padding-bottom:0;
}