﻿*{
	line-break: strict ;	/* ﾆ・ﾜｸ・ﾘﾂｧｽ靉 */
	margin: 0 ;
	padding: 0 ;
}



body  {
	color: #484848;
	font-size: 12px;
	line-height: 10px;

}



a:link { color: #1d3994; text-decoration: none }/* ､ﾞ､ﾀｸｫ､ﾆ､､､ﾊ､､ｾﾖ */
a:visited { color: #1d3994; text-decoration: none }/* ｴ訷ﾋｸｫ､ｿｾﾖ */
a:active { color: #032af3; text-decoration: underline }/* ･ｫ｡ｼ･ｽ･・ｬ･ｪ｡ｼ･ﾐ｡ｼ､ｷ､ｿｾﾖ */
a:hover {color:#032af3; text-decoration: underline;}/* ･ﾞ･ｦ･ｹ･ｯ･・ﾃ･ｯ､ｵ､・ﾆ､､､・ﾖ */



/*======================================

	1.shared

=======================================*/
.wrapper{
	display:inline-block;
	width:auto;
}
.wrapper:after{
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	content:".";
}

/*======================================

	2.header

=======================================*/

#header{
	background-image: url(imgs/head_back.gif);
	background-repeat: repeat-x;
}
div.logo{
	background-image: url(imgs/logo_back.gif);
	background-repeat: no-repeat;
	margin-top: 3px;
	padding: 3px 0px 0px 100px;
}

div.logo h1 img{
	padding: 0px;
}


/*Navi*/
div.naviContent{
	background-image: url(imgs/navi_back.gif);
	background-repeat: repeat-x;
	height: 29px;
	padding:0px 0px 0px 100px; 
}

div.navigation{
	padding: 0px;
}
div.navigation ul{
	margin:0px;
	
}
div.navigation li{
	float:left;
	padding:0px;
}

.en{
	margin: 5px 0px 0px 140px;
}





/*======================================

	3.main

=======================================*/

#main{
	background-color: #000000;
	padding: 0px 0px 0px 100px;
	vertical-align:top;
}

/*======================================
	
	4.contens
	
=======================================*/

#menu_head{
	background-image:  url("imgs/m_head_back.gif");
	background-repeat: repeat-x;
	
}



/*======================================
	sub_menu
=======================================*/

#sub_navi{
	float:left;
	background-image:  url("imgs/sub_back.gif");
	background-repeat: repeat-y;
	vertical-align:top;
	padding: 0px 39px 0px 110px;
	text-align:left;
}




div.sub_navi{
	background-image:  url("imgs/sub_menu.gif");
	background-repeat: no-repeat;
	padding:0px;
	width: 182px;
	height: 397px;
}

div.sub_navi_en{
	background-image:  url("imgs/sub_menu_en.gif");
	background-repeat: no-repeat;
	padding:0px;
	width: 182px;
	height: 259px;
}




.btn{
	margin:0px 0px 3px 18px;
}



/*INFORMATION*/
div.sub_info ul{
	background-image:  url("imgs/sub_info.gif");
	background-repeat: repeat-y;
	padding:0px;
	width: 182px;
	height: 150px;
}





#contents{
	width: 900px;
	vertical-align:top;
	padding: 0px;
}


div.inbox{
	float:right;
	vertical-align:top;
	text-align: left;
	padding: 0px;
	margin-top: 20px;
}



/*WHAT'S NEWS*/

div.news{
	width: 500px;
	vertical-align:top;
	margin: 28px 0px 0px 0px;
}

div.icon{
	float:left;
	width: 70px;
	padding: 0px 10px 0px 120px;
	
}

div.area{
	vertical-align:top;
	float:right;
	width: 450px;
}


/*TOPICS*/

div.topics{
	width: 610px;
	vertical-align:top;
	margin: 20px 0px 0px 0px;
}

div.box_left{
	vertical-align:top;
	float:left;
	width: 215px;
}

div.box_right{
	vertical-align:top;
	float:right;
	width: 215px;
}


div.topi_img{
	vertical-align:top;
	float:left;
	width: 55px;
}

div.topi_text{
	vertical-align:top;
	float:right;
	width: 160px;
	font-size: 8pt;
	line-height: 11pt;
	
}


/*======================================
	iso 9001
=======================================*/

#iso{
	background-image:  url("imgs/iso_back.gif");
	background-repeat:no-repeat;
	text-align:left;
	width: 569px;
	height: 128px;
	
}

div.isobox{
	padding: 25px 0px 0px 22px;
	text-align:left;
	vertical-align:top;
	font-size: 10px;
	line-height: 13px;
	color: #6d6c6c;
	
}








/*======================================

	5.footer

=======================================*/

.foot{
	font-size: 10px;
	color: #ffffff;
	clear: both;
	font-weight: normal;
	text-align:left;
	padding: 10px 0px 0px 0px;

}


.Copy{
	font: 10px/1.5em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #ffffff;
	clear: both;
	font-weight: normal;
	text-align:left;
}


#Footer{
	background-image: url(imgs/foot_back.gif);
	height: 90px;
	padding: 0px 0px 0px 100px;
}


.footMenu{
	width: 610px;
	font-size: 8pt;
	color: #323232;
	padding: 20px 0px 0px 0px;
	clear: both;
	font-weight: normal;
	text-align:right;
	border-bottom: 1px solid #cbcbcb;

}



/*======================================

	PRODUCT

=======================================*/

div.p_box{
	padding: 0px 0px 0px 56px;
	text-align:left;
	vertical-align:top;
	font-size: 8pt;
	line-height: 10pt;
	color: #353333;
	
}


.p_btn{
	margin: 3px 0px 0px 56px;
	
}

div.img_box{
	background-color: #e6e6e6;
	padding: 10px;
	text-align:left;
	vertical-align:top;
	font-size: 8pt;
	line-height: 10pt;
	color: #323232;
	
}

.hyo1{
	font-size: 10px;
	line-height: 13px;
	color: #323232;
	padding-bottom: 5px;
	clear: both;
	font-weight: normal;
}

.hyo2{
	font: 10px/1.5em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #6d6c6c;
	padding-bottom: 5px;
	clear: both;
	font-weight: normal;
}

.hyo3{
	font-size: 12px;
	line-height: 15px;
	color: #4b4b4b;
	padding: 5px;
	clear: both;
	font-weight: normal;
}




#Shiyo_w{
	background-image: url(product/imgs/shiyo_back.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 50px;
	width:635px;
	height: 700px;
}



.shiyo_ttl{
	font-size: 14px;
	line-height: 16px;
	color: #01538d;
	margin: 30px 0px 20px 0px;
	clear: both;
	font-weight: normal;
	text-align: left;
}




/*======================================

	COMPANY

=======================================*/

.his{
	font-size: 12px;
	line-height: 15px;
	color: #01538d;
	padding: 0px;
	clear: both;
	font-weight: normal;
}

.his2{
	font-size: 9px;
	line-height: 10px;
	color: #6d6c6c;
	padding: 0px;
	clear: both;
	font-weight: normal;
}

.Waku{
	background: url(company/imgs/waku_back.gif);
	width: 570px;
	height: 50px;
	margin-top: 10px;
}


.name{
	font-size: 14px;
	line-height: 15px;
	color: #01538d;
	padding: 18px 0px 0px 15px;
	clear: both;
	font-weight: normal;
}

.eigyo{
	font-size: 12px ;
	line-height: 17px;
	font-weight: normal;
	clear: both;
	padding-top: 10px;
}


.outline{
	background: url(company/imgs/out_back.gif);
	background-repeat: no-repeat;
	width: 570px;
	height: 280px;
}





/*======================================

	RECRUIT

=======================================*/

.rec{
	font-size: 12px;
	line-height: 15px;
	color: #333333;
	padding: 5px;
	clear: both;
	font-weight: normal;
}










.Line{
 margin: 10px 0px 30px 0px;
}


.Line5{
 margin: 5px 0px 5px 0px;
}

.Line30{
 margin: 30px 0px 30px 0px;
}

.Line20{
 margin: 20px 0px 20px 0px;
}



.Dot{
	background: url(imgs/dot.gif);
	background-repeat: repeat-x;
	margin: 10px 0px 10px 0px;
	padding:0px;
}


.Dot2{
	background: url(imgs/dot.gif);
	background-repeat: repeat-x;
	margin: 20px 0px 20px 0px;
	padding:0px;
}

.Dot3{
	background: url(imgs/dot.gif);
	background-repeat: repeat-x;
	margin: 5px 0px 5px 0px;
	padding:0px;
}




.Topbtn{
	margin: 20px 0px 0px 0px;
}


.color{
 margin: 0px 5px 0px 0px;
}





.Midashi{
	background: url(imgs/midashi.gif);
	width: 570px;
	height: 26px;
	margin-top: 20px;
}


.mi{
	font-size: 12px;
	line-height: 14px;
	color: #ffffff;
	padding: 4px 0px 0px 8px;
	clear: both;
	font-weight: normal;
}


.ttl01{
	background: url(imgs/ttl_back01.gif);
	width: 340px;
	height: 50px;
}

.ttl02{
	background: url(imgs/ttl_back02.gif);
	width: 340px;
	height: 70px;
}

.ttl_txt{
	font: 10px/1.5em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	color: #6d6c6c;
	padding: 10px 0px 0px 0px;
	clear: both;
	font-weight: normal;
}

.list_txt{
	margin-top: 5px;
	padding: 0px 0px 0px 15px;
	background-image: url(news/imgs/sankaku.gif);
	background-repeat: no-repeat;
	font-size: 12px ;
	line-height: 17px;
	font-weight: normal;
	
}








.c1{
	font-size: 8pt;
	line-height: 14px;
	color: #484848;
	padding: 0px;
	clear: both;
	font-weight: normal;
}


.c2{
	font-size: 11px;
	line-height: 14px;
	color: #535353;
	padding-top: 5px;
	clear: both;
	font-weight: normal;
}

.c3{
	font-size: 13px;
	line-height: 14px;
	color: #535353;
	padding-top: 5px;
	clear: both;
	font-weight: normal;
}





h1{
	margin: 0 ;
	padding: 0 ;

}
h2{
	margin: 0 ;
	padding: 0 ;
}

h3{
	font-size: 12px;
	line-height: 17px;
	color: #6d6c6c;
	padding: 0px;
	clear: both;
	font-weight: bold;
}

h4{
	font-size: 15px;
	line-height: 20px;
	color: #000000;
	padding: 0px;
	clear: both;
	font-weight: bold;
}


h5{
	font-size: 14px;
	line-height: 1.5em;
	color: #01538d;
	padding: 8px 0px 0px 15px;
	clear: both;
	font-weight: normal;
}

h6{
	font-size: 11px;
	line-height: 20px;
	color: #000000;
	padding: 0px;
	clear: both;
	font-weight: bold;
}




p{
	font-size: 12px ;
	line-height: 17px;
	font-weight: normal;
	clear: both;
}

em{
	font-size: 10pt ;
	line-height: 17px;
	font-weight: bold;
	font-style:normal;
	color: #6d6c6c;
}


ul,
li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	vertical-align:top;/*IE*/
}

