/*
Theme Name: ninefield
*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

img.alignleft {
	float: left;
}

img.alignright {
	float: right;
}

img.aligncenter {
	clear: both;
	text-align: center;
}

.mceIEcenter {
	text-align: center;
}

.mceTemp dl {
	background: #f3f3f3;
	border: 1px solid #dddddd;
	padding: 5px;
	text-align: center;
}

.mceTemp dl dt img {
	padding: 0;
	margin: 0;
}

.mceTemp dl.alignleft {
	float: left;
}

.mceTemp dl.alignright {
	float: right;
}

/* BASE -------------------------------------------------------------------------*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", Arial, Helvetica, sans-serif;
	background: #000000 url(images/bg_01.gif) repeat-x top left;
	padding: 146px 0 0 0;
}

/* SIDEBAR -------------------------------------------------------------------------*/

#sidebar {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	line-height: 0;
}

/* WRAPPER -------------------------------------------------------------------------*/

#wrapper {
	clear: both;
	width: 850px;
	line-height: 0;
}

/* MAIN_IMG -------------------------------------------------------------------------*/

#mimg {
	line-height: 0;
	font-size: 0;
}

/* HEADER -------------------------------------------------------------------------*/

#header_box {
	height: 58px;
	line-height: 0;
	font-size: 0;
}

#logo {
	float: left;
	width: 161px;
	height: 34px;
}

/* MENU -------------------------------------------------------------------------*/

#menu {
	float: left;
	width: 669px;
	height: 24px;
	margin: 5px 0 0 20px;
}

#menu ul {
	list-style: none;
	width: 669px;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 0;
}

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

#menu01 {width: 97px; height: 24px; margin: 0 0 0 0;}
#menu02 {width: 67px; height: 24px; margin: 0 0 0 10px;}
#menu03 {width: 51px; height: 24px; margin: 0 0 0 10px}
#menu04 {width: 63px; height: 24px; margin: 0 0 0 10px}
#menu05 {width: 85px; height: 24px; margin: 0 0 0 10px}
#menu06 {width: 68px; height: 24px; margin: 0 0 0 10px}
#menu07 {width: 68px; height: 24px; margin: 0 0 0 10px}
#menu08 {width: 90px; height: 24px; margin: 0 0 0 10px}

#menu li a {
	display: block;
	height: 24px;
}

#menu01 li a {width: 97px; height: 24px;}
#menu02 li a {width: 67px; height: 24px;}
#menu03 li a {width: 51px; height: 24px;}
#menu04 li a {width: 63px; height: 24px;}
#menu05 li a {width: 85px; height: 24px;}
#menu06 li a {width: 68px; height: 24px;}
#menu07 li a {width: 68px; height: 24px;}
#menu08 li a {width: 90px; height: 24px;}

#menu span {
	position: absolute;
	left: -5000px;
}

#menu01 a {background: url(images/menu1.gif) no-repeat top left;}
#menu02 a {background: url(images/menu2.gif) no-repeat top left;}
#menu03 a {background: url(images/menu3.gif) no-repeat top left;}
#menu04 a {background: url(images/menu4.gif) no-repeat top left;}
#menu05 a {background: url(images/menu5.gif) no-repeat top left;}
#menu06 a {background: url(images/menu6.gif) no-repeat top left;}
#menu07 a {background: url(images/menu7.gif) no-repeat top left;}
#menu08 a {background: url(images/menu8.gif) no-repeat top left;}

#menu01 a:hover,
#menu02 a:hover,
#menu03 a:hover,
#menu04 a:hover,
#menu05 a:hover,
#menu06 a:hover,
#menu07 a:hover,
#menu08 a:hover {
	background-position: 0 -24px;
}

/* menunav ----------*/

#menu01 ul li a,
#menu02 ul li a,
#menu03 ul li a,
#menu04 ul li a,
#menu05 ul li a,
#menu06 ul li a,
#menu07 ul li a,
#menu08 ul li a,
#menu09 ul li a {
	width: 108px;
	background: none;
	height: 18px;
	font-size: 12px;
	color: #ffa200;
	padding: 5px;
	line-height: 1.5;
}

#menu01 ul li.h2 a,
#menu02 ul li.h2 a,
#menu03 ul li.h2 a,
#menu04 ul li.h2 a,
#menu05 ul li.h2 a,
#menu06 ul li.h2 a,
#menu07 ul li.h2 a,
#menu08 ul li.h2 a ,
#menu09 ul li.h2 a{
	height: 36px;
}

#nav li {
	display: block;
	list-style: none;
	float: left;
	position: relative;
}

#nav ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0 0 0 0;
	padding: 0;
}

/* IE6 "fix" */

* html #nav ul {
	line-height: 0;
}

#nav ul li {
	float: none;
}

#nav ul ul {
	top: 0;
}

#nav ul {
}

#nav ul ul {
}

#nav li.hover a {
	color: #363636;
	background-color: #f6f6f6;
}

#nav ul {
	top: 39px;
}

#nav ul li a {
	color: #363636;
	background-color: #f6f6f6;
}

#nav ul a.hover {
	color: #363636;
	background-color: #f6f6f6;
}

#nav ul a {
	color: #363636;
	border-bottom: 1px solid white;
	border-right: none;
	background-color: #f6f6f6;
}

/* CONTENTS -------------------------------------------------------------------------*/

#contents {
	clear: both;
	width: 850px;
	padding: 0;
}

/* FOOTER -------------------------------------------------------------------------*/

#footer {
	clear: both;
	float: left;
	width: 850px;
	margin: 15px 0 0 0;
}

#footer p {
	width: 850px;
	font-size: 12px;
	color: #777777;
	line-height: 3;
	text-align: right;
}


/* LINK -------------------------------------------------------------------------*/

	/* BASE ------------------------*/
	a:link {
		text-decoration : underline;
		color: #626262;
	}

	a:visited {
		text-decoration : underline;
		color: #626262;
	}

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

	a:active {
		text-decoration : none;
	}