@charset "UTF-8";
/*  top_layout.css updated --- 2014/08/04
	01：MAP スライダー 注目のツアー
	02：ツアー紹介　ランキングなど2カラム
*/


.TopWrapper{width:960px;margin:0 auto;text-align:left;}
	.TopWrap{width:960px}



/*01：MAP スライダー 注目のツアー
-----------------------------------------------------------------*/
.TopWrapper.set1{}

/*#top3Column*/
#top3Column{overflow:hidden;width:100%;/*960*/}


/*▼#Map
------------------------------*/
	#top3Column #Map{
		float:left;
		position:relative;
		width:398px;
		height:386px;
		border:1px solid #1d50a2;
	}
		#top3Column #Map h3{
			display:block;
			position:absolute;
			top:7px;
			left:8px;
			width:141px;
			height:24px;
			z-index:9000;
		}
		#top3Column #Map .bdy{
			width:398px;
			height:345px;
			background-color:#FFF;
		}
				/*TopMap------------*/
				#TopMap {
				  position:relative;
				  width: 398px;
				  height: 386px;
				}
					/*---------------*/
					#TopMap p.TMback{
					  width: 398px;
					  height: 386px;
					  position:absolute;
					  top:0;
					  left:0;
					}
					
					/*---------------*/
					#TopMap div#Mapmenu{
					  position:relative;
					  overflow:hidden;
					  z-index:1000;
					  width: 398px;
					  height:386px;
					  text-align:left;
					}
					/*フランス*/
					div#Mapmenu div.FLA{position:absolute;top:205px;left:110px;}	
					/*イタリア*/
					div#Mapmenu div.ITA{position:absolute;bottom:90px;right:135px;}
					/*スペイン*/
					div#Mapmenu div.SPA{position:absolute;bottom:90px;left:50px;}
					/*イギリス*/
					div#Mapmenu div.UK{position:absolute;top:120px;left:97px;}
					/*ドイツ*/
					div#Mapmenu div.DE{position:absolute;top:167px;left:196px;}
					/*チェコ*/
					div#Mapmenu div.CZ{position:absolute;top:170px;right:83px;}
					/*ハンガリー*/
					div#Mapmenu div.HU{position:absolute;top:200px;right:5px;}
					/*オーストリア*/
					div#Mapmenu div.AT{position:absolute;top:205px;right:135px;}
					/*アイルランド*/
					div#Mapmenu div.IE{position:absolute;top:120px;left:0px;}	
					/*スイス*/
					div#Mapmenu div.CH{position:absolute;top:235px;left:180px;}	
					/*ベルギー*/
					div#Mapmenu div.BE{position:absolute;top:175px;left:120px;}
					/*フィンランド*/
					div#Mapmenu div.FI{position:absolute;top:10px;right:10px;}	
					/*ギリシャ*/
					div#Mapmenu div.GR{position:absolute;bottom:40px;right:30px;}
					/*オランダ*/
					div#Mapmenu div.NL{position:absolute;top:135px;left:162px;}
					/*ノルウェー*/
					div#Mapmenu div.NO{position:absolute;top:50px;left:170px;}
					/*ポーランド*/
					div#Mapmenu div.PL{position:absolute;bottom:230px;right:60px;}
					/*ポルトガル*/
					div#Mapmenu div.PT{position:absolute;bottom:50px;left:0px;}
					/*スウェーデン*/
					div#Mapmenu div.SE{position:absolute;top:10px;right:108px;}
					/*デンマーク*/
					div#Mapmenu div.DK{position:absolute;top:86px;right:190px;}
					/*アイスランド*/
					div#Mapmenu div.IS{position:absolute;top:38px;left:0px;}
					/*リトアニア*/
					div#Mapmenu div.LT{position:absolute;top:84px;right:74px;}
					/*クロアチア*/
					div#Mapmenu div.SI{position:absolute;top:235px;right:33px;}
					/*スロヴェニア*/
					div#Mapmenu div.HR{position:absolute;top:270px;right:37px;}
					/*エストニア*/
					div#Mapmenu div.EE{position:absolute;top:39px;right:70px;}
					/*ラトビア*/
					div#Mapmenu div.LV{position:absolute;top:66px;right:8px;}
					/*スウェーデン*/
					div#Mapmenu div.SE{position:absolute;top:5px;right:99px;}
					/*デンマーク*/
					div#Mapmenu div.DK{position:absolute;top:90px;right:183px;}
					/*モナコ*/
					div#Mapmenu div.MC{position:absolute;top:285px;right:198px;}

						#menu li {position: relative;float: left;}
						#menu li a{
							display:block;
							cursor:pointer;
							text-decoration:none;
							cursor:pointer;
							color: #fff;
							font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif; 
							_font-family: 'ＭＳ Ｐゴシック', sans-serif;
						}
						#menu li a.btn{
							padding:2px 5px;
							border:1px solid #FFF;
							background-color:#133f84;
							background: rgba(0, 0, 0, 0.5); /* RGBを10進数(0～255)で指定、不透明度を0～1.0で指定 */
							position:relative;
							z-index:100;
				
						}
							#menu li ul {
							  display: none;
							  position: absolute;
							  top:0;
							  left:0;
							  background-color:#1d50a2;
							  border: solid 1px #FFF;
							  z-index:8888;				
							}
							#menu li ul.sp {
								display: none;
								position: absolute;
								top:-50px;
								left:47px;
								background-color:#1d50a2;
								border: solid 1px #FFF;
								z-index:8888;
							}
								#menu li ul li {
								  width: 90px;
								  border: none;
								  padding:0;
								}
								div#Mapmenu #menu li a {padding:3px 5px;font-size:12px;}
								div#Mapmenu #menu li a:hover{background: #d20713;color: #fff;}	

/*▼#SpBanner
------------------------------*/
#top3Column #SpBanner{overflow:hidden;float:right;width:530px;margin-bottom:30px;}

		/*▼.imptxtlnk 注目のテキストリンク
		------------------------------*/
		#top3Column .imptxtlnk{width:528px;border:1px solid #b80c1c;margin-bottom:15px;background-color:#FFF;}
			.imptxtlnk dl{width:522px;overflow:hidden; margin:2px 3px 1px 3px;}
			.imptxtlnk dt{float:left;width:28px;padding-right:3px;}
			.imptxtlnk dd{float:right;width:491px;}
			
		/*クロスフェードスライドギャラリー/オーダーメイドの旅----------------------*/
		#top3Column #SpBanner table{width:530px;}
			#top3Column #SpBanner table td{vertical-align:top;}
			#top3Column #SpBanner table td.left{width:300px;}
			#top3Column #SpBanner table td.right{width:230px;}
			/*クロスフェードスライドギャラリー*/
				.Topslid{width:300px; position:relative;}
					#slides2{
					  display: none;
					  width:300px;
					  height:190px;
					  position:relative;
					  left:0px;
					  /*z-index:9000;*/
					}
					.slidesjs-navigation {
						display:block;
						position:absolute;
						top:0;
						width:40px;
						height:180px;
						text-indent:-9999px;
						z-index:9999;
					}
						.slidesjs-navigation.slidesjs-previous {
							left:0;
							background:url(../images/arrows_l_b2.png) no-repeat 50% 50%;
							filter:alpha(opacity=50);
							-moz-opacity:0.50;
							-khtml-opacity: 0.50;
							opacity:0.50;
							z-index:9000;
						}
						.slidesjs-navigation.slidesjs-next{
							right:0;
							background:url(../images/arrows_r_b2.png) no-repeat 50% 50%;
							filter:alpha(opacity=50);
							-moz-opacity:0.50;
							-khtml-opacity: 0.50;
							opacity:0.50;
							z-index:9000;
						}
						.slidesjs-navigation.slidesjs-previous:hover{background: url(../images/arrows_l_o2.png) ;
							filter:alpha(opacity=99);
							-moz-opacity:0.99;
							-khtml-opacity: 0.99;
							opacity:0.99;
						}
						.slidesjs-navigation.slidesjs-next:hover{background: url(../images/arrows_r_o2.png) ;
							filter:alpha(opacity=99);
							-moz-opacity:0.99;
							-khtml-opacity: 0.99;
							opacity:0.99;
						}

						div.lnk{width:200px;position:absolute; bottom:0;}
							p.lnk{width:200px;}
							p.lnk a{font-size:90%;}
						
						ul.slidesjs-pagination{
							width:100px!important;
							float:right;
							margin: 5px auto 0 auto;
							text-align:center;
							float:right;
						}
							.slidesjs-pagination li {
								display: -moz-inline-box; /*Fx2*/
								display: inline-block;
								/display: inline; /zoom: 1; /*IE6*/
								padding:0 1px;
							}
								.slidesjs-pagination li a {
								  display: block;
								  width: 13px;
								  height:15px;
								  text-indent:-9999px;
								  background: url(../images/point-off.gif) no-repeat 50% 50%;
								  overflow: hidden;
								}
								.slidesjs-pagination li a.active,
								.slidesjs-pagination li a:hover.active{background: url(../images/point-on.gif) no-repeat 50% 50%;}
								.slidesjs-pagination li a:hover{background: url(../images/point-on.gif) no-repeat 50% 50%;}
						.navbar{overflow: hidden;}

			/*オーダーメイドの旅*/
				#top3Column #SpBanner table td.right p{width:200px;padding-left:30px;}


		/*注目のツアー----------------------*/
		div.lnkbanner{width:530px;margin-top:26px;overflow:hidden;}
		div.lnkbanner h3{width:60px;float:left;}
		div.lnkbanner div.ban{width:458px;float:right;padding-left:12px;}
		div.lnkbanner div.ban ol{width:458px;overflow:hidden;}
			div.lnkbanner div.ban ol li{float:left;}
			div.lnkbanner div.ban ol li.li1{width:230px;padding:0;}
			div.lnkbanner div.ban ol li.li2{width:220px;padding:0 0 0 8px;}
			div.lnkbanner div.ban ol li.li3{width:230px;padding:12px 0 0 0;}
			div.lnkbanner div.ban ol li.li4{width:220px;padding:12px 0 0 8px;}
	

/*02：ツアー紹介　ランキングなど2カラム
-----------------------------------------------------------------*/
.TopWrapper.set2{}
.TopWrapper.set2 .TopWrap{overflow:hidden;}


/*▼#TopMinBox2
------------------------------*/
#TopMinBox2{
	float:left;
	width:640px;
	margin-right:24px;
}
/*h2タイトル*/
.h2_styleTop02{height:30px;/*dammy*/position:relative;border-bottom:2px solid #000;}
	.h2_styleTop02 h2,.h2_styleTop02 p{position:absolute;}
	.h2_styleTop02 h2{left:0;;top:0;}
	.h2_styleTop02 p{right:0;bottom:0;}
		.h2_styleTop02 p a{}
		.h2_styleTop02 p a:after{content:">>";padding-left:0.3em;}


/*ヨーロッパ各国のオプショナルツアー*/
.TopMin2-01{width:640px;margin-top:40px;}
	.TopMin2-01 .bdy ul{width:639px;overflow:hidden;}
	.TopMin2-01 .bdy ul li{float:left;width:213px;}
		.TopMin2-01 .bdy ul li p{margin:14px 0.5em 0 0.5em;}
			.TopMin2-01 .bdy ul li p img{padding-right:0.5em;}
			.TopMin2-01 .bdy ul li p a{font-size:120%;}

/*現地発周遊ツアー*/
.TopMin2-02{
	width:640px;
	margin-top: 40px;
}
.TopMin2-02 .bdy{width:638px;overflow:hidden;border:1px solid #ccc;margin-top:20px;}
		.TopMin2-02 .bdy p{ padding:0.8em;}
		.TopMin2-02 .bdy p a.txt{display:block;padding:0 1em;text-indent:-1em;font-weight:bold; font-size:120%;}
		.TopMin2-02 .bdy p a.txt:before{color:#bc0c16; content:"▶"}
		.TopMin2-02 .bdy p span{line-height:1.2em;}


/*旅のパーツ*/
.TopMin2-03{width:640px;margin-top:40px;overflow:hidden;}
	.TopMin2-03 .part{width:640px;}
	.TopMin2-03 .part td{width:310px; padding-top:20px;}
	.TopMin2-03 .part td.ll{padding-right:10px;}
	.TopMin2-03 .part td.rr{padding-left:10px;}
	.TopMin2-03 .part td div{width:308px;border:1px solid #ccc;}
	.TopMin2-03 .part td div p{padding:0.5em;}
		.TopMin2-03 .part td div p a{display:block;padding:0 1em;text-indent:-1em;font-weight:bold; font-size:120%;}
		.TopMin2-03 .part td div p a:before{color:#bc0c16; content:"▶"}
		.TopMin2-03 .part td div p span{line-height:1.2em;}


/*TopMin2-04 日本初個人旅行向けパッケージツアー*/
.TopMin2-04{width:640px;margin-top:40px;}
.TopMin2-04 .bdy{width:638px;overflow:hidden;border:1px solid #ccc;margin-top:20px;}
	.TopMin2-04 ul{padding:0.8em 1em 0 1em;}
	.TopMin2-04 ul li{
		padding-left:1em;
		text-indent:-1em;
		line-height:1.2em;
	}
		.TopMin2-04 ul li:before{ content:"・"}
	.TopMin2-04 p{text-align:right;}
		.TopMin2-04 p a{display:block;padding:0 1em;text-indent:-1em;font-weight:bold; font-size:120%;}
		.TopMin2-04 p a:before{color:#bc0c16; content:"▶"}



/*TopMin2-05 特集*/
.TopMin2-05{width:640px; margin-top:40px;overflow:hidden;}
	.TopMin2-05 table{width:640px;margin-top:20px;}
	.TopMin2-05 table td{table-layout:fixed;width:140px;vertical-align:top;}
	.TopMin2-05 table td.td1,.TopMin2-05 table td.td2,.TopMin2-05 table td.td3{padding-right:20px;}
	.TopMin2-05 table td.td4{}
		.TopMin2-05 table td a img{width:100%;}
		.TopMin2-05 table td a span{display:block;padding:1em 0 0 1em;text-indent:-1em;line-height:1.2em;}
		.TopMin2-05 table td a span:before{color:#bc0c16; content:"▶"}


/*TopMin2-06 新着/旅行先での注意*/
.TopMin2-06{width:640px; margin-top:40px;overflow:hidden;}
.TopMin2-06 .set{float:left;}
	/*新着/旅行先共通パーツ*/
	.TopMin2-06 .set .bdy dl{width:310px;overflow:hidden;border-bottom:1px dashed #333;padding:0.5em 0;}
	.TopMin2-06 .set .bdy dl dt,.TopMin2-06 .set .bdy dl dd{float:left;}
	.TopMin2-06 .set .bdy dl dt{width:75px;}
	.TopMin2-06 .set .bdy dl dd{width:235px;line-height:1.2em;}

	/*新着情報*/
	.TopMin2-06 .set.left{width:310px;margin-right:10px;}

	/*旅行先での注意*/
	.TopMin2-06 .set.right{width:310px;margin-left:10px;}
	
	/*リンク*/
	.TopMin2-06 .btm_btn{margin-top:1em;}
	.TopMin2-06 .btm_btn li{text-align:right;}
		.TopMin2-06 .btm_btn a{font-weight:bold;}
		.TopMin2-06 .btm_btn a:after{content:">>";}

/*JOIBUS*/
	.TopMin2-07{width:640px;}
	.TopMin2-07 .bdy{width:638px;overflow:hidden;border:1px solid #ccc;margin-top:20px;}	
	.TopMin2-07 .bdy p{ padding:0.8em;}
	.TopMin2-07 .bdy p a.txt{display:block;padding:0 1em;text-indent:-1em;font-weight:bold; font-size:120%;}
	.TopMin2-07 .bdy p a.txt:before{color:#bc0c16; content:"▶"}
	.TopMin2-07 .bdy p span{line-height:1.2em;}


/*▼#TopSidBox2
------------------------------*/
#TopSidBox2{
	float:right;
	width:296px;
}
#TopSidBox2 h3{
	margin-bottom:5px;
}


.SpotRank{
	width:270px;
	padding:8px 13px 13px 13px;
	background-color:#f1fae5;
}
/*人気の観光スポット*/
.Popular div{
	width:260px;
	background-color:#FFF;
	border-radius: 10px;/* CSS3 */  
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;/* Firefox用 */  
	padding:5px;
	overflow:hidden;
}
	.Popular div p{float:left;width:125px; padding-left:5px;}
	.Popular div p a{display:block; line-height:1.8em;}


/*人気のランキング*/
ul.Ranking{
	width:250px;
	background-color:#FFF;
	border-radius: 10px;/* CSS3 */  
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;/* Firefox用 */  
	padding:10px;
}
ul.Ranking li{overflow:hidden; position:relative;padding:6px 0;border-top:1px solid #d4d4d4;}
	ul.Ranking li.no01{padding:0 0 6px 0;border-top:none;}
	ul.Ranking li p.ico{ position:absolute; top:0; left:0;}
	ul.Ranking li p.img{width:85px;float:left;}
	ul.Ranking li p.txt{width:165px;float:right;line-height:1.2em;}

	/*6-10位*/
	ul.Ranking table th{width:30px;}
	ul.Ranking table td{line-height:1.2em;}


/*お問い合せはこちら*/
.partner_inquiry{margin:30px 0;}
.partner_inquiry a{display:block;margin:0 auto;width:280px;height:91px;}

/*現地発ブログ*/
.Blog{
	width:270px;
	padding:8px 13px 13px 13px;
	background:#f7ee77 url(../images/dot_back_yellow.gif) repeat;	
}
.ulRightTop02{
	width:250px;
	background-color:#FFF;
	padding:3px 10px;
	border-radius: 10px;/* CSS3 */  
	-webkit-border-radius: 10px;/* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;/* Firefox用 */  
	margin-top:5px;
	margin-bottom:8px;
}
	.ulRightTop02 li{overflow:hidden;padding:6px 0 3px 0;border-top:1px solid #d4d4d4;}
	.ulRightTop02 li.first{border-top:none;}
		.ulRightTop02 .flImgL{float:left;width:60px;font-size:10px;text-align:center;}
		.ulRightTop02 dt a{line-height:1.2em;}
		.ulRightTop02 dt a span{display:block;font-size:90%;padding-top:2px;}

.Blog p.btxt a{}
.Blog p.btxt a:after{content:">>"}


/*SNS-Facebook*/
.SNS-Facebook{margin-top:20px;}
/*.SNS-Twiiter*/
.SNS-Twiiter{margin-top:20px;}


/*03：下部バナーリンク一覧
-----------------------------------------------------------------*/
/*▼#TopFotLnk
------------------------------*/
#TopFotLnk{width:960px; margin: 40px auto 20px auto;}
#TopFotLnk table{ width:100%;}
#TopFotLnk table td{table-layout:fixed;}