@charset "UTF-8";
/* CSS Document */



/* ////////////////////////////////①左メニュー//////////////////////////////// */



/* ---------------------------------------------------------
左メニュー 第1階層
--------------------------------------------------------- */
ul.m_01{
	margin:0;
	padding:0;
	list-style:none;
}

ul.m_01 li {
	color:#000000;
	font-weight:bold;
	font-size: 14px;
	width: 175px;
	height:30px;
	line-height:30px;
	margin:0 0 1px 0;
	padding:0 0 0 30px;
}

ul.m_01 li a:link { color:#000000; text-decoration: none }
ul.m_01 li a:visited { color: #000000; text-decoration: none }
ul.m_01 li a:active { color:#333333; text-decoration: underline ; }
ul.m_01 li a:hover { color:#333333; text-decoration: underline ;}



/* 背景矢印*/
ul.m_01 li.main {
	background:url(/com_img/side/left_m01.jpg) no-repeat;
}

/* 背景メールマガジン*/
ul.m_01 li.mail {
	background:url(/com_img/side/left_m_mail.gif) no-repeat;
}

/* 背景国別*/
ul.m_01 li.country {
	background:url(/com_img/side/left_m_country.gif) no-repeat;
}

/* 背景人気都市*/
ul.m_01 li.city {
	background:url(/com_img/side/left_m_city.jpg) no-repeat;
}

/* 背景リンク集*/
ul.m_01 li.links {
	background:url(/com_img/side/left_m_links.gif) no-repeat;
}

/* 背景口コミ*/
ul.m_01 li.kuchikomi {
	background:url(/com_img/side/left_m_kuchikomi.gif) no-repeat;
}

/* 背景旅の情報収集*/
ul.m_01 li.info {
	background:url(/com_img/side/left_m_info.gif) no-repeat;
}

/* 背景旅の予約手配*/
ul.m_01 li.booking {
	background:url(/com_img/side/left_m_booking.gif) no-repeat;
}

/* 背景世界のお天気*/
ul.m_01 li.weather {
	background:url(/com_img/side/left_m_weather.gif) no-repeat;
}

/* 旅の準備と手続き*/
ul.m_01 li.prepare {
	background:url(/com_img/side/left_m_prepare.gif) no-repeat;
}

/* 外国為替レート*/
ul.m_01 li.rate {
	background:url(/com_img/side/left_m_rate.gif) no-repeat;
}

/* ドライブ*/
ul.m_01 li.drive {
	background:url(/com_img/side/left_m_drive.gif) no-repeat;
}

/* アメリカビザ*/
ul.m_01 li.visa {
	background:url(/com_img/side/left_m_visa.gif) no-repeat;
}

/* 世界の地図*/
ul.m_01 li.map {
	background:url(/com_img/side/left_m_map.gif) no-repeat;
}

/* プレゼント＆キャンペーン一覧*/
ul.m_01 li.present {
	background:url(/com_img/side/left_m_present.gif) no-repeat;
}

/* ガイドブック*/
ul.m_01 li.guidebook {
	background:url(/com_img/side/left_m_guidebook.gif) no-repeat;
}



/* ---------------------------------------------------------
左メニュー 枠
--------------------------------------------------------- */

/* 第2階層枠　3辺*/
ul.m_02{
	width: 200px;
	height:auto;
	margin:0 0 3px 0;
	padding:0;
	list-style:none;
}

/* --safari4-- */	
body:first-of-type ul.m_02 li{
	font-size: 11px;
	}

/* 関連リンク枠*/
ul.m_03{
	width: 200px;
	height:auto;
	margin:0 0 3px 0;
	padding:0;
	list-style:none;
}

/* --safari4-- */	
body:first-of-type ul.m_03 li{
	font-size: 11px;
	}


/* ---------------------------------------------------------
背景ありメニュー　オレンジ（コンテンツ内リンク）
--------------------------------------------------------- */

/* 背景水色↓　1行*/
li.m_or_b1{
	font-size: 12px;
	width:182px;
	height:25px;
	line-height:25px;
	margin:0 0 0 1px;
	padding:0 0 0 18px;
	background:url(/com_img/side/parts_bg_on_d.gif) no-repeat left;
}

li.m_or_b1 a:link { color:#000000; text-decoration: none }
li.m_or_b1 a:visited { color: #000000; text-decoration: none }
li.m_or_b1 a:active { color:#333333; text-decoration: underline ;}
li.m_or_b1 a:hover { color:#333333; text-decoration: underline ;}


/* 背景→　1行*/
li.m_or_r1{
	font-size: 12px;
	width:182px;
	height:25px;
	line-height:25px;
	margin:0 0 0 1px;
	padding:0 0 0 18px;
	background:url(/com_img/side/parts_bg_on.gif) no-repeat left;
}

li.m_or_r1 a:link { color:#000000; text-decoration: none }
li.m_or_r1 a:visited { color: #000000; text-decoration: none }
li.m_or_r1 a:active { color:#333333; text-decoration: underline ;}
li.m_or_r1 a:hover { color:#333333; text-decoration: underline ;}



/* 背景水色↓　2行*/
li.m_or_b2{
	font-size: 12px;
	width:182px;
	height:35px;
	line-height:125%;
	margin:0 0 0 1px;
	padding:3px 0 0 18px;
	background:url(/com_img/side/parts_bg_on2_d.gif) no-repeat left;
}

li.m_or_b2 a:link { color:#000000; text-decoration: none }
li.m_or_b2 a:visited { color: #000000; text-decoration: none }
li.m_or_b2 a:active { color:#333333; text-decoration: underline ;}
li.m_or_b2 a:hover { color:#333333; text-decoration: underline ;}



/* 背景水色→　2行*/
li.m_or_r2{
	font-size: 12px;
	width:182px;
	height:35px;
	line-height:125%;
	margin:0 0 0 1px;
	padding:3px 0 0 18px;
	background:url(/com_img/side/parts_bg_on2.gif) no-repeat left;
}

li.m_or_r2 a:link { color:#000000; text-decoration: none }
li.m_or_r2 a:visited { color: #000000; text-decoration: none }
li.m_or_r2 a:active { color:#333333; text-decoration: underline ;}
li.m_or_r2 a:hover { color:#333333; text-decoration: underline ;}


/* ---------------------------------------------------------
背景ありメニュー　イエロー（関連リンク）　未対応
--------------------------------------------------------- */

/* 背景ブルー↓　1行　2008.09.16修正*/
li.m_ye_b1{
	font-size: 12px;
	width: 182px;
	height:25px;
	line-height:25px;
	margin:0 0 0 1px;
	padding:0 0 0 18px;
	color:#FFFFFF;
	background:url(/com_img/side/parts_bg_on_d.gif) no-repeat left;
}

li.m_ye_b1 a:link { color:#000000; text-decoration: none }
li.m_ye_b1 a:visited { color: #000000; text-decoration: none }
li.m_ye_b1 a:active { color:#333333; text-decoration: underline ;}
li.m_ye_b1 a:hover { color:#333333; text-decoration: underline ;}


/* 背景ブルー↓　2行*/
li.m_ye_b2{
	font-size: 12px;
	width: 182px;
	height:auto;
	line-height:140%;
	margin:0 0 0 1px;
	padding:6px 0 0 18px;
	color:#FFFFFF;
	background:url(/com_img/side/parts_bg_on2_d.gif) no-repeat left;
}

li.m_ye_b2 a:link { color:#000000; text-decoration: none }
li.m_ye_b2 a:visited { color: #000000; text-decoration: none }
li.m_ye_b2 a:active { color:#333333; text-decoration: underline ;}
li.m_ye_b2 a:hover { color:#333333; text-decoration: underline ;}


/* 背景ブルー→　1行*/
li.m_ye_r1{
	font-size: 12px;
	width: 182px;
	height:25px;
	line-height:25px;
	margin:0 0 0 1px;
	padding:0 0 0 18px;
	color:#FFFFFF;
	background:url(/com_img/side/parts_bg_on.gif) no-repeat left;
}

li.m_ye_r1 a:link { color:#000000; text-decoration: none }
li.m_ye_r1 a:visited { color: #000000; text-decoration: none }
li.m_ye_r1 a:active { color:#333333; text-decoration: underline ;}
li.m_ye_r1 a:hover { color:#333333; text-decoration: underline ;}


/* 背景ブルー→　2行*/
li.m_ye_r2{
	font-size: 12px;
	width: 182px;
	height:30px;
	line-height:110%;
	margin:0 0 0 1px;
	padding:6px 0 0 18px;
	color:#FFFFFF;
	background:url(/com_img/side/parts_bg_on2.gif) no-repeat left;
}

li.m_ye_r2 a:link { color:#000000; text-decoration: none }
li.m_ye_r2 a:visited { color: #000000; text-decoration: none }
li.m_ye_r2 a:active { color:#333333; text-decoration: underline ;}
li.m_ye_r2 a:hover { color:#333333; text-decoration: underline ;}

/* ---------------------------------------------------------
矢印のみメニュー　オレンジ（コンテンツ内リンク）
--------------------------------------------------------- */

/* オレンジ→　太字*/
li.m_or_arrow_b{
	font-size: 12px;
	width:182px;
	height:25px;
	line-height:25px;
	margin:0 0 0 1px;
	padding:0 0 0 18px;
	background:url(/com_img/side/parts_bg.gif) no-repeat left;
}

li.m_or_arrow_b a:link { color:#000000; text-decoration: none }
li.m_or_arrow_b a:visited { color: #000000; text-decoration: none }
li.m_or_arrow_b a:active { color:#333333; text-decoration: underline ;}
li.m_or_arrow_b a:hover { color:#333333; text-decoration: underline ;}

/* 背景→　2行*/
li.m_or_arrow_b2{
	font-size: 12px;
	width:182px;
	height:31px;
	line-height:110%;
	margin:0 0 0 1px;
	padding:6px 0 0 18px;
	background:url(/com_img/side/parts_bg2.gif) no-repeat left;
}

li.m_or_arrow_b2 a:link { color:#000000; text-decoration: none }
li.m_or_arrow_b2 a:visited { color: #000000; text-decoration: none }
li.m_or_arrow_b2 a:active { color:#333333; text-decoration: underline ;}
li.m_or_arrow_b2 a:hover { color:#333333; text-decoration: underline ;}


/* オレンジ→　細字*/
li.m_or_arrow{
	font-size: 12px;
	width:182px;
	height:25px;
	line-height:25px;
	margin:0 0 0 1px;
	padding:0 0 0 18px;
	background:url(/com_img/side/parts_bg.gif) no-repeat left;
}

li.m_or_arrow a:link { color:#000000; text-decoration: none }
li.m_or_arrow a:visited { color: #000000; text-decoration: none }
li.m_or_arrow a:active { color:#333333; text-decoration: underline ;}
li.m_or_arrow a:hover { color:#333333; text-decoration: underline ;}


/* ---------------------------------------------------------
矢印のみメニュー　イエロー（関連リンク）
--------------------------------------------------------- */
/* イエロー→　太字*/
li.m_ye_arrow_b{
	font-size: 12px;
	width:182px;
	height:25px;
	line-height:25px;
	margin:0 0 0 1px;
	padding:0 0 0 18px;
	background:url(/com_img/side/parts_bg.gif) no-repeat left;
}

li.m_ye_arrow_b a:link { color:#000000; text-decoration: none }
li.m_ye_arrow_b a:visited { color: #000000; text-decoration: none }
li.m_ye_arrow_b a:active { color:#333333; text-decoration: underline ;}
li.m_ye_arrow_b a:hover { color:#333333; text-decoration: underline ;}


/* イエロー→　細字*/
li.m_ye_arrow{
	font-size: 12px;
	width:182px;
	height:25px;
	line-height:25px;
	margin:0 0 0 1px;
	padding:0 0 0 18px;
	background:url(/com_img/side/parts_bg.gif) no-repeat left;
}

li.m_ye_arrow a:link { color:#000000; text-decoration: none }
li.m_ye_arrow a:visited { color: #000000; text-decoration: none }
li.m_ye_arrow a:active { color:#333333; text-decoration: underline ;}
li.m_ye_arrow a:hover { color:#333333; text-decoration: underline ;}

/* ---------------------------------------------------------
リンクなしのテキストのみ
--------------------------------------------------------- */

li.m_tx{
	line-height:135%;
	font-size:12px;
	margin:0 0 0 5px;
	padding:0 0 0 15px;
}



/* ---------------------------------------------------------
左メニューモジュール枠
--------------------------------------------------------- */

/* 左モジュール枠*/

div.left_module {
	width:190px;
	height: auto;
	margin:5px 0 5px 0;
	padding:5px;
	border:#CCCCCC solid 1px;
	list-style:none;
	font-size:12px;
	line-height:125%;
	}
	
div.left_module a:link { color:#000000; text-decoration: underline }
div.left_module a:visited { color: #000000; text-decoration: underline }
div.left_module a:active { color:#000000; text-decoration: none ;}
div.left_module a:hover { color:#000000; text-decoration: none ;}


	
div ul.left_module_title {
	font-size:12px;
	width:185px;
	height: 24px;
	margin:5px 0;
	padding:0 0 0 5px;
	background:url(/com_img/side/left_t_bg.gif) no-repeat;
	}
	
	
/* 左モジュール枠　google検索*/
	
div ul.left_module_title li.search {
	font-size:12px;
	width:152px;
	height: 24px;
	margin:0;
	padding:0 0 0 20px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	background:url(/com_img/side/left_i_search.gif) no-repeat;
	}
	
.google_search {
	margin:0;
	padding:0;
	text-align:center;
	}
	
.google_search.b_submit{
	width:50px;
	height:auto;
	padding:2px;
	margin:2px;
	}

/*IE7用	
*:first-child+html div.google_search {
	margin:-15px 0;
	padding:0;
	text-align:center;
	}*/

/*IE6用
*html div.google_search {
	margin:0 0 -18px 0;
	padding:0;
	text-align:center;
	}*/




/* 左モジュール枠*/

/* やじるしアイコン*/
#l_navi div ul.left_module_title li.booking {
	font-size:12px;
	width:152px;
	height: 24px;
	margin:0;
	padding:0 0 0 12px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	background:url(/com_img/side/left_i_arrow.gif) no-repeat;
	}

/* ショッピングアイコン*/	
#l_navi div ul.left_module_title li.shopping {
	font-size:12px;
	width:152px;
	height: 24px;
	margin:0;
	padding:0 0 0 12px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	background:url(/com_img/global/header_i_st.gif) no-repeat left;
	text-align:left;
	}
	
/* トラベルアイコン*/	
#l_navi div ul.left_module_title li.travel {
	font-size:12px;
	width:152px;
	height: 24px;
	margin:0;
	padding:0 0 0 12px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	background:url(/com_img/global/header_i_s.gif) no-repeat left;
	text-align:left;
	}
	
/* 留学アイコン*/	
#l_navi div ul.left_module_title li.studyabroad {
	font-size:12px;
	width:152px;
	height: 24px;
	margin:0;
	padding:0 0 0 12px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	background:url(/com_img/global/header_r.gif) no-repeat left;
	text-align:left;
	}
	
/* 旅ぷらアイコン*/	
#l_navi div ul.left_module_title li.tabi {
	font-size:12px;
	width:152px;
	height: 24px;
	margin:0;
	padding:0 0 0 12px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	background:url(/com_img/global/header_i_tabi.gif) no-repeat left;
	text-align:left;
	}
	
/* ホテルアイコン*/	
#l_navi div ul.left_module_title li.hotel {
	font-size:12px;
	width:152px;
	height: 24px;
	margin:0;
	padding:0 0 0 12px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	background:url(/com_img/global/header_i_hotel.gif) no-repeat left;
	text-align:left;
	}

/* 旅まにあ*/	
#l_navi div ul.left_module_title li.mania {
	font-size:12px;
	width:152px;
	height: 24px;
	margin:0;
	padding:0 0 0 12px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	background:url(/com_img/global/header_i_mania.gif) no-repeat left;
	text-align:left;
	}
	
	
#l_navi ul.booking_list{
	font-size: 12px;
	line-height: 18px;
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
	font-weight:bold;
}

#l_navi ul.booking_list li.booking_tx{
	font-size: 12px;
	margin:0 0 0 15px;
	padding:0;
	font-weight:normal;
}


/* 左モジュール枠　ケータイからでも*/

#l_navi div ul.left_module_title li.mobile {
	font-size:12px;
	width:152px;
	height: 24px;
	margin:0;
	padding:0 0 0 20px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	background:url(/com_img/side/left_i_mobile.gif) no-repeat;
	text-align:left;
	}

#l_navi div p.mobile_qr {
	width:80px;
	height: auto;
	float:left;
	margin:0 7px 3px 7px;
	line-height:120%
	}
	
#l_navi div p.mobile_qr img{
	float:right;
	}
	
#l_navi div p.mobile_tx {
	margin:0 10px 5px 10px;
	text-align:left;
	}
		

/* 左モジュール枠　メニューリスト*/

#l_navi ul.menu{
	width: auto;
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
}

#l_navi ul.menu li.list1{
	font-size: 12px;
	font-weight:bold;
	width: auto;
	height:18px;
	line-height:18px;
	margin:0 0 0 5px;
	padding:0 0 0 15px;
	background:url(/com_img/side/left_menu_arrow.gif) no-repeat left;
}

#l_navi ul.menu li.list5{
	font-size: 12px;
	font-weight:bold;
	width: auto;
	height:auto;
	margin:0 0 0 5px;
	padding:0 0 0 15px;
	height:18px;
	line-height:18px;
	background:url(/com_img/side/left_menu_arrow2.gif) no-repeat left;
}


	

/* ボタン・バナー類*/

#l_navi p.bottun {
	margin:0 0 7px 0;
	padding:0;
	border:0;
	}
	


/* ショッパーズ枠*/

#r_navi div.shoppers {
	width:290px;
	height:auto;
	font-size:12px;
	margin:5px;
	padding:0 0 5px 0;
	border-bottom:#CCCCCC 1px dotted;
	text-align:left;
	}
	
#l_navi div.shoppers {
	width:180px;
	height:auto;
	font-size:12px;
	margin:5px;
	padding:0 0 5px 0;
	border-bottom:#CCCCCC 1px dotted;
	text-align:left;
	}
	
div.shoppers img{
	float:left;
	border:#CCCCCC 1px solid;
	margin:0 5px 0 0;
	}
	
div.shoppers a:link { color:#000000; text-decoration: underline }
div.shoppers a:visited { color: #000000; text-decoration: underline }
div.shoppers a:active { color:#000000; text-decoration: none ; }
div.shoppers a:hover { color:#000000; text-decoration: none ;}



/* ////////////////////////////////②右メニュー//////////////////////////////// */


/* ---------------------------------------------------------
右メニュー 
--------------------------------------------------------- */
	

/* 共通系タイトル*/
#r_navi .title_top{
	width:300px;
	height:26px;
	font-size:14px;
	font-weight:bold;
	line-height:27px;
	margin:5px 0 5px 0;
	padding:0 0 7px 0;
	background:url(/com_img/side/right_top_bg.gif) repeat-x bottom;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	_font-family:Arial, "ＭＳ Ｐゴシック",sans-serif;
	}
	
#r_navi .title_top a:link { color:#333333; text-decoration: underline }
#r_navi .title_top a:visited { color: #666666; text-decoration: underline }
#r_navi .title_top a:hover { color:#CCCCCC; text-decoration: none }

#r_navi .title_top img,
#r_navi2 .title_top img{/* 20091225 */
	vertical-align:middle;
	margin-right:3px;
}


/* 共通系タイトル　２カラム用*/
#r_navi2 .title_top{
	width:300px;
	height:26px;
	font-size:14px;
	font-weight:bold;
	line-height:27px;
	margin:5px 0 5px 0;
	padding:0 0 7px 0;
	background:url(/com_img/side/right_top_bg.gif) repeat-x bottom;
	}
	
#r_navi2 .title_top a:link { color:#333333; text-decoration: underline }
#r_navi2 .title_top a:visited { color: #666666; text-decoration: underline }
#r_navi2 .title_top a:hover { color:#CCCCCC; text-decoration: none }




/* ---------------------------------------------------------
右メニュー枠
--------------------------------------------------------- */
.item{
	text-align:center;
	font-size:12px;
	}

/*.item a:link { color:#cc0000; text-decoration: underline }
.item a:visited { color: #ff6600; text-decoration: underline }
.item a:active { color:#cc0000; text-decoration: none ; }
.item a:hover { color:#cc0000; text-decoration: none ;}*/

/* ---------------------------------------------------------
ストア　左ナビ用
--------------------------------------------------------- */
#l_navi .store{
	width:180px;
	height:85px;
	font-size:12px;
	line-height:130%;
	padding:0 0 0 5px;
	border-bottom:#CCCCCC 1px dotted;
	clear:both;
	text-align:left;
	}
	
#l_navi .store img{
	width:80px;
	float:left;
	border:#CCCCCC 1px solid;
	padding:0;
	margin:0 3px 0 0;
	}

/*.store a:link { color:#cc0000; text-decoration: underline }
.store a:visited { color: #ff6600; text-decoration: underline }
.store a:active { color:#cc0000; text-decoration: none ; }
.store a:hover { color:#cc0000; text-decoration: none ;}*/


/* ---------------------------------------------------------
ストア　右ナビ用
--------------------------------------------------------- */
#r_navi .store{
	width:280px;
	height:97px;
	font-size:12px;
	line-height:130%;
	padding:0 0 0 5px;
	border-bottom:#CCCCCC 1px dotted;
	clear:both;
	}
	
#r_navi .store img{
	float:left;
	border:#CCCCCC 1px solid;
	padding:0;
	margin:0 3px 2px 0;
	}

/* ---------------------------------------------------------
航空券・ホテル予約　トップページ＆右ナビ用
--------------------------------------------------------- */
div.booking_ad{
	width:215px;
	height:auto;
	margin:0;
	padding:0 7px;
	border:#CCCCCC 1px solid;
	font-size:12px;
	}
	
div.booking_ad p{
	float:left;
	width:100px;
	height:auto;
	margin:3px 0 ;
	padding:0;
	font-size:12px;
	}
	
div.booking_ad div.booking_bg {
	font-size:12px;
	width:205px;
	height: 24px;
	margin:5px 0;
	padding:0 0 0 5px;
	background:url(/com_img/h/title_bg_s.gif) no-repeat;
	}
	
h2.booking_arrow a:link { color:#333333; text-decoration: underline;}
h2.booking_arrow a:hover { color:#FFFFFF; text-decoration: none;}
h2.booking_arrow a:active { color:#FFFFFF; text-decoration: none;}
h2.booking_arrow a:visited { color:#333333; text-decoration: underline;}
		
div.booking_ad h2.booking_arrow {
	font-size:14px;
	width:140px;
	height: 24px;
	margin:0;
	padding:0 0 0 20px;
	line-height:24px;
	font-weight:bold;
	list-style:none;
	background:url(/com_img/side/left_i_arrow.gif) no-repeat;
	}

/*.booking_ad p a:link { color:#cc0000; text-decoration: underline }
.booking_ad p a:visited { color: #ff6600; text-decoration: underline }
.booking_ad p a:active { color:#cc0000; text-decoration: none ; }
.booking_ad p a:hover { color:#cc0000; text-decoration: none ;}*/
	
	
/* ---------------------------------------------------------
旅スケRSS用css　
--------------------------------------------------------- */	
dl.tabisuke {
	width:290px;
	height:40px;
	padding:0;
	margin:5px 0 10px 10px;
	clear:both;
}

dl.tabisuke dt.photo{
	float:left;
	width:55px;
	height:auto;
	padding:0;
	margin:0 5px 0 0;
}

dl.tabisuke dt.txt{
	float:left;
	width:220px;
	font-weight:normal;
	text-align:left;
	font-size:12px;
}