/* CSS Document */

/* ===== layouts ===== */
#wrap{background:url(../img/wrap_bg.gif) repeat-y;}
#wrap_footer{clear:both;width:780px;padding-bottom:10px;background:url(../img/wrap_footer_bg.gif) no-repeat bottom right;}
#wrap_footer a{background:url(../img/pagetop.gif) no-repeat;width:90px;height:18px;display:block;text-indent:-9999px;margin-left:680px;}
#wrap_footer a:hover{background:url(../img/pagetop_f2.gif) no-repeat;}

#left{float:left;width:560px;}
#right{float:right;width:202px;}



/* ===== local navigation ===== */
#lnav{width:202px;background:url(../img/lnav_bg.gif) no-repeat;}
#lnav h2{width:202px;height:27px;}
#lnav h2 a{background:url(../img/lnav_h.gif);width:172px;height:20px;display:block;font-size:12px;padding-top:7px;
padding-left:30px;color:#ffffff;text-decoration:none;}
#lnav h2 a:hover{background:url(../img/lnav_h_f2.gif);color:#ffffff;text-decoration:underline;}

#lnav ul{padding:6px 1px 4px 1px;background:#ffffff;}
#lnav ul li{width:188px;height:27px;display:block;background:url(../img/lnav.gif) no-repeat;margin-bottom:4px;padding:2px 0 0 12px;}
#lnav ul li a{font-size:0.8em;color:#33A766;background:url(../img/ic_arrow_lnav.gif) no-repeat left center;padding-left:16px;text-decoration:underline;}
#lnav ul li a:hover{color:#ff9900;background:url(../img/ic_arrow_lnav_f2.gif) no-repeat left center;text-decoration:underline;}
#lnav ul li.now a{font-size:0.8em;color:#ff9900;background:url(../img/ic_arrow_lnav_f2.gif) no-repeat left center;padding-left:16px;text-decoration:none;}


/* ===== main header ===== */
#mainimg h1{width:780px;height:120px;text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;}
#mainimg h1.service{background:url(../img/mainimg_service.gif) no-repeat;}
#mainimg h1.company{background:url(../img/mainimg_company.gif) no-repeat;}
#mainimg h1.job{background:url(../img/mainimg_job.gif) no-repeat;}
#mainimg h1.contact{background:url(../img/mainimg_contact.gif) no-repeat;}
#mainimg h1.sitemap{background:url(../img/mainimg_sitemap.gif) no-repeat;}
#mainimg h1.terms{background:url(../img/mainimg_terms.gif) no-repeat;}
#mainimg h1.privacy{background:url(../img/mainimg_privacy.gif) no-repeat;}
#mainimg h1.topics{background:url(../img/mainimg_topics.gif) no-repeat;}
#mainimg h1.compliance{background:url(../img/mainimg_compliance.gif) no-repeat;}


/* ===== headding ===== */
#left h2, #maincontent h2{background-repeat: no-repeat;width:560px;height:26px;text-indent:-9999px;}

h2.field{background:url(../img/h2_field.gif);}
h2.jigyoarea{background:url(../img/h2_jigyoarea.gif);}
h2.sekkei{background:url(../img/h2_sekkei.gif);}
h2.kaihatsu{background:url(../img/h2_kaihatsu.gif);}
h2.kiban{background:url(../img/h2_kiban.gif);}
h2.chosa{background:url(../img/h2_chosa.gif);}

h2.goaisatsu{background:url(../img/h2_goaisatsu.gif);}
h2.iso{background:url(../img/h2_iso.gif);}
h2.gaiyo{background:url(../img/h2_gaiyo.gif);}
h2.identity{background:url(../img/h2_identity.gif);}
h2.jinzai{background:url(../img/h2_jinzai.gif);}
h2.access{background:url(../img/h2_access.gif);}
h2.enkaku{background:url(../img/h2_enkaku.gif);}
h2.soshikizu{background:url(../img/h2_soshikizu.gif);}
h2.genba{background:url(../img/h2_genba.gif);}
h2.topics{background:url(../img/h2_topics.gif);}
h2.compliance{background:url(../img/h2_compliance.gif);}

h2.job{background:url(../img/h2_job.gif);}
h2.contact{background:url(../img/h2_contact.gif);}
h2.sitemap{background:url(../img/h2_sitemap.gif);}
h2.terms{background:url(../img/h2_terms.gif);}
h2.privacy{background:url(../img/h2_privacy.gif);}

#left h3 img{margin:15px 5px;}
h3.md1{background:#33a566;color:#ffffff;font-size:100%;padding:4px 2px 4px 12px;margin:4px 0 2px 0;border:1px solid #ccc;}
h4.md1{border-left:#96c94c solid 4px; font-size:100%;padding:1px 0 1px 6px;margin:4px 0;}
.md2{background:url(../img/division_h.gif) no-repeat 3px center #dfdfdf;font-size:100%;padding:2px 0 2px 15px;margin:5px 0;}


.ph{border:1px solid #ccc;padding:1px;}

.kakomi{border:1px solid #cccccc;padding:6px;margin:4px 0;clear:both;}

.numlist{padding-left:1.5em;text-indent:-1.5em;}

/* ===== maincontents ===== */
#maincontent{font-size:0.8em;}

#maincontent .wrap{clear:both;}
#maincontent p{clear:left;padding:5px;line-height:150%;}
#maincontent ul.feature{margin:5px;}
#maincontent ul.feature li{display:block;background:url(../img/md2_green.gif) no-repeat left 4px;padding:0 0 7px 14px;width:330px;}

.photo_l{float:right;font-size:80%;text-align:center;}
.photo_l img{padding:1px; border:1px solid #ccc;margin:3px;}

.photo_s{float:right;font-size:80%;}
.photo_s ul li{display:inline;float:left;text-align:center;}
.photo_s img{padding:1px; border:1px solid #ccc;margin:3px;}

.division{float:left;border:1px solid #ccc;background:url(../img/division_h_bg.gif) repeat-x;width:260px;padding:5px;margin:8px 0;}
.division h3{background:url(../img/division_h.gif) no-repeat left center;font-size:100%;padding-left:12px;margin-bottom:10px}
.division ul{padding:3px;}
.division ul li{padding:3px 0 3px 10px;background:url(../img/dot.gif) no-repeat left center;}



/* color themes */
p.green{color:#1B9548;}
p.blue{color:#0480B7;}
p.red{color:#FF3E0B;}
#maincontent.green .photo_l,#maincontent.green .photo_s{color:#1B9548;}
#maincontent.green ul.feature li{background:url(../img/md2_green.gif) no-repeat left 4px;}
#maincontent.green .division ul li{background:url(../img/dot_green.gif) no-repeat left center;}

#maincontent.blue .photo_l,#maincontent.blue .photo_s{color:#0480B7;}
#maincontent.blue ul.feature li{background:url(../img/md2_blue.gif) no-repeat left 4px;}
#maincontent.blue .division ul li{background:url(../img/dot_blue.gif) no-repeat left center;}

#maincontent.red .photo_l,#maincontent.red .photo_s{color:#FF3E0B;}
#maincontent.red ul.feature li{background:url(../img/md2_red.gif) no-repeat left 4px;}
#maincontent.red .division ul li{background:url(../img/dot_red.gif) no-repeat left center;}

ul.green li{background:url(../img/dot_green.gif) no-repeat left center;padding-left:10px;}
ul.blue li{background:url(../img/dot_blue.gif) no-repeat left center;padding-left:10px;}
ul.red li{background:url(../img/dot_red.gif) no-repeat left center;padding-left:10px;}

/* jigyo */
#jigyo{font-size:0.8em;}
#jigyo table{border-collapse:collapse;border:1px solid #999;width:560px;}
#jigyo td{padding:2px;border:1px solid #999;font-size:10px;color:#333;}
#jigyo th{padding:2px;border:1px solid #999;font-size:10px;color:#333;}

/* gaiyo */
#gaiyo{font-size:0.8em;}
#gaiyo table{border-collapse:collapse;border:1px solid #999;width:560px;margin:10px 0;}
#gaiyo td{padding:5px 8px;border:1px solid #999;color:#666;}
#gaiyo td li{line-height:180%;}
#gaiyo th{padding:5px 8px;border:1px solid #999;color:#1B9548;text-align:left;font-weight:normal;width:8.5em;background:#f0f0f0;}
#gaiyo table.left{width:420px;}
#gaiyo img.right{padding-top:10px;}

/* enkaku */
#enkaku{font-size:0.9em;}
#enkaku table{border-collapse:collapse;border:1px solid #999;width:560px;margin:10px 0;}
#enkaku td{padding:5px 8px;border:1px solid #999;color:#666;vertical-align:top;}
#enkaku th{padding:5px 8px;border:1px solid #999;color:#1B9548;text-align:left;font-weight:normal;background:#f0f0f0;}

/* genba */
#genba{font-size:0.8em;}
#genba table{border-collapse:collapse;border:1px solid #999;width:560px;margin:10px 0;}
#genba td{padding:3px 4px;border:1px solid #999;color:#666;vertical-align:top;}
#genba th{padding:3px 4px;border:1px solid #999;color:#1B9548;text-align:left;font-weight:normal;background:#f0f0f0;}

/* access */
#access{font-size:0.8em;}
#access img{padding:5px;margin:10px;border:1px solid #ddd;}
#access table{border-collapse:collapse;border:1px solid #999;width:560px;margin:10px 0;}
#access td{padding:2px;border:1px solid #999;color:#444;}
#access th{padding:2px;border:1px solid #999;color:#1B9548;text-align:left;vertical-align:top;font-weight:normal;width:5em;}

/* job */
#job{font-size:0.8em;}
#job table{border-collapse:collapse;border:1px solid #999;width:560px;margin:10px 0;}
#job td{padding:5px 8px;border:1px solid #999;color:#444;}
#job td p{margin:5px 0;}
#job th{padding:5px 8px;border:1px solid #999;color:#1B9548;text-align:left;vertical-align:top;font-weight:normal;width:6em;}
#job table td table{width:350px;border:none;margin:none;}
#job table td table td{border:none;padding:1px;}
/* sitemap */
#sitemap{width:780px;background:url(../img/wrap_top_bg.gif) no-repeat top right;}
#sitemap ul{margin:5px 10px 10px 40px;color:#1b9548;list-style:square inside;}

/* terms */
#terms{width:560px;padding-right:220px;background:url(../img/wrap_top_bg.gif) no-repeat top right;}
#terms ol{margin:5px 40px;list-style:decimal outside;}
#terms ul{margin:5px 30px;list-style:square outside;}


/* kaihatsu */
ul.productlist{font-size:85%;}
ul.productlist li{width:272px;float:left;background:url(../img/division_h_bg.gif) repeat-x;padding:5px 0;margin-bottom:2px;}
ul.productlist li.right{float:left;margin-left:2px;}
ul.productlist li h3{width:260px;background:url(../img/division_h.gif) no-repeat 3px center;font-size:100%;padding-left:14px;margin:2px 0 10px 4px;}
ul.productlist li img{border:1px solid #ccc;float:left;}
ul.productlist li .pdflink{width:80px;float:right;background:url(../img/mesh.gif);padding:2px;margin-top:3px;text-align:center;}
ul.productlist li .pdflink a{background:url(../img/ic_pdf.gif) no-repeat 2px center #fff;padding:2px 2px 2px 18px;color:#666;}
#maincontent ul.productlist li p{float:right;width:205px;clear:none;line-height:1.2em;height:1.2em;}


/* clearfix */
div:after {  
content: ".";  
display: block;  
visibility: hidden;  
height: 0.1px;  
font-size: 0.1em;  
line-height: 0;  
clear: both;  
 }