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

#wrapper {
	width: 940px;
	height: 1450px;
    margin: 0 auto;
	}
	
#wrapper p.text	{
	margin: 0 0 20px 0;
	text-align: center;
		}

#wrapper #top_content {
	width: 940px;
	height: auto;
	margin: 0 0 25px 0;
	overflow: hidden;
}

/*地図*/
/*▼#Map
------------------------------*/
	#top_content #Map{
		float:left;
		position:relative;
		width:398px;
		height:386px;
		border:1px solid #1d50a2;
	}
		#top_content #Map h3{
			display:block;
			position:absolute;
			top:7px;
			left:8px;
			width:141px;
			height:24px;
			z-index:9000;
		}
		#top_content #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;}	












/*上部右エリア*/

#rightbox {
	width:510px;
	margin: 0;
	float: right;
}

#rightbox #land_area {
	background: #fafad2;
	padding: 15px;
	overflow: hidden;
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
	}
	
#rightbox #land_area #tour {
	margin: 0 0 16px 0;
		}
	
/*北フランス*/

#rightbox ul.partsbox li.top {
	width: 230px;
	height: 135px;
	float: left;
	}

#rightbox ul.partsbox li.last {
	width: 230px;
	height: 135px;
	float: right;
}

/*#rightbox #land_area ul.partsbox {
	overflow: hidden;
	background: #099;
}*/

	
/*バナーエリア*/

#rightbox ul#banner_area {
	width: 480px;
	clear: both;
	padding: 10px 0 0 15px;
	overflow: hidden;
	}

#rightbox ul#banner_area li.top {
	display: block;
	width: 230px;
	float: left;
	}

#rightbox ul#banner_area li.last {
	display: block;
	width: 230px;
	float: right;
}

#rightbox ul#banner_area span.komoji {
	vertical-align: super;
	font-size: 80%;
	}
	
.banners li{
	display: inline-block;
	margin-bottom: 16px;
}
.banners li:nth-child(odd){
	margin-right: 15px;
}
.banners li:nth-last-child(1),
.banners li:nth-last-child(2){
	margin-bottom: 0;
}
/*左エリア*/

#left_content {
	width: 185px;
	height: auto;
	float: left;
	}

#left_content h4.hotel a {
	display: block;
	width: 185px;
	height: 75px;
	background-image: url(images/JAL_hotel_R.gif);
	text-indent: -9999px;
	outline: none;
	}
	
#left_content .hotelbox1 {
	border: 1px #c0c0c0 solid;
	margin: 0 0 10px 0;
}

#left_content .hotelbox2 {
	border: 1px #c0c0c0 solid;
	margin: 0 0 10px 0;
	}

#left_content .hotelbox3 {
	border: 1px #c0c0c0 solid;
	margin: 0 0 10px 0;
	}
		
#left_content .hotelbox4 {
	border: 1px #c0c0c0 solid;
	margin:0;
	}
	
#left_content .hotelbox1 p,
#left_content .hotelbox2 p,
#left_content .hotelbox3 p,
#left_content .hotelbox4 p {
	padding: 10px;
	}


#left_content h4.sightseeing a {
	display: block;
	width: 185px;
	height: 75px;
	background-image: url(images/JAL_sightseeing.gif);
	text-indent: -9999px;
	outline: none;	}

#left_content h4.restaurant a {
	display: block;
	width: 185px;
	height: 75px;
	background-image: url(images/JAL_restaurant.gif);
	text-indent: -9999px;
	outline: none;	}

#left_content h4.sougei a {
	display: block;
	width: 185px;
	height: 75px;
	background-image: url(images/JAL_sougei.gif);
	text-indent: -9999px;
	outline: none;	}

#main_content {
	width:940px;
	height: auto;
	clear: both;
	}	
	
#right_content {
	width: 695px;
	height: auto;
	float: right;
	}
	
#right_content h3.midashi01 {
	width: 695px;
	height: 31px;
	background:url(images/h3_hotel.gif);
	margin-bottom: 20px;
	text-indent: -9999px;
	}
	

/*ホテルのポイント*/

#right_content #point1,
#right_content #point2,
#right_content #point3 {
	width: 226px;
	height: auto;
	float: left;
	margin: 0 7px 5px 0;
}

#right_content #point3 {
	width: 226px;
	height: auto;
	float: left;
	margin: 0 0 5px 0;
}

/*BOX1*/

#right_content #point1 p.hotel {
	width: 151px;
	height: 50px;
	margin: 0 auto;
	background: url(images/img_hotel.gif) no-repeat;
	text-indent: -9999px;
	}
	
#right_content .col1 {
	width: 226px;
	background: url(images/bg_box.gif);
	text-align: left;
	}

#right_content .col1 h4.hotel {
	width: 226px;
	height: 56px;
	background: url(images/h_hotel.gif) left top ;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
	
#right_content .col1 .colTxt {
	width: 206px;
	padding: 10px;
	background: url(images/bg_hotel.gif) bottom;
	background-repeat: no-repeat;
	}
	
/*BOX2*/

#right_content #point2 p.en {
	width: 60px;
	height: 50px;
	margin: 0 auto;
	background: url(images/img_en.gif) no-repeat;
	text-indent: -9999px;
}

#right_content .col2 {
	width: 226px;
	background: url(images/bg_box.gif);
	}

#right_content .col2 h4.charge {
	width: 226px;
	height: 56px;
	background: url(images/h_en.gif) left top ;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	
	
#right_content .col2 .colTxt {
	width: 206px;
	padding: 10px;
	background: url(images/bg_hotel.gif) bottom;
	background-repeat: no-repeat;
	}

/*BOX3*/

#right_content #point3 p.support {
	width: 104px;
	height: 50px;
	margin: 0 auto;
	background: url(images/img_24h.gif) no-repeat;
	text-indent: -9999px;
	}

#right_content .col3 {
	width: 226px;
	background: url(images/bg_box.gif);
	}

#right_content .col3 h4.support {
	width: 226px;
	height: 56px;
	background: url(images/h_24h.gif) left top ;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	
#right_content .col3 .colTxt{
	width: 206px;
	padding: 10px;
	background: url(images/bg_hotel.gif) bottom;
	background-repeat: no-repeat;
	}
	
/*注意書き※※※※※※※※※*/

#right_content p.attention {
	display: block;
	width: 695px;
	height: auto;
	text-align: right;
	margin: 0 0 30px 0;
	clear: both;
		}


/*ホテル部分*/

#right_content #hotel2Cont2 #countrybox1 {
	width: 695px;
	height: 51px;
	margin: 0 0 10px 0;
	overflow: hidden;
	}

#right_content #hotel2Cont2 #countrybox2 {
	width: 695px;
	height: 51px;
	margin: 0 0 15px 0; 
	overflow: hidden;
	}
	
/*みだし　ヨーロッパ主要都市の[みゅう]おすすめホテル*/

#right_content #hotel2Cont2 h3.midashi02 {
	margin: 0 0 15px 0;
	}

/*国別ボタン*/

#right_content #hotel2Cont2 #countrybox1 .contry1 a {
	display: block;
	width: 171px;
	height: 50px;
	background: url(images/bt_uk.gif) no-repeat;
	float: left;
	margin: 0 3px 0 0;
	text-indent: -9999px;
	outline: none;
	}

#right_content #hotel2Cont2 #countrybox1 .contry2 a {
	display: block;
	width: 171px;
	height: 50px;
	background: url(images/bt_paris.gif) no-repeat;
	float: left;
	margin: 0 3px 0 0;
	text-indent: -9999px;
	outline: none;
	}
	
#right_content #hotel2Cont2 #countrybox1 .contry3 a {
	display: block;
	width: 171px;
	height: 50px;
	background: url(images/bt_frank.gif) no-repeat;
	float: left;
	margin: 0 3px 0 0;
	text-indent: -9999px;
	outline: none;
	}	
		
#right_content #hotel2Cont2 #countrybox1 .contry4 a {
	display: block;
	width: 171px;
	height: 50px;
	background: url(images/bt_mun.gif) no-repeat;
	float: left;
	margin: 0;
	text-indent: -9999px;
	outline: none;
	}

#right_content #hotel2Cont2 #countrybox2 .contry5 a {
	display: block;
	width: 171px;
	height: 50px;
	background: url(images/bt_roma.gif) no-repeat;
	float: left;
	margin: 0 3px 100px 0;
	text-indent: -9999px;
	outline: none;
	}
	
#right_content #hotel2Cont2 #countrybox2 .contry6 a {
	display: block;
	width: 171px;
	height: 50px;
	background: url(images/bt_mad.gif) no-repeat;
	float: left;
	margin: 0 3px 100px 0;
	text-indent: -9999px;
	outline: none;
	}
	
#right_content #hotel2Cont2 #countrybox2 .contry7 a {
	display: block;
	width: 171px;
	height: 50px;
	background: url(images/bt_ber.gif) no-repeat;
	float: left;
	margin: 0 3px 100px 0;
	text-indent: -9999px;
	outline: none;
	}

	
#right_content #hotel2Cont2 #countrybox2 .contry8 a {
	display: block;
	width: 171px;
	height: 50px;
	background: url(images/bt_wien.gif) no-repeat;
	float: left;
	margin: 0 0 100px 0;
	text-indent: -9999px;
	outline: none;
	}

	
/*link  ＞＞その他の都市をご希望の方はこちらをクリック*/

#right_content #hotel2Cont2 .link {
	display: block;
	width: 695px;
	height: auto;
	text-align: right;
	margin: 0 0 30px 0;
/*	overflow: hidden;
*/	}


/*ヨーロッパのみならず世界各国のホテルを予約できます*/

#right_content #world_area {
	width: 663px;
	height: auto;
	border: solid 1px #ffd700;
	overflow: hidden;
	padding: 15px;
	}

#right_content #world_area h3.midashi03 {
	margin: 0 0 15px 0;
	clear: both;
	}

/*エリア見出し部分*/

#right_content #world_area .area1 h4.areaFont,
#right_content #world_area .area2 h4.areaFont,
#right_content #world_area .area3 h4.areaFont,
#right_content #world_area .area4 h4.areaFont {
	background-color: #ffd700;
	margin: 0 0 5px 0;
	padding: 0 0 0 5px;
	}


/*アジア*/

#right_content #world_area .area1 {
	width: 160px;
	height: auto;
	float: left;
	margin: 0 5px 0 0;
	}
		
/*北米・ハワイ*/

#right_content #world_area .area2 {
	width: 160px;
	height: auto;
	float: left;
	margin: 0 5px 0 0;
	}
	
/*オセアニア・太平洋*/

#right_content #world_area .area3 {
	width: 160px;
	height: auto;
	float: left;
	margin: 0 5px 0 0;
	}
	
/*アフリカ・中近東*/

#right_content #world_area .area4 {
	width: 160px;
	height: auto;
	float: left;
	margin: 0 5px 0 0;
	}
	
/*link  ＞＞その他の都市をご希望の方はこちらをクリック*/

#right_content #world_area p.link {
	clear: both;
	display: block;
	width: 655px;
	height: 20px;
	text-align: right;
	margin: 0;
	padding: 10px 0 0 0;
	}

	
/*マウスオーバー*/

#wrapper a,
#wrapper a img {
	transition:all 0.5s ease;
	}
	
#wrapper a:hover,
#wrapper a img:hover {
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
	-ms-filter: "alpha(opacity=70)";
	}