@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
	width: 100%;
	height: 100%;
	background-color: #fff;}

* html .png {behavior: expression(IEPNGFIX.fix(this));}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;}

body {
	text-align: center;
	color: #333;
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;}

input, select {padding: 1px;}

img {
	vertical-align: bottom;
	border: none;}

a   {
	color: #333;
	text-decoration: none;}

a:hover {
	color: #999;
	text-decoration: underline;}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 1.5em;}

.clear {clear: both;}

/* ALL
---------------------------------------------*/

#all,#header {
	width: 966px;
	margin: 0 auto;
	text-align: left;
	letter-spacing: 0.05em;}

* html #all {padding-left: 45px;}

.center {text-align: center;}
.right {text-align: right;}

.alpha a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;}

/* 2nd LAYOUT
---------------------------------------------*/

#sec {background: url(../img/bg.jpg) left top repeat-x;}

#sec #header {height: 348px;}

#sec h2 {
	position: absolute;
	left: 0; top: 145px;
	z-index: 1;}

#path li {
	display: inline;
	font-size: 12px;}

#path li a {margin-right: 0.5em;}

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

#header {position: relative;}

#header h1 {
	position: absolute;
	left: 0; top: 34px;}

#hnavi {
	position: absolute;
	right: 0; top: 14px;}

#hnavi li {
	float: left;
	margin-right: 4px;
	text-indent: -9999px;}

#hnavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 14px;
	padding-top: 14px;
	background-image: url(../img/hnavi02.gif);}
	
.hnv01 a {width: 120px; background-position: 0 0;}
.hnv02 a {width: 87px; background-position: -120px 0;}
.hnv03 a {width: 86px; background-position: -207px 0;}
.hnv04 a {width: 64px; background-position: -293px 0;}

.hnv01 a:hover {background-position: 0 -14px;}
.hnv02 a:hover {background-position: -120px -14px;}
.hnv03 a:hover {background-position: -207px -14px;}
.hnv04 a:hover {background-position: -293px -14px;}

#header span {
	position: absolute;
	right: 140px; top: 50px;}

#header span.btnRecruit {
	right: 10px; top: 50px;
}

#header span.btnRecruit a:hover {
	opacity: 0.6;
}

#gnavi {
	position: absolute;
	left: 0; top: 108px;
	z-index: 1000;}

#gnavi li {
	float: left;
	position: relative;
	width: 161px;
	text-indent: -9999px;}

#gnavi li em a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 36px;
	padding-top: 36px;
	background-image: url(../img/gnavi.jpg);}
	
.gnv01 a {background-position: 0 0;}
.gnv02 a {background-position: -161px 0;}
.gnv03 a {background-position: -322px 0;}
.gnv04 a {background-position: -483px 0;}
.gnv05 a {background-position: -644px 0;}
.gnv06 a {background-position: -805px 0;}

.gnv01 a:hover {background-position: 0 -36px;}
.gnv02 a:hover {background-position: -161px -36px;}
.gnv03 a:hover {background-position: -322px -36px;}
.gnv04 a:hover {background-position: -483px -36px;}
.gnv05 a:hover {background-position: -644px -36px;}
.gnv06 a:hover {background-position: -805px -36px;}

.gnv01on a {background-position: 0 -72px;}
.gnv02on a {background-position: -161px -72px;}
.gnv03on a {background-position: -322px -72px;}
.gnv04on a {background-position: -483px -72px;}
.gnv05on a {background-position: -644px -72px;}
.gnv06on a {background-position: -805px -72px;}

.gnv01on a:hover {background-position: 0 -36px;}
.gnv02on a:hover {background-position: -161px -36px;}
.gnv03on a:hover {background-position: -322px -36px;}
.gnv04on a:hover {background-position: -483px -36px;}
.gnv05on a:hover {background-position: -644px -36px;}
.gnv06on a:hover {background-position: -805px -36px;}

#gnavi li .sub {
	position: absolute;	
	top: 37px; left: -1px;
	z-index: 100;
	padding: 15px 0 15px 20px;
	font-size: 12px;
	float: left;
	display: none;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #000 url(../img/bg_sub.jpg) left top repeat-x;}

/* forIE6 */
* html #gnavi li .sub {padding: 15px 0 15px 5px;}

#gnavi li .sub dl {
	width: 170px;
	text-indent: 0;
	display: block;}

#gnavi li .sub .subleft {
	float: left;
	border-right: 1px dotted #666;}

#gnavi li .sub .subright {
	float: left;
	margin-left: 15px;}

#gnavi li .sub dl dd {padding-top: 1em;}
	
#gnavi li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}

#gnavi li .sub ul {
	list-style: none;
	margin: 0; padding: 0;}
	
#gnavi .sub ul li {
	margin-left: 10px;
	margin-bottom: 0.3em;
	padding-left: 12px;
	background: url(../img/arw_sub.gif) left 0.4em no-repeat;}

/* forIE6 */
* html #gnavi .sub ul li  {margin-left: 5px;}

#gnavi .sub ul li a {
	float: none; 
	text-indent: 0;
	height: auto;
	display: block;
	color: #f2f2f2;}

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

#contents {clear: both;}

#sec #contents {
	margin-top: 15px;
	padding-bottom: 25px;}

.basettl {
	height: 31px;
	margin: 40px 0 20px 0;
	padding-left: 32px;
	background: url(../img/bg_basettl.gif) left top no-repeat;}

#banner {margin-top: 25px;}

#banner ul {
	position: relative;
	width: 987px;}

#banner ul li {
	display: block;
	width: 308px;
	float: left;
	margin-right: 21px;}

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

#footer {
	clear: both;
	margin-top: 30px;
	height: 320px;
	background: url(../img/bg_footer.jpg) left top repeat-x;}

#ftbox {
	width: 966px;
	height: 268px;
	margin: 0 auto;
	text-align: left;
	letter-spacing: 0.05em;}

.pagetop {
	text-align:right;
	margin-bottom: 24px;}

.ftleft {
	float: left;
	width: 520px;}

.ftleft dl {
	float: left;
	width: 240px;
	margin-top: 15px;
	margin-right: 20px;}

.ftleft dl dt {}

.ftleft dl dt img {}

.ftleft dl dd {
	font-size: 12px;
	padding: 10px 6px;}

.ftleft dl dd img {vertical-align:top;}
.ftleft dl dd address {margin-bottom: 0.5em;}

.ftright {
	float: right;
	width: 434px;
	padding-bottom: 10px;
	border-left: 1px solid #999;}

.ftright dl {
	float: left;
	margin-left: 20px;
	letter-spacing: 0;}

/* forIE6 */
* html .ftleft dl dt {padding-top: 3px;}
* html .ftleft {width: 520px;}
* html .ftleft dl {margin-right: 10px;}
* html .ftright {width: 430px;}
* html .ftright dl {margin-left: 5px;}

.ftright dl dt {
	font-weight: bold;
	font-size: 12px;
	padding-left: 15px;
	background: url(../img/arw_ft01.gif) left 0.25em no-repeat;}

.ftright dl dd {
	font-size: 10px;
	padding-top: 0.5em;}
	
.ftlist01 {width: 140px;}
.ftlist02 {width: 140px;}
.ftlist03 {width: 85px;}

.ftright dl dd ul li {
	margin-bottom: 1px;
	padding-left: 16px;
	letter-spacing: 0;
	background: url(../img/arw_ft02.gif) 6px 0.4em no-repeat;}
	
/* forIE */
* html .ftright dl dd ul li {line-height: 1.3em;}
*:first-child+html .ftright dl dd ul li {line-height: 1.3em;}

.copy {
	text-align: center;
	font-size: 10px;
	color: #f2f2f2;}

/* CLEARFIX
---------------------------------------------*/

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

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */

/* AJAX
---------------------------------------------*/