@charset "UTF-8";

@import url(yahoo_yui_font.css);

div#contents_wrapper {
	width: 900px;
	margin: auto;
}

* {
	text-align: left;
}

div.top-banner p {
	margin-top: 10px;
	font-size: 85%;
	text-align: center;
}

div.top-banner img {
	margin-bottom: 3px;
}

/* リンク汎用 */

a.link-more {
	float: right;
	margin-right: 10px;
	
}

span.link-ico-brown,
a.link-ico-brown,
ul.link-list li a {
	padding-left: 13px;
	background: url(/top-img/link_ico_brown.gif) no-repeat 2px;
}

ul.link-list {
	list-style: none;
	margin: 10px 0 10px 10px;
}

ul.link-list li {
	margin: 5px 0;
}

/* @group 検索窓 */

/* 2008新トップ用検索窓 */

div#search_box_mini {
	width: 275px;
	background: url(/top-img/search_box_bg.png) no-repeat 0 top;
	position:relative;
}

div#search_box_mini h3 {
	background-image: url(/top-img/search_box_title.png);
	background-repeat: no-repeat;
	width: 279px;
	height: 60px;
	margin: -4px 0 0 -4px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	position:relative;
}

#search-form-output{
	width: 265px;
	margin-left: 8px;
	margin-top: -12px;
	white-space: nowrap;
	position:relative;
}

div#search-form-output h5 {
	display: block;
	float: left;
	font-size: 100%;
	_font-size: 85%;
	margin: 3px 5px 0 0;
}
div#serach-date h5,
div#serach-hotel h5 {
	float: none;
	margin-bottom: 5px;
}

div#serach-dt select {
	width: 82px;
	_font-size: 85%;
}


div#search-form-output div{
	margin-top: 5px;
}
div#search-form-output input.submit{
	margin: 5px 0 5px 125px;
}

div#serach-hotel select#hotels {
	width: 250px;
}


/* @end */

/* @group 厳選ツアー */

/* 厳選ツアー（仮） */

div#gensen-tour {
	clear: both;
	width: 400px;
}

div#gensen-tour h2 {
	width: 400px;
	height: 17px;
	font-size: 10px;
	text-indent: -9999px;
	background: url(/top-img/gensen_title.gif) no-repeat;
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: 5px solid #cdcdcd;
	overflow: hidden;
}

a#gensen-all-link {
	display: block;
	width: 123px;
	height: 23px;
	margin-left:253px;
	margin-top: -30px;
	padding: 3px 0 0 20px;
	background: url(/top-img/gensen_all_tour_bg.png) no-repeat;
}

/* 発着地セレクト */

ul#arr-dep {
	background: url(/top-img/select_dep02.png) no-repeat 0 -26px;
	list-style: none;
	width: 400px;
	height: 26px;
	margin: 10px 0 0 0;
	padding: 0;
	clear: both;

}

ul#arr-dep span {
	display: none;
}
ul#arr-dep li,
ul#arr-dep a {
	height: 26px;
	display: block;
}

ul#arr-dep li {
	float: left;
	list-style: none;
	text-indent: -9999px;
	overflow: hidden;
}

ul#arr-dep li#tokyo1,
ul#arr-dep li#tokyo2
 { width:176px ;}
 
ul#arr-dep li#osaka1,
ul#arr-dep li#osaka2
{ width:113px ;}

ul#arr-dep li#nagoya1,
ul#arr-dep li#nagoya2
{ width:111px ;}

ul#arr-dep li#tokyo2 {
	background: url(/top-img/select_dep02.png) no-repeat 0 0;
 }
 
ul#arr-dep li#osaka2 {
	background: url(/top-img/select_dep02.png) no-repeat -176px 0;
	}
ul#arr-dep li#nagoya2 {
	background: url(/top-img/select_dep02.png) no-repeat -289px 0;
	}


ul#arr-dep li#tokyo2 a:hover {
	background: url(/top-img/select_dep02.png) no-repeat 0 -26px;
}
ul#arr-dep li#osaka2 a:hover {
	background: url(/top-img/select_dep02.png) no-repeat -176px -26px;
	}
ul#arr-dep li#nagoya2 a:hover {
	background: url(/top-img/select_dep02.png) no-repeat -289px -26px;
	}



/* ツアー出力部分 */

div#gensen-tour div.tour {
	clear: both;
	_margin:0px;
}

div#gensen-tour div.tour-text2 {
	margin: 0px 0 1px 0;
	padding: 10px;
	background-color: #FFFFFF;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
}

div#gensen-tour div.tour-text2 h6 {
	float: right;
	width: 272px;
	color: #E8D3A8;
	font-size: 12px;
}

div#gensen-tour div.tour-text2 h6 img {
	display: none;
}

div#gensen-tour div.tour-text2 img.tour-photo {
	float: left;
	margin-right: 5px;
	margin-bottom: 3px;
}

div#gensen-tour div.tour-text2 div.day-price {
	float: right;
	width: 256px;
	font-weight: bold;
}

div#gensen-tour div.tour-text2 div.day-price p.day {
	float: left;
}

div#gensen-tour div.tour-text2 div.day-price p.day span {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.3;
}

div#gensen-tour div.tour-text2 div.day-price p.price {
	float: left;
	margin-left: 10px;
	_margin-left: 5px;
	color: #cf1d17;
}

div#gensen-tour div.tour-text2 div.day-price span {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.3em;
	line-height: 1.3;
}

div#gensen-tour div.tour-text2 div.hotel-air {
	float: right;
	width: 256px;
	font-size: 11px;
}

div#gensen-tour div.tour-text2 div.hotel-air p.hotel, 
div#top-center div#gensen-tour div.tour-text2 div.hotel-air p.air {
	padding-left: 16px;
	line-height: 1.6;
}

div#gensen-tour div.tour-text2 div.hotel-air p.hotel {
	background: url(/top_img/tour_icon_hotel.gif) left center no-repeat;
}

div#gensen-tour div.tour-text2 div.hotel-air p.air {
	background: url(/top_img/tour_icon_air.gif) left center no-repeat;
	padding-left: 18px;
}

div#gensen-tour div.tour-text2 div.hotel-air p.summary-feature {
	display: none;
}

div#gensen-tour div.tour a.syosai {
	display: none;
}

div#gensen-tour div.tour-text2 p.tour-code {
	display: none;
}



/* ツアー一覧 */
div#go-tour-list {
	padding: 5px;
	text-align: right;
}

div#go-tour-list a {
	padding-left: 13px;
	background: url(/top-img/link_ico_brown.gif) no-repeat 2px;	
}

/* 厳選ツアー下リンク */
div#gensen-tour div#go-tour-list-top {
	width: 400px;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 10px;
	background-color: #F2F2F2;
}

div#gensen-tour div#go-tour-list-top p.title {
	padding-right: 175px;
	margin: 5px 0;
	font-weight: bold;
}

div#gensen-tour div#go-tour-list-top p {
	padding-right: 25px;
	text-align: right;
}


/* @end */

/* @group 目的別 */

div#sub-col01 {
	width: 275px;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
}



/* 主要カテゴリリスト */

div#top-category {
	width: 275px;
	margin-top: 15px;
	overflow: hidden;
}

div#top-category h3 {
	padding-bottom: 5px;
	border-bottom: 5px solid #cdcdcd;
}

/* 出発地選択(主要カテゴリ用) */


ul.dep-select01 {
	background: url(/top-img/select_dep01.png) no-repeat 0 -26px;
	list-style: none;
	width: 275px;
	height: 26px;
	margin: 10px 0 2px 0;
	padding: 0;
	clear: both;

}

ul.dep-select01 span {
	display: none;
}
ul.dep-select01 li, ul.dep-select01 a {
	height: 26px;
	display: block;
}

ul.dep-select01 li {
	float: left;
	list-style: none;
}

ul.dep-select01 li.tokyo { width:141px ;}
ul.dep-select01 li.osaka { width:65px ;}
ul.dep-select01 li.nagoya { width:69px ;}

ul.dep-select01 li.tokyo a:link,
ul.dep-select01 li.tokyo a:visited {
	background: url(/top-img/select_dep01.png) no-repeat 0 0;
}
ul.dep-select01 li.osaka a:link,
ul.dep-select01 li.osaka a:visited {
	background: url(/top-img/select_dep01.png) no-repeat -141px -0;
	}
ul.dep-select01 li.nagoya a:link,
ul.dep-select01 li.nagoya a:visited {
	background: url(/top-img/select_dep01.png) no-repeat -206px 0;
	}

ul.dep-select01 li.tokyo a:hover {
	background: url(/top-img/select_dep01.png) no-repeat 0 -26px;
}
ul.dep-select01 li.osaka a:hover {
	background: url(/top-img/select_dep01.png) no-repeat -141px -26px;
	}
ul.dep-select0ul.dep-select01 li.nagoya a:hover {
	background: url(/top-img/select_dep01.png) no-repeat -206px -26px;
	}	
	

/* 主要カテゴリ表示 */

div.top-category-list {
	clear: left;
	width: 275px;
	height: 59px;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 0;
}

div.top-category-list:hover{
	background-color: #F2F2F2;
}

div.top-category-list img {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
}

div.top-category-list p {
	width: 175px;
	float: right;
	margin: 3px 0 0;
	height: 44px;
}

div.top-category-list p img {
	margin-bottom: 3px;
	float: none;
}

div.top-category-list a {
	font-weight: bold;
	font-size: 108%;
	}

/* ホテルランクで探す */

div.hotelrank-island {
	height: 120px;
}
div.hotelrank-island:hover {
	background: none;
}
div.hotelrank-island span {
	font-weight: bold;
}

div.hotelrank-island ul{
	clear: both;
	width: 272px;
	_width: 275px;
	margin-left: 3px;
	_margin-left: 0;
	list-style: none;
	display: block;
}
div.hotelrank-island ul li{
	width: 75px;
	height: 18px;
	margin: 7px 1px 0 0;
	font-size: 98%;
	padding: 4px 0 0 13px;
	display: block;
	float: left;
	background: url(/top-img/hotelrank_island_bg.gif) no-repeat;
}
div.hotelrank-island ul li a{
	width: 75px;
	height: 18px;
	font-size: 98%;
	white-space: nowrap;
}



/* @end */

/* @group ランキング */

/* ランキング */

div#top-ranking {
	widows: 275px;
	background: url(/top-img/ranking_bg.png) no-repeat 0 top;
	margin: 10px 0;
}

div#top-ranking {
	widows: 275px;
	background: url(/top-img/ranking_bg.png) 0 top;
}


div#top-ranking h4 {
	width: 120px;
	height: 28px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	background: url(/top-img/ranking_title.png) no-repeat 0 top;
	margin-bottom: 5px;
}

div#top-ranking h5 {
	width: 222px;
	background: url(/top-img/ranking_ico_crown.gif) no-repeat 5px -1px;
	color: #996600;
	font-size: 108%;
	height: 21px;
	margin-left: 7px;
	padding: 6px 0 0 40px;
	border-bottom: 1px solid #ccc;
}


ol#ranking-list {
	width: 255px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 10px;
}

ol#ranking-list li {
	padding: 3px 0 3px 38px;
	margin: 7px;
}

#ranking-list li.no1 {
	background: url(/top-img/ranking_ico_no1.gif) no-repeat 0 center;
	font-size: 116%;
	font-weight: bold;
}
#ranking-list li.no2 {
	background: url(/top-img/ranking_ico_no2.gif) no-repeat 0 center;
	font-size: 108%;
	font-weight: bold;
}
#ranking-list li.no3 {
	background: url(/top-img/ranking_ico_no3.gif) no-repeat 0 center;
	font-weight: bold;
}
#ranking-list li.no4 {
	background: url(/top-img/ranking_ico_no4.gif) no-repeat 0 center;
}
#ranking-list li.no5 {
	background: url(/top-img/ranking_ico_no5.gif) no-repeat 0 center;
}



/* @end */

/* @group 右列 */

div#top-main-col {
	width: 610px;
	float: left;
	margin: 10px 0 0;
	padding: 0;
}

/* @group アイキャッチ */

div#eye-catch-booth {
	width: 610px;
	height: 196px;
	margin: 0;
	padding: 0;
	background: url(/top-img/eye_catch_bg.png) no-repeat;
}

img#eye-cathch-image {
	float: left;
	width: 391px;
	height: 180px;
	margin: 8px;
}

div#top-eye-catch-splist-col {
	width: 195px;
	float: left;
	margin: 8px 0 0 0;
	padding: 0;
}

div.eye-catch-splist {
	width: 185px;
	clear: both;
	height: 57px;
}

div.eye-catch-splist img {
	float: left;
	padding: 0;
	margin: 0 5px 0 0;
}

div.eye-catch-splist p {
	font-size: 93%;
	width: 123px;
	float: right;
	margin-top: 5px;
	padding: 0;
	height: 47px;
}



/* @end */

/* @group 右列中央 */

div#sub-center-col {
	width: 400px;
	margin-right: 10px;
	_margin-right: 8px;
	margin-top: 10px;
	float: left;
}

ul#hot-words, ul#season-thema {
	list-style: none;
	padding-left: 90px;
	width: 310px;
	height: 50px;
	margin: 0 0 5px;
	overflow: visible;
	clear: both;
	font-size: 93%;
}

ul#hot-words {
	background: url(/top-img/hot_words.gif) no-repeat 5px 0;	
}
ul#season-thema {
	background: url(/top-img/season_thema.gif) no-repeat 5px 0;	
}

ul#hot-words li, ul#season-thema li {
	white-space: nowrap;
	float: left;
	display: block;
	margin: 0 0 8px 5px;
}

/* おしらせ */

div#information-box {
	width:368px;
	padding:8px 10px; 
	border-left:10px solid #df7c9d; 
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f1ece6; 
	margin-bottom:10px;
}

div#information-box strong {
	color:#600;
	font-size:14px;
}

div#information-box p {
	margin-top:5px; 
	line-height:1.4; 
	font-size:12px;	
	margin-left:10px;
}

div#information-box p span {
	font-weight: normal;
}



/* 特集 */

div#top-special {
	width: 400px;
	background: url(/top-img/special_bg.gif) no-repeat 0 bottom;
	clear: both;
	margin: auto;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 93%;
}

p#special-header {
	width: 400px;
	height: 58px;
	margin: 0;
	padding: 0;
	background: url(/top-img/specila_head_bg.png) no-repeat;
}

div#top-special span.special-title {
	width: 162px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url(/top-img/special_title.png) no-repeat;
	margin: 0;
	padding: 0;
	float: left;
}

div#top-special a#go-special-top {
	widows: 130px;
	height: 30px;
	display: block;
	float: right;
	margin-right: 43px;
	_margin-right: 22px;
	margin-top: 17px;
}

p.special-contents {
	width: 114px;
	float: left;
	margin: 0 8px;
	_margin: 0;
	_margin-left: 8px;
}

p.special-contents img.special-photo {
	width: 110px;
	height: 73px;
	margin: 1px;
	padding: 2px;

	border: 1px solid #CCC;
}
p.special-contents span {
	width: 113px;
	_width: 110px;
	margin: 5px 0 0 0;
	padding-left: 5px;
	_padding-left: 8px;
	display: block;
}
p.special-contents a {
	font-weight: bold;
	margin-right: 0px;
}



/* @end */

/* @group 右列右 */



div#sub-right-col {
	width: 200px;
	margin-top: 10px;
	float: right;
}

img#hawaii-map {
	margin-top: 5px;
}

/* ワガママかなえます */

div#top-wagamama {
	width: 200px;
	background-color: #DFD0B9;
	margin-top: 6px;
	padding-bottom: 5px;
}

div#top-wagamama h3 {
	width: 200px;
	height: 137px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/top-img/wagamama_title.png) no-repeat;
	margin-bottom: 5px;
}
div#top-wagamama p {
	padding: 5px;
	padding-bottom: 0px;
}



/* アレンジ力 */

div#top-arrange {
	background: url(/top-img/arrange_bg.png) no-repeat 0 top;
	border-bottom: 1px solid #6D6DB6;
	width: 200px;
	margin: 10px 0;
}



div#top-arrange h3 {
	width: 200px;
	height: 66px;
	background: url(/top-img/arrange_title.png) no-repeat;
	display: block;
	text-indent: -99999px;
	overflow: hidden;

}

div#top-arrange ul {
	list-style: none;
	width: 180px;
	padding-left: 10px;
	margin-bottom: 5px;
}

div#top-arrange ul li {
	width: 178px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	margin-bottom: 5px;
}

li#arr-list01{
	background: url(/top-img/arrange_list.gif) 0 -2px;
}
#arr-list02{
	background: url(/top-img/arrange_list.gif) 0 -23px;
}
#arr-list03{
	background: url(/top-img/arrange_list.gif) 0 -43px;
}
#arr-list04{
	background: url(/top-img/arrange_list.gif) 0 -63px;
}
#arr-list05{
	background: url(/top-img/arrange_list.gif) 0 -83px;
}
#arr-list06{
	background: url(/top-img/arrange_list.gif) 0 -103px;
}
#arr-list07{
	background: url(/top-img/arrange_list.gif) 0 -123px;
}

div#top-arrange p {
	width: 186px;
	margin: 0 0 1px 2px;
	background-color: #D9D9EC;
	padding: 5px;
	line-height: 130%;
}

/* ミニコラムひな形 */
div.mini-colum {
	margin: 20px 0;
}


div.mini-colum h5 {
	width: 175px;
	height: 27px;
	background: url(/top-img/mini_colum_title_bg.gif) no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	font-size: 100%;
	font-weight: bold;
}

div.mini-colum ul{
	margin-top: 5px;
	font-size: 93%;
}

/* ミニコラム・PR共用 */

p.mini-img-link {
	width: 180px;
	font-size: 85%;
	overflow: hidden;
	margin: 7px 0 0 10px;
	font-weight: bold;
}
p.mini-img-link img {
	float: left;
	margin: 3px 5px 0 0;
}

p.mini-img-link a {
	display: block;
	margin-top: 5px;

}

/* PRコーナー（広告） */

div.pr{
	width: 190px;
	padding: 5px 5px 10px 5px;
	background-color: #FDFDFD;
	border: 1px solid #CCC;
	margin: 15px 0;
}

div.pr p.pr-pr {
	text-align: right;
	color: #CCC;
	font-size: 10px;
	margin-right: 7px;
}


/* @end */




/* @end */

/* @group フッター補正 */

div#footer-navi, div#footer-link, div#copyright {
	text-align: center;
}



/* @end */