@import "special.css";/*特集用CSS読み込み*/

*{
	margin:auto;
	position:0;
	/*text-align:left;*/ /* center on ie */
}
html,body {
	margin:auto;
	padding:0px;
	/*font-size:10pt;*/
	/*text-align:center;*/ /* center on ie */
	/*background:url(/common/img/bg_main.gif) repeat-y #f5f5f5 center;*/
	color:#666666;
	height:100%;
	/*width:800px;*/
}
img{
	margin:0px;
	padding:0px;
}
/* リンクの色start */
a:link {
	color: #3333CC;
	text-decoration: none;
}
a:visited {
	color: #45008A;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#header .smap a,
#header .vs a,
#footer .footer_bar a,
#footer .flt_l a,
#footer .flt_r a {
	color:#663300;
	text-decoration:none;
}
#header .smap a:hover,
#header .vs a:hover,
#footer .footer_bar a:hover,
#footer .flt_l a:hover,
#footer .flt_r a:hover {
	text-decoration:underline;
}
/* リンクの色end */
#comment{
	color:#999999;
	width:800px !important;
	font-size:x-small;
	text-align:left;
	margin:0px auto;
	padding:5px 0 0 5px;
}
/* header */
#container {
	width:800px !important;
/*	height:75px !important;
	max-height:75px !important;*/
	padding:0px;
	margin:0px auto 5px auto;
}
#container #header {
	width:800px !important;
/*	max-height:65px !important;
	height:65px !important;*/
	text-align:left;
}
#container #header div.logo {
	position: relative;
	font-weight:bold;
	font-size:16pt;
	color:#666666;
	float:left;
	left:8px;
	top:0px;
	width:575px;
	line-height:110%;
}
#container #header h1 {
	position: relative;
	font-weight:bold;
	font-size:16pt;
	color:#666666;
	float:left;
	left:8px;
	top:0px;
	line-height:110%;
	width:570px;
	clear:both;
}
#container #header #login-form {
	margin-bottom:1px;
	position: relative;
	background:#fafafa;
	border:1px solid #cccccc;
	font-size:8pt;
	color:#333333;
	float:right;
	width:210px;
	hegiht:50px;
	right:2px;
	top:0px;
}
#container #header #login-form .btn {
	text-align:center;
}
#container #header #login-form input.login {
	font-size:8pt;
	color: #333333;
	background-color: #ffffff;
	vertical-align: middle;
	border:1px solid #666666;
	width:95px !important;
	height:10pt;
}
#common-login #cont #box input.submit{
	color: #333333;
	vertical-align: middle;
}

#container #header div.smap,
#container #header div.vs,
#container #header div.site_tt,
#container #header div.logo {
	position: relative;
}
#container #header div.smap{
	left:305px;
	top:-6px;
	width:225px;
	font-size:x-small;
}
#container #header div.vs{
	left:600px;
	top:-6px;
	width:225px;
	font-size:x-small;
}
#container #header div.site_tt{
	font-size:16pt;
	font-weight:bold;
	color:#666666;
	left:110px;
	top:15px;
}
#container #header h1 a:hover,
#container #header h1 a:visited {
	text-decoration:none;
	color:#666666;
}
#container #nav{
	width:800px !important;
	margin:0px auto;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	clear:both;
}
#container #nav ul#navlist{
	padding: 0;
	background: url(/common/img/header/navibg.jpg) repeat-x;
	height:36px !important;
	color: #fff;
	float: left;
	width: 100%;
}
#container #nav ul#navlist_dm,
#container #nav ul#navlist_ab,
#container #nav ul#navlist_st,
#container #nav ul#navlist_ar
{
	padding: 0;
	background: url(/common/img/header/navibg_s.jpg) repeat-x;
	height:26px !important;
	color: #fff;
	float: left;
	width: 100%;
}
#container #nav ul#navlist li,
#container #nav ul#navlist_dm li,
#container #nav ul#navlist_ab li,
#container #nav ul#navlist_st li,
#container #nav ul#navlist_ar li
{
	display: inline;
}
#container #nav ul#navlist li a,
#container #nav ul#navlist_dm li a,
#container #nav ul#navlist_ab li a,
#container #nav ul#navlist_st li a,
#container #nav ul#navlist_ar li a
{
	padding: 5px 0px 3px 5px ;
	color: #fff;
	text-decoration: none;
	float: left;
}
#container #nav ul#navlist li span.top,
#container #nav ul#navlist_dm li span.top,
#container #nav ul#navlist_ab li span.top,
#container #nav ul#navlist_st li span.top,
#container #nav ul#navlist_ar li span.top
{
	background: url(/common/img/header/ico_top.gif) no-repeat; 
	padding: 5px 10px 0px 21px;
	text-decoration: none;
}
#container #nav ul#navlist li span.dom,
#container #nav ul#navlist_dm li span.dom,
#container #nav ul#navlist_ab li span.dom,
#container #nav ul#navlist_st li span.dom,
#container #nav ul#navlist_ar li span.dom
{
	background: url(/common/img/header/ico_dom.gif) no-repeat; 
	padding: 5px 10px 0px 21px;
	text-decoration: none;
}
#container #nav ul#navlist li span.ab,
#container #nav ul#navlist_dm li span.ab,
#container #nav ul#navlist_ab li span.ab,
#container #nav ul#navlist_st li span.ab,
#container #nav ul#navlist_ar li span.ab
{
	background: url(/common/img/header/ico_ab.gif) no-repeat; 
	padding: 5px 10px 0px 21px;
	text-decoration: none;
}
#container #nav ul#navlist li span.st,
#container #nav ul#navlist_dm li span.st,
#container #nav ul#navlist_ab li span.st,
#container #nav ul#navlist_st li span.st,
#container #nav ul#navlist_ar li span.st
{
	background: url(/common/img/header/ico_st.gif) no-repeat; 
	padding: 5px 10px 0px 21px;
	text-decoration: none;
}
#container #nav ul#navlist li span.air,
#container #nav ul#navlist_dm li span.air,
#container #nav ul#navlist_ab li span.air,
#container #nav ul#navlist_st li span.air,
#container #nav ul#navlist_ar li span.air
{
	background: url(/common/img/header/ico_air.gif) no-repeat; 
	padding: 5px 10px 0px 21px;
	text-decoration: none;
}
#container #nav ul#navlist li span.sns,
#container #nav ul#navlist_dm li span.sns,
#container #nav ul#navlist_ab li span.sns,
#container #nav ul#navlist_st li span.sns,
#container #nav ul#navlist_ar li span.sns
{
	background: url(/common/img/header/ico_sns.gif) no-repeat; 
	padding: 5px 10px 0px 21px;
	text-decoration: none;
}
#container #nav ul#navlist li a:hover{
	background: url(/common/img/header/navi_hover.jpg) repeat-x; 
	color: #fff;
}
#container #nav ul#navlist_dm li a:hover,
#container #nav ul#navlist_ab li a:hover,
#container #nav ul#navlist_st li a:hover,
#container #nav ul#navlist_ar li a:hover
{
	background: url(/common/img/header/navi_hover_s.jpg) repeat-x; 
	color: #fff;
}

#container #sub_nav{
	width:800px !important;
	margin:0px auto;
	padding:0px;
	font-size:12px;
	font-weight:nomal;
	clear:both;
}
/*国内用*/
#container #sub_nav ul#subnav_dm{
	padding: 0;
	background: url(/common/img/header/bar_dom.gif) repeat-x;
	height:19px !important;
	color: #000;
	float: left;
	width: 100%;
}
#container #sub_nav ul#mininav_dm{
	padding: 0;
	background:#fff;
	height:17px !important;
	color: #000;
	float: left;
	width: 798px;
	border:1px solid #FF9393;
}
/*国内用*/
/*海外用*/
#container #sub_nav ul#subnav_ab{
	padding: 0;
	background: url(/common/img/header/bar_ab.gif) repeat-x;
	height:19px !important;
	color: #000;
	float: left;
	width: 100%;
}
#container #sub_nav ul#mininav_ab{
	padding: 0;
	background:#fff;
	height:17px !important;
	color: #000;
	float: left;
	width: 798px;
	border:1px solid #3399FF;
}
/*海外用*/
/*宿泊用*/
#container #sub_nav ul#subnav_st{
	padding: 0;
	background: url(/common/img/header/bar_st.gif) repeat-x;
	height:19px !important;
	color: #000;
	float: left;
	width: 100%;
}
#container #sub_nav ul#mininav_st{
	padding: 0;
	background:#fff;
	height:17px !important;
	color: #000;
	float: left;
	width: 798px;
	border:1px solid #C69FC5;
}
/*宿泊用*/
/*航空券用*/
#container #sub_nav ul#subnav_ar{
	padding: 0;
	background: url(/common/img/header/bar_air.gif) repeat-x;
	height:19px !important;
	color: #000;
	float: left;
	width: 100%;
}
#container #sub_nav ul#mininav_ar{
	padding: 0;
	background:#fff;
	height:17px !important;
	color: #000;
	float: left;
	width: 798px;
	border:1px solid #57DE54;
}
/*航空券用*/
#container #sub_nav ul#subnav_dm li,
#container #sub_nav ul#subnav_ab li,
#container #sub_nav ul#subnav_st li,
#container #sub_nav ul#subnav_ar li,
#container #sub_nav ul#mininav_dm li,
#container #sub_nav ul#mininav_ab li,
#container #sub_nav ul#mininav_st li,
#container #sub_nav ul#mininav_ar li
{
	display: inline;
}
#container #sub_nav ul#subnav_dm li a,
#container #sub_nav ul#subnav_ab li a,
#container #sub_nav ul#subnav_st li a,
#container #sub_nav ul#subnav_ar li a
{
	padding: 3px 15px 2px 10px ;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	float: left;
}
#container #sub_nav ul#mininav_dm li a,
#container #sub_nav ul#mininav_ab li a,
#container #sub_nav ul#mininav_st li a,
#container #sub_nav ul#mininav_ar li a
{
	padding: 3px 10px 2px 10px ;
	color: #333;
	text-decoration: none;
	float: left;
}
#container #sub_nav ul#mininav_dm li a span.arw,
#container #sub_nav ul#mininav_ab li a span.arw,
#container #sub_nav ul#mininav_st li a span.arw,
#container #sub_nav ul#mininav_ar li a span.arw
{
	background: url(/common/img/parts/ico_dot_trgr.gif) no-repeat;
	padding:0px 10px 0px 10px;
}

#container #sub_nav ul#subnav_dm li a:hover,
#container #sub_nav ul#subnav_ab li a:hover,
#container #sub_nav ul#subnav_st li a:hover,
#container #sub_nav ul#subnav_ar li a:hover,
#container #sub_nav ul#mininav_dm li a:hover,
#container #sub_nav ul#mininav_ab li a:hover,
#container #sub_nav ul#mininav_st li a:hover,
#container #sub_nav ul#mininav_ar li a:hover
{
	text-decoration:underline;
}

#container #nav ul#navlist_dm li a.active{
	background: url(/common/img/header/bg_dm.gif) repeat-x; 
}
#container #nav ul#navlist_ab li a.active{
	background: url(/common/img/header/bg_ab.gif) repeat-x; 
}
#container #nav ul#navlist_st li a.active{
	background: url(/common/img/header/bg_st.gif) repeat-x; 
}
#container #nav ul#navlist_ar li a.active{
	background: url(/common/img/header/bg_ar.gif) repeat-x; 
}


/* header */

/* 右ナビありパターン用*/
#contents {
	width:800px !important;
	padding:0px;
	min-height: 65%;
	height:auto !important;
	height:65%;
	margin:5px auto;
	text-align:left;
}
#contents #main {
	width:625px;
	padding:2px;
	float:left;
}
#contents #banner {
	width:155px;
	padding:5px;
	float:right;
}
#contents #main #block {
	width:625px;
	margin:0px;
}
#contents #main #block #left {
	width:297px;
	float:left;
	margin-left:5px;
/*	padding:5px;*/
}
#contents #main #block #right {
	width:297px;
	float:right;
	margin-left:5px;
/*	padding:5px;*/
}
#contents #main h1 {
	margin:10px 0px 10px 0px;
	padding:8px 20px;
	font-size:16pt;
	font-weight:bold;
	color:#666666;
	background:url(/common/img/parts/h1.jpg) repeat-x;
}
#contents #main h2 {
	margin:10px auto 20px auto;
	padding:5px 10px;
	font-size:14px;
	background:url(/common/img/parts/h2.gif) repeat-x;
	font-weight:bold;
}
#contents #main h3 {
	margin:10px auto;
	font-size:12px;
	border-bottom:#444444 dotted 1px;
	border-top:#444444 dotted 1px;
	padding:3px 15px;
}
#contents #main h4 {
	margin:0px 0px 10px 0px;
	padding:5px 0px 5px 10px;
	font-size:10pt;
	font-weight:bold;
	background-color:#F1EEE5;
	color:#666666;
}
#key_area {
	margin:10px 0px;
	color: #666666;
	font-size:8pt;
	text-align:center;
}
#key_area a:link {
	color: #666666;
	text-decoration: none;
}
#key_area a:visited {
	color: #666666;
	text-decoration: none;
}
#key_area a:hover {
	color: #FF0000;
	text-decoration: underline;
}
/* 右ナビありパターン用*/

/* 右ナビ無いパターン用*/
#wrapper {
	width:800px !important;
	padding:0px;
	min-height: 65%;
	height:auto !important;
	height:65%;
	margin:5px auto;
	text-align:left;
	font-size:10pt;
}
#wrapper h1,
#search h1 {
	margin:10px 2px 20px 2px;
	padding:8px 20px;
	font-size:16pt;
	font-weight:bold;
	color:#666666;
	background:url(/common/img/parts/h1.jpg) repeat-x;
	border-bottom:1px solid #dcdcdc;
}
#wrapper h2 {
	margin:20px 2px 25px 2px;
	padding:5px 10px;
	font-size:14px;
	background:url(/common/img/parts/h2.gif) repeat-x;
	font-weight:bold;
}
#wrapper h3 {
	font-size:12px;
	border-bottom:#444444 dotted 1px;
	border-top:#444444 dotted 1px;
	padding:3px 15px ;
}
#wrapper h4 {
	margin:0px 2px 10px 2px;
	padding:5px 0px 5px 10px;
	font-size:10pt;
	font-weight:bold;
	background-color:#F1EEE5;
	color:#666666;
}
#wrapper p {
	margin:0px 2px 10px 2px;
	padding:0px 0px 0px 0px;
}
#wrapper #block {
	width:100%;
	margin:5px;
}

#wrapper #center #left,
#wrapper #smap #left {
	width:45%;
	float:left;
	margin:6px;
	padding:5px;
}
#wrapper #center #right,
#wrapper #smap #right{
	width:45%;
	float:right;
	margin:6px;
	padding:5px;
}
#wrapper #center,
#wrapper #smap
{
	width:700px;
	margin:0px auto 25px auto;
}
#wrapper #780px
{
	width:780px;
	margin:0px auto 5px auto;
}
#center li, #smap li{
	list-style:none;
	padding:3px;
	}	
.dotwaku{
	border:#666600 1px dotted;
	padding:10px;
	}
/* 右ナビ無いパターン用*/


/* 検索結果用*/
#search {
	width:650px !important;
	padding:0px;
	min-height: 65%;
	height:auto !important;
	height:65%;
	margin:5px auto;
	text-align:left;
	font-size:10pt;
}
#search #650
{
	width:650px !important;
	margin:0px auto 25px auto;
}
.search_title{
	padding:3px;
	margin:2px;
	color:#333333;
	font-weight:bold;
	font-size:small;
	}
/* 検索結果用*/



/* footer */
#footer {
	margin:0px auto;
	width:800px !important;
	}
.footer_bar{
	padding:5px;
	text-align:center;
	background:url(/common/img/parts/footer_bar.gif) repeat-x;
	font-size:12px;
}
.footer_bar2{
	background:#444444;
	border-bottom:3px solid #dcdcdc;
	margin:0px;
	color:#fff;
	padding:3px;
	text-align:center;
	font-size:10pt;
	}
#footer .flt_l{
	margin-left:10px;
	text-align:left;
}
#footer .flt_r{
	margin-right:10px;
	text-align:right;
	clear:right;
}	
#footer .flt_l,
#footer .flt_r {
	margin-top:5px;
	margin-bottom:5px
}
/* footer */

/* パンくず */
#pan {
	width:800px !important;
	margin:0px auto;
	padding:5px 0 0 10px;;
	text-align:left;
	font-size:8pt;
	font-weight:normal;
}
#pan a{
	text-decoration:none;
}
/* パンくず */
strong{font-weight:normal;}

.flt_l{
	float:left;
}
.flt_r{
	float:right;
}
.clr_b{
	clear:both;
}
.fnt_col_red{
	color:#FF0000;
}
.fnt_col_dred{
	color:#CC0000;
}
.fnt_col_white{
	color:#FFFFFF;
}
.fnt_col_gray{
	color:#666666;
}
.fnt_col_orag{
	color:#FF6600;
}
.fnt_col_dblue{
	color:#0000FF;
}
.fnt_col_blue{
	color:#51559C;
}
.fnt_size_12{
	font-size:12pt;
}
.fnt_size_9{
	font-size:9pt;
}
.fnt_size_8{
	font-size:8pt;
}
.fnt_b{
	font-weight:bold;
}
.fnt_s{
	font-size:small;
}
.txt_right{
	text-align:right;
}
.txt_center{
	text-align:center;
}
.mtb10{
	margin:10px 0px;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
	}	
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}


/* 特集main用 */
#sp_contents #main {
	width:615px;
	padding:5px;
	float:left;
	color:#444444;
}
#sp_contents #main h2 {
	margin:10px auto 20px auto;
	padding:5px 10px;
	font-size:14px;
	background:url(/common/img/parts/h2.gif) repeat-x;
	font-weight:bold;
}
#sp_contents #main h3 {
	margin:10px auto;
	font-size:12px;
	border-bottom:#444444 dotted 1px;
	border-top:#444444 dotted 1px;
	padding:3px 15px;
}
#sp_contents #main h4 {
	margin:0px 0px 10px 0px;
	padding:5px 0px 5px 10px;
	font-size:10pt;
	font-weight:bold;
	background-color:#F1EEE5;
	color:#666666;
}

/*1/9追加地図で絞り込む*/
.bdr_b_dt{
	border-bottom:#444444 dotted 1px;
	padding:3px 5px;
}

.bdr_t_dt{
	border-top:#444444 dotted 1px;
	padding:10px 5px;
}

.select{
	padding:10px 5px;
	float:left;
}

.select_02{
	padding:20px 5px;
	float:left;
}

.mb25{
	margin-bottom:25px;
}

.tt_align{text-align:center;
}

.dom_map{
	width:620px;
	height:280px;
	padding:0px; 
	border:none;
	vertical-align:top;
	}

.ab_map{
	width:620px;
	height:400px;
	padding:0px; 
	border:none;
	vertical-align:top;
	}