@charset "utf-8";

@import "nomenu.css";

body{margin:0;padding:0;color:#15191c;text-align:center;background:#fff;
	font-family:
	"qMmpS Pro W3","Hiragino Kaku Gothic Pro", Osaka ,"CI", Meiryo ,"MS oSVbN", sans-serif ;
	background:url(../img/bg.jpg) no-repeat center top;
}
/* \*/
        body {
		font-size:80%;
            }
 /* */
img{border:none; vertical-align:middle !important;}
h1,h2,h3,h4,dl,ul {margin:0;padding:0;font-size:100%;}

/*=====================================================================layout==*/

#wrapper {
	margin:auto;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	width:750px;
	position:relative;
	overflow:hidden;
}

#menuarea,#extraarea{
	margin:0;
	padding:0;
	width:170px;
}

/*左メニューが真ん中または右の縦幅を越えるとアウト*/
#menuarea{float:left;}
#mainarea{margin-right:176px;_margin-right:87px;float:right;width:400px;}
#extraarea{position:absolute;left:578px;top:92px;}

/*真ん中が左右の縦幅を超えるとアウト
#menuarea{float:left;}
#mainarea{position:absolute;left:175px;top:92px;width:400px;}
#extraarea{float:right;}*/

/*左メニューが消えるIEのバグがあるのでアウト（使用禁止）
#menuarea{position:absolute;left:0;top:92px;width:170px;}
#mainarea{margin-left:174px;_margin-left:87px;float:left;width:400px;}
#extraarea{float:right;}*/



#mainarea570{position:relative;width:570px;float:right;}


.sec{margin-bottom:10px;padding:0;}
.sec02{margin-bottom:10px;padding:0;background:#fff;}
.sec03{margin-bottom:10px;padding:5px 5px 5px 33px;background:#fffeea url(../img/txt_bg.gif) no-repeat top left;border:1px solid #999;text-align:left;color: #006666;}
.bx{padding-bottom:5px;background:url(../img/bx_bg.gif) no-repeat bottom;}
.bx .bxtit{background:url(../img/bx_titbg.gif) no-repeat top;font-size:100%;color:#ff6c00;line-height:2;}
.bx p{margin:0;padding:0;}
.tit01{margin-bottom:7px;background:url(../img/tit.gif) no-repeat;line-height:2;height:29px;text-indent:25px;text-align:left;color:#777;font-size:120%;clear:both;}
#mainarea570 .tit01{margin-bottom:7px;background:url(../img/tit_l.gif) no-repeat;line-height:2;height:29px;text-indent:25px;text-align:left;color:#777;font-size:120%;clear:both;}
.tit01 span{font-weight:normal;font-size:80%;}
.tit02{margin-bottom:7px;background:url(../img/tit04.gif) no-repeat;line-height:2;height:29px;text-indent:25px;text-align:left;color:#777;font-size:120%;clear:both;}
.subtit{margin-bottom:7px;background:url(../img/subtit.gif) no-repeat;line-height:1.5;height:21px;text-indent:5px;text-align:left;color:#fff;font-size:100%;font-weight:normal;clear:both;position:relative;}
#mainarea570 .subtit{margin-bottom:7px;background:url(../img/subtit_l.gif) no-repeat;line-height:1.5;height:21px;text-indent:5px;text-align:left;color:#fff;font-size:100%;font-weight:normal;clear:both;position:relative;}
.list{list-style:none;}
.list li{background:url(../img/l_icn.gif) no-repeat;background-position:0 4px;padding-left:10px;line-height:1.8;}
.txt01{text-align:right;argin:5px 0;padding:0;}
.txt02{text-align:left;margin:5px 0;padding:0;}
.txt03{text-align:center;margin:5px 0;padding:0;}
.txt04{text-align:left;color:#666;font-size:80%;margin:5px 0;padding:0;}
.error{margin:5px 0;background: #FFFFCC;font-weight:bold;line-height:1.4;}
.margin100{padding-top:100px;}

dl{text-align:left;}
dt{font-weight:bold;}
dd{margin:0;padding:0;}

/*=====================================================================header==*/

.head{
	padding:0 0 32px 23px;
	position:absolute;
	left:-12px;
	_left:-12px;
	font-size:12px;
	color: #FFFF33;
	background:url(../img/logo_bg.jpg) no-repeat;
	text-align:left;
	z-index:1;
}

*html .head{
	font-size:10px;
	}

.head img{display:block;}

.logoAtb{
	position:absolute;
	top:35px;
	left:185px;
	z-index:2;
	}

.summary{
	margin:0;padding:0;
	position:absolute;
	left:170px;
	top:15px;
	width:570px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:left;
	}


#atb .summary{
	top:5px;
	font-size:10px;
	}	
	
#headerarea{
	padding:54px 0 22px 0;
	text-align:right;
	font-size:80%;
	_font-size:70%;
}

#headerarea ul li{display:inline;padding:2px 3px 2px 6px;border-left:1px solid #999;margin:0 !important;list-style-type:none;}
#headerarea ul a{color:#666666;text-decoration:none;}
#headerarea ul a:visited {color:#666666;}
#headerarea ul a:hover {color:#666666;text-decoration:underline;}
#headerarea img{padding-right:5px;}

/*=====================================================================map==*/

.map{
	margin-bottom:10px;
	padding:15px 6px 3px 6px;
	background:url(../img/map_bg.jpg) no-repeat bottom;
	text-align:left;
}
.map img{margin-left:1px;}
.map dt{
	text-align:left;
	color:#ff6c00;
}
.map dd{
	margin:0;padding:0;
	font-size:80%;
	_font-size:70%;
	text-align:left;
	letter-spacing:0.1em;
}

/*=====================================================================menu==*/

.menu{
	background:url(../img/menu_bg.gif) repeat-y;
}
.menu h3{
	background:url(../img/menu_tit.gif) no-repeat;
	color:#fff;
	font-size:100%;
	line-height:2.7;
	height:34px;
}
.menu ul{margin-left:4px;}
.menu ul li{
	background:url(../img/menu_btn.gif) no-repeat;
	text-align:left;
	list-style:none;
}
.menu ul li a{
	display:block;
	padding-left:22px;
	width:140px;	
	height:25px;
	color:#fff;
	line-height:2;
	text-decoration:none;
}
.menu ul li a:link{color:#fff;}
.menu ul li a:visited{color:#fff;}
.menu ul li a:hover{color:#fff;background:url(../img/menu_btn_o.gif) no-repeat;}

.menu ul ul li{
	background:url(../img/menu_btn02.gif) no-repeat;
	font-size:80%;
	margin-left:10px;
}
.menu ul ul li a{
	display:block;
	padding-left:22px;
	width:120px;	
	height:20px;
	color:#fff;
	line-height:2;
	text-decoration:none;
}
.menu ul ul li a:link{color:#fff;}
.menu ul ul li a:visited{color:#fff;}
.menu ul ul li a:hover{color:#fff;background:none;}

.menu2{
	padding-bottom:5px;
	background:url(../img/menu2_btm.gif) no-repeat bottom;
	text-align:center;
	text-align:left;
}

.menu2 h3{
	height:24px;
	background:url(../img/menu2_tit.gif) no-repeat;
	color:#fff;
	text-align:left;
	line-height:1.7;
	text-indent:15px;
	font-weight:normal;
}

.menu2 ul{
	text-align:left;
	list-style:none;
	margin-left:20px;
	font-size:80%;
	_font-size:70%;
	letter-spacing:0.1em;
}
.links li{
	margin-left:5px;
	list-style:none;
}
/*=====================================================================Main==*/
.topicpass{
	margin:0 0 5px 0;padding:3px;
	background:url(../img/bg_transparent.png);
	_background:#fff;
	_background-image:none;
	filter:alpha(style=0,opacity=50);
	text-align:left;
	font-size:90%;
	_font-size:80%;
	color:#666;
	_height:1%;
}
.topicpass strong{font-weight:normal;}

.sort{
	margin:0;pading:0;
	position: absolute;
	left:0px;
	top:0px;
	text-align:right;
	width:390px;
	font-size:80%;
	_font-size:70%;
	line-height:2.3;
}
.sort a:link{color:#fff;}
.sort a:visited{color:#fff;}
.sort a:hover{color:#FFFF66;}


/*=====================================================================Tour==*/

.tour{
	_width:100%;
	padding:5px 0;
	margin-bottom:5px;
	background:#fff url(../img/tour_bg.gif) no-repeat;
	background-position:0 5px;
}
.pickupphoto{
	float:left;
	padding-right:5px;
}
.pickupphoto img{
	display:block;
	margin:2px 0 7px 1px;
}
.tour h4{
	padding:2px 0;
	text-align:left;
	background:#f4e8f2;
	font-size:100%;
	width:295px;
	float:right;
}
.tour p{
	margin:5px 0 0 0;
	text-align:left;
	font-size:80%;
	_font-size:70%;
	line-height:1.6;
	letter-spacing:0.1em;
	color:#666;
}

.searchlist{
	background:url(../img/footer_bg.gif) no-repeat bottom center;
	color:#eee;
	padding:6px 0;
	word-spacing:0.5em;
}
.searchlist a:link{color:#fff;}
.searchlist a:visited{color:#fff;}
.searchlist a:hover{color:#FFFF66;}

.searchlist strong{color:#FFFF66;}

/*=====================================================================NewArrived==*/
.newarrived{
	text-align:left;
	background:#fff url(../img/newarv_bg.gif) no-repeat;
	background-position:95px 0;
}
.newarrived p{margin:0 4px;padding:0;font-size:80%;_font-size:70%;line-height:1.4;}

.tit03{
	margin-bottom:3px;
	background:#fff url(../img/n_tit.gif) no-repeat;
	color: #CC0000;
	font-size:100%;
	height:21px;
	line-height:1.5;
	text-align:center;
}

.blog-news-body{margin:0 0 5px 0;padding:0;}
.blog-news-body p.blog-info-text{margin-bottom:5px;font-size:100%;}


/*=====================================================================hawaiiinfo==*/

.hawaiinfo{
	margin:0 3px 5px 3px;
	letter-spacing:0.1em;
}

.hawaiinfo li{
	padding-left:18px;
	line-height:1.9;
	_line-height:2;
	font-size:80%;
	_font-size:75%;
	list-style-type:none;
	text-align:left;
}

ul.info01{background:url(../img/hawaiinfo_bg01.gif) repeat-y;}
ul.info02{background:url(../img/hawaiinfo_bg02.gif) repeat-y;}
ul.info03{background:url(../img/hawaiinfo_bg03.gif) repeat-y;}
ul.info04{background:url(../img/hawaiinfo_bg04.gif) repeat-y;}

h3.info01{color:#44973c;}
h3.info02{color:#c06730;}
h3.info03{color:#4e84a9;}
h3.info04{color:#afa916;}

.info_viewall{
	margin:0;padding:1px 0;
	text-align:right;
	border-top:1px solid #999;
}

.tit04{
	margin-bottom:3px;
	background:#fff url(../img/n_tit02.gif) no-repeat;
	color: #CC0000;
	font-size:100%;
	height:22px;
	line-height:1.5;
	text-align:center;
}

.tit05{
	margin-bottom:3px;
	background:transparent;
	background:url(../img/n_tit03.gif) no-repeat;
	color: #CC0000;
	font-size:100%;
	height:22px;
	line-height:1.5;
	text-align:center;
}

/*=====================================================================hawaiLink（menu色違い）==*/

.hawailink{
	background:url(../img/hawailink_bg.gif) repeat-y;
}
.hawailink h3{
	background:url(../img/hawailink_tit.gif) no-repeat;
}
.hawailink ul{margin-left:4px;}
.hawailink ul li{
	background:url(../img/hawailink_btn.gif) no-repeat;
}

.hawailink ul li a:link{color:#fff;}
.hawailink ul li a:visited{color:#fff;}
.hawailink ul li a:hover{color:#fff;background:url(../img/hawailink_btn_o.gif) no-repeat;}

/*=====================================================================Link==*/

#extraarea .category{
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(../img/bottom_menu.gif) no-repeat bottom;
}
.category h4{margin:0;padding:0;}

#extraarea .category dl{
	margin:5px 0 0 0;
	_margin-top:3px;
}
#extraarea .category dd{
	margin:0;padding:0;
	font-size:90%;
	_font-size:80%;
	letter-spacing:-0.1em;
	
}
#extraarea .category dd a{
	display:block;
	margin:1px 0;
	padding:3px 0 0 18px;
	text-align:center;
	background:url(../img/bg_link.gif) no-repeat;
	text-align:left;
	height:20px;
}

#extraarea .category dd a:hover{
	background-position:-170px 0;
}



/*=====================================================================footer==*/

#footer{
	margin:0;
	width:100%;
}

#footer ul,
#footer ol,
#footer li,
#footer dl,
#footer dt,
#footer dd,
#footer address {
	margin: 0;
	padding: 0;
	list-style-type: none;
	vertical-align: baseline;
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
}

#footer img{
	border:0;
}

/* footer_navi */

#footer ul#footer_navi {
    clear: right;
    margin: 0 auto 24px;
    text-align: center;
	padding:20px 0 0 0;
}


#footer ul#footer_navi li {
    border-right: 1px solid #444444;
    display: inline;
    padding: 0 10px;
}

#footer ul#footer_navi li.listend {
    border: 0 none;
}

/* footer_site */

#footer ul#footer_site {
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 0;
    width: 720px;
	background:#FFFFFF;
}

#footer ul#footer_site li {
    float: left;
    height: 42px;
    width: 100px;
}

#footer ul#footer_site li a {
    background: url(https://ssl.tabicapi.com/common/images/footer/footer_otherlink_small.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    overflow: hidden;
    text-indent: -5000px;
    width: 97px;
}


#footer ul#footer_site li#tripstar a {background-position: 0 0;}
#footer ul#footer_site li#tabiweb a {background-position: -97px 0;}
#footer ul#footer_site li#airsgate a {background-position: -190px 0;}
#footer ul#footer_site li#ekoukuuken a {background-position: -287px 0;}
#footer ul#footer_site li#aloha7 a {background-position: -384px 0;}
#footer ul#footer_site li#castour a {background-position: -481px 0;}
#footer ul#footer_site li#tabi2 a {background-position: -577px 0;}
#footer ul#footer_site li#stayatjp a {background-position: 0 -38px;}
#footer ul#footer_site li#tabeets a {background-position: -97px -38px;}
#footer ul#footer_site li#bhhr a {background-position: -193px -38px;}
#footer ul#footer_site li#nana a {background-position: -285px -37px;}
#footer ul#footer_site li#stayatresorthawai a {background-position: -385px -38px;}
#footer ul#footer_site li#stayatresortbali a {background-position:  -484px -37px;}

/* footer_link */

#footer ul#footer_link {
    background: url("../img/footer_bg_h2.gif") repeat scroll 0 0 transparent;
    clear: left;
    margin: 0 auto;
    padding: 20px 20px 20px 170px;
    position: relative;
    text-align: left;
    width: 560px;
}

#footer ul#footer_link li#footer_link_h {
    background: url(https://ssl.tabicapi.com/common/images/footer/footer_branding.gif) repeat scroll 0 0 transparent;
    border: 0 none;
    height: 44px;
    left: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -5000px;
    top: 60px;
    width: 125px;
}

#footer ul#footer_link li{
	display: inline;
	border-right: 1px solid #444444;
	padding-right: 10px;
	margin-right: 10px;
	line-height: 20px;
}

#footer address#copy{
	text-align: center;
	color:#FFFFFF;
	margin:0;
	padding:0 0 5px 0;
	background: url("../img/footer_bg_f3.gif") no-repeat scroll center bottom transparent;
}



/*
#footer{
 position:relative;
 z-index:1;
 padding:30px 0 0;
 background:url(../img/footer_bg_h.gif) no-repeat top;
 font-size:80%;
_font-size:70%;
 color:#666666;
}


#footer ul{margin:0 0 5px 0;padding:0;}
#footer ul li{display:inline;padding:2px 3px 2px 6px;border-left:1px solid #999;margin:0 !important;list-style-type:none;}
#footer ul .fmenuend{border-right:1px solid #999;}
#footer ul a{color:#666666;text-decoration:none;}
#footer ul a:visited {color:#666666;}
#footer ul a:hover {color:#666666;text-decoration:underline;}

#footer address{
	padding-top:5px;
	min-height:19px;
	background:url(../img/footer_bg_f.gif) no-repeat bottom;
	font-weight:bold;
	font-style:normal;
	color:#fff;
}

*html #footer adress{
	height:24px;
	}
*/
.catch{margin:0;padding:0 0 10px;font-size:10px;color:#999;}
.catch a:link{color:#999;text-decoration:none;}
.catch a:visited{color:#999;text-decoration:none;}
.catch a:hover{color:#999;text-decoration:underline;}

.clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clear {display: inline-table;}
.clear{
	display: inline-block;
	min-height:1%;  /* for IE 7*/
}


/* Hides from IE-mac \*/
/** html .clear {height: 1%;}*/
.clear {display: block;}
/* End hide from IE-mac */