@charset "utf-8";

/************* Copyright(c)a-flat All Rights Reserved. *************/

/* base 1 ********************************************/

body{
	margin: 0;
	padding: 0;
	line-height: 150%;
	background: #000 url(../img/bg.gif) top center repeat-x;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 78%;
	text-align:center;
}

div.wrap{
	margin:0 auto;
	width: 900px;
	text-align:left;
}

#header{ position: relative;}

.hd_i{ height: 180px; background: url(../img/bg_head_i.jpg);}
.hd_c{ height: 140px; background: url(../img/bg_head_c.jpg);}

#nv_hd{
	width: 440px;
	height: 75px;
	position: absolute;
	top: 0;
	left: 450px;
}

#container{
	_height: 500px;
	min-height: 500px;
	background: url(../img/bg_ctnr.gif) no-repeat top;
	color: #000;
}

.index{ padding: 40px 37px 0 50px;}
.c01, .c02, .c03, .c05{ padding: 50px 50px 0;}

#contents_1, #contents_2{ margin: 0 0 20px;}
#contents_1{ background: url(../img/bg_contents_1.gif);}
#contents_2{ background: url(../img/bg_contents_2.gif) right repeat-y;}
#contents_1_in{ padding: 25px 40px 150px;}
#contents_2_in{ padding: 0 40px 150px 20px;}

#nv_lf{
	float: left;
	width: 205px;
}
#contents{
	padding: 25px 0 0;
	float: right;
	width: 500px;
}

#footer{
	margin: 0 0 20px;
	clear: both;
	background: url(../img/bg_foot.gif) top center repeat-x;
	color: #555;
}

#footer_in{
	padding: 18px 0 0;
	min-height: 120px;
	background: url(../img/bg_foot_in.gif) no-repeat top;
}

#nv_ft{
	margin: 0 0 19px 371px;
	width: 529px;
	height: 17px;
}


/* base 2 ********************************************/

h1, h2{ font-size: 12px;}
h1, h2{ text-indent: -9000px;}

h1{ margin: 0; height: 95px;}

h2{ margin: 0 0 25px; height: 45px;}
h3{
	margin: 0 0 15px;
	padding: 0 0 10px 10px;
	clear: both;
	background: url(../img/h3.gif) no-repeat bottom left;
	color: #555;
	line-height: 20px;
	font-size: 14px;
}
h3.long{ background: url(../img/h3_l.gif) no-repeat bottom left;}

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

p{ margin: 0 0 1em; text-align: justify; text-justify: inter-ideograph;}
p.sp{ margin: 0 0 2.5em;}
.sp p{ margin: 0 0 2.5em;}
p.it1{ margin: 0 0 1em 1em; text-indent: -1em;}
p.it2{ margin: 0 0 2.5em 1em; text-indent: -1em;}

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

.mg1{ margin: 20px 0;}
.mg2{ margin: 5px 0 20px 20px;}
.mg3{ margin: 0 0 20px;}
.mg4{ margin: 0 0 10px;}

img{ border: none;}
img.mg2{ float: right;}

#header span,
#indx1 h2 a span,
#nv_lf span,
.pagetop span,
#footer span{ display: none;}

/* --- GET HIGHT --- */

.hght{
	display: block;
	min-height: 0;
}
.hght:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .hght{ display: inline-block;}
/* exclude ie mac \*/
* html .hght{ height: 1%;}
/* all brouser */

/* --- PAGE TOP BUTTON --- */

.pagetop{
	margin: 0 10px 10px 822px;
	padding: 0;
	width: 68px;
	height: 20px;
	clear: both;
	background: url(../img/btn_pagetop.gif) no-repeat left center;
	line-height: 20px;
}
.pagetop a{ display: block; width: 68px; height: 20px;}

/* --- PRINT --- */

@media print {
body { _zoom: 0.85;}
}

/* header ********************************************/

#header h1{ margin: 0; padding: 0; position: absolute;}
#header li, #header a{ display: block;}
.hd_i h1{ top: 77px; left: 0;}
.hd_i h1, .hd_i h1 a{ width: 435px; height: 65px;}
.hd_c h1{ top: 46px; left: 0;}
.hd_c h1, .hd_c h1 a{ width: 380px; height: 55px;}

#nv_hd ul{ margin: 25px 0 0; padding: 0; list-style-type: none;}
#nv_hd li, #nv_hd a{ margin: 0; padding: 0; width: 110px; height: 50px;}
#nv_hd li{ float: left;}
li#nt1 a:hover{ background: url(../img/nv_t_1_r.gif);}
li#nt2 a:hover{ background: url(../img/nv_t_2_r.gif);}
li#nt3 a:hover{ background: url(../img/nv_t_3_r.gif);}
li#nt4 a:hover{ background: url(../img/nv_t_4_r.gif);}


/* navi_left ********************************************/

#container #nv_lf ul{ margin: 0; padding: 0; list-style-type: none;}
#nv_lf li, #nv_lf li a{ margin: 0; padding: 0; width: 205px; height: 40px;}
#nv_lf li{ float: left; display: inline;}
#nv_lf a{ display: block;}
li#nl1 a:hover, li#nl1_r, li#nl1_r a:hover{ background-position: 0 0;}
li#nl2 a:hover, li#nl2_r, li#nl2_r a:hover{ background-position: 0 -40px;}
li#nl3 a:hover, li#nl3_r, li#nl3_r a:hover{ background-position: 0 -80px;}
li#nl4 a:hover, li#nl4_r, li#nl4_r a:hover{ background-position: 0 -120px;}


/* contents ********************************************/

#container ul, #container ol{ margin: 0 0 2.5em 10px; padding: 0 0 0 15px;}
#container p{ padding: 0 10px;}
#contents_1 a:hover, #contents_2 a:hover{ text-decoration: underline;}

/* --------- index --------- */

#top_flash{
	margin: 0 0 1px;
}
#flash, #ie_active{ margin: 0;}

/* left float */

#indx1{
	float: left;
	width: 480px;
	color: #666;
	font-size: 12px;
}
#indx1 h2{ margin: 0; height: 30px; position: relative;}
#indx1 h2#h2_1{ background: url(../img/index/h2_1.gif);}
#indx1 h2#h2_2{ background: url(../img/index/h2_2.gif);}
#indx1 h2 a{
	position: absolute;
	display: block;
	width: 80px;
	height: 18px;
	top: 2px;
	left: 400px;
	text-indent: 0;
}
#indx1 a{ color: #888; text-decoration: none;}
#indx1 a:hover{ text-decoration: underline;}

#new{ margin: 0 0 40px;}
#blog{ margin: 0 0 20px;}
#new div, #blog div{ margin: 0; padding: 1px 0; clear: both;}
#new .hght{ border-bottom: solid 1px #444;}
#blog .hght{ border-bottom: solid 1px #222;}
#indx1 .day{
	padding: 5px 0 5px 20px;
	float: left;
	clear: none;
	width: 70px;
}
#container #indx1 p{ margin: 5px 0; padding: 0; float: right; width: 380px;}

/* right float */

#indx2{
	float: right;
	width: 293px;
}
#indx2 img{ margin: 0 0 15px;}

/* --------- content1 ABOUT US --------- */

.c01 #contents_2_in{ background: url(../about/img/bg_btm.gif) bottom right no-repeat;}

.c01 a{ color: #a81b1b;}
.c01 a:hover{ text-decoration: none;}

.c01 h1{ background: url(../about/img/h1.gif);}
.c01 #h2_1{ background: url(../about/img/h2_1.gif);}
.c01 #h2_2{ background: url(../about/img/h2_2.gif);}
.c01 #h2_3{ background: url(../about/img/h2_3.gif);}
.c01 #h2_4{ background: url(../about/img/h2_4.gif);}

.c01 #nv_lf{ background-image: url(../about/img/nv_lf.gif);}
.c01 #nv_lf a:hover, .c01 li#nl1_r, .c01 li#nl2_r, .c01 li#nl3_r, .c01 li#nl4_r
{ background-image: url(../about/img/nv_lf_r.gif);}

#topics div{ margin: 0; padding: 1px 0; clear: both;}
#topics .hght{ border-bottom: solid 1px #999;}
#topics .day{
	padding: 5px 0 5px 10px;
	float: left;
	clear: none;
	width: 80px;
}
#container #topics p{ margin: 5px 10px 5px 0; padding: 0; float: right; width: 390px;}

/* --------- content2 PROFILE --------- */

.c02 #contents_2_in{ background: url(../profile/img/bg_btm.gif) bottom right no-repeat;}

.c02 a{ color: #427800;}
.c02 a:hover{ text-decoration: none;}

.c02 h1{ background: url(../profile/img/h1.gif);}
.c02 #h2_1{ background: url(../profile/img/h2_1.gif);}
.c02 #h2_2{ background: url(../profile/img/h2_2.gif);}
.c02 #h2_3{ background: url(../profile/img/h2_3.gif);}
.c02 #h2_4{ background: url(../profile/img/h2_4.gif);}

.c02 #nv_lf{ background-image: url(../profile/img/nv_lf.gif);}
.c02 #nv_lf a:hover, .c02 li#nl1_r, .c02 li#nl2_r, .c02 li#nl3_r, .c02 li#nl4_r
{ background-image: url(../profile/img/nv_lf_r.gif);}

#prof{ margin: 0 0 40px;}
#prof div{ margin: 0; padding: 1px 0; clear: both;}
#prof .hght{ background: url(../img/line_2.gif) no-repeat bottom left;}
#prof .day{
	padding: 5px 0 5px 10px;
	float: left;
	clear: none;
	width: 100px;
}
#container #prof ul{ margin: 5px 10px; padding: 0 0 0 15px; float: right; width: 350px;}
#container #prof p{ margin: 5px 10px 5px 0; padding: 0; float: right; width: 370px;}
.history h3{
	margin: 20px 0 0;
	padding: 1px 410px 3px 0;
	color: #427800;
	background: url(../profile/img/bd_1.gif) bottom no-repeat;
	text-align: right;
	font-size: 100%;
	font-weight: normal;
}
.history .day{ letter-spacing: 0.1em; text-align: right;}

/* --------- content3 SITES --------- */

.c03 #contents_1_in{ background: url(../sites/img/bg_btm.gif) bottom right no-repeat;}

.c03 a{ color: #ca6012;}
.c03 a:hover{ text-decoration: none;}

.c03 p{ margin: 0 0 3em 10px;}
.c03 p.sp{ margin: 0 0 0.7em 10px;}
.c03 img{ margin: 5px 0 12px 12px; float: right;}

.c03 h1{ background: url(../sites/img/h1.gif);}
.c03 #h2_1{ background: url(../sites/img/h2_1.gif);}
.c03 #h2_2{ background: url(../sites/img/h2_2.gif);}
.c03 #h2_3{ background: url(../sites/img/h2_3.gif);}
.c03 #h2_4{ background: url(../sites/img/h2_4.gif);}
.c03 #h2_5{ background: url(../sites/img/h2_5.gif);}
.c03 #h2_6{ background: url(../sites/img/h2_6.gif);}

.c03 h2{ margin: 0 0 15px; text-indent: 0;}
.c03 h2 a{ display: block; width: 340px; height: 45px;}
.c03 h2 span{ display: none; text-indent: 0;}

.c03 h3{ margin: 0 0 15px 10px; background: none; border-bottom: solid 1px #999;}

#c03_l{ float: left; width: 340px;}
#c03_r{ float: right; width: 340px;}

/* --------- content5 RECRUIT --------- */

.c05 #contents_2_in{ background: url(../recruit/img/bg_btm.gif) bottom right no-repeat;}

.c05 a{ color: #697c1d;}
.c05 a:hover{ text-decoration: none;}

.c05 h1{ background: url(../recruit/img/h1.gif);}
.c05 #h2_1{ background: url(../recruit/img/h2_1.gif);}
.c05 #h2_2{ background: url(../recruit/img/h2_2.gif);}
.c05 #h2_3{ background: url(../recruit/img/h2_3.gif);}
.c05 #h2_4{ background: url(../recruit/img/h2_4.gif);}

.c05 #nv_lf{ background-image: url(../recruit/img/nv_lf.gif);}
.c05 #nv_lf a:hover, .c05 li#nl1_r, .c05 li#nl2_r, .c05 li#nl3_r, .c05 li#nl4_r
{ background-image: url(../recruit/img/nv_lf_r.gif);}


/* footer ********************************************/

#nv_ft ul{ margin: 0; padding: 0; list-style-type: none;}
#nv_ft li, #nv_ft a{ margin: 0; padding: 0; display: block; height: 17px;}
#nv_ft li{ margin: 0 14px 0 0; float: left;}
li.ft1, li.ft1 a{ width: 95px;}
li.ft2, li.ft2 a{ width: 64px;}
li.ft3, li.ft3 a{ width: 74px;}
#nv_ft li#end{ margin: 0;}

#copy{
	float: right;
	width: 220px;
	height: 9px;
	line-height: 9px;
	font-size: 9px;
}
#name{
	float: left;
	width: 500px;
	font-size: 11px;
}
#name p{ margin: 0 0 0.5em; font-size: 12px;}

/* form ********************************************/

form{
	margin: 0;
	padding: 0;
}

table{
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	font-size: 12px;
	width: 500px;
}

table td{
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
table td.l,
table td.lr,
table td.le{
	white-space: nowrap;
}

/* BORDER normal */
table td.l{ border-bottom-color: #888;}
table td.r{ border-bottom-color: #bbb;}

/* BORDER error */
table td.le{ border-bottom-color: #c00;}
table td.re{ border-bottom-color: #f99;}

/* error-message */
#contents table div{ margin: 0;}
div.error{ color: #c00;}

/* necessary item */
span{ color: #c00;}

/* input, textarea */
input,textarea{
	margin:0;
	padding:1px;
}
textarea{ width: 380px; height: 150px;}

.explanation{ margin: 0 0 1em; padding: 10px 0 0;}


/* --- CONTACT --- */

.c01 table td{	padding: 5px 8px;}
.c01 table td.l,
.c01 table td.lr,
.c01 table td.le{
	width: 120px;
}

/* --- RECRUIT --- */

.c05 table td{	padding: 6px 10px;}
.c05 table td.l,
.c05 table td.lr,
.c05 table td.le{
	width: 100px;
}