@charset "utf-8";

@import url("menu.css");
@import url("search.css");

/*--Default setting
--------------------------------------------------------*/


body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dd,form,input{
	margin: 0;
	padding: 0;
}

ul li{
	list-style-type:none;
}

body {
	font-size: 0.8em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
}
form, input {
	vertical-align:middle;
}
img { border: 0; }

a:link{
	color:#52608c;
}
a:visited{
	color:#777;
}
a:hover{
	color:#52608c;
}

/* 続きを読む
--------------------------------------------------------*/					
.more{
	margin:0;
	text-align:right;
}		
.more a:link,
.more a:visited,
.more a:hover{
	padding-left:15px;
	color:#666;
	background:url(../imgre/icn_01.gif) no-repeat left;
}


/* header
--------------------------------------------------------*/

#header{
	margin:auto;
	width:950px;
	text-align:left;
	background:url(../imgre/hd_bg.gif) no-repeat right top;
	overflow:hidden;
}
	#header h1{
		font-size:0.8em;
		color:#bd8521;
		line-height:21px;
	}
		#header h1 a:link,		
		#header h1 a:visited{
			color:#bd8521;
			text-decoration:none;
		}
		#header h1 a:hover{
			color:#bd8521;
			text-decoration:underline;
		}
	#header #title{
		float:left;
	}
	#header #hdsearch{
		width:564px;
		float:right;
	}
		#header #hdsearch dd{
			font-size: 0.8em;
			margin:0 0 0 15px;
		}
			#header #hdsearch dd input#tour{
				margin-right:1em;
				width:80%;
			}
.lead{
	margin:auto;
	margin-top:0;
	margin-bottom:0;
	width:950px;
	font-size:0.8em;
	color:#999;
	text-align:left;
	line-height:2;
}


/* globalmenu
--------------------------------------------------------*/
#globalmenu{
	margin:auto;
	width:950px;
	text-align:left;
	font-size:0.9em;
	overflow:hidden;
}
	#globalmenu li{
		margin-right:1px;
		margin-top:1px;
		float:left;
		list-style-type:none;
	}
	#globalmenu:first-line{
		margin-right:0;
	}
		#globalmenu li a{
			display:block;
			padding-left:15px;
			background:url(../imgre/gm.gif) left no-repeat;
		}
			#globalmenu li a span{
				padding:10px 14px 0 0;
				display:block;
				background:url(../imgre/gm.gif) right no-repeat;
				line-height:15px;
				white-space:nowrap;
			}
			#globalmenu li a:link,
			#globalmenu li a:visited{
			color:#fff;
			text-decoration:none;
			}
			#globalmenu li a:hover,
			#globalmenu li.fc a{
				background:url(../imgre/gm_fc.gif) left no-repeat;
			}
			#globalmenu li a:hover span,
			#globalmenu li.fc a span{
				background:url(../imgre/gm_fc.gif) right no-repeat;
			}
		


/* container
--------------------------------------------------------*/

#container{
	margin:auto;
	margin-top:10px;
	margin-bottom:0;
	width:950px;
	overflow:hidden;
	background:url(../imgre/ex_bg.gif) right repeat-y;
}

	/* パンクズリスト
	--------------------------------------------------------*/
	#tppass {
		padding-bottom:3px;
		background:#fff;
		text-align:left;
		font-size:0.9em;
	}
		#tppass li {
			display:inline;
			line-height:1.1;
			list-style-type:none;
		}
			#tppass li a {
				padding-right:10px;
				background:url(../imgre/icn_tppass.gif) no-repeat right center;
			}
	
	
	/* main
	--------------------------------------------------------*/
	
	#main{
		float:left;
		width:766px;
		overflow:hidden;
		text-align:left;
		position:relative;
	}
	
	.floatbox{
		overflow:hidden;
	}
	.topicphoto,
	.topicimg{
		float:left;
	}
	.btnarea{
		margin:10px 0;
		padding:7px;
		background:#eee;
	}
	
	#tourtit{
		border-top:5px solid #cde3e9;
		margin-bottom:3px;
		padding-left:2px;
	}

	#tourtit2{
		border-top:1px solid #ccc;
		margin-bottom:10px;
		padding:0 1px;
	}
		
	#lead{
		margin-bottom:10px;
		padding:6px;
		background:#eee;
		line-height:1.1;
		color:#434999;
		border:3px solid #ccc;
	}
	#lead2{ 
	    font-weight:bold;
		margin-bottom:10px;
		padding:6px;
		background-color: #FFFFCC;
		line-height:1.1;
		color: #FF9966;
		border:3px solid;
		border-color:#FF9933;
	}
	.attention{
		margin-left:1px;
		background:#fff;
		color:#006699;
		padding:7px 15px;
		border-top:2px solid #ddd;
		font-size:0.9em;
		line-height:1.3;
	}				
		

	/* extra
	--------------------------------------------------------*/
	
	#extra{
		float:right;
		width:184px;
		text-align:center;
		margin-top:-20px;
	}

	*html #extra{
		overflow:hidden;
	}



		/* マイページ
		--------------------------------------------------------*/
		#mypage{
			padding:40px 0 10px 0;
			background:url(../imgre/mypg_bg.gif) no-repeat;
		}
			#mypage a:link,
			#mypage a:visited,
			#mypage a:hover{
				padding-left:3px;
				color:#fff;
				border-left:0.4em dotted #fff;
			}
	
		/* バナースペース
		--------------------------------------------------------*/
		.banner{
			background:#fff;
			padding-bottom:10px;
		}
		
		/* alohainfomation、ブックマーク登録、お支払い方法
		--------------------------------------------------------*/
		#extra dl{
			border-top:5px solid #999;
		}
		
		#extra dt{
			margin:0 5px 5px 5px;
			padding:3px 0 0 15px;
			background:url(../imgre/icn_ex.gif) no-repeat left;
			color:#666;
		}
		
		#extra dd{
			margin:0 4px;
			padding:3px 0 5px 0;
			font-size:0.85em;
			color:#888;
		}
		
		
		/* サブメニュースペース
		--------------------------------------------------------*/
		
		#menu{
			text-align:left;
		}
		
		#menu .menu01,
		#menu .menu02,
		#menu .menu03,
		#menu .menu04{
			width:178px;
			position:relative;
		}
		
			/* サブメニュータイトル
			--------------------------------------------------------*/
			#menu * h4{
				width:188px;
				height:41px;
				position: absolute;
				top:0;
				left:0;
				font-size:0.9em;
				line-height:30px;
				text-indent:5px;
			}
				
			/* サブメニュータイトル背景分け
			--------------------------------------------------------*/
				#menu .menu01 h4{
					background:url(../imgre/ex_tit_pn.gif) no-repeat;
				}
				#menu .menu02 h4{
					background:url(../imgre/ex_tit_yl.gif) no-repeat;
				}
				#menu .menu03 h4{
					background:url(../imgre/ex_tit_bl.gif) no-repeat;
				}
				#menu .menu04 h4{
					line-height:40px;
					background:url(../imgre/ex_tit_og.gif) no-repeat;
				}
			
			/* サブメニュー
			--------------------------------------------------------*/
			#menu ul{
				margin:5px;
				padding:35px 5px 5px 5px;
				list-style-type:none;
			}
				#menu ul li{
					font-size:0.85em;
					line-height:1.8;	
				}
			
				/* メニュー別色分け
				--------------------------------------------------------*/
				#menu .menu01 h4,
				#menu .menu01 a:link,
				#menu .menu01 a:visited{
					color:#d55e7a;
				}
				#menu .menu02 h4,
				#menu .menu02 a:link,
				#menu .menu02 a:visited{
					color:#a28521;
				}
				#menu .menu03 h4,
				#menu .menu03 a:link,
				#menu .menu03 a:visited{
					color:#215ba2;
				}
				#menu .menu04 h4,
				#menu .menu04 a:link,
				#menu .menu04 a:visited{
					color:#ea6941;
				}
			



/* ページトップへ（サブメニューの背景）
--------------------------------------------------------*/	
	.pgtop{
		margin:auto;
		margin-top:0;
		margin-bottom:0;
		padding:7px 0;
		width:950px;
		background: url(../imgre/ex_btm.gif) no-repeat top right;
		font-size:0.8em;
		color:#999;
		text-align:right;
	}
	
	
/* footer
--------------------------------------------------------*/

#footer{
	margin:10px 0 0 0;
	background:#e8e8e8;
	padding:15px 0;
}


#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: 100%;
}

#footer img{
	border:0;
}

/* footer_navi */

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


#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 {
    border-bottom: 1px solid #EBEDF2;
    border-top: 1px solid #EBEDF2;
    margin: 0 auto;
    overflow: hidden;
    padding: 5px 0;
    width: 950px;
	background:#FFFFFF;
}

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

#footer ul#footer_site li a {
    background: url(http://www.tabicapi.com/common/images/footer/footer_otherlink.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: -670px 0;}
#footer ul#footer_site li#tabeets a {background-position: -770px 0;}
#footer ul#footer_site li#bhhr a {background-position: 0 -38px;}
#footer ul#footer_site li#nana a {background-position: -97px -37px;}
#footer ul#footer_site li#stayatresorthawai a {background-position: -190px -37px;}
#footer ul#footer_site li#stayatresortbali a {background-position: -287px -37px;}

/* footer_link */

#footer ul#footer_link{
	clear: left;
	background: url(http://www.tabicapi.com/common/images/footer/footer_bg.gif) repeat;
	width: 700px;
	padding:50px 50px 50px 200px;
	margin: 0 auto;
	position: relative;
	
}
#footer ul#footer_link li#footer_link_h{
	background: url(http://www.tabicapi.com/common/images/footer/footer_branding.gif) repeat;
	width: 125px;
	height: 44px;
	border: 0;
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	position: absolute;
	top:50px;
	left:50px;
}

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

#footer address#copy{
	text-align: center;
	margin: 20px 0;
}

	#footer dl{
		margin:10px auto;
		width:700px;
		font-size:0.9em;
		color:#6f6f6f;
		text-align:left;
		line-height:1.5;
		overflow:hidden;
	}
		#footer dl#company dt{
			float:left;
			width:143px;
			border-right:2px dotted #6f6f6f;
		}
		#footer dl#company dd{
			float:right;
			width:550px;
		}
		#footer dl#link dd{
			font-size:0.9em;
		}
			#footer dl#link dd a{
				white-space:nowrap;
			}
			
/* event
--------------------------------------------------------*/
				
.TableMargin {
	margin-bottom: 10px;
}
.Bar02 {
	font-size: 13px;
	line-height: 29px;
	color: #FFFFFF;
	background-image: url(../img/bar_02_bg.gif);
	background-repeat: repeat-x;
	font-weight: bold;
}


/* sitemap.php　追加
=======================================================================*/

.list_kigo_img   { 
     margin-left:12px;
}



/* タイトルバー
--------------------------------------------------------*/
.t_bar01 {
	font-size: 14px;
	line-height: 28px;
	color: #FFFFFF;
	background-image: url(../imgre/t_bar_middle.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	text-indent:10px;
}

.t_bar_s01 {
	font-size: 12px;
	line-height: 26px;
	color: #666666;
	background-image: url(../imgre/t_bar_s_middle.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	text-indent:15px;
}


/* ▽ページ下部リンク
--------------------------------------------------------*/

#under_link {
    clear:both;
    text-align:center;
	margin-bottom:15px;
}

#under_link td {
    text-align:left;
	text-indent:27px;
	background-image:url(../imgre/under_link_bk.gif);
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	line-height: 28px;
	padding:0px;
	height:28px;
	width:339px;
	margin:5px;
	
}

#under_link a:link a:visited{
    text-decoration:none;
}






/* ▽文字設定
--------------------------------------------------------*/
				
.strong {
	color: #FF0000;
	font-weight: bold;
}

.strong2 {
	color: #FF0000;
	font-weight: bold;
	font-size:1.6em;
}

.strong3 {
    text-align:center;
	color: #FFF;
	background-color:#FF0000;
	font-weight: bold;
	font-size:1.6em;
	width:100%;
	padding:5px;
}
.strong4 {
    text-align:center;
	color: #FFF;
	background-color:#FF9933;
	font-weight: bold;
	font-size:1.2em;
	width:100%;
	padding:5px;
}


/*  ▽jmarathon
=======================================================*/

/*====お問い合わせボタン==*/
.toi_bt   {
   clear:both;
   text-align:right;
   
}



/*  ▽余白の設定
=======================================================*/

.yohaku1   { 
	   margin-top:15px;
	   margin-bottom:15px;
	   padding-left:20px;
	   padding-right:20px;
	   margin:auto;
}

.yohaku2   { 
	   margin-top:15px;
	   margin-bottom:30px;
	   padding-left:30px;
	   padding-right:30px;
}

.text_yohaku   {
       text-align:left;
       line-height:150%; 
	   
	   margin-top:15px;
	   margin-bottom:15px;
	   margin-left:20px;
	   margin-right:20px;
	   
	   padding:0px;
	   color:#666666;	  
}

.img_yohaku   {

	   margin-top:15px;
	   margin-bottom:15px;
	   margin-left:10px;
	   margin-right:10px;
	     
}

/*  ▽first-letter疑似要素でドロップキャップ
=======================================================*/
.text_yohaku_fs   {

       text-align:left;
       line-height:150%; 
	   
	   margin-top:15px;
	   margin-bottom:15px;
	   margin-left:20px;
	   margin-right:20px;
	   
	   padding:0px;
	   color:#666666;	  
}


.text_yohaku_fs:first-letter   {

       font-size: 270%;
       float: left;
       line-height: 1;
       background-color: #fe945a;
       color: white;
       padding: 3px;
       margin-right: 3px;  
}


/*==SP以下　メイン画像の余白=======*/

.main_img_yohaku   {
       text-align:center; 
	   margin-top:15px;
	   margin-bottom:5px;
}



/* basic.php　追加
=======================================================================*/

#island_data   { 
     margin:0px;
     padding:0px;
}

.island_data_img   { 
     float:left; 
	 margin:10px;
	 border-style: solid;
	 border-width:1px;
	 border-color: #999999;
	 padding:3px;
}


#island_data p   {
     background-image:none;
     margin-top:10px;
	 margin-bottom:10px;
	 margin-right:10px;
}

/* search icon
--------------------------------------------------------*/	
.SearchIcon{
overflow:hidden;
    list-style: none;
}
.SearchIcon li{
    float:left;
	margin:0;
	padding:0;
    list-style: none;
}