body {background-color:#fafdfe; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial ; font-size:12px; color:#505050; background:#FFF; margin:0; padding:0; background:url(img/bg.gif) repeat-y 50% 0; letter-spacing:1px;}
*{padding:0; margin:0;}
a {color:#666;}
a:hover {color:#999; text-decoration:none;}
.supplement {position:absolute; top:-9999px; left:-9999px;}
br.float-clear {clear:both; line-height:1%; font-size:1%;}
.right {text-align:right;}
.center {text-align:center;}
.gotop {text-align:right; font-size:80%; padding:5px; clear:both;}
img {border:none;}
.fs-12{font-size:12px;}
.fs-10{
	font-size:10px;
}

#body div.margin5 {padding:5px 0; line-height:1%; font-size:1%;}
#body div.margin10 {padding:10px; line-height:1%; font-size:1%;}
#body div.margin20 {padding:20px; line-height:1%; font-size:1%;}
#body div.margin40 {padding:40px; line-height:1%; font-size:1%;}
#body div.margin60 {padding:60px; line-height:1%; font-size:1%;}
#body div.margin80 {padding:80px; line-height:1%; font-size:1%;}
#body div.margin100 {padding:100px; line-height:1%; font-size:1%;}
#body div.margin120 {padding:120px; line-height:1%; font-size:1%;}
#body div.margin140 {padding:140px; line-height:1%; font-size:1%;}

.ten-line {margin:5px 0; padding:5px; line-height:1%; font-size:1%; border-top:#aaa 1px dashed; clear:both;}

/* common */

#box {margin:0 auto;
 padding-left:3px;
 padding-left:2px;
 width:800px;
 }


#header {width:790px; position:absolute; top:0; background:#fff; height:125px;}
#header h1 {font-weight:normal; font-size:12px; padding:10px 0 0 20px;}
#header p.logo {position:absolute; top:30px; margin-left:10px;}
#header ul.menu {float:right; list-style:none; margin-right:10px; width:auto;}
#header ul.menu li {float:left;}
#header ul.menu li.txt-red a{color:#f00;}
#header p.telnum {text-align:right; margin:10px 0;}
#header p.contact {float:right; margin:10px;}
#header p.contact a {display:block; width:86px; height:18px; background:url(img/hd_b_factory.gif) no-repeat;}
#header p.contact a:hover {background:url(img/hd_b_factory_on.gif) no-repeat;}

#header ul.gmenu {list-style:none; position:absolute; top:70px;}
#header ul.gmenu li {float:left;}
#header ul.gmenu li a {display:block; height:45px;}
#header ul.gmenu li.merit {}
#header ul.gmenu li.merit a {background:url(img/g_advantage.gif) no-repeat; width:113px;}
#header ul.gmenu li.merit-on a {background:url(img/g_advantage_on.gif) no-repeat; width:113px;}
#header ul.gmenu li.merit a:hover {background:url(img/g_advantage_on.gif) no-repeat;}
#header ul.gmenu li.company a {background:url(img/g_company.gif) no-repeat; width:83px;}
#header ul.gmenu li.company-on a {background:url(img/g_company_on.gif) no-repeat; width:83px;}
#header ul.gmenu li.company a:hover {background:url(img/g_company_on.gif) no-repeat;}
#header ul.gmenu li.home a {background:url(img/g_home.gif) no-repeat; width:67px;}
#header ul.gmenu li.home-on a {background:url(img/g_home_on.gif) no-repeat; width:67px;}
#header ul.gmenu li.home a:hover {background:url(img/g_home_on.gif) no-repeat;}
#header ul.gmenu li.int a {background:url(img/g_int.gif) no-repeat; width:100px;}
#header ul.gmenu li.int-on a {background:url(img/g_int_on.gif) no-repeat; width:100px;}
#header ul.gmenu li.int a:hover {background:url(img/g_int_on.gif) no-repeat;}

#gmenu_u{background-color:#0c2874; width:790px; height:45px; margin-top:35px;}

/* contents */
#contents {margin-bottom:10px; padding:125px 0 10px; width:790px; background:url(img/bg_side.gif) left repeat-y;}

/*----------------
      side
-----------------*/
#side { display:block; width: 167px; float:left; background:none;}
.side-inner {padding: 5px 12px 10px 10px; color:#FFFFFF; line-height:160%; background:none;}

/*side-box */
.side-inner .side-box {padding-bottom:12px; margin-bottom:3px; background:url(img/left_menu_line.gif) bottom left no-repeat;}
.side-inner .side-box a{color:#FFFFFF; }
.side-inner .side-box .txt-red a{color:#F00; }
.side-inner .side-box h2, h3{
	font-size:100%;
	font-weight:bold;
	line-height:160%;
	padding-bottom:5px;
	height: auto;
	display: block;
}
/*side-box ul */
.side-inner .side-box ul{list-style:none;}
.side-inner .side-box ul.bnr {}
.side-inner .side-box ul.bnr li {margin-bottom:5px; border:1px #8593B9 solid;}
.side-inner .side-box ul.sprt {padding:5px 0;}
.side-inner .side-box ul ul{list-style:none; font-size:90%; padding-left:12px; padding-bottom:5px;}
.side-inner .side-box ul li.txt-red ul li a{color:#fff;}
/*side-box bnr a*/
.side-inner .side-box ul.bnr li.safety a{display:block; width:165px; height:65px; background:url(img/bnr_safety.jpg);}
.side-inner .side-box ul.bnr li.customer a{display:block; width:165px; height:65px; background:url(img/bnr_customer.jpg);}
.side-inner .side-box ul.bnr li.metal a{display:block; width:165px; height:65px; background:url(img/bnr_metal.jpg);}
/*side-box bnr a:hover*/
.side-inner .side-box ul.bnr li.safety a:hover{display:block; width:165px; height:65px; background:url(img/bnr_safety_on.jpg);}
.side-inner .side-box ul.bnr li.customer a:hover{display:block; width:165px; height:65px; background:url(img/bnr_customer_on.jpg);}
.side-inner .side-box ul.bnr li.metal a:hover{display:block; width:165px; height:65px; background:url(img/bnr_metal_on.jpg);}
/*side-box support a*/
.side-inner .side-box ul.sprt li.fctrys a{display:block; width:165px; height:29px; background:url(img/smenu_contact.gif); border-bottom:1px solid #8593B9;}
.side-inner .side-box ul.sprt li.cost a{display:block; width:165px; height:29px; background:url(img/smenu_estimate.gif); border-bottom:1px solid #8593B9;}
.side-inner .side-box ul.sprt li.exmpl-side a{display:block; width:165px; height:29px; background:url(img/smenu_example.gif);}
.side-inner .side-box ul.sprt li.contact a{display:block; width:165px; height:29px; background:url(img/smenu_inquiry.gif);}
.side-inner .side-box ul.sprt li.rec-side a{display:block; width:165px; height:29px; background:url(img/smenu_recruit.gif);}

/*side-box bnr a:hover*/
.side-inner .side-box ul.sprt li.fctrys a:hover{display:block; width:165px; height:29px; background:url(img/smenu_contact_on.gif)}
.side-inner .side-box ul.sprt li.cost a:hover{display:block; width:165px; height:29px; background:url(img/smenu_estimate_on.gif)}
.side-inner .side-box ul.sprt li.exmpl-side a:hover{display:block; width:165px; height:29px; background:url(img/smenu_example_on.gif)}
.side-inner .side-box ul.sprt li.contact a:hover{display:block; width:165px; height:29px; background:url(img/smenu_inquiry_on.gif)}
.side-inner .side-box ul.sprt li.rec-side a:hover{display:block; width:165px; height:29px; background:url(img/smenu_recruit_on.gif)}
/*side-box co-address */
.side-inner .co-address {font-size:80%; line-height:130%;}
.side-inner .co-address a{color:#fff;}
.side-inner .co-address h4{font-size:100%;}
.side-inner .co-address address{font-style:normal;}


/*-------------
      cnt
---------------*/

#contents #cnt { display:block; width:584px; float:right; padding:5px 0 10px 14px; line-height:160%; font-size:14px;}
#contents #cnt .txt-bl {color:#0c2874;}
#contents #cnt p{ margin:0 0 8px;}
#contents #cnt ol{margin:7px 25px; list-style:decimal;}
#contents #cnt dl {margin:5px 0 0 12px;}
#contents #cnt dl dt{color:#0c2874; font-weight:bold; padding:0px 0 0;}
#contents #cnt dl dd{margin:3px 0 6px; padding:0 0 3px; border-bottom:#0c2874 1px solid; display:block;}
#contents #cnt dl dd ul{list-style:none;}
#contents #cnt ul.dtdd{list-style:none; padding:10px; margin-bottom:10px; border-top:#aaa 1px dashed;}
#contents #cnt ul.dtdd li {display:inline; float:left;}
#contents #cnt ul.dtdd li.float-l1{
	width:100px;
	line-height: 120%;
	padding: 0 0 10px;
}
#contents #cnt ul.dtdd li.float-l2{width:430px; padding:0 0 10px 10px;}
#contents #cnt ul.ulil {list-style:none;}
#contents #cnt ul.ulil li.ulil-li1 {display:inline; float:left; width:15px; margin:0 0 0 10px;}
#contents #cnt ul.ulil li.ulil-li2 {padding:0 0 0 10px; width:530px;}

#contents  #cnt h3 { color:#0c2874; height:20px; border-bottom:2px solid #0c2874; margin:0px; padding:0px 0px 5px; font-size:16px; }
#contents  #cnt h3.midashi { margin:16px 0px 5px 0px; font-size:14px; width:581px; padding:3px 0 1px 3px; background-color:#0c2874; color:#ffffff; vertical-align:middle; clear:both; }

/* pan kuzu */
#contents #cnt .pan_upper { margin-bottom:15px; color:#333; font-size:12px; }
#contents #cnt .pan_upper a { color:#666; font-size:12px; }
#contents #cnt .pan_upper a:hover { color:#aaa; text-decoration:none; font-size:12px; }
#contents #cnt .pan_lower { margin-top:15px; color:#333; font-size:12px; }
#contents #cnt .pan_lower a { color:#666; font-size:12px; }
#contents #cnt .pan_lower a:hover { color:#aaa; text-decoration:none; font-size:12px; }

/* detail */
#cnt .read {padding:10px 0 0 0; font-size:14px;}
#cnt .detail { width:100%; margin:10px 0 0; font-size:14px;}
#cnt .detail ol{ padding:10px 0 10px 14px; font-size:14px;}
#cnt .detail ol li{padding:5px;}
#cnt .detail h3.midashi-s { color:#fff !important; margin:0 0 8px 175px !important; font-size:14px !important; padding:3px 0 1px 3px !important; background-color:#0c2874; vertical-align:middle; font-size:14px;}
#cnt .detail h4 {
	color:#0c2874;
	margin:12px 0 8px;
	border-top:#ccc 1px dashed;
	padding-top: 3px;
	font-size:14px;
}
#cnt .detail img {
	margin-right:12px;
	float:left;
	padding: 2px;
	margin-bottom:5px;
	border:1px #ccc solid;
}
#cnt .detail img a{ margin-right:12px; float:left; width:166px; }
#cnt .detail .about-road {background:url(../about/img/9.jpg) no-repeat right; padding:0 130px 70px 0;}
#cnt .detail p{padding:0 5px;}
#cnt .detail p.text_area { float:right; width:385px; line-height:160%; }
#cnt .detail p.link { text-align:right; width:560px; clear:both; }
#cnt .detail img.ph_right { float:right; margin:0 5px 10px 5px;}

/* sitemap */
#cnt .detail ul.sitemap1 {list-style:none; float:left; margin:auto 20px;}
#cnt .detail ul.sitemap1 li{}
#cnt .detail ul.sitemap1 li ul{ list-style:none; padding:5px 14px;}
#cnt .detail ul.sitemap1 li ul a strong{ color:#0c2874;}
#cnt .detail ul.sitemap1 li ul li ul{ padding:5px 14px 10px;}
#cnt .detail ul.sitemap1 li ul li ul li ul { list-style:circle; padding:5px 14px; font-size:12px;}
#cnt .detail ul.sitemap2 {list-style:none; float:left; margin:auto 0 auto 20px;}
#cnt .detail ul.sitemap2 li{}
#cnt .detail ul.sitemap2 li ul{ list-style:none; padding:5px 14px;}
#cnt .detail ul.sitemap2 li ul a strong{ color:#0c2874;}
#cnt .detail ul.sitemap2 li ul li ul{ padding:5px 14px 10px;}
#cnt .detail ul.sitemap2 li ul li ul li.txt-red a{ color:#f00;}
#cnt .detail ul.sitemap2 li ul li ul li ul { list-style:circle; padding:5px 14px; font-size:12px;}

/* btn_area1 */
#cnt .btn_area { height:54px; width:568px; margin:30px 15px 0 0; padding:0;}
#cnt .btn_area ul {list-style:none; margin:0px; padding:0; }
#cnt .btn_area li{ display:inline; margin:0px:}
#cnt .btn_area li a{display:block; text-decoration:none; }
#cnt .btn_area li.inquiry a { background:url(../merit/img/btn_inquiry_off.gif) no-repeat; height:54px; width:267px; margin-left:10px; float:left; }
#cnt .btn_area li.inquiry a:hover { background:url(../merit/img/btn_inquiry_on.gif) no-repeat; height:54px; width:267px; }
#cnt .btn_area li.estimate a { background:url(../merit/img/btn_estimate_off.gif) no-repeat; height:54px; width:267px; float:left; margin-left:14px; float:left; }
#cnt .btn_area li.estimate a:hover { background:url(../merit/img/btn_estimate_on.gif) no-repeat; height:54px; width:267px; }
#cnt .btn_area li.example-btm a { background:url(../merit/img/btn_example_off.gif) no-repeat;
								height:36px; width:548px; margin:0 0 14px 10px; float:left;	}
#cnt .btn_area li.example-btm a:hover { background:url(../merit/img/btn_example_on.gif) no-repeat; height:36px; width:548px; }
#cnt .btn_area li.voice a { background:url(../recruit/img/rec_voice.gif) no-repeat; height:45px; width:177px; margin-left:5px; float:left; }
#cnt .btn_area li.voice a:hover { background:url(../recruit/img/rec_voice_on.gif) no-repeat; height:45px; width:177px; }
#cnt .btn_area li.guideline a { background:url(../recruit/img/rec_want.gif) no-repeat; height:45px; width:177px; margin-left:10px; float:left; }
#cnt .btn_area li.guideline a:hover { background:url(../recruit/img/rec_want_on.gif) no-repeat; height:45px; width:177px; }
#cnt .btn_area li.entry a { background:url(../recruit/img/rec_entry.gif) no-repeat; height:45px; width:177px; margin-left:10px; float:left; }
#cnt .btn_area li.entry a:hover { background:url(../recruit/img/rec_entry_on.gif) no-repeat; height:45px; width:177px; }
/* btn_area2 */
#cnt .btn_area2 { height:104px; width:568px; margin:30px 15px 0 0; padding:0;}
#cnt .btn_area2 ul {list-style:none; margin:0px; padding:0; }
#cnt .btn_area2 li{ display:inline; margin:0px:}
#cnt .btn_area2 li a{display:block; text-decoration:none; }
#cnt .btn_area2 li.inquiry a { background:url(../merit/img/btn_inquiry_off.gif) no-repeat; height:54px; width:267px; margin-left:10px; float:left; }
#cnt .btn_area2 li.inquiry a:hover { background:url(../merit/img/btn_inquiry_on.gif) no-repeat; height:54px; width:267px; }
#cnt .btn_area2 li.estimate a { background:url(../merit/img/btn_estimate_off.gif) no-repeat; height:54px; width:267px; float:left; margin-left:14px; float:left; }
#cnt .btn_area2 li.estimate a:hover { background:url(../merit/img/btn_estimate_on.gif) no-repeat; height:54px; width:267px; }
#cnt .btn_area2 li.example-btm a { background:url(../merit/img/btn_example_off.gif) no-repeat;
								height:36px; width:548px; margin:0 0 14px 10px; float:left;	}
#cnt .btn_area2 li.example-btm a:hover { background:url(../merit/img/btn_example_on.gif) no-repeat; height:36px; width:548px; }

/* */
#cnt .rec_img { width:550px; margin:15px 0 0 15px; }
#cnt .tbl_area {margin-top:15px;}
tr.bg-white td {background-color:#FFF; font-size:14px; line-height:200%; padding:0 0 0 10px;}
tr.bg-white td.bg-gray {background-color:#EAEAEA;}

/*review*/
#cnt .cnt_review { margin:25px 10px 0px 0px; width:540px; height:45px; padding:10px; border:1px solid #666666; font-size:13px;}
#cnt .cnt_review p.review { font-weight:bold; }
#cnt .cnt_review ul { margin:10px 0px 0px 0px; padding:0px; list-style:none; }
#cnt .cnt_review ul li { margin:0px; padding:0px; float:left;}
#cnt .cnt_review ul li.fl-none { float:none;}
#cnt .cnt_review ul li a { color:#666; padding:0px 6px; }
#cnt .cnt_review ul li.txt-red a { color:#f00; padding:0px 6px; }
#cnt .cnt_review ul li a:hover { text-decoration:none; color:#aaa; padding:0px 6px; }

/* word */
#contents #cnt .word-box { margin:10px 0 0 0;}
#contents #cnt ul.word-tab {
	list-style:none;
	margin:0 auto;
	padding: 10px 0;
}
#contents #cnt ul.word-tab li{display:inline; float:left; border:#0c2874 1px solid; width:79px; text-align:center; font-weight:bold;}
#contents #cnt ul.word-tab li a{display:block; color:#0c2874; width:100%; height:auto;}
#contents #cnt ul.word-tab li.act-tab a{display:block; background-color:#0c2874; color:#fff;}


/* glossary */
#contents #cnt dl.indx {padding:10px 0 0 0;}
#contents #cnt dl.indx dt {padding:0 5px; background:#0c2874; color:#FFF;}
#contents #cnt dl.indx dd {border:none; margin-right:10px;}
#contents #cnt dl.lng {margin:0 0 0 10px; display:block; padding:5px 0;}
#contents #cnt dl.lng dt {float:left; width:130px; line-height: 120%; padding:0; margin:0; color:#666; display:block; background:none;}
#contents #cnt dl.lng dt span {font-weight:normal; font-size:10px;}
#contents #cnt dl.lng dd {font-size:12px; border:none; padding:0 0 0 140px; margin:0; display:block;}

/* footer */
#footer {width:790px; text-align:center; background:#0C2874; clear:both;}
#footer p {color:#FFF; padding:7px 0; line-height:160%;}
#footer p a {color:#FFF;}
#footer p a.txt-red {color:#F00;}