table { font-size: 12px; }

.text8 { font-size: 8px; }
.text10 { font-size: 10px; }
.text12 { font-size: 12px; }
.text14 { font-size: 14px; }
.text16 { font-size: 16px; }
.text18 { font-size: 18px; }

.height10 { line-height: 10px; }
.height12 { line-height: 12px; }
.height14 { line-height: 14px; }
.height16 { line-height: 16px; }
.height18 { line-height: 18px; }
.height20 { line-height: 20px; }
.height22 { line-height: 22px; }
.height24 { line-height: 24px; }

a:link { color: #CCCCCC; }
a:visited { color: #999999; }
a:active { color: #CCCCCC; }
a:hover { color: #999999; }

html, body {
	scrollbar-base-color: #EEEEEE;
	scrollbar-track-color: #EEEEEE;
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-darkshadow-color: #999999;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #DDDDDD;
	scrollbar-arrow-color: #666666;
	margin: 0px;
	padding: 0px;
	}
.fix { background-repeat: no-repeat; }

h1 {
	margin-bottom:0px;
	line-height: 18px;
	font-size: 10px;
	color: #CCCCCC;	
	}
h2, h3 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	font-weight: lighter;
	color: #000000;
	line-height: 10px;
	}

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	background-color: #000000;
}

.official{ 
	font-size: 14px;
	font-weight:bold;
	color:#a40000;
}

/*---------- Index 1.0 Strict ----------*/

body#index {
	background: #fff;
	color: #333;
	text-align: center;
	font-size: 12px;
	margin: 0;
	padding: 0;
	}

#index #header {
	text-align: center;
	background: #fff url(../img/header_bg.png) top repeat-x
	}

#index #header .section {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	}

#index #header h1 {
	width: 600px;
	float: left;
	margin: 0;
	padding: 0;
	}

#index #header .section p {
	margin: 0;
	padding: 0;
	}
#index #header p#sitemap-link {
	width: 100px;
	float: right;
	text-align: right;
	}
#index #header h2 {
	clear: both;
	margin: 0;
	padding: 13px 0 0 0;
	}

#index #main {
	width: 750px;
	margin: 0 auto;
	}

#index #content {
	float: left;
	text-align: left;
	width: 560px;
	padding: 0 0 0 10px;
	}
* html body #index #content { width: 570px; }

#index #nav {
	float: right;
	text-align: left;
	width: 180px;
	}

#index #greeting {
	clear: both;
	text-align: left;
	border-top: 1px solid #999;
	}

#index img { border: 0; }

#index ul,
#index li { list-style: none; }


#index ul,
#index li,
#index dl,
#index dt,
#index dd,
#index p {
	margin: 0;
	padding: 0;
	}


#index #footer {
	text-align: center;
	background: #000 url(../img/footer_bg.png) top repeat-x;
	padding: 13px 0 11px 0;
	color: #ccc;
	}

#index #footer .section {
	width: 750px;
	margin: 0 auto;
	}

#index #footer li { display: inline; }

#flash {
	width: 500px;
	height: 250px;
	background: #333 url(../img/top_bg01.gif) bottom repeat-x;
	padding: 15px 30px 35px 30px;
	margin: 0 0 5px 0;
	}
* html body #flash {
	width: 560px;
	height: 305px;
	}

#index #content h2 { margin-bottom: 20px; }

#index h3 a { color: #333; }

#index #memberMap { padding: 60px 0 0 15px; }

#index #memberMap h4 {
	margin: 0;
	padding: 0;
	line-height: 1.0;
	}
#index #memberMap img { display: block; }
#index #memberMap p {
	margin-top: 1.0;
	padding-top: 1.0;
	}

#index #memberMap p.description {
	background: #eee;
	padding: 10px;
	margin: 30px 20px 12px 0;
	line-height: 18px;
	}

#index #greeting p {
	margin: 15px;
	padding: 0;
	}
#index #greeting a { color: #ff6600; }

#index #greeting ul.menu {
	border-top: 1px solid #999;
	height: 42px;
	padding: 6px 0 0 0;
	margin: 0;
	}
* html body #index #greeting ul.menu { height: 49px; }

#index #greeting ul.menu li {
	float: left;
	height: 42px;
	text-indent: -9999px;
	}
#index #greeting ul.menu a {
	display: block;
	height: 42px;
	}


/*---------- Navigation ----------*/

#content ul.member {
	text-indent: -9999px;
	width: 560px;
	height: 17px;
	background: url(../img/menu3.gif) 0 0 no-repeat;
	}

#content ul.member li {
	float: left;
	height: 17px;
	}

.member a {
	display: block;
	height: 17px;
	}

.member #nav01 { width: 75px; }
.member #nav02 { width: 73px; }
.member #nav03 { width: 87px; }
.member #nav04 { width: 140px; }
.member #nav05 { width: 83px; }
.member #nav06 { width: 102px; }

.member #nav01 a { background: url(../img/menu3.gif) 0 0 no-repeat; }
.member #nav02 a { background: url(../img/menu3.gif) -75px 0 no-repeat; }
.member #nav03 a { background: url(../img/menu3.gif) -148px 0 no-repeat; }
.member #nav04 a { background: url(../img/menu3.gif) -235px 0 no-repeat; }
.member #nav05 a { background: url(../img/menu3.gif) -375px 0 no-repeat; }
.member #nav06 a { background: url(../img/menu3.gif) -458px 0 no-repeat; }



#nav ul.internal {
	padding: 4px 0 0 0;
	margin: 0 0 0 0;
	text-indent: -9999px;
	width: 180px;
	height: 369px;
	background: url(../img/menu.gif) 0 0 no-repeat;
	}
* #nav ul.internal { height: 425px; }


#nav ul.internal li,
#nav ul.internal dt,
#nav ul.internal dd { width: 180px; }

.internal a {
	display: block;
	width: 180px;
	}

.internal #nav07 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -4px no-repeat;
	}
.internal #nav08 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -37px no-repeat;
	}
.internal #nav09 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -70px no-repeat;
	}
.internal #nav10 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -103px no-repeat;
	}
.internal #nav11 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -136px no-repeat;
	}
.internal #nav12 a {
	height: 16px;
	background: url(../img/menu.gif) 0 -169px no-repeat;
	}
.internal #nav13 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -185px no-repeat;
	}
.internal #nav14 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -218px no-repeat;
	}
.internal #nav15 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -251px no-repeat;
	}
.internal #nav16 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -284px no-repeat;
	}
.internal #nav17 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -317px no-repeat;
	}
.internal #nav18 a {
	height: 33px;
	background: url(../img/menu.gif) 0 -350px no-repeat;
	}

#nav dl.external {
	margin: 0;
	padding: 0;
	}

#nav dl.external dt {
	height: 16px;
	text-indent: -9999px;
	background: url(../img/banner_title.gif) 0 0 no-repeat;
	}
#nav dl.external dd { height: 68px; }

.menu #nav19 a {
	width: 180px;
	margin-right: 10px;
	background: url(../img/menu2.gif) 0 0 no-repeat;
	}

.menu #nav20 a {
	width: 180px;
	margin-right: 10px;
	background: url(../img/menu2.gif) -190px 0 no-repeat;
	}

.menu #nav21 a {
	width: 180px;
	margin-right: 10px;
	background: url(../img/menu2.gif) -380px 0 no-repeat;
	}

.menu #nav22 a {
	width: 180px;
	background: url(../img/menu2.gif) -570px 0 no-repeat;
	}


/*---------- Clear ----------*/

.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */