@charset "Shift_JIS";




/*
--------------------------------
	basics
--------------------------------
*/


/* ---- basics ---- */

* {
	margin: 0;
	padding: 0;
}

body {
	color: #ccc;
	padding-bottom: 30px;
	background-color: #000;
	/*background-color: #e2e8ef;*/
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	text-align: center; /* for IE */
	_font-size: 100%; /* for Win IE6- */
}

img {
	border-width: 0;
}

a:link { text-decoration: none; color: #c00; }
a:visited { text-decoration: none; color: #c30; }
a:hover { text-decoration: underline; color: #c00; }
a:active { text-decoration: none; color: #c00; }

ul {
	list-style-type: none;
}

option {
	padding-right: 5px;
} 

.note {
	color: #666;
}

.alert {
	color: #c30;
}

strong {
	color: #fff;
	/*font-weight: normal;*/
}


/* ---- clearfix ---- */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; /* for Mac IE5 */
}

/* Hides from Mac IE5 \*/
.clearfix {
	display: block; /* for others */
	min-height: 1%; /* for IE7 */
}
* html .clearfix { height: 1%; } /* for Win IE4-6 */
/* End hide from Mac IE5 */


/* ---- font size ---- */

.j4 {
	font-size: 18px;
	_font-size: 140%; /* for Win IE6- */
}

.body {
	font-size: 12px;
	_font-size: 83%; /* for Win IE6- */
	line-height: 1.5;
}

.j3 {
	font-size: 12px;
	_font-size: 83%; /* for Win IE6- */
}

.j2 {
	font-size: 10px;
	_font-size: 70%; /* for Win IE6- */
}




/*
--------------------------------
	frame
--------------------------------
*/


/* ---- header ---- */

#header {
	position: relative;
	width: 760px;
	height: 140px;
	margin: 0 auto;
	background-image: url(../img/header.gif);
	background-repeat: no-repeat;
	text-align: left;
}


/* ---- global navigation ---- */

a#tohome {
	display: block;
	position: absolute;
	top: 38px;
	left: 0;
	width: 187px;
	height: 75px;
	outline: 0;
	text-indent: -9999px;
	font-size: 1px;
}

#global_navigation {
	position: absolute;
	top: 76px;
	left: 187px;
	width: 573px;
	height: 58px;
}

#global_navigation li {
	display: inline;
	float: left;
}

#global_navigation li.sleep {
	display: block;
	width: 81px;
	height: 29px;
}

#global_navigation li a {
	display: block;
	height: 29px;
	margin-left: 4px;
	background-image: url(../img/global_navigation.gif);
	background-repeat: no-repeat;
	outline: 0;
	text-indent: -9999px;
	font-size: 1px;
}

#global_navigation li#g0 a {
	width: 26px;
	background-position: 0 0;
}
#global_navigation li#g0 a:hover,
#global_navigation li#g0 a.x {
	background-position: 0 -29px;
}

#global_navigation li#g1 a {
	width: 92px;
	background-position: -30px 0;
}
#global_navigation li#g1 a:hover,
#global_navigation li#g1 a.x {
	background-position: -30px -29px;
}

#global_navigation li#g2 a {
	width: 92px;
	background-position: -126px 0;
}
#global_navigation li#g2 a:hover,
#global_navigation li#g2 a.x {
	background-position: -126px -29px;
}

#global_navigation li#g3 a {
	width: 92px;
	background-position: -222px 0;
}
#global_navigation li#g3 a:hover,
#global_navigation li#g3 a.x {
	background-position: -222px -29px;
}

#global_navigation li#g4 a {
	width: 81px;
	background-position: -318px 0;
}
#global_navigation li#g4 a:hover,
#global_navigation li#g4 a.x {
	background-position: -318px -29px;
}

#global_navigation li#g5 a {
	width: 81px;
	background-position: -403px 0;
}
#global_navigation li#g5 a:hover,
#global_navigation li#g5 a.x {
	background-position: -403px -29px;
}

#global_navigation li#g6 a {
	width: 81px;
	background-position: -488px 0;
}
#global_navigation li#g6 a:hover,
#global_navigation li#g6 a.x {
	background-position: -488px -29px;
}


/* ---- page title ---- */

h1#page_title {
	width: 740px;
	height: 25px;
	margin: 0 auto 10px auto;
	text-align: right;
}


/* ---- local navigation (tab) ---- */

ul.local_navigation {
	width: 740px;
	height: 28px;
	margin: 0 auto 30px auto;
	background-image: url(../img/local_navigation_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

ul.local_navigation li {
	display: inline;
	float: left;
}

ul.local_navigation li a {
	display: block;
	height: 20px;
	margin-right: 4px;
	background-repeat: no-repeat;
	background-position: 0 0;
	outline: 0;
	text-indent: -9999px;
	font-size: 1px;
}

ul.local_navigation li a:hover,
ul.local_navigation li a.x {
	background-position: 0 -20px;
}


/* -- footer -- */

#footer {
	width: 760px;
	margin: 0 auto;
	border-top: 1px solid #2b2b2b;
}

#footer #copyright {
	float: left;
	width: 300px;
	padding-top: 23px;
	text-align: left;
}

#footer #mmv {
	float: right;
	width: 300px;
	padding-top: 4px;
	text-align: right;
}