@charset "UTF-8";
* {margin:0;padding:0;}
/*タグセレクタ*/
body {
	background-color: #1e1204;
	background-image: url("../image/bg.jpg") ;
	background-repeat:repeat-x;
}
a:focus{
	outline:none;
}
a:active{
	outline:none;
}
/*idセレクタ*/
#wrapper {
	background-color: none;
	margin: 0px auto;
	width: 870px;
	padding-top: 15px;
}
#header {
	width: 450px;
	float: left;
}
#header img {
	padding: 7px 0px 0px 40px;
	border:none;
}
#s_nav {
	width: 370px;
	float: right;
	padding: 10px 10px 22px 0px;
}
#s_nav p {
	color: #f00;
	text-align: right;
}
#s_nav ul {
	list-style-type: none;
	margin-top: 10px;
}
#s_nav li {
	 float: left;
}
#s_nav a {
	display: block;		/* ブロックレベル要素に */
	text-align: center;	/* 行揃えを中央 */
	text-decoration: none;	/* リンク文字の下線を非表示 */
	color: #000;		/* 文字色 */
	font-size: 12px;	/* 文字サイズ */
	font-family: "メイリオ";
	line-height: 20px;	/* 行の高さ＝メニューの高さ */
	width: 70px;		/* 1つのメニュー幅 */
	background-color: #eee;	/* 背景色 */
	border: solid 1px #fff;	/* 左の境界線 */
}
#country a {
	background-color: #bbb;	/* 背景色 */	
}
#s_nav a:hover {
	background-color: #ddd;
}
#country a:hover {
	background-color: #bbb;
}
#side {
	float: left;
	width: 400px;
}
#slideshow {
	position: relative;
	width: 400px;	/* 画像の横幅 */
	height: 240px;	/* 画像の高さ */
}
#slideshow img {
	position: absolute;
	top: 0;
	left:0;
	z-index: 8;
	opacity: 0.0;
}
#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}
#slideshow img.last-active {
	z-index: 9;
}
#news img {
	margin: 17px 0px 5px 5px;
}
#news iframe {
	width: 400px;
	height: 63px;
	border: 1px solid #999;
}
#map {
	float: right;
	width: 450px;
	height: 340px;
}
/* gnav　横のメニューの設定 */
#gnav ul{
	list-style:none;/*リストの・を消す */
	overflow:hidden;/*子要素のliのfloatの解除*/
}
#gnav li{float:left;/*ボックスを横に並べるためにフロートをかける*/
}
#gnav li a {
	display:block;/*リンク部分をブロック化しておく*/
	width:150px;
	height:30px;
}
#gnav span{display:none;/*spanの中は隠すように設定*/
}
/* リンク部分の画像 */
#gnav_eu a {background-image:url(../image/gnav_eu01.jpg);}
#gnav_aao a {background-image:url(../image/gnav_aao01.jpg);}
#gnav_am a {background-image:url(../image/gnav_am01.jpg);}

/* リンク部分　マウスが来たらこの画像に変える */
#gnav_eu a:hover {background-image:url(../image/gnav_eu02.jpg);}
#gnav_aao a:hover {background-image:url(../image/gnav_aao02.jpg);}
#gnav_am a:hover {background-image:url(../image/gnav_am02.jpg);}

#map table,tr,td {
	margin-top: 5px;
	border: 1px solid #333;/*枠線を指定*/
	border-collapse: collapse;/*表の境界線を結合してを表示する*/
	color: #ccc;
}
#map td {
	height:35px;/*セルの高さを27pxに指定*/
	vertical-align:middle;/*文字をセルの高さの真ん中に指定*/
}
.t00 {
	font-size:13px;
	width:225px;/*幅を225pxに指定*/
	text-align: center;
}
.t01 {
	font-size:13px;
	width:225px;/*幅を225pxに指定*/
	text-align: center;
}

#main iframe {
	width: 868px;
	height: 400px;
	border: 1px solid #aaa;
	margin: 20px 0px 20px 0px;
}

#footer {font-size:13px;
	color: #aaa;
	padding:10px 0px;
	margin-bottom: 20px;
	text-align:center;
	border:1px dotted #aaa;
	background-color: #271806;
}

/*クラスセレクタ*/
.float-clear {
	clear: both;
}
.red {
	color: #c00;
	font-size: 15px;
	font-weight: bold;
}
