/*===ベーススタイル===*/

a {
	color: #FCDF9D;
	text-decoration: underline;
}

a:hover {
	color: #777777;
	text-decoration: none;
}

html, body {
	height: 100%;
}

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image: url(../img/top/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
  scrollbar-face-color: #1E1E1E;       /* 表面の色 */
  scrollbar-3dlight-color: #111111;    /* 左端と上端の色 */
  scrollbar-highlight-color: #1E1E1E;  /* ハイライトの色 */
  scrollbar-shadow-color: #1E1E1E;     /* 影の色 */
  scrollbar-darkshadow-color: #111111; /* 右端と下端 */
  scrollbar-arrow-color: #FCDF9D;      /* 矢印の色 */
  scrollbar-track-color: #000000;      /* バーの背景の色 */
}

body, table, th, td, p {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 22px;
	vertical-align: top;
}

h1 {
	float: left;
	padding-top: 15px;
	margin: 0px;
	margin-left: 10px;
}
img {
	border: none;
}



/*===汎用スタイル===*/

.left { text-align: left}
.center { text-align: center; margin-left: auto; margin-right: auto}
.right { text-align: right}
.top { vertical-align: top}
.middle { vertical-align: middle}
.bottom { vertical-align: bottom}



/*===カラーセット===*/

.color1 { color: #000000;} /*ブラック*/
.color2 { color: #FFFFFF;} /*ホワイト*/



/*===レイアウト===*/

#site_frame {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	position: absolute;	/*リキッドレイアウト以下*/
	width: 900px;
	height: 600px;
	left: 50%;
	top: 50%;
	margin-left: -450px;
	margin-top: -300px;	/*リキッドレイアウト以上*/
	border: 1px solid #1E1E1E;
	padding: 10px;
}

#header {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	height: 280px;
	background-image: url(../img/top/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

#header #sub_menu {
	margin: 0px;
	padding: 0px
	list-style: none;
	margin-left: 650px;
}

#header #sub_menu li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	margin-left: 10px;
}

#header #sub_menu li a {
	color: #FFFFFF;
	text-decoration: none;
}

#header #sub_menu li a:hover {
	color: #FCDF9D;
	text-decoration: none;
}

#main_flash {
	width: 680px;
	height: 240px;
	float: right;
	margin-right: 10px;
}

.dotline {
	background-image: url(../img/top/dotline.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#contents {
	width: 100%;
	margin-bottom: 20px;
	clear: both;
	text-align: left;
}

#contents #mobile {
	width: 150px;
	height: 289px;
	float: left;
	margin-left: 20px;
}

#contents #contents_banner {
	float: left;
	margin-left: 50px;
	margin-top: 10px;
}

#contents #contents_banner div {
	margin-bottom: 5px;
}

#contents #infomation {
	padding-left: 10px;
	padding-right: 10px;
	height: 130px;
	overflow: auto;
	float: right;
	margin-top: 10px;
	width: 350px;
	margin-right: 10px;
}

#contents #infomation div {
/*	background-image: url(../img/top/dotline.gif);
	background-repeat: repeat-x;
	background-position: center bottom;*/
	text-align: left;
	line-height: 15px;
	padding-bottom: 5px;
}

#contents #infomation div img {
	margin: 5px;
}

#contents #infomation div span {
	font-size: 11px;
	margin-left: 5px;
}

#credit {
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	clear: both;
}

/*マウスオーバー（メインメニュー）*/

#contents #main_menu {
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-left: 220px;
}

#main_menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	margin-left: 20px;
}

#main_menu #menu01 {
	display: block;
	width: 54px;
	height: 142px;
	background-image: url('../img/top/menu_01.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu01 a {
	display: block;
	width: 54px;
	height: 142px;
}

#main_menu #menu01 a:hover {
	display: block;
	width: 54px;
	height: 142px;
	background-image: url('../img/top/menu_b_01.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu01 a:hover img {
	visibility: hidden;
}


#main_menu #menu02 {
	display: block;
	width: 50px;
	height: 142px;
	background-image: url('../img/top/menu_02.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu02 a {
	display: block;
	width: 50px;
	height: 142px;
}

#main_menu #menu02 a:hover {
	display: block;
	width: 50px;
	height: 142px;
	background-image: url('../img/top/menu_b_02.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu02 a:hover img {
	visibility: hidden;
}

#main_menu #menu03 {
	display: block;
	width: 46px;
	height: 142px;
	background-image: url('../img/top/menu_03.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu03 a {
	display: block;
	width: 46px;
	height: 142px;
}

#main_menu #menu03 a:hover {
	display: block;
	width: 46px;
	height: 142px;
	background-image: url('../img/top/menu_b_03.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu03 a:hover img {
	visibility: hidden;
}

#main_menu #menu04 {
	display: block;
	width: 48px;
	height: 142px;
	background-image: url('../img/top/menu_04.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu04 a {
	display: block;
	width: 48px;
	height: 142px;
}

#main_menu #menu04 a:hover {
	display: block;
	width: 48px;
	height: 142px;
	background-image: url('../img/top/menu_b_04.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu04 a:hover img {
	visibility: hidden;
}

#main_menu #menu05 {
	display: block;
	width: 46px;
	height: 142px;
	background-image: url('../img/top/menu_05.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu05 a {
	display: block;
	width: 46px;
	height: 142px;
}

#main_menu #menu05 a:hover {
	display: block;
	width: 46px;
	height: 142px;
	background-image: url('../img/top/menu_b_05.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu05 a:hover img {
	visibility: hidden;
}

#main_menu #menu06 {
	display: block;
	width: 51px;
	height: 142px;
	background-image: url('../img/top/menu_06.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu06 a {
	display: block;
	width: 51px;
	height: 142px;
}

#main_menu #menu06 a:hover {
	display: block;
	width: 51px;
	height: 142px;
	background-image: url('../img/top/menu_b_06.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu06 a:hover img {
	visibility: hidden;
}

#main_menu #menu07 {
	display: block;
	width: 51px;
	height: 142px;
	background-image: url('../img/top/menu_07.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu07 a {
	display: block;
	width: 51px;
	height: 142px;
}

#main_menu #menu07 a:hover {
	display: block;
	width: 51px;
	height: 142px;
	background-image: url('../img/top/menu_b_07.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu07 a:hover img {
	visibility: hidden;
}

#main_menu #menu08 {
	display: block;
	width: 45px;
	height: 142px;
	background-image: url('../img/top/menu_08.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu08 a {
	display: block;
	width: 45px;
	height: 142px;
}

#main_menu #menu08 a:hover {
	display: block;
	width: 45px;
	height: 142px;
	background-image: url('../img/top/menu_b_08.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu08 a:hover img {
	visibility: hidden;
}

#main_menu #menu09 {
	display: block;
	width: 46px;
	height: 142px;
	background-image: url('../img/top/menu_09.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu09 a {
	display: block;
	width: 46px;
	height: 142px;
}

#main_menu #menu09 a:hover {
	display: block;
	width: 46px;
	height: 142px;
	background-image: url('../img/top/menu_b_09.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu09 a:hover img {
	visibility: hidden;
}

//10//

#main_menu #menu10 {
	display: block;
	width: 39px;
	height: 142px;
	background-image: url('../img/top/menu_10.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu10 a {
	display: block;
	width: 39px;
	height: 142px;
}

#main_menu #menu10 a:hover {
	display: block;
	width: 39px;
	height: 142px;
	background-image: url('../img/top/menu_b_10.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#main_menu #menu10 a:hover img {
	visibility: hidden;
}