body {
	height:100%;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color:#e4e4e4;
	color: #111;
	font-size: 80%;
	font-family: sans-serif,"CI";
	line-height: 150%;
}





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

#header{	
	width:100%;
	margin: 0px;
	padding: 0px;
	background-color:#fff;
}

#header_area{	
	background-color:#fff;
	width:820px;
	height:43px;
	margin: 0px auto;
	padding: 0px;
}

#header_logo{	
	width:200px;
	margin-top: 9px;
	padding: 0px;
	float:left;
}

#header_right{	
	width:360px;
	margin: 0px;
	padding: 0px;
	float:right;
}


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


#link_area{	
	width:260px;
	margin-top: 16px;
	padding: 0px;
	float:right;


}

#link_area ul{
	margin:0px;
	padding:0px;
}

#link_area li{
	list-style-type: none;
	margin: 0px 5px;
	padding: 0px;
	float:right;
}






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


#contents {
	width:100%;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background: url(../image/common/contents_back.gif) repeat-y ;
	background-position: 50% 0%; 
}

#contents_area {
	width:802px;
	margin: 0px auto;
	padding-top: 10px;
	text-align:center;

}

#contents_left {
	width:202px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	float:left;
	background: url(../image/common/s_navi_back.gif) no-repeat ;
	background-position: 0px 52px; 

}

#contents_right {
	width:590px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	float:right;

}


.contents_textarea{
	margin:10px 45px 10px 45px;
	padding:0px;
	text-align:left;
}

ol{
	margin:10px 45px 10px 45px;
	padding:0px;
	text-align:left;

}


li.contents_04 {
	text-align:left;
	margin-top: 15px;
}


/* ---- BREADCRUMB ---- */

#breadcrumb {
	width:100%;
	height:30px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background: url(../image/common/breadcrumb_back.gif) no-repeat ;
	background-position: 50% 0%; 
}

#breadcrumb_area {
	width:800px;
	height:30px;
	margin: 0px auto;
	padding: 0px;
	text-align:left;

}

#breadcrumb_text{
	margin-top:7px;
	padding-left:13px;
	font-size: 11px;
	background:url('../image/common/arrow_02.gif') no-repeat;
	background-position: 0px 4px; 
	float:left;
}



/* ---- LINE ---- */

.line_01{
	height:3px;
	margin:2px 20px 0px 20px;
	padding: 0px;
	background:url('../image/common/line_01.gif') repeat-x;

}

.line_04{
	height:3px;
	margin:2px 40px 0px 40px;
	padding: 0px;
	background:url('../image/common/line_01.gif') repeat-x;

}


.line_02{
	height:1px;
	margin:2px 40px 0px 40px;
	padding: 0px;
	background:url('../image/common/dot_01.gif') repeat-x;

}

.line_03{
	height:1px;
	margin:2px 0px 3px 0px;
	padding: 0px;
	background:url('../image/common/dot_01.gif') repeat-x;

}


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



#footer_pagetop{	
	background-color:#fff;
	width:800px;
	margin: 20px auto 0px auto;
	padding-bottom: 5px;
	text-align:right;


}





#copyright{	
	width:100%;
	height:80px;
	margin: 0px auto;
	padding: 0px;
	border-top: 3px #d3d2d2 solid;

}




/* ---- COMMON ---- */

a{color:#187fc4;text-decoration: none;}
a:hover{color:#187fc4; text-decoration: underline;}
a.link{color:#187fc4;text-decoration: underline;}
a:hover.link{color:#187fc4; text-decoration: underline;background:#fffbd3;}
#breadcrumb_text a{color:#187fc4;}
#breadcrumb_text a:hover{color:#187fc4; background:#fffbd3;}
#inquiry_text02 a{color:#187fc4;}
#inquiry_text02 a:hover{color:#187fc4; background:#fffbd3;}


h1{
	margin:0px;
	padding:0px;
}





.blue{color:#0aa5d8;}
.black{color:#000;}
.red{color:#fe0000;}




img {
	border: 0px;
}



.clear{
	margin:0px;
	padding:0px;
	clear:both;
}




/* ---- INFO ---- */


table.company_table {
	width: 740px;
	margin:10px auto 0px auto;
	padding:0px;
	border: 1px #ccc solid;
	border-collapse: collapse;

}

td.company_table01 {
	padding:5px;
	border: 1px #ccc solid;
	border-collapse: collapse;
	letter-spacing: 4px;
	background-color:#eee;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;

}


td.company_table02 {
	padding:5px;
	border: 1px #ccc solid;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;


}

#company_contents_left {
	width:202px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	float:left;
	background: url(../image/company/s_navi_back.gif) no-repeat ;
	background-position: 0px 52px; 

}



#company_contents{
	margin:10px 110px 10px 110px;
	padding:0px;
	text-align:left;

}


.company_left{
	width: 255px;
	margin:0px;
	padding:0px;
	text-align:left;
	float:left;

}

.company_right{
	width: 255px;
	margin:0px;
	padding:0px;
	text-align:left;
	float:right;

}




#company_contents02{
	margin:10px 20px 10px 20px;
	padding:0px;
	text-align:left;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}



/* ---- STORY ---- */

#story_contents_left {
	width:202px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	float:left;
	background: url(../image/story/s_navi_back.gif) no-repeat ;
	background-position: 0px 52px; 

}


/* ---- STYLE ---- */

#style_contents_left {
	width:202px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	float:left;
	background: url(../image/style/s_navi_back.gif) no-repeat ;
	background-position: 0px 52px; 

}

/* ---- NAITEI ---- */

.text_h{color:#bcbe00;font-weight:bold;}
.text_t{color:#34bfdd;font-weight:bold;}
.text_g{color:#ffb300;font-weight:bold;}
.text_an{color:#e243f5;font-weight:bold;}
.text_a{color:#ff8315;font-weight:bold;}
.text_i{color:#12b29a;font-weight:bold;}
.text_k{color:#f86195;font-weight:bold;}
.text_n{color:#3480c7;font-weight:bold;}
.text_ki{color:#71b602;font-weight:bold;}
.text_o{color:#05971a;font-weight:bold;}




/* ---- RECRUIT NEW ---- */


.mynavi{
	color:#187fc4;
	font-size: 10px;
	margin:5px 0px  0px 590px;
	width:200px;
	text-align:center;
}

#mynavilink a{
	color:#187fc4;
	margin-top:3px;
	font-size: 11px;
	background-position: 0px 4px; 
}





