@charset "shift-jis"; 

/* base css 
================================================== */
/* フロート解除用css */
.box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.box {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .box {height: 1%;}
.box {display: block;}
/* End hide from IE-mac */

/* for IE7 \*/
*+html .box { display: inline-block; }
/* */

/* フロート解除ここまで */


body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,form,select,input	{
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック","Osaka",san-self;
}

body	{
	color:#4D4D4D;
	font-size:100%;
	text-align:center;
}

li{
	list-style:none;
}

img	{
	border:none;
	vertical-align:bottom;
}

.img	{
	font-size:1px;
	line-height:1px;
}

hr	{
	display:none;
}

#contents a {
	color:#FF5100;
	text-decoration:none;
}
#contents a:hover	{
	color:#FF5100;
	text-decoration:underline;
}


/* コンテナ 
================================================== */
#container	{
	width:760px;
	margin:0 auto;
	text-align:left;
}

#contents	{
	width:760px;
}
#contents.indexBg	{
	background:url(../Images/contents_bg.gif) repeat-y left top;
}


/* left-contents 
================================================== */
#left-contents	{
	width:243px;
	vertical-align:top;
}

/* search 
------------------------*/
#search	{
	width:243px;
	background:#FCFCFC url(../Images/search_bg01.gif) no-repeat left top;
}
#search input,
#search select	{
	vertical-align:middle;
	font-size:12px;
}

#search .formhead	{
	margin:0 4px 5px 1px;
	padding:0 10px 0 14px;
	background-color:#FFF1D7;
}
#search .line01	{
	margin:0 4px 5px 1px;
	padding:0 10px 5px 14px;
	background:url(../Images/line01.gif) repeat-x left bottom;
}
#search .top	{
	padding-top:5px;
}

#search h3	{
	margin-bottom:5px;
	font-size:1px;
	line-height:1;
}
#search h3.low	{
	margin-bottom:2px;
/*visibility:hidden;*/
}

#search p.notice	{
	margin-bottom:3px;
	color:#0D94AC;
}
#search p	{
	padding:2px 0;
	font-size:66%;
	line-height:1.3;
}
#search p.ex01	{
	margin:0;
	padding:0 0 0 1em;
	text-indent:-1em;
	color:#808080;
	line-height:1.1;
}
#search p.radio input	{
	margin-right:2px;
	_margin-right:-1px;
 font-size:66%;
/*visibility:hidden;*/
}
#search p.radio	{
	_margin-top:-2px;
	font-size:66%;
/*visibility:hidden;*/
}

#search table.number	{
	margin-bottom:3px;
}

#search select	{
	font-size:75%;
	margin:0 3px 5px 0;
}
#search .top select	{
	font-size:75%;
	margin:0 7px 0 0;
}

/* アイコン */
#search .icon	{
	vertical-align:top;
}

/* 検索ボタン */
#search #search-btn	{
	background:url(../Images/search_bg02.gif) no-repeat left bottom;
}
#search #search-btn input	{
	margin:5px 0 22px 115px;
}


/* DPsearch 
------------------------*/
#searchDP	{
	width:760px;
}
.DpTbl {
	width:100%;
	background:url(../Images/line01.gif) repeat-x left bottom;
	margin:0 0 20px 0;
}

.DpTbl th {
	padding:0 0 10px 0;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
}
.DpTbl td {
	padding:0 0 10px 10px;
	text-align:right;
	vertical-align:top;
}

#searchDP #map-areaDP	{
	width:517px;
}
#searchDP .DPform {
	margin-bottom:20px;
}
#searchDP .DPform th {
	vertical-align:top;
	border:#D6D6D6 1px solid;
	background:url(../Images/dp_form_bg.gif) repeat-y left top;
}
#searchDP .DPform td {
	vertical-align:top;
	border:#D6D6D6 1px solid;
	background-color:#F7F7F7;
}
#searchDP .DPform td ul {
	padding:10px;
}
#searchDP .DPform td li {
	background:url(../Images/point.gif) no-repeat left center;
	padding:1px 0 1px 10px;
}
#searchDP .DPform .form {
}
#searchDP .DPform .form td {
	border:0;
	padding:5px 0 0 10px;
	vertical-align:middle;
}
#searchDP .DPform .form td.roomtype {
	border:0;
	padding:0;
	vertical-align:middle;
}
#searchDP .DPform .form td.roomtype p.roomplus {
	padding:5px 0 10px 10px;
}
#searchDP .DPform a:link, a:visited {
	color: #006699;
	text-decoration: none;
}
#searchDP .DPform a:hover{
	color:#59B0BF;
	text-decoration: underline;
}
#searchDP .DPform .wideline {
	padding-bottom:5px;
	background:url(../Images/dp_line.gif) repeat-x left bottom;
}
#searchDP .DPform .member {
	margin:0;
	padding:0;
}

#searchDP .DPform .member td {
	border:0;
}

#searchDP .DPform .member td.child {
	text-align:right;
}

#searchDP .DPform .form2 {
}
#searchDP .DPform .form2 td {
	border:0;
	padding:5px 0 5px 10px;
	vertical-align:middle;
	text-align:left;
}
#searchDP .DPform .form2 td p.ex01 {
	margin:0;
	font-size:90%;
	color:#808080;
	line-height:1.3;
}


/* hotelsearch 
------------------------*/
#hotel	{
	width:243px;
	background:#FCFCFC url(../Images/hotel_search_bg01.gif) no-repeat left top;
}
#hotel input,
#hotel select	{
	vertical-align:middle;
}

#hotel .line01	{
	margin:0 4px 5px 1px;
	padding:0 10px 5px 14px;
	background:url(../Images/line01.gif) repeat-x left bottom;
}
#hotel .top	{
	padding-top:5px;
}

#hotel h3	{
	margin-bottom:5px;
	font-size:1px;
	line-height:1;
}
#hotel h3.low	{
	margin-bottom:2px;
 visibility:hidden;
}

#hotel p.notice	{
	margin-bottom:3px;
	color:#0D94AC;
}
#hotel p	{
	padding:2px 0;
	font-size:66%;
	line-height:1.3;
}
#hotel p.ex01	{
	margin:0;
	padding:0 0 0 1em;
	text-indent:-1em;
	color:#808080;
	line-height:1.1;
}
#hotel p.ex02	{
	margin-bottom:12px;
	padding:0 0 0 1em;
	text-indent:-1em;
	color:#808080;
	line-height:1.1;
}
#hotel p.radio input	{
	margin-right:-2px;
 font-size:0%;
 visibility:hidden;
}
#hotel p.radio	{
	_margin-top:-2px;
 font-size:0%;
 visibility:hidden;
}

#hotel .inputArea	{
	vertical-align:top;
}

#hotel .child	{
	padding-left:120px;
}

#hotel p.childBtn radio	{
	margin-top:-5px;
}

#hotel table.number	{
	margin-bottom:3px;
}

#hotel select	{
	font-size:75%;
	margin:0 3px 5px 0;
}
#hotel .top select	{
	font-size:75%;
	margin:0 7px 1px 0;
}

/* アイコン */
#hotel .icon	{
	vertical-align:top;
}

/* 検索ボタン */
#hotel #search-btn	{
	background:url(../Images/search_bg02.gif) no-repeat left bottom;
}
#hotel #search-btn input	{
	margin:3px 0 20px 115px;
}


/* side map
------------------------*/
#sideMap	{
	width:211px;
	background:#C4C4C4;
	border:1px #D4D4D4 solid;
	padding:16px 15px 0;
	border-width:1px 1px 0 1px;
}


/* guide 
------------------------*/
#guide	{
	width:243px;
	background:#C4C4C4 url(../Images/guide_bg01.gif) repeat-x left top;
}
#guide .wrap	{
	padding:16px 15px;
	border:1px #D4D4D4 solid;
	border-width:0 1px;
}

#guide #guide-menu	{
	margin-bottom:10px;
}
#guide #guide-menu img	{
	margin-top:5px;
}

#guide .service-menu	{
	margin:5px 0 0;
}
#guide .service-menu img	{
	margin-top:5px;
}




/* main contents 
================================================== */
#main-contents{
	width:511px;
	vertical-align:top;
	padding:0 0 0 3px;
}
*html #main-contents{width:514px;}
*:first-child+html #main-contents{width:514px;}


/* display change 
------------------------*/
#dispChange p.fS{
	margin:0 0 8px 16px;
}


/* news
------------------------*/
#news{
	background:url(../Images/news_bg.gif) no-repeat left bottom;
	padding-bottom:22px;
	margin-bottom:10px;
}
#news table{
	width:472px;
	border-collapse:collapse;
	margin-left:20px;
}
#news table th,
#news table td{
	vertical-align:top;
	background:url(../Images/line01.gif) repeat-x left bottom;
	padding:4px;
}
#news table th{
	width:15%;
	white-space:nowrap;
	font-weight:normal;
}


/* economy
------------------------*/
#economy{
	margin-bottom:10px;
}
#economy h2{
	margin-bottom:8px;
}
#economy table{
	width:498px;
	background:url(../Images/economy_bg.jpg) repeat-x;
	margin-left:8px;
}
#economy table thead th,
#economy table tbody td{
	border:1px solid #2ba0af;
}
#economy table tbody td{
	text-align:center;
	padding:4px 4px 4px 8px;
}
#economy p{
	margin:8px 0 0 8px;
}


/* airline
------------------------*/
#airline{
	width:514px;
	margin-bottom:10px;
}
#airline div.clearfix{
	background:url(../Images/line01.gif) repeat-x left bottom;
	padding:8px 8px 10px;
}
#airline div.clearfix p,
#airline div.clearfix dl{
	float:left;
	padding-right:10px;
	margin:0;
}
#airline div.clearfix dt{
	font-weight:bold;
}
#airline div.clearfix dd{
	margin:0;
}
#airline div.clearfix p.fS{
	float:right;
	margin-top:28px;
}
#airline div.clearfix p.fS a{
	color:#4d4d4d;
	background:url(../Images/icon/arrow02.gif) no-repeat 0 0em;
	padding-left:14px;
}


/* ready
------------------------*/
#ready{
	width:498px;
	background:url(../Images/ready_bg.gif);
	padding:0 8px 8px;
}

#ready div.clearfix{
	background:url(../Images/line01.gif) repeat-x left bottom;
	padding:8px 8px 10px;
}
#ready div.clearfix p.txt01,
#ready div.clearfix p.txt02{
	float:left;
	padding-top:10px;
}
#ready div.clearfix p.txt02{
	padding-top:20px;
}
#ready div.clearfix p.image{
	float:right;
}

#ready .service{
	position:relative;
	margin-top:8px;
}
#ready .service span{
	position:absolute;
	top:11px;
	left:272px;
}


/* banner area
------------------------*/
#bannerArea{
	width:498px;
	background:url(../Images/banner_bg.gif);
	padding:8px;
	margin-bottom:10px;
}
#bannerArea div.clearfix{
	padding-bottom:5px;
}

#bannerArea p{
	float:left;
}
#bannerArea p.right{
	float:right;
}

#bannerArea ul li{
	float:left;
	padding-right:16px;
}
#bannerArea ul li a{
	color:#4d4d4d;
	background:url(../Images/icon/arrow02.gif) no-repeat 0 0em;
	padding-left:14px;
}


/* tourist village
------------------------*/
#touristVillage{
	position:relative;
	width:512px;
	background:url(../Images/tourist_bgl.gif) no-repeat left bottom;
	border:1px solid #d4d4d4;
	padding-bottom:40px;
	margin-bottom:10px;
}
#touristVillage div.clearfix p{
	float:left;
}
#touristVillage p.btnApli{
	position:absolute;
	top:231px;
	left:15px;
}


/* popular city
------------------------*/
#popularCity{
	width:482px;
	border-top:1px solid #ffa903;
	padding:8px 16px;
}
#popularCity h2{
	margin-bottom:8px;
}

#popularCity ul{
	width:88px;
	float:left;
	padding-right:8px;
}
#popularCity ul a:link, #popularCity ul a:visited{
	color:#4d4d4d;
	text-decoration:underline;
}
#popularCity ul a:hover, #popularCity ul a:active{
	color:#4d4d4d;
	text-decoration:none;
}


/* low price hotel
------------------------*/
#lowPriceHotel{
	width:514px;
	background:url(../Images/lphotel_box_bg.gif) no-repeat left bottom;
	margin:8px 0 10px;
	padding-bottom:12px;
}
#lowPriceHotel div{
	margin-top:-10px;
}
#lowPriceHotel table{
	width:490px;
	border-collapse:collapse;
	margin-left:12px;
}
#lowPriceHotel table th,
#lowPriceHotel table td{
	vertical-align:top;
	background:url(../Images/line01.gif) repeat-x left bottom;
	padding:4px;
}
#lowPriceHotel table th{
	width:15%;
	white-space:nowrap;
	color:#ff5100;
}


/* spotlight city
------------------------*/
#spotlightCity{
	padding:8px 10px 0;
}
#spotlightCity p.lead{
	background:url(../Images/line01.gif) repeat-x left bottom;
	margin-bottom:8px;
	padding:0 0 4px 4px;
}
#spotlightCity table{
	width:490px;
	border-collapse:collapse;
	margin-left:5px;
}
#spotlightCity table td{
	padding:0 10px 10px 0;
}


/* feature
------------------------*/
#feature{
	padding:8px 10px 0;
}
#feature p.lead{
	background:url(../Images/line01.gif) repeat-x left bottom;
	margin-bottom:8px;
	padding:0 0 4px 4px;
}
#feature p.posLeft{
	float:left;
	padding-bottom:10px;
}
#feature p.posRight{
	float:right;
	padding-bottom:10px;
}



/* map area 
------------------------*/
#map-area	{
	position:relative;
	z-index:0;
	width:517px;
	margin-bottom:8px;
	font-size:66%;
}

#map-area #africa	{
	position:absolute;
	z-index:1;
	top:133px;
	left:16px;
	width:100px;
	height:18px;
}
#map-area #asia	{
	position:absolute;
	z-index:2;
	top:86px;
	left:160px;
	width:57px;
	height:18px;
}
#map-area #europe	{
	position:absolute;
	z-index:3;
	top:72px;
	left:33px;
	width:73px;
	height:18px;
}
#map-area #hawai	{
	position:absolute;
	z-index:4;
	top:104px;
	left:249px;
	width:139px;
	height:18px;
}
#map-area #namerica	{
	position:absolute;
	z-index:5;
	top:60px;
	left:315px;
	width:91px;
	height:18px;
}
#map-area #oceania	{
	position:absolute;
	z-index:6;
	top:165px;
	left:204px;
	width:127px;
	height:18px;
}
#map-area #samerika	{
	position:absolute;
	z-index:7;
	top:156px;
	left:363px;
	width:95px;
	height:18px;
}


/* info 
------------------------*/
#info	{
	margin-bottom:10px;
}

#info h2	{
	margin-bottom:10px;
}
#info h3	{
	color:#FF5100;
	margin-bottom:3px;
	font-weight:bold;
}
#info .orange	{
	color:#FF5100;
	margin-bottom:3px;
}
#info h3 span	{
	color:#FFA903;
}

#info .infoTbl	{
	width:517px;
}

#info .infoTbl2	{
	width:100%;
}

/* 写真 */
#info td.ph	{
	vertical-align:top;
}
#info td.ph p	{
	padding:8px 8px 13px 8px;
	background:url(../Images/info_bg01.gif) no-repeat left top;
}

/* 紹介文 */
#info td.tx	{
	padding:13px 0 5px 0;
	width:322px;
	vertical-align:top;
}
#info td.bg01	{
	background:url(../Images/info_td_bg01.gif) no-repeat 60px 10px;
}
#info td.bg02	{
	background:url(../Images/info_td_bg02.gif) no-repeat 146px 51px;
}
#info td.bg03	{
	background:url(../Images/info_td_bg03.gif) no-repeat 86px 24px;
}
#info td.tx h3 img	{
	margin:0 0 4px;
}

#info td.tx p.catch	{
	margin-bottom:8px;
}

/* newrelease 
------------------------*/
#newrelease{
	width:100%;
	margin-bottom:10px;
}
#newrelease td{
	width:50%;
	padding:10px;
}

#newrelease .borderDotline{
	border-bottom:#C7C7C7 1px dotted;
	margin-bottom:10px;
	padding-bottom:10px;
}

#newrelease .ny-photo{
	float:left;
	width:90px;
}
#newrelease .ny-tuer{
	float:right;
	width:140px;
}

#newrelease .ny-tuer h4,
#newrelease .ny-tuer p{
	font-size:80%;
}
#newrelease .ny-tuer h4{
	color:#0000FF;
}

/* ranking 
------------------------*/
#ranking	{
	margin-bottom:30px;
}

#ranking h2	{
	margin-bottom:5px;
}

#ranking table.rankingTbl	{
	margin-bottom:3px;
}

#ranking table.rankingTbl td.rank	{
	border:1px #D9D9D9 solid;
	border-width:0 1px;
}
#ranking table.rankingTbl td.num	{
	width:67px;
}
#ranking table.rankingTbl td.num img	{
	margin:0 23px 0 14px;
}
#ranking table.rankingTbl td.ph	{
	width:280px;
}
#ranking table.rankingTbl td.ph img	{
	margin:0 6px;
}
#ranking table.rankingTbl td.tx	{
	width:260px;
}

/* ticket 
------------------------*/
#ticket	{
	margin-bottom:30px;
}
#ticket h2	{
}
#ticket .ticketTbl td	{
	vertical-align:top;
}
#ticket td.resort	{
	vertical-align:middle;
}
#ticket td.Thumbs	{
	padding:0 10px 0 15px;
}
#ticket td.ThumbsR	{
	padding:0 10px 0 0;
}
#ticket span.yellow	{
	color:#FFA903;
}
#ticket span.subject	{
	font-size:85%;
}
#ticket .HotelPcTbl	{
	margin-bottom:5px;
	background:url(../Images/hotel_picup_bg.gif) no-repeat left top;
	height:66px;
}
#ticket .HotelPcTbl td img	{
	font-size:1%;
	line-height:1;
}




/* フッター 
================================================== */
#footer	{
}


/* テキスト 
================================================== */
.bold	{
	font-weight:bold;
}

.fL{
	font-size:90%;
	line-height:1.3;
}
.fM{
	font-size:75%;
	line-height:1.3;
}
.fS	{
	font-size:66%;
	line-height:1.3;
}

.price {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FF0000;
}
.newrelease	{
	background: url(../Images/icon/arrow.gif) no-repeat left center;
	margin:5px 0 5px 15px;
	padding-left:15px;
	font-size:80%;
	font-weight:bold;
}
.infoLine	{
	padding-bottom:2px;
	background:url(../Images/line01.gif) repeat-x left bottom;
}
.infoLine2	{
	margin-left:10px;
	padding-bottom:5px;
	background:url(../Images/line01.gif) repeat-x left bottom;
}

a span.yellow	{
	color:#FFA903;
}


/* 横幅 
================================================== */
.w20	{width:20px; text-align:center;}
.w60	{width:60px;}
.w70	{width:70px;}
.w80	{width:80px;}
.w160	{width:160px;}
.w200	{width:200px;}
.w250	{width:250px;}


/* マージン パディング 
================================================== */
.maB10	{margin-bottom:10px;}
.maB20	{margin-bottom:20px;}
.maB5	{margin-bottom:5px;}
.maT5	{margin-top:5px;}
.maT10	{margin-top:10px;}
.maL10	{margin-left:10px;}
.maR10	{margin-right:10px;}

.paR5	{padding-right:5px;}
.paR7	{padding-right:7px;}
.paR13	{padding-right:13px;}
.paR30	{padding-right:30px;}
.paL10	{padding-left:10px;}
.paL15	{padding-left:15px;}
.paT5	{padding-top:5px;}
.paT10	{padding-top:10px;}
.paT20	{padding-top:20px;}
.paB20	{padding-bottom:20px;}
.Right {text-align:right;}