﻿/* 世界地図エリア
------------------------------------------------*/
.map {
	background-image: url(../map.png);
	width: 610px;
	height: 320px;
	position: relative;
	margin-top: 00px;
	margin-left: 10px;
}

/* 世界地図メニュー
------------------------------------------------*/

.menu ul {
	margin: 0;
	padding: 0;
}
.menu ul li {
	list-style: none;
	margin: 0;
	width: 140px;/*親メニューの幅*/
	height: 24px;/*親メニューの高さ*/
	line-height: 24px;/*親メニューの文字の位置*/
	background: #0063d3;/*親メニューの背景色*/
	border: 1px solid #fff;/*親メニューの枠の色*/
}
.menu ul li a {
	display: block;
	text-decoration: none;
	margin-left: 3px;
	color: #fff;/*親メニューの文字色*/
	font-size: 12px;/*親・サブメニューの文字サイズ*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;/*親・サブメニューの書体*/
}
.menu ul li:hover, .menu ul li a:hover {
	background-color: #0063d3;/*ホバー時背景色*/
}

/* 世界地図サブメニュー
------------------------------------------------*/
.menu ul li ul {
	position: absolute;
	top: 24px;/*親メニューの高さと同じにする*/
	z-index: 100;
}
.menu ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 140px;/*サブメニューの幅*/
	height: 0;
	line-height: 18px;/*サブメニューの文字の位置*/
	background-color: #DFFAFF;/*サブメニューの背景色*/
	border: 0;
	-moz-transition: .2s;/*↓サブメニューの動き*/
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
.menu ul li ul li a {
	color: #0063d3;/*サブメニューの文字色*/
	display: block;
	margin-left: 10px;
	text-decoration: underline;
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
	color: #F60;
	text-decoration: underline;
	background-color: #fff;
}
.menu ul li:hover ul li, .menu ul li a:hover ul li {
	visibility: visible;
	overflow: visible;
	height: 18px;/*サブメニューの高さ*/
	z-index: 10;
}

/* リスト座標
------------------------------------------------*/
.menu .asia {
	position: absolute;
	top: 88px;
	left: 180px;
}
.menu .europe {
	position: absolute;
	top: 88px;
	left: 24px;
}
.menu .north_america {
	position: absolute;
	top: 107px;
	left: 344px;
}
.menu .hawaii_micronesia {
	position: absolute;
	top: 149px;
	left: 238px;
}
.menu .oceania {
	position: absolute;
	top: 201px;
	left: 197px;
}
.menu .middle_east {
	position: absolute;
	top: 136px;
	left: 50px;
}
.other {
	position: absolute;
	top: 279px;
	left: 445px;
}
.other a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #F60;
	text-decoration: none;
	padding: 4px;
}
.other a:hover {
	background-color: #F90;
}

/* バナー画像
------------------------------------------------*/
.banner {
	width: 610px;
	position: relative;
	margin-top: 20px;
	margin-left: 10px;
	margin-bottom: 20px;
}

/* 見出し・バナーテキスト
------------------------------------------------*/
h4 .title .banner_text {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
