@charset "utf-8";

*{
margin:0;
padding:0;
}

body{
font-size:12px;
font-family:"メイリオ","ヒラギノ角ゴ Pro W3",Verdana,Arial,Helvetica,sans-serif,"ＭＳ Ｐゴシック",Osaka;
background:#ffffff url(../../../img/site/common/bg.png) repeat-x;
text-align: center;
color:#444444;
}

html{
overflow-y:scroll;
}

strong{
font-weight:bold;
color:#666666;
}

img{
border:0;
}

hr{
height:0;
border:0;
}

p{
line-height:160%;
}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}

dl,dt,dd{
line-height:160%;
}

li{
line-height:100%;
list-style-type:none;
}

table{
width:100%;
text-align:left;
border:none;
empty-cells:show;
border-collapse:collapse;
}

th{
font-size:12px;
text-align:left;
border:none;
empty-cells:show;
vertical-align:top;
font-weight:normal;
}

td{
font-size:12px;
text-align:left;
border:none;
empty-cells:show;
vertical-align:top;
}

input,select,textarea{
font-size:12px;
border:1px solid #898989;
background:#fcfcfc;
padding:2px 2px;
}
input.submit{
	background:url(./../../img/site/common/footer.png) repeat-x 0 -10px;
	border:1px solid #898989;
	font-size:12px;
	letter-spacing:0.2em;
	padding:4px 20px;
	margin:0 10px;
}

a:link{color:#2255BB;text-decoration:none;}
a:visited{color:#2255BB;text-decoration:none;}
a:hover{color:#E60012;text-decoration:none;}
a:active{color:#E60012;text-decoration:none;}

/*----------------------------------------*/
/* container
/*----------------------------------------*/
#container{ 
width:980px;
background:#ffffff;
margin: 0 auto;
text-align:left;
}

/*----------------------------------------*/
/* レイアウト
/*----------------------------------------*/
#content{
	width:980px;}

#side_menu{
width:238px;
float:left;
padding:0 0 13px 10px;
}
#main_content{
width:726px;
float:right;
padding:0 0 13px 0;
}

/*----------------------------------------*/
/* ナビゲーション
/*----------------------------------------*/

#g_navi{
	width:980px;
	height:44px;}
	
#g_navi li{
	float:left;}



/*----------------------------------------*/
/* 左メニュー
/*----------------------------------------*/
.reserve_nr{
margin-top:16px;
margin-left:5px;
}
.beginner{
margin-top:2px;
}
.srm{
margin-top:9px;
margin-left:6px;
}

#group{
background:url(../../../img/site/common/group_bg.png) no-repeat;
padding:21px 0 6px 4px;
margin-top:13px;
margin-left:8px;
}
#group li{
line-height:0;
}
#guide{
background:url(../../../img/site/common/guide_header.png) no-repeat;
margin-top:7px;
margin-left:5px;
padding-top:35px;
}

.guide_ab{
	position:relative;}
	
.guide_re{
	position:absolute;
	top:32px;
	right:0px;}


#guide ul{
background:url(../../../img/site/common/guide_bg.png) repeat-y;
margin-top:25px;
}
#guide li a{
background:url(../../../img/site/common/guide_line.png) no-repeat;
display:block;
padding:5px 0 7px 27px;
width:207px;
height:15px;
}
#guide li a:hover{
background:url(../../../img/site/common/guide_line_on.png) no-repeat;
}
#guide .ph{
float:right;
padding-right:8px;
}
#guide a:link{color:#444444;text-decoration:none;}
#guide a:visited{color:#444444;text-decoration:none;}
#guide a:hover{color:#E60012;text-decoration:none;}
#guide a:active{color:#E60012;text-decoration:none;}

#drive{
margin-top:7px;
margin-left:5px;
}
#drive ul{
background:url(../../../img/site/common/drive_bg.png) repeat-y;
}
#drive li a{
background:url(../../../img/site/common/drive_line.png) no-repeat;
display:block;
padding:5px 0 5px 27px;
width:207px;
}
#drive li a:hover{
background:url(../../../img/site/common/drive_line_on.png) no-repeat;
}
#drive li.sub a{
background:url(../../../img/site/common/drive_bg2.png) no-repeat 0 2px;
display:block;
padding:8px 0 10px 39px;
width:196px;
/*font-size:10px;*/
}
#drive li.sub a:hover{
/*background:url(../../../img/site/common/drive_bg2.png) no-repeat;*/
}
#drive a:link{color:#444444;text-decoration:none;}
#drive a:visited{color:#444444;text-decoration:none;}
#drive a:hover{color:#E60012;text-decoration:none;}
#drive a:active{color:#E60012;text-decoration:none;}

/*----------------------------------------*/
/* ディテール
/*----------------------------------------*/
.detail_header{
margin:12px 0 0 16px;
}
.detail_main{
background:url(../../../img/site/common/main_bg.png) repeat-y 16px 0;
width:634px;
padding:12px 43px 12px 49px;
}
.detail_footer{
margin-left:16px;
}
.detail_main_sub{
width:600px;
padding:0 14px 0 13px;
}
.detail_main_sub_rf{/*reserveflow.html用*/
width:613px;
padding:0 21px 0 0;
}

/*----------------------------------------*/
/* フッター
/*----------------------------------------*/
#footer{
background:url(../../../img/site/common/footer.png) repeat-x;
text-align:right;
padding: 15px 0 5px 0;
}
#footer li{
display:inline;
padding-right:15px;
}
#footer li a{
background:url(../../../img/site/common/arrow_g.png) no-repeat 0 4px;
padding-left:11px;
}
#footer li a:hover{
background:url(../../../img/site/common/arrow_r.png) no-repeat 0 4px;
}
#footer a:link{color:#444444;text-decoration:none;}
#footer a:visited{color:#444444;text-decoration:none;}
#footer a:hover{color:#E60012;text-decoration:none;}
#footer a:active{color:#E60012;text-decoration:none;}

#credit{
background:#E60012;
color:#ffffff;
text-align:left;
padding:0 0;
}
#credit p{
padding:6px 0;
background:url(../../../img/site/common/footer_logo.png) no-repeat 203px 5px;
padding-left:300px;
letter-spacing:0.1em;
}

/*----------------------------------------*/
/* 見出し
/*----------------------------------------*/
h2{
font-size:13px;
font-weight:bold;
letter-spacing:0.1em;
color:#ffffff;
padding:5px 0 5px 17px;
margin-bottom:23px;
}
h2.gray{
background:url(../../../img/site/common/tb_gray.png) no-repeat;
}
h2.blue{
background:url(../../../img/site/common/tb_blue.png) no-repeat;
}
h2.red{
background:url(../../../img/site/common/tb_red.png) no-repeat;
}
h2.green{
background:url(../../../img/site/common/tb_green.png) no-repeat;
}

/*----------------------------------------*/
/* その他
/*----------------------------------------*/
.red{
color:#E60012;
}
.clearfloat{
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.common_bg01{/*緑の帯*/
background:url(../../../img/site/common/bg01.png) no-repeat;
padding:4px 0 4px 24px;
color:#00A051;
font-size:14px;
font-weight:bold;
letter-spacing:0.1em;
}
.common_bg02{/*青のボタンぽい表示（那覇空港での待ち合わせ場所 など）*/
background:url(../../../img/site/common/bg02.png) no-repeat;
border:1px solid #0075C1;
padding:3px 10px 3px 20px;
color:#0075C1;
}
.common_bg03{/*赤の！マーク*/
font-size:14px;
letter-spacing:0.1em;
color:#E60012;
padding:3px 0 3px 28px;
background:url(../../../img/site/common/bg03.png) no-repeat 0 2px;
}
.common_bg04{/*赤の→*/
background:url(../../../img/site/common/bg04.png) no-repeat 0 4px;
padding-left:27px;
font-size:17px;
color:#E60012;
}
.common_bg05{/*青の→*/
background:url(../../../img/site/common/bg05.png) no-repeat 0 4px;
padding-left:27px;
font-size:17px;
color:#0075C1;
}
.common_bg06{/*グレーのグラデボックス*/
text-align:center;
padding:5px;
font-size:12px;
letter-spacing:0.1em;
background:url(../../../img/site/common/bg06.png) repeat-x;
border:1px solid #e6e6e6;
}
.common_bg07{/*緑の→*/
background:url(../../../img/site/common/bg07.png) no-repeat 0 4px;
padding-left:27px;
font-size:17px;
color:#00A051;
}
.button1{
padding:1px 30px 0 30px;
color:#444444;
}





/*----clearfix設定----*/


.clearfix,  ul.internalLinkList,  ul.backnumberList,  ul.listStyleArrow03Inline,  div.borderStyleXXS dl,  div.borderStyleXS dl,  div.borderStyleS dl,  div.borderStyleM dl,  div.borderStyleL dl,  div.borderStyleXL dl,  div.borderStyleXXL dl,  div.groupInfo h5 {
	_overflow:visible;
	_height:1px;
	zoom:1;
}


.clearfix:after,  ul.internalLinkList:after,  ul.backnumberList:after,  ul.listStyleArrow03Inline:after,  div.borderStyleXXS dl:after,  div.borderStyleXS dl:after,  div.borderStyleS dl:after,  div.borderStyleM dl:after,  div.borderStyleL dl:after,  div.borderStyleXL dl:after,  div.borderStyleXXL dl:after,  div.groupInfo h5:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	margin:-1px 0 0 0;
	height:1px;
	font-size:0;
	line-height:0;
}