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

#wrapper_sub {
margin: 0px auto;
width:100%;
min-width:1262px;
}
#wrap_sub{ width:1262px; margin:0 auto;}

.left_sub{ float:left; border-top:#e6e6e6 solid 2px; margin:40px 0 0 0; width:220px;}
.nav_left li{ border-bottom:#e6e6e6 dotted 2px; color:#00687e; padding:15px 0 10px 11px;}
.nav_left li a{ color:#cccccc;}
.nav_left li a:hover{ color:#00687e;}
.nav_left #here a{ color:#00687e;}

.nav_left li a:link {
text-decoration: none;
color: #cccccc;
}

.nav_left li a:visited {
text-decoration: none;
color: #cccccc;
}

.nav_left li a:hover {
text-decoration: underline;
color: #00687e;
}

.nav_left li a:active {
text-decoration: none;
color: #00687e;
}

.right_sub{ margin-top:5px; float:left; margin-left:60px; width:680px;}

/* aboutus */
.box01_top{ width:100%; border-bottom:2px dotted #D9D9D9; padding:0 0 20px 0; margin-bottom:40px; overflow:hidden; }

.menu01_top{ overflow:hidden;}
.menu01_l{ width:310px; float:left;}
.menu01_l h2{ margin-bottom:55px; padding-top:20px;}
.menu01_l h3{ border-bottom:1px #ccc solid; padding:0 0 5px 0;}
.menu01_l ul li{ font-weight:bold;}
.menu01_r{ width:644px; float:right;}
.menu01_r p{ line-height:180%;}

.box01_aboutus{ width:100%; overflow:hidden; margin-top:50px; _margin-top:80px;}
.about01_l{ width:310px; float:left;}
.about01_r{ width:644px; float:right;}
.about01_r p{ margin-bottom:20px; color:#000; line-height:180%;}


.dl01_about{ overflow:hidden; width:680px;}
.dl01_about.change02 { width:100%; overflow:hidden; border-bottom:2px dotted #D9D9D9; padding-bottom:20px; margin-bottom:20px; }
.dl01_about.change02.last{ border-bottom:none; margin-bottom:0;}
.dl01_about dt{ float:left; color:#00687e; width:170px; line-height:220%;}
.dl01_about dd{ float:left; line-height:220%; width:470px;}
.dl01_about.change dd{ margin-bottom:35px;}
.dl01_about dd a{ color:#00687e; text-decoration:underline;}
.dl01_about dd a:hover{ text-decoration:none;}


.box01_contents{ width:100%; border-bottom:2px dotted #D9D9D9; padding:0 0 20px 0; overflow:hidden; margin-bottom:40px;}
.box01_contents.noborder{ border-bottom:none; padding:0; margin-bottom:0;}
.box01_contents h3{ width:281px; float:left; color:#00687e; background:url(../../img/about/ico01_about.gif) 0 0 no-repeat; padding:2px 0 3px 35px; font-size:15px;}
.box01_contents .contents01_r{ width:644px; float:right;}

.green{ color:#107186;}


/* works */
.box01_works{ width:100%; overflow:hidden; padding-bottom:10px; clear:both;}
.works_con{ width:281px; border-right:2px dotted #D9D9D9; padding-right:30px; margin-right:25px; float:left;}
.works_con.last{ margin-right:0; border-right:none; padding-right:0; width:270px;}
.works_con h3{ background:url(../../img/about/ico01_about.gif) 0 1px no-repeat; padding:0 0 20px 35px; color:#00687e; line-height:180%; font-size:13px;}
.works_con p{ line-height:180%;}
.m_105{ margin-bottom:105px!important;}
.m_60{ margin-bottom:60px!important;}


/* procure */
.contents01_r p{ margin-bottom:20px; line-height:180%;}
.tab01_procure{ border-top:#e6e6e6 solid 2px; border-left:#e6e6e6 solid 2px; width:100%;}
.tab01_procure th{ border-right:#e6e6e6 solid 2px; border-bottom:#e6e6e6 solid 2px; font-weight:normal; text-align:left; padding:0 0 0 20px;}
.tab01_procure td{ border-right:#e6e6e6 solid 2px; border-bottom:#e6e6e6 solid 2px; padding:10px 0 13px 25px;}


/* contact */
.box01_contact{ float:left; width:320px;} 
.box01_contact h3{ float:none; margin-bottom:20px;}
.p_b60{ padding-bottom:60px!important;}
.dl01_about.contact{ width:480px!important; float:left;}
.dl01_about.contact dt{ width:108px; margin-right:60px;}
.dl01_about.contact dd{ width:310px; }
.h301{ float:none!important; margin-bottom:40px;}