@charset "UTF-8";
@import "/com-css/siteheader.css";
@import "/com-css/sitefooter.css";

/* ---------------------------------------------------------
全体の定義
--------------------------------------------------------- */

body {
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size:12px;
	color:#333333;
	line-height:1.5em;
	background: #FFFFFF;
}

* html body{
/* for WInIE6 */
	font-size:75%;
	font-family:Verdana, "ＭＳ Ｐゴシック",sans-serif;
	line-height:1.5em;
 }

*;first-child+html body{
/* for WInIE7 */
	font-size:75%;
	font-family:"メイリオ",Meiryo,sans-serif;
	line-height:1.5em;
 }

h1,h2,h3,h4 {
	margin:0px;
	padding:0px;
	}
	
h2,h3,h4 { font-size:12px; }

p {
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

img.left { float:left; }
em { font-style:normal; }

hr{
	display: none;
	margin: 0px;
	padding: 0px;
}

/* ---------------------------------------------------------
文字リンク設定
--------------------------------------------------------- */

/*リンク色（青）*/
a:link {color:#0063CE;}
a:visited{color:#0063CE;}
a:hover {color:#45A2FF;}

/*リンク色（黒）*/
.black a:link{color:#000000;}
.black a:hover{color:#666666;}
.black a:visited{color:#000000;}

a.gray:link{color:#333333;}
a.gray:hover{color:#666666;}
a.gray:visited{color:#333333;}

/* ---------------------------------------------------------
ホテル検索
--------------------------------------------------------- */
form {
	margin:0px;
	padding:0px;
	}

label.error {color:#FF0000;
font-size:x-small;}
	
/* ---------------------------------------------------------
レイアウト外枠定義
--------------------------------------------------------- */
#layout {
	display:block;
	margin:0px auto;
	width:1002px;
	border-left:#999999 1px solid;
	border-right:#999999 1px solid;
	font-size:12px;
	}

/* ---------------------------------------------------------
ぱんくず
--------------------------------------------------------- */
#pan {
	display:block;
	background-color:#CCCCCC;
	padding:0px 0px 0px 10px;
	margin-top:1px;
	margin-bottom:12px;
	color: #333333;
	height: 24px;
	line-height: 24px;
	font-size: 10px;
	}
	
#pan h1{
	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
	
/* ---------------------------------------------------------
左ナビ
--------------------------------------------------------- */
#left_navi {
	display:block;
	float:left;
	padding:0px 0px 0px 6px;
	width:200px;
	margin: 0px;
	}
	
#left_navi ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
		
#left_navi li {
	margin:0px;
	height:30px;
	padding: 0px;
	}
	
#left_navi li a {
	display:block;
	background:url(/com-img/left-navi/li_bg.gif) no-repeat 0px 0px;
	color:#000000;
	padding-left:20px;
	line-height:30px;
	font-weight:bold;
	height:30px;
	margin: 0px;
	padding-top: 0px;
	}
	
#left_navi li a:hover {
	background:url(/com-img/left-navi/li_bg_over.gif) no-repeat;
	color:#000000;
	height:30px;
	}

/*mailmagメニュー*/	

#left_navi li a.mail {
	display:block;
	background:url(/com-img/left-navi/li_mail.gif) no-repeat 0px 0px;
	color:#000000;
	padding-left:20px;
	line-height:30px;
	font-weight:bold;
	height:30px;
	margin: 0px;
	padding-top: 0px;
	}
	
#left_navi li a.mail:hover {
	background:url(/com-img/left-navi/li_mail_over.gif) no-repeat;
	height:30px;
	}

/*infoメニュー*/	

#left_navi li a.info {
	display:block;
	background:url(/com-img/left-navi/li_info.gif) no-repeat 0px 0px;
	color:#000000;
	padding-left:20px;
	line-height:30px;
	font-weight:bold;
	height:30px;
	margin: 0px;
	padding-top: 0px;
	}
	
#left_navi li a.info:hover {
	background:url(/com-img/left-navi/li_info_over.gif) no-repeat;
	height:30px;
	}


/*kuchikomiメニュー*/	

#left_navi li a.kuchikomi {
	display:block;
	background:url(/com-img/left-navi/li_kuchikomi.gif) no-repeat 0px 0px;
	color:#000000;
	padding-left:20px;
	line-height:30px;
	font-weight:bold;
	height:30px;
	margin: 0px;
	padding-top: 0px;
	}

#left_navi li a.kuchikomi:hover {
	background:url(/com-img/left-navi/li_kuchikomi_over.gif) no-repeat;
	height:30px;
	}
	
#left_navi dl {
	margin:0px;
	margin-bottom:10px;
	}

#left_navi p {
	background:url(/com-img/left-navi/dt_bg.gif) no-repeat;
	padding-left:10px;
	margin-top:1px;
	margin-bottom:5px;
	line-height:1.5em;
	color:#FFFFFF;
	}
	
#left_navi dt {
	background:url(/com-img/left-navi/arrow_r.gif) no-repeat;
	padding-left:15px;
	line-height:1.3em;
	}
	
#left_navi dt.arrow_b {
	background:url(/com-img/left-navi/arrow_b.gif) no-repeat !important;
	font-weight:normal;
	}
	
#left_navi dd {
	background:url(/com-img/left-navi/area_li.gif) no-repeat;
	padding-left:10px;
	margin-left:15px;
	}
	
#left_navi dd.end { background:url(/com-img/left-navi/area_li_end.gif) no-repeat; }

#left_navi div#opmenu{
	background: url(/com-img/left-navi/op02.gif) repeat-y 0px 0px;
	margin: 0px;
	padding: 0px;
	display: block;
}

#left_navi div #opmenu dl{
	background: url(/com-img/left-navi/op02.gif) repeat-y 0px 0px;
	margin:0px;
	padding: 0px 0px 12px;
	list-style: none;
	}
	
#left_navi div #opmenu dl dt{
	background: url(/com-img/left-navi/op01.gif) no-repeat;
	height: 33px;
	width: 200px;
	line-height: 32px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 12px;
	text-indent: 20px;
}
#left_navi div #opmenu dl dd{
	background: url(/com-img/arrow_c.gif) no-repeat 0px 0.1em;
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 14px;
	width: 168px;
	line-height: 15px;
	list-style: none;
}

#left_navi div #opmenu02{
	background: #34A80D;
}


#left_navi .menu01 a{
	display:block;
	background:url(/com-img/left-navi/p_menu01.gif) no-repeat 0px 0px;
	color:#000000;
	padding-left:20px;
	line-height:30px;
	font-weight:bold;
	height:30px;
	margin: 6px 0px;
	padding-top: 0px;
}

#left_navi .menu01 a:hover{
	background:url(/com-img/left-navi/p_menu01_on.gif) no-repeat;
	height:30px;
	}
	
#left_navi .menu02 a{
	display:block;
	background:url(/com-img/left-navi/p_menu02.gif) no-repeat 0px 0px;
	color:#000000;
	padding-left:20px;
	line-height:30px;
	font-weight:bold;
	height:30px;
	margin: 6px 0px;
	padding-top: 0px;
}

#left_navi .menu02 a:hover{
	background:url(/com-img/left-navi/p_menu02_on.gif) no-repeat;
	height:30px;
	}

/*鉄道国メニュー*/

#left_navi dl.country{ 
	background: none;
	padding-left:0;
	}

#left_navi dl.country dd{ 
	background: none;
	padding-left:7px;
	padding-right:0;
	margin-left:0;
	display: inline;
	font-weight:normal;
	}

/*overtureのため追加*/

.out_osslink200 {
background:url("/com-img/ttl_pr200.gif") no-repeat scroll 0 0 transparent;
color:#666666;
font-weight:bold;
line-height:24px;
margin-bottom:6px;
padding-left:10px;
}

#left_navi .o_hl02 ul.randomSelect_ul {
color:#999999;
list-style:none outside none;
margin:0;
padding:0;
}
#left_navi .o_hl02 ul.randomSelect_ul li {
background:none repeat scroll 0 0 transparent;
height:auto !important;
line-height:16px;
margin:0;
padding:0;
}
#left_navi .o_hl02 ul.randomSelect_ul li a {
background:url("/com-img/arrow_b.gif") no-repeat scroll 0 0 transparent;
color:#666666;
font-weight:normal;
height:auto !important;
line-height:16px;
margin:0;
padding:1px 0 1px 15px;
}
#left_navi .o_hl02 ul.randomSelect_ul li a:hover {
color:#45A2FF;
}

/* ---------------------------------------------------------
右カラム
--------------------------------------------------------- */
#right {
	display:block;
	float:right;
	width:300px;
	margin: 0px;
	padding-right: 6px;
	}
	
#right h3 {
	background:url(/com-img/ttl_osu_bg.gif) repeat-x 0px;
	line-height:28px;
	padding-left:10px;
	border:1px solid #999999;
	color:#000000;
	height: 28px;
	}

#right h3.rank {
	background:url(/img/new/ttl_rank_bg.gif) no-repeat 0px bottom;
	height:24px;
	padding-left:30px;
	line-height: 24px;
	}
	
#right h3.y {
	background:url(/com-img/ttl_other_bg.gif) repeat-x 0px;
	line-height:28px;
	height:28px;
	}

#right h3 a:link{
	color:#000000;
	}
	
#right h3 a:visited{
	color:#000000;
	}

#right h3 a:hover{
	color:#666666;
	}
	
.right_box {
	display:block;
	border:#999999 solid 1px;
	width:278px;
	margin-bottom:12px;
	margin-top: 1px;
	padding: 12px 10px;
	}

.right_box dl.parts{
	float: right;
}


/*おすすめ*/	
.right_box div.osusume {
	width: 278px;
	clear: both;
	height: 80px;
	line-height: 16px;
	}
	
.right_box div.osusume img {
	float: left;
	margin-right: 3px;
	}


/* ---------------------------------------------------------
地球の歩き方・旅のパーツ
--------------------------------------------------------- */
.right_box a.line {
	border-right:#666666 solid 1px;
	margin-right:5px;
	padding-right:5px;
	}
	
.right_box p.arrow,
.right_box p.arrow2 {
	display:block;
	font-weight:bold;
	background:url(/img/new/arrow.gif) no-repeat;
	margin:0px 0px 5px;
	padding: 0px 0px 0px 15px;
	}

.right_box div.arrow{
	display:block;
	font-weight:bold;
	background:url(/img/new/arrow.gif) no-repeat;
	margin:0px;
	padding: 0px 0px 5px 15px;
	}

.right_box p.arrow2 {font-weight:normal;}
	
.right_box dl {
	display:block;
	margin:0px;
	padding: 0px 0px 8px;
	}
		
.right_box dt {
	font-weight:bold;
	padding: 0px;
	margin: 0px;
	}
	
.right_box dt.icon01 {background:url(/com-img/ico_tabi01.gif) no-repeat; padding-left:35px; line-height:2.2;}		
.right_box dt.icon02 {background:url(/com-img/ico_tabi02.gif) no-repeat; padding-left:35px; line-height:2;}		
.right_box p.icon30th{
	background: url(/com-img/emblem_30th.gif) no-repeat;
	height: 28px;
	text-indent: 34px;
	line-height: 28px;
	padding-bottom: 6px;
}


.right_box dd {
	line-height:1.5em;
	margin:0px;
	}

/* ---------------------------------------------------------
旅スケ
--------------------------------------------------------- */
#tabisuke {
	display:block;
	margin:0px;
	}
	
#tabisuke h3 {
	display:block;
	background:url(/com-img/tabisuke/ttl300_bg.gif) no-repeat;
	line-height:30px;
	height:30px;
	margin:0px;
	border:none;
	text-indent: 10px;
	padding: 0px;
	}

#tabisuke p{
	margin: 0px;
	padding: 0px;
	}
	
#tabisuke_box {
	display:block;
	border:#FF6600 solid 1px;
	width:278px;
	padding:10px;
	margin:0px;
	}

#tabisuke ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#tabisuke li{
	background: url(/com-img/tabisuke/icon.gif) no-repeat 0px 0.1em;
	font-size: 12px;
	text-indent: 12px;
}


.new {
	display:block;
	margin:5px 0px;
	clear:both;
	height:50px;
	}
	
.new p {
	margin-top:5px;
	}
	
.new img.center {
	display:block;
	margin:0px auto;
	width:233px;
	}


/* ---------------------------------------------------------
トラベルニュース
--------------------------------------------------------- */

/*-----共通指定-----*/

#news {
	display:block;
	margin:6px 0px 0px;
	padding:0px;
	}

/*-----トラベルニュース-----*/

#news ul {
	display: inline;
	margin: 0px;
	padding: 0px;

	}

#news li.item {
	background: url(/com-img/item_bg.gif) no-repeat;
	font-size: 10px;
	float: left;
	list-style: none;
	height: 12px;
	width: 60px;
	line-height: 12px;
	text-align: center;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 6px;

	}

#news li.text {
	float: left;
	font-size: 12px;
	line-height: 12px;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	width: 300px;

	}
	
#news li.date {
	font-size: 10px;
	line-height: 12px;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	list-style: none;
	float: left;
	width: 50px;
	color: #666666;

	}
	
/* ---------------------------------------------------------
共通パーツ
--------------------------------------------------------- */

/* 矢印アイコン 同ウィンドウ遷移*/

.icon_ar01{	display:block;
	font-weight:bold;
	background:url(/com-img/arrow_r.gif) no-repeat;
	margin:0px 0px 5px;
	padding: 0px 0px 0px 15px;}
	
/* 矢印アイコン 別ウィンドウ遷移*/

.icon_ar02{	display:block;
	font-weight:bold;
	background:url(/com-img/arrow_b.gif) no-repeat;
	margin:0px 0px 5px;
	padding: 0px 0px 0px 15px;}

/*上部へ戻るリンク*/

#foot-link {
	display:block;
	text-align:right;
	margin:20px 6px 15px 0px;
}

/*スペース*/
.space36{	height: 36px;}
.space30{	height: 30px;}
.space24{	height: 24px;}
.space18{	height: 18px;}
.space12{	height: 12px;}
.space6 { height: 6px; }
.dotline{
	border-bottom: 1px dotted #999999;
	padding-top: 6px;
	padding-bottom: 6px;
}

.clear {
	clear:both;
}
.center { text-align:center; }
.font-s { font-size:10px;}
.shift-left { float:left;}
.shift-right { float:right;}

span.red{
	color: #FF3300;
}