/* common.css */

@import "header.css";/*ヘッダ用CSS読み込み*/

*{
	margin:auto;
}
html,body {
	margin:auto;
	padding:0px;
	font:"Osaka", "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-size:10pt;
	/*text-align:center;*/ /* center on ie */
	background:url(/common/img/bg_main.gif) repeat-y #f5f5f5 center;
	color:#444444;
	height:100%;
}
.txt_h1,.txt_h2{width:90%;}
.txt_h3{
	width:90%;
	margin:15px auto;
	}	
#contents #navigation {
	float :right;
	width :155px;
	/*margin-right:10px;*/
	padding:5px;
}
strong{font-weight:normal;}


/* リンクの色start */
a:link {
	color: #3333CC;
	text-decoration: none;
}
a:visited {
	color: #45008A;
	text-decoration: none;
}
a:hover {
	color: #FF6600;
	text-decoration:underline;
}

#contents #navigation a,
#header .smap a,
#smap a,
#footer .footer_bar a,
#footer .flt_l a,
#footer .flt_r a,
#howto a {
	color:#663300;
	text-decoration:none;
}
#contents #navigation a:hover,
#header .smap a:hover,
#smap a:hover,
#footer .footer_bar a:hover,
#footer .flt_l a:hover,
#footer .flt_r a:hover,
#howto a:hover {
	color: #FF6600;
	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;
}


/* 右ナビ無いパターン用*/
#wrapper {
	width:800px !important;
	padding:0px;
	min-height: 65%;
	height:auto !important;
	height:65%;
	margin:5px auto;
	text-align:left;
}
#wrapper 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;
}
#center li, #smap li{
	list-style:none;
	padding:3px;
	}	
.dotwaku{
	border:#666600 1px dotted;
	padding:10px;
	}	
/* 右ナビ無いパターン用*/


/* 右ナビありパターン用*/
#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;
}
/* 右ナビありパターン用*/


/* 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;
	}
#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;
}
/* パンくず */

/* サイドバー commonから移動*/
#contents #navigation input,
#banner input
{
	margin:3px 0px;
}
#contents #navigation .label,
#banner .label
{
	background:#F5DEB3;
	color:#B8860B;
	font-weight:bold;
	padding:2px 5px;
	font-size:12px;
}
#contents #navigation .label2,
#banner .label2
{
	color:#B8860B;
	padding:3px 0px;
	font-weight:bold;	
	border-top:#B8860B 1px solid;
	margin-bottom:5px;
}
#contents #navigation .label3,
#banner .label3
{
	color:#B8860B;
	padding:3px 0px;
	font-weight:bold;	
	margin-bottom:5px;
}	
#contents #navigation div,
#banner div
{
	margin-bottom:10px;
}
#topics p, #mente p
{
	margin:0px;
	padding:3px 0px 3px 5px;
	font-size:85%;
	line-height:100%;
}
#topics p{
	background:url(/common/img/parts/ico_topi.gif) no-repeat;
	padding-left:10px;
}
#topics div.right,
#mente div.right
{
	padding-left:90px;
	font-size:85%;
	line-height:100%;
}
.bnr{ text-align:center;}
.bnr img{ margin-bottom:5px;}
#contents #navigation #help,
#banner #help
{
	margin-top:0px;
	padding-top:0px;
}
#contents #navigation #help p,
#banner #help p
{
	background:url(/common/img/parts/ico_help.gif) no-repeat;
	padding-left:15px;
	margin:3px 0px;
	vertical-align: middle;
}	
/* サイドバー commonから移動*/

/*各メインページ用Hx*/
#contents #main h1.dom{
	position: relative;
	background:url(/common/img/parts/tt_domestic.gif) no-repeat;
	padding:10px 10px 10px 50px;
	text-align:right;
	font-size:14pt;
	font-weight:bold;
	height:26px;
	color:#666666;
	line-height:40%;
}
#contents #main h1.ab{
	position: relative;
	background:url(/common/img/parts/tt_abroad.gif) no-repeat;
	padding:10px 10px 10px 50px;
	text-align:right;
	font-size:14pt;
	font-weight:bold;
	height:26px;
	color:#666666;
	line-height:40%;
}
#contents #main h1.st{
	position: relative;
	background:url(/common/img/parts/tt_stay.gif) no-repeat;
	padding:10px 10px 0px 50px;
	text-align:right;
	font-size:14pt;
	font-weight:bold;
	height:26px;
	color:#666666;
	line-height:40%;
}
#wrapper h1.st{
	position: relative;
	background:url(/common/img/parts/tt_stay.gif) no-repeat;
	padding:10px 10px 0px 50px;
	text-align:right;
	font-size:14pt;
	font-weight:bold;
	height:26px;
	color:#666666;
	line-height:40%;
}
#contents #main h1.ar{
	position: relative;
	background:url(/common/img/parts/tt_air.gif) no-repeat;
	padding:10px 10px 0px 50px;
	text-align:right;
	font-size:14pt;
	font-weight:bold;
	height:26px;
	color:#666666;
	line-height:40%;
}
/*各メインページ用H1*/

.push{
	width:800px;
	margin:0px;
	height:4em;
}

.title_read{
	margin:10px;
	padding:0px;
}
.ico_dom{
}
.ico_ab{
}
.left_contents{
	width:320px;
	float:left;
}
.right_contents{
	width:320px;
	float:right;
}
.left_contents, .right_contents{
	margin:0px;
	padding:0px;
}
.tbl{
	border:none;
	padding:0;
	margin:0;
}
.tbl td{
	border:none;
	padding:0;
}
.flt_l{
	float:left;
}
.flt_r{
	float:right;
}
.clr_b{
	clear:both;
}
.b{
	font-weight:bold;
	}
.fnt_col_red{
	color:#FF0000;
}
.fnt_col_dred{
	color:#CC0000;
}
.fnt_col_white{
	color:#FFFFFF;
}
.fnt_orange{
	color: #FF6600;
	}
.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;
}
.m_auto{
	margin:auto;
}
.m0{
	margin:0px;
}
.mtb10{
	margin:10px 0px;
}
.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;
}
.mlb2_flt_r{
	margin-left:2px;
	margin-bottom:2px;
	float:right;
}
.pr5{
	padding-right:5px;
}
.pl10{
	padding-left:10px;
}
.pl110{
	padding-left:110px;
}

.p5{
	padding:5px;
}
.p3{
	padding:3px;
}
.pb5{
	padding-bottom:5px;
	}
.pb10{
	padding-bottom:10px;
	}
.pb20{
	padding-bottom:20px;
	}
.pb30{
	padding-bottom:30px;
	}
.pbl1020{
	padding-bottom:10px;
	padding-left:20px;
	}
.txt_right{
	text-align:right;
}
.txt_center{
	text-align:center;
}
.bdr0{
	border:none;
}
.bdr_t_0{
	border-top:none;
}
.bdr_b_0{
	border-bottom:none;
}
.dot_ln{
}

ul#sidelink {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul#sidelink li.ar_g {
	padding: 0 0 0 10px;
	background: url(/common/img/parts/ico_dot_trgr.gif) no-repeat left 4px;
	text-align: left;
}

#wrapper #smap div.subtitle {
	padding-left:15px;
	padding-top:3px;
	font-size:12px;
	background:url(/common/img/parts/smap_01.gif) no-repeat;
	font-weight:bold;
	margin-top:10px;
}

#wrapper #smap ul {
	padding-left:25px;
	line-height:110%;
}
#wrapper #smap li{
	background:url(/common/img/parts/smap_02.gif) no-repeat;
	padding-left:20px;
	margin:3px auto;
}		
#wrapper #smap .end{
	background:url(/common/img/parts/smap_03.gif) no-repeat;
	padding-left:20px;	
}	

#btn_a {
	margin-bottom:5px;
}
#btn_a a,#btn_b a{
	width: 275px;
	height:25px;
	/* extend the sensible area to the maximum with IE5 */
	display: block;
	text-decoration: none;
	color: #666600;
	font-weight:bold;
	font-size:14px;
	padding:10px 0px 0px 12px;
	margin-bottom:3px;
}
#btn_b a{
	background:url(/common/img/parts/bgbtn_off2.jpg) no-repeat;
	margin-bottom:20px;
}
#btn_a a{background:url(/common/img/parts/bgbtn_off.jpg) no-repeat; }

#btn_a a:hover,#btn_b a:hover{ background:url(/common/img/parts/bgbtn_on.jpg) no-repeat; }
#btn_a a:visited { color: #666600; }


/*新着ツアー表示用*/
.slidelist {
	background-color: #fff;
	padding: 5px;
	height: 145px;
	overflow: hidden;
}

ul#dom_list,
ul#ab_list {
	list-style:none;
	margin:0px;
	padding:0px;
}

ul#dom_list li,
ul#ab_list li {
	background:url(/common/img/parts/ico_topi.gif) no-repeat;
	padding:0px 0px 5px 10px;
	border-bottom:1px dashed #ccc;
}
/*新着ツアー表示用*/

.list_ico_g li{
		background: url(/common/img/parts/ico_dot_trgr.gif) no-repeat left top;
		padding-left:20px;
		margin-bottom:10px;
}

.list_ico_g ul{margin:15px auto;}

.bdr_b{
	border-bottom:1px solid #999999;
}

.bg_c01{background:#f5f5f5;
}

#site li {
	padding:5px 0;
	margin:0 35px;
	list-style-type:decimal;
}

#site dd {
	padding:3px 0;
	margin:0 30px;
}

#comp dd {
	padding:2px 0 4px 0;
}

#link li {
	padding:5px 0;
	margin:0 20px;
	list-style-type:disc;
}

/* 共通 - ボタン */
.btn_exec2,
.btn_return{
	width:173px;
	font-weight:bold;
	margin:0px auto 15px;
}
.btn_exec2 a,
.btn_return a{
	height:40px;
	display:block;
	text-align:center;
	font-size:11pt;
	line-height:260%;
}
.btn_exec2 a{
	background:url(/common/img/parts/btn_exec2.jpg) top no-repeat;
}
.btn_return a{
	background:url(/common/img/parts/btn_return.jpg) top no-repeat;
}
.btn_exec2 a:link,
.btn_exec2 a:visited,
.btn_return a:link,
.btn_return a:visited{
	color:#fff;
}
.btn_exec2 a:hover,
.btn_return a:hover{
	color:#fff;
	text-decoration:none;
}
.btn_exec2 a:hover{
	background:url(/common/img/parts/btn_exec2.jpg) bottom no-repeat;
}
.btn_return a:hover{
	background:url(/common/img/parts/btn_return.jpg) bottom no-repeat;
}