@charset "Shift_JIS";

/* body tag
--------------------------------------------------*/
body {
	width: 860px;
	margin: 0 auto;
	padding: 0;
	background: #000 url(../cmnimg/bg.gif) top center repeat-y;
	color: #999;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','HiraKakuPro-W3','MS UI Gothic'
							osaka Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	line-height: 1.7em;
}

/* text tag
--------------------------------------------------*/
h1 {
	margin: 0 0 5px;
	padding: 0;
	font-size: x-large;
}

h2 {
	clear: both;
	margin: 20px 0 15px;
	padding: 0;
	font-size: 14px;
}

#message h2 {
	clear: both;
	margin: 50px 0 15px;
	padding: 0;
}

h3 {
	clear: both;
	margin: 20px 0 10px;
	padding: 0;
	font-size: 90%;
	text-decoration: none;
}

h4 {
	clear: both;
	margin: 10px 0 10px;
	padding: 0;
	font-size: 90%;
	text-decoration: none;
}

h5 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 90%;
	text-decoration: none;
}

p {
	margin-bottom: 13px;
	padding: 0;
	font-size: 12px;
	line-height: 155%;
}

p strong {
	font-size: 100%;
	font-weight: bold;
}

p.right {
	font-size: small;
	text-align: right;
}

p.left {
	margin: 0 0 50px;
	font-size: 10px;
	margin-bottom: 20px;
}


ul {
	margin: 0 0 20px;
	padding-left: 20px;
	font-size: 80%;
}

.mb20 {
	margin-bottom: 20px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb60 {
	margin-bottom: 60px;
}


.blue {
color: #039;
}



/* img tag
--------------------------------------------------*/
img {
	margin: 0;
	padding: 0;
	border: 0px none;
}

img.left {
	float: left;
	margin: 5px 20px 0 0;
	border: 0px none;
}

img.right {
	float: right;
	margin: 5px 0 0 20px;
	border: 0px none;
}

img.across {
	margin: 0 0 10px 0;
	border: 0px none;
}

img.footerIcon {
	float: right;
	margin: 5px 0 0 0px;
}

/* anchor tag
--------------------------------------------------*/
a:link,
a:visited {
	color: #f39;
	text-decoration: none;
}

a:hover,
a:active {
	color: #f09;
	text-decoration: underline;
}


/* table tag
--------------------------------------------------*/
table {
	width: 640px;
	border-spacing: 0;
	border-collapse: collapse;
}

th {
	width: auto;
	margin: 0;
	padding: 5px;
	font-size: 80%;
	line-height: 140%;
	text-align: left;
	vertical-align: middle;
	border-bottom: solid 2px #666;
}

td {
	width: auto;
	margin: 0;
	padding: 5px;
	font-size: 80%;
	line-height: 140%;
	text-align: left;
	vertical-align: middle;
	border-bottom: solid 1px #666;
}


/* container
--------------------------------------------------*/
#container {
	position: relative;
	width: 758px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#message #container {
	position: relative;
	width: 758px;
	height: 580px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(../message/img/bg.jpg) no-repeat;
}

/* header
--------------------------------------------------*/
#header {
	width: 758px;
	height: 210px;
}


/* contents
--------------------------------------------------*/
#contents {
	width: 758px;
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}

#contents #contentText {
	width: 600px;
	margin: 50px 79px;
	text-align: left;
}


#link #contents #contentText {
	margin: 50px 0 50px 200px;
	text-align: left;
}



/* globalNav
--------------------------------------------------*/
#globalNav {
	position: absolute;
	top: 74px;
	left: 0px;
	width: 758px;
	height: 177px;
	margin: 0;
	padding: 0;
}

#globalNav ul {
	width: 758px;
	height: 177px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#globalNav li {
	display: block;
	height: 66px;
	float: left;
	text-indent: -9999px;
}

#globalNav li a {
	display: block;
	height: 66px;
	float: left;
	border: none;
	overflow: hidden;
	text-decoration: none;
}

#globalNav li#nav1 {
	position: absolute;
	top: 122px;
	width: 84px;
}

#globalNav li#nav1 a {
	width: 84px;
}

#globalNav li#nav2 {
	position: absolute;
	top: 96px;
	left: 84px;
	width: 91px;
}

#globalNav li#nav2 a {
	width: 91px;
}

#globalNav li#nav3 {
	position: absolute;
	top: 80px;
	left: 175px;
	width: 61px;
}

#globalNav li#nav3 a {
	width: 61px;
}

#globalNav li#nav4 {
	position: absolute;
	top: 69px;
	left: 236px;
	width: 46px;
}

#globalNav li#nav4 a {
	width: 46px;
}

#globalNav li#nav5 {
	position: absolute;
	top: 61px;
	left: 282px;
	width: 139px;
}

#globalNav li#nav5 a {
	width: 139px;
}

#globalNav li#nav6 {
	position: absolute;
	top: 37px;
	left: 421px;
	width: 51px;
}

#globalNav li#nav6 a {
	width: 51px;
}

#globalNav li#nav7 {
	position: absolute;
	top: 28px;
	left: 472px;
	width: 70px;
}

#globalNav li#nav7 a {
	width: 70px;
}

#globalNav li#nav8 {
	position: absolute;
	top: 15px;
	left: 542px;
	width: 121px;
}

#globalNav li#nav8 a {
	width: 121px;
}

#globalNav li#nav9 {
	position: absolute;
	top: 0;
	left: 663px;
	width: 96px;
}

#globalNav li#nav9 a {
	width: 96px;
}


/* default */
#globalNav li#nav1 a {background: url(../cmnimg/g_nav.gif) no-repeat 0 -122px;}
#globalNav li#nav2 a {background: url(../cmnimg/g_nav.gif) no-repeat -84px -96px;}
#globalNav li#nav3 a {background: url(../cmnimg/g_nav.gif) no-repeat -175px -80px;}
#globalNav li#nav4 a {background: url(../cmnimg/g_nav.gif) no-repeat -236px -69px;}
#globalNav li#nav5 a {background: url(../cmnimg/g_nav.gif) no-repeat -282px -61px;}
#globalNav li#nav6 a {background: url(../cmnimg/g_nav.gif) no-repeat -421px -37px;}
#globalNav li#nav7 a {background: url(../cmnimg/g_nav.gif) no-repeat -472px -28px;}
#globalNav li#nav8 a {background: url(../cmnimg/g_nav.gif) no-repeat -542px -15px;}
#globalNav li#nav9 a {background: url(../cmnimg/g_nav.gif) no-repeat -663px 0;}

/* selected */
#top #globalNav li#nav1 {background: url(../cmnimg/g_nav.gif) no-repeat 0 -322px;}
#message #globalNav li#nav2 {background: url(../cmnimg/g_nav.gif) no-repeat -84px -296px;}
#news #globalNav li#nav3 {background: url(../cmnimg/g_nav.gif) no-repeat -175px -280px;}
#bbs #globalNav li#nav4 {background: url(../cmnimg/g_nav.gif) no-repeat -236px -269px;}
#members #globalNav li#nav5 {background: url(../cmnimg/g_nav.gif) no-repeat -282px -261px;}
#link #globalNav li#nav6 {background: url(../cmnimg/g_nav.gif) no-repeat -421px -237px;}
#mania #globalNav li#nav7 {background: url(../cmnimg/g_nav.gif) no-repeat -472px -228px;}
#data #globalNav li#nav8 {background: url(../cmnimg/g_nav.gif) no-repeat -542px -215px;}
#staff #globalNav li#nav9 {background: url(../cmnimg/g_nav.gif) no-repeat -663px -200px;}

/* nolink */
#globalNav li#nav1 {background: url(../cmnimg/g_nav.gif) no-repeat 0 -422px;}
#globalNav li#nav2 {background: url(../cmnimg/g_nav.gif) no-repeat -84px -396px;}
#globalNav li#nav3 {background: url(../cmnimg/g_nav.gif) no-repeat -175px -380px;}
#globalNav li#nav4 {background: url(../cmnimg/g_nav.gif) no-repeat -236px -369px;}
#globalNav li#nav5 {background: url(../cmnimg/g_nav.gif) no-repeat -282px -361px;}
#globalNav li#nav6 {background: url(../cmnimg/g_nav.gif) no-repeat -421px -337px;}
#globalNav li#nav7 {background: url(../cmnimg/g_nav.gif) no-repeat -472px -328px;}
#globalNav li#nav8 {background: url(../cmnimg/g_nav.gif) no-repeat -542px -315px;}
#globalNav li#nav9 {background: url(../cmnimg/g_nav.gif) no-repeat -663px -300px;}

/* hover */
#globalNav li#nav1 a:hover {background: url(../cmnimg/g_nav.gif) no-repeat 0 -222px;}
#globalNav li#nav2 a:hover {background: url(../cmnimg/g_nav.gif) no-repeat -84px -196px;}
#globalNav li#nav3 a:hover {background: url(../cmnimg/g_nav.gif) no-repeat -175px -180px;}
#globalNav li#nav4 a:hover {background: url(../cmnimg/g_nav.gif) no-repeat -236px -169px;}
#globalNav li#nav5 a:hover {background: url(../cmnimg/g_nav.gif) no-repeat -282px -161px;}
#globalNav li#nav6 a:hover {background: url(../cmnimg/g_nav.gif) no-repeat -421px -137px;}
#globalNav li#nav7 a:hover {background: url(../cmnimg/g_nav.gif) no-repeat -472px -128px;}
#globalNav li#nav8 a:hover {background: url(../cmnimg/g_nav.gif) no-repeat -542px -115px;}
#globalNav li#nav9 a:hover {background: url(../cmnimg/g_nav.gif) no-repeat -663px -100px;}



/* copyright
--------------------------------------------------*/
#copyright {
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
}


/* members only
--------------------------------------------------*/
#item {
	margin: 30px 0;
}

#item img {
	margin: 10px 30px;
}


/* link
--------------------------------------------------*/
dt {
	margin: 20px 0 10px;
	font-size: large;
	font-weight: bold;
}

dt.red {
	color: #c00;
}

dt.blue {
	color: #039;
}

dd {
	font-size: 80%;
	line-height: 170%;
}


/* p
--------------------------------------------------*/
p.question {
	color: #999;
	margin-bottom: 12px;
}

p.answer {
	color: #FFF;
	margin-bottom: 12px;
}

p.lead {
	color: #999;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 20px;
}

/* message
--------------------------------------------------*/
#msgText {
	margin-top: 10px;
	padding: 0;
}

#msgText .left {
	width: 295px;
	float: left;
	margin: 10px 0 40px;
	padding: 0;
	border: 0 none;
}

#msgText .right {
	width: 295px;
	float: right;
	margin: 10px 0 40px;
	padding: 0;
	border: 0 none;
}

#msgText img {
	margin: 10px 0 0;
	padding: 0;
	border: 0 none;
}

/* staff
--------------------------------------------------*/
.staff {
	clear: both;
	margin: 0;
}

.staff img {
	float: right;
}

.staffText {
	display: block;
	float: left;
	width: 450px;
	margin-bottom: 60px;
}

.staffText h2 {
	margin: 0;
	color: #fff;
}

.staffText img {
	float: left;
}

.staffText h3 {
	margin: 0;
	font-size: 12px;
}

.staffText p {
	margin: 0;
}