@charset "utf-8";

/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Last Updated: Apr 12, 2010
	Edited by Kazuya Ono / COLONY+iNTERACTIVE INC.

	01: text
	02: layout
	03: header
	00: classes

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* ============================================================
01: text
============================================================ */
/* whitch?
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-family: Helvetica, Arial, Verdana, Geneva, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
*/ 
body {
	color: #fff;
	font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height: 1.6;
}
/* for IE8 (default:16px) */
html>/**/body {
	font-size /*\**/: 82%\9;
}

/* ---------- textLink ---------- */
a,
a:link,
a:visited {
	color: #ff0;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}


/* ============================================================
02: layout
============================================================ */
body {
	background: #222;
}
header {
	width: 100%;
	height: 177px;
	padding-top: 40px;
	background: #222;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
}
/* ---------- position:fix for IE6 [start] ---------- */
header {
	_position: expression('absolute');
	_top: expression(documentElement.scrollTop + 0 + 'px');
	_left: expression(documentElement.scrollLeft + 0 + 'px');
}
html {
	_background: url(null) fixed;
}
/* ---------- position:fix for IE6 [end] ---------- */
div#wrapper {
	min-width: 860px;
	margin: 217px 10px 0;
}
article {
	padding: 30px 0 50px 40px;
	background: url(../images/common/bdr_dot_666.gif) 0 bottom repeat-x;
}
/* ---------- ie7 [start] ---------- */
*:first-child+html article {
	position: relative;
	top: 217px;
}
/* ---------- ie7 [end] ---------- */
article div.inner {
	width: 860px;
	overflow: hidden;
	_height: 1%;	
}
article h2 {
	margin-bottom: 50px;
}


/* ============================================================
03: header
============================================================ */
header h1 {
	width: 191px;
	height: 35px;
	margin: 0 0 10px 50px;
	overflow: hidden;
}
header h1 a {
	display: block;
	width: 191px;
	height: 0;
	padding: 35px 0 0;
	background: url(../images/header/h1.gif) 0 0 no-repeat;
}
header p.description {
	width: 241px;
	height: 0;
	padding-top: 7px;
	margin: 0 0 10px 50px;
	overflow: hidden;
	background: url(../images/header/header_des.gif) 0 0 no-repeat;
}
header p.copyright {
	width: 176px;
	height: 0;
	padding-top: 7px;
	margin: 0 0 22px 50px;
	overflow: hidden;
	background: url(../images/header/header_copyright.gif) 0 0 no-repeat;
}
nav ul {
	height: 36px;
	margin-left: 50px;
	background: url(../images/header/gnav_bg.gif) 0 0 no-repeat;
}
nav ul li {
	display: inline;
}
nav ul li a {
	display: block;
	height: 0;
	margin-top: 2px;
	padding-top: 35px;
	float: left;
	overflow: hidden;
	background: url(../images/header/gnav.gif) no-repeat;
}
nav ul li#gNav01 a {
	width: 214px;
	margin-right: 18px;
	background-position: 0 0;
}
nav ul li#gNav01 a:hover {
	background-position: -250px 0;
}
nav ul li#gNav02 a {
	width: 77px;
	margin-right: 21px;
	background-position: 0 -35px;
}
nav ul li#gNav02 a:hover {
	background-position: -250px -35px;
}
nav ul li#gNav03 a {
	width: 98px;
	margin-right: 23px;
	background-position: 0 -70px;
}
nav ul li#gNav03 a:hover {
	background-position: -250px -70px;
}
nav ul li#gNav04 a {
	width: 200px;
	margin-right: 19px;
	background-position: 0 -105px;
}
nav ul li#gNav04 a:hover {
	background-position: -250px -105px;
}
nav ul li#gNav05 a {
	width: 144px;
	background-position: 0 -140px;
}
nav ul li#gNav05 a:hover {
	background-position: -250px -140px;
}


/* ============================================================
00: classes
============================================================ */
.rollover {
}
.rEnd {
	margin-right: 0 !important;
}
.bEnd {
	margin-bottom: 0 !important;
}