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

body {
	font-size:80%;
	color:#333333;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0px; padding:0px;
	line-height:160%;
	text-align:center;
}

/*初期設定*/

h1 ,h2 ,h3 ,h4 { margin:0xp; padding:0px;}

a {outline:none;}

/*レイアウト枠設定*/

#wrap { margin:0px; text-align:center;}
#container { width:900px; margin:10px auto 0px auto; text-align:center;}


#header { width:470px; height:135px; position:relative; background:url(../img/top/logo.gif) no-repeat center top;
text-align:center; text-indent:-9999px; display:block; margin:0px auto; }
#header h1 a { display:block; height:125px; width:470px; outline:none; text-align:center;}

/*イメージエリア設定*/

#area {
	color: #FFFFFF;
	height: 386px;
	width:503px;
	margin:0px auto;
	text-align:left;
	position:relative;
}

#area .banner{
	position:absolute;
}

/*プレイヤー設定*/

#player { display:block; margin-top:10px;}

/*ナビゲーション設定*/

#menu { clear:both;}
#menu ul { list-style:none; width:844px; margin:0px auto; background:url(../img/top/navi_bg.gif) no-repeat 0px 40px; height:21px; display:block; padding:40px 0px;}
#menu ul li { float:left; margin:0px; padding:0px; text-indent:-9999px;}

#menu ul .navi01 a { width:116px; height:20px; display:block; outline:none;}
#menu ul .navi01 a:hover { width:116px; height:20px; display:block; background:url(../img/top/navi01.gif) no-repeat;}

#menu ul .navi02 a { width:103px; height:20px; display:block; margin-left:19px; outline:none;}
#menu ul .navi02 a:hover { width:103px; height:20px; display:block; background:url(../img/top/navi02.gif) no-repeat;}

#menu ul .navi03 a { width:46px; height:20px; display:block; margin-left:17px; outline:none;}
#menu ul .navi03 a:hover { width:46px; height:20px; display:block; background:url(../img/top/navi03.gif) no-repeat;}

#menu ul .navi04 a { width:128px; height:20px; display:block; margin-left:25px; outline:none;}
#menu ul .navi04 a:hover { width:128px; height:20px; display:block; background:url(../img/top/navi04.gif) no-repeat;}

#menu ul .navi05 a { width:38px; height:20px; display:block; margin-left:27px; outline:none;}
#menu ul .navi05 a:hover { width:38px; height:20px; display:block; background:url(../img/top/navi05.gif) no-repeat;}

#menu ul .navi06 a { width:71px; height:20px; display:block; margin-left:30px; outline:none;}
#menu ul .navi06 a:hover { width:71px; height:20px; display:block; background:url(../img/top/navi06.gif) no-repeat;}

#menu ul .navi07 a { width:35px; height:20px; display:block; margin-left:30px; outline:none;}
#menu ul .navi07 a:hover { width:35px; height:20px; display:block; background:url(../img/top/navi07.gif) no-repeat;}

#menu ul .navi08 a { width:53px; height:20px; display:block; margin-left:29px; outline:none;}
#menu ul .navi08 a:hover { width:53px; height:20px; display:block; background:url(../img/top/navi08.gif) no-repeat;}

#menu ul .navi09 { text-indent:0px; display:block; width:45; margin-left:29px;}


/*フッター設定*/

#footer { padding:20px 0px 55px 0px;}
#footer .copy { font-size:90%; color:#333333; padding:0px; margin:0px;}
#footer .copy a { color:#333333; text-decoration:none; outline:none;}
#footer .copy a:hover { color:#333333; text-decoration:underline;}