@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-default.css");




/* top
-----------------------------------------------------------------------*/
#mainimg{
width: 860px;
position:relative;
height:291px;
margin-bottom:10px;
}
#mainimg h2{
position:absolute;
left:-44px;
top:0px;
}
#mainimg div{
	position:absolute;
	top: -54px;
	left: 663px;
}


.topnavi{
width: 860px;
padding-top:10px;
margin-bottom:20px;
margin-right:-5px;
}
.topnavi ul{
width:865px;
position:relative;
overflow:hidden;
}
.topnavi li{
list-style:none;
margin-right:6px;
width: 167px;
float:left;
}


.topimg01{
width:860px;
position:relativee;
overflow: hidden;
margin-bottom:12px;
}
.topimg01 div{
float:left;
}


.top_com{
width:860px;
background:url(../../img/top_back.gif) repeat-x left bottom;
padding-bottom:4px;
position:relativee;
overflow: hidden;
line-height:150%;
}
.top_com_box{
width: 214px;
float:left;
border-right:1px dotted #B2B2B2;
padding-bottom:15px;
height:280px;
_margin-right:-3px;
_width: 216px;
position:relative;
}
.top_com_box02{
width: 213px;
float:left;
border-left:1px dotted #B2B2B2;
border-right:1px dotted #B2B2B2;
padding-bottom:15px;
height:280px;
}
.top_com_box p,.top_com_box02 p{
padding:5px 15px 0px 15px;
color: #333333;
}
.top_com_btn{
background: url(../../img/icon01.gif) no-repeat left center;
padding-left:10px;
font-size:10px;
letter-spacing:1px;
line-height:150%;
margin-left:15px;
position:absolute;
top:255px;
}










/* corporate
-----------------------------------------------------------------------*/
.corpo_about{
background: #D6D6D6;
width: 615px;
margin:0px auto;
border:3px solid #D6D6D6;
}
.corpo_about th{
text-align:left;
padding:10px 15px;
width:150px;
line-height:180%;
background:#EDEDED;
}
.corpo_about td{
text-align:left;
padding:10px 15px;
line-height:180%;
background:#FFFFFF;
}



/*++++ history ++++*/
.history{
border:5px solid #D6D6D6;
width:615px;
margin:0px auto;
background:#F7F7F7;
}
.history th{
padding:5px 10px;
text-align:left;
width: 150px;
line-height:180%;
background:#D6D6D6;
}
.history td{
background:#E8E8E8;
padding:5px 10px;
line-height:180%;
}
.history01  th{
background:#DEDEDE;
}
.history01 td{
background:#EDEDED;
}




/*++++ japan ++++*/
.area_box{
width:615px;
position:relative;
overflow:hidden;
padding-top:15px;
}
.area_img{
float:left;
padding-right:32px;
width:198px;
}
.area_txt{
float:left;
width: 385px;
line-height:180%;
}
.f-blue{
color: #00249B;
font-weight:bold;
}







/*++++ advance ++++*/
.ad_box{
width:615px;
margin: 0px auto;
position:relative;
overflow:hidden;
padding-top:15px;
}
.ad_img{
width: 297px;
float:left;
}
.ad_box table{
width: 290px;
float:right;
background: #D6D6D6;
border: 5px solid #D6D6D6;
}
.ad_box th{
width: 60px;
padding:5px 10px;
text-align:left;
color: #555555;
}
.ad_box td{
background: #E8E8E8;
padding:5px 10px;
font-weight:bold;
color: #555555;
}
.ad_cell th{
background:#DEDEDE !important;
}
.ad_cell td{
background:#EDEDED !important;
}


.ad_table{
width: 615px;
background: #D6D6D6;
border: 5px solid #D6D6D6;
margin:0px auto;
}
.ad_table th{
width: 110px;
padding:5px 10px;
text-align:left;
color: #555555;
}
.ad_table td{
background: #E8E8E8;
padding:5px 10px;
font-weight:bold;
color: #555555;
}



















/* product
-----------------------------------------------------------------------*/
.product_img{
width: 615px;
marign:0px auto;
position:relative;
height:404px;
}
.pro_navi01{
position:absolute;
top: 9px;
left: 250px;
}
.pro_navi02{
position:absolute;
top: 82px;
left: 498px;
}
.pro_navi03{
position:absolute;
top: 225px;
left: 500px;
}
.pro_navi04{
position:absolute;
top: 291px;
left: 249px;
}
.pro_navi05{
position:absolute;
top: 225px;
left: 16px;
}
.pro_navi06{
position:absolute;
top: 83px;
left: 16px;
}




/*++++ process ++++*/
.process01{
background:url(../../img/product/process/process_img.jpg) no-repeat right top;
width:615px;
margin:0px auto 30px auto;
height: 222px;
line-height:180%;
}
.process01 p{
padding-left:5px;
}

.process_btn{
width: 424px;
margin:30px auto 0px auto;
position:relativee;
overflow:hidden;
}
.process_btn div{
float:left;
padding:0px 5px;
}



.process02{
background:url(../../img/product/process/process_img02.jpg) no-repeat right top;
width:615px;
margin:0px auto 30px auto;
line-height:180%;
}
.process02 p{
padding-left:5px;
}



.process03{
background:url(../../img/product/process/process_img03.jpg) no-repeat right top;
width:615px;
margin:0px auto;
padding-bottom:30px;
line-height:180%;
}
.process03 p{
padding-left:5px;
}


.pro_table{
width: 615px;
background: #D6D6D6;
border: 5px solid #D6D6D6;
margin:0px auto;
}
.pro_table th{
padding:5px 10px;
text-align: center;
color: #555555;
}
.pro_table td{
background: #E8E8E8;
padding:5px 10px;
font-weight:bold;
text-align: center;
color: #555555;
}







/*++++ surface ++++*/
.surface01{
background:url(../../img/product/surface/surface_img01.jpg) no-repeat right top;
width:615px;
margin:0px auto 30px auto;
line-height:180%;
}
.surface01 p{
padding-left:5px;
}

.works_box{
width: 595px;
margin:0px auto 15px auto;
position:relative;
overflow:hidden;
border-bottom: 1px dotted #8a8a8a;
padding-bottom:15px;
line-height:180%;
}
.works_box-l{
width: 240px;
float:left;
}
.works_box-r{
width: 338px;
float: right;
}


.surface_navi{
width: 636px;
position:relativee;
overflow:hidden;
padding-left:3px;
}
.surface_navi li{
float: left;
list-style:none;
margin-left:7px;
}



.pro_table02{
width: 615px;
background: #D6D6D6;
border: 5px solid #D6D6D6;
margin:0px auto;
}
.pro_table02 th{
padding:5px 10px;
text-align: center;
color: #000000;
}
.pro_table02 td.td01{
background: #E8E8E8;
padding:5px 10px;
color: #000000;
}
.pro_table02 td.td02{
padding:5px 10px;
color: #000000;
}

tr.pro_cell th{
background:#E2E2E2;
}
tr.pro_cell td.td01{
background: #EFEFEF;
}
tr.pro_cell td.td02{
background:#E2E2E2;
}

tr.pro_cell_top th{
border-bottom:1px dotted #000000;
text-align:left;
}




/*++++ tool ++++*/
.tool01{
background:url(../../img/product/tool_img.jpg) no-repeat right top;
width:615px;
margin:0px auto 30px auto;
line-height:180%;
}
.tool01 p{
padding-left:5px;
}



/*++++ sub ++++*/
.sub01{
background:url(../../img/product/sub_img.jpg) no-repeat right top;
width:615px;
margin:0px auto 30px auto;
line-height:180%;
height:245px;
}
.sub01 p{
padding-left:5px;
}


/*++++ quality ++++*/
.quality_txt{
padding:0px 15px;
line-height:180%;
}

.pro_table03{
width: 298px;
background: #D6D6D6;
border: 5px solid #D6D6D6;
margin:0px auto;
}
.pro_table03 th{
padding:5px 10px;
text-align: left;
color: #555555;
width:140px;
}
.pro_table03 td{
background: #E8E8E8;
padding:5px 20px;
font-weight:bold;
color: #555555;
}
.pro_table03 th.qu_tr{
text-align:left;
color:#000000;
border-bottom:1px dotted #000000;
}





/*++++ technique ++++*/
.technique01{
background:url(../../img/product/technique_img.jpg) no-repeat right top;
width:615px;
margin:0px auto 30px auto;
line-height:180%;
height:245px;
}
.technique01 p{
padding-left:5px;
}


.technique_txt{
width:615px;
margin:0px auto;
}
.technique_txt p{
padding: 5px 15px 15px 20px;
line-height:180%;
}







/* recruit
-----------------------------------------------------------------------*/
.recruit{
width: 615px;
margin: 0px auto;
border:5px solid #2445C0;
}
.recruit th{
background:#6E91E0;
padding:10px 15px;
width:150px;
text-align:left;
color: #FFFFFF;
}
.recruit td{
background:#E8EDFD;
padding:10px 15px;
text-align:left;
}









/* sitemap
-----------------------------------------------------------------------*/
.sitemap{
width:635px;
marign:0px auto;
position:relative;
overflow:hidden;
}
.sitemap-l,
.sitemap-r{
width:200px;
float:left;
}
.sitemap-c{
width:200px;
float:left;
padding: 0px 17px;
}

.sitemap p{
border-bottom:1px dotted #8a8a8a;
background:url(../../img/inner/icon02.gif) no-repeat 10px 3px;
padding-bottom:10px;
padding-left:30px;
margin-bottom:15px;
}
.sitemap ul{
padding-left: 18px;
}
.sitemap li{
list-style:none;
background:url(../../img/icon01.gif) no-repeat left center;
margin-bottom:10px;
padding-left:12px;
}
.sitemap li.sitemap02{
margin-left: 12px;
}



/* privacy
-----------------------------------------------------------------------*/
.privacy h3{
}
.privacy p{
padding: 15px 15px 30px 15px;
line-height:180%;
}
.privacy ol{
margin-top:-15px;
padding:0px 15px 30px 35px;
}
.privacy li{
line-height:180%;
}









/* contact
-----------------------------------------------------------------------*/
.cont_box{
padding:0px 15px;
line-height:180%;
}
.contact {
background: #D6D6D6;
width: 615px;
margin:15px auto;
border:3px solid #D6D6D6;
}
.contact th{
text-align:left;
padding:10px 15px;
width:150px;
line-height:180%;
background:#EDEDED;
}
.contact td{
text-align:left;
padding:10px 15px;
line-height:180%;
background:#FFFFFF;
}
.contact th.must{
background: url(../../img/inner/must.gif) no-repeat 140px 5px #EDEDED;
width: 150px;
padding:10px 15px;
text-align:left;
}



.absored{
font-size:10px;
letter-spacing:1px;
color: #ff0000;
font-weight: normal;
}


.from-50 {width: 100px;margin: 5px 0px 5px 0px;}
.from-100 {width: 100px;margin: 5px 0px 5px 0px;}
.from-150 { width: 150px;margin: 5px 0px 5px 0px;}
.from-200 { width: 200px; margin: 5px 0px 5px 0px;}
.from-250 {width: 250px;margin: 5px 0px 5px 0px;}
.from-300 {width: 300px;margin: 5px 0px 5px 0px;}
.from-350 {width: 350px;margin: 5px 0px 5px 0px;}
.comment_box{
width: 99%;margin: 5px 0px 5px 0px;
height:150px;
}


.contact input:focus,
.contact textarea:focus{
background-color:#FEEEEE;}



/* ragio-btn */
.item_c{ margin-top: -2px;}

.conttxt{
font-size:10px;
letter-spacing:1px;
padding-left: 10px;
}
.error_mail{
padding-bottom: 20px;
color: #CC0000;
}
.mess_button{
margin-top: 20px;
}
.cont-txt02{
font-weight: normal;
}

.txt01{
line-height:180%;
}