/* common-------------------------------------------------------- */
body{font-size:12px;line-height:18px;color:#1a1a1a;}
#container{width:800px;text-align:center;margin:0 auto;background:url(../imgs/common/bg.jpg) repeat-y center top;}
#container_in{width:800px;background:url(../imgs/common/bg_bottom.jpg) no-repeat center bottom;padding:0 0 20px 0;}
#header{height:119px;width:800px;text-align:left;background:url(../imgs/common/header_bg.jpg) no-repeat center top;}

/* top-------------------------------------------------------- */
#top body{font-size:12px;line-height:18px;color:#404040;}
#top #top_container{width:800px;height:600px;text-align:center;margin:0 auto;background:url(../imgs/top/bg.jpg) center top;}
#top #top_header{height:77px;text-align:left;}
#top #desc{text-indent:-9999px;height:13px;}
#top #logo{padding:0 0 0 422px;}
#top #logo a{display:block;width:357px;height:64px;text-indent:-9999px;}
#top #topnavi{padding:19px 0 0 41px;text-align:left;}
#top #topnavi li{height:69px;}
#top #topnavi li a{display:block;height:57px;width:249px;text-indent:-9999px;}
#top #topnavi li#one a:hover{background:url(../imgs/top/ro.jpg) no-repeat left 0px;}
#top #topnavi li#two a:hover{background:url(../imgs/top/ro.jpg) no-repeat left -69px;}
#top #topnavi li#three a:hover{background:url(../imgs/top/ro.jpg) no-repeat left -138px;}
#top #topnavi li#four a:hover{background:url(../imgs/top/ro.jpg) no-repeat left -207px;}
#top #topnavi li#five a:hover{background:url(../imgs/top/ro.jpg) no-repeat left -276px;}
#top #topnavi li#six a:hover{background:url(../imgs/top/ro.jpg) no-repeat left -345px;}
#top #topnavi li#seven a:hover{background:url(../imgs/top/ro.jpg) no-repeat left -414px;}
#top #catch{height:20px;text-indent:-9999px;}

/* example-------------------------------------------------------- */
#example #cnt_wrp{padding:6px 0 6px 0;}

#example #header_bg{background:url(../imgs/example/header.jpg) no-repeat right top;width:800px;height:119px;}

#example span{display:block;width:101px;height:81px;}
#example span.db{display:block;width:101px;height:108px;}
#example span a{display:block;padding:1px;background:#fff;}
#example span a:hover{display:block;background:#ff0000;}
#example p{padding:0 0 8px 0;line-height:14px;}
#example p.bld{font-weight:bold;font-family:sans-serif;}

#example #fl{float:left;width:410px;border-right:1px solid #808080;text-align:left;}
#example #fl strong{background:url(../imgs/example/h_pla.jpg) no-repeat 111px 8px;height:44px;text-indent:-9999px;display:block;}
#example #fl #fl_in{padding:0 0 0 26px;}
#example #fl #fl01{float:left;width:101px;}
#example #fl #fl02{float:left;width:90px;}
#example #fl #fl03_04_wrap{float:left;width:190px;}
#example #fl #fl03{float:left;width:101px;}
#example #fl #fl04{float:left;width:89px;}
#example #fl02_01{padding:0 0 0 6px;height:243px;}
#example #fl02_02{padding:0 0 0 6px;}
#example #fl02_03{padding:0 0 0 6px;height:162px;}
#example #fl02_04{padding:0 0 0 6px;}

#example #fr{text-align:left;float:right;width:388px;}
#example #fr strong{background:url(../imgs/example/h_metal.jpg) no-repeat 71px 8px;height:44px;text-indent:-9999px;display:block;}
#example #fr #fr_in{padding:0 0 0 26px;}
#example #fr #fr01{float:left;width:101px;}
#example #fr #fr02{float:left;width:72px;}
#example #fr #fr03{float:left;width:101px;}
#example #fr #fr04{float:left;width:83px;}
#example #fr02_01{padding:0 0 0 6px;height:108px;}
#example #fr02_02{padding:0 0 0 6px;}
#example #fr02_03{padding:0 0 0 6px;height:189px;}
#example #fr02_04{padding:0 0 0 6px;}

/* introduction-------------------------------------------------------- */
#introduction #header_bg{background:url(../imgs/introduction/header.jpg) no-repeat right top;width:800px;height:119px;}

#introduction #cnt{padding:26px 26px 13px 26px;}

#introduction #cnt table{width:746px;border:0;}
#introduction #cnt th{border:0;background:#fff;border-bottom:1px solid #7f7f7f;}
#introduction #cnt td{padding:5px 10px 5px 10px;vertical-align:top;line-height:22px;}
#introduction #cnt th.one{width:225px;padding:0;}
#introduction #cnt th.two{width:170px;}
#introduction #cnt th.three{width:150px;}
#introduction #cnt th.four{}
#introduction #cnt td.one{border:0;border-left:1px solid #7f7f7f;border-right:1px solid #7f7f7f;}
#introduction #cnt td.two{border:0;border-left:1px solid #7f7f7f;}
#introduction #cnt td.three{border:0;}
#introduction #cnt td.four{border:0;border-right:1px solid #7f7f7f;}

/* environment-------------------------------------------------------- */
#environment #header_bg{background:url(../imgs/environment/header.jpg) no-repeat right top;width:800px;height:119px;}
#environment #cnt{padding:16px 0 0 30px;}

#environment #fl{font-size:12px;line-height:16px;text-align:left;float:left;width:545px;background:url(../imgs/environment/fl_bg.jpg) no-repeat left top;}
#environment #fl_main{height:220px;text-indent:-9999px;}
#environment #fl_l{width:214px;float:left;}
#environment #fl_r{width:305px;float:right;}
#environment #border_wrap{height:105px;}
#environment #bords{border:1px solid #7f7f7f;padding:10px;text-align:center;line-height:20px;}
#environment #fr{float:right;width:220px;text-align:left;}
#environment #fr_in{width:210px;height:410px;text-indent:-9999px;background:url(../imgs/environment/fr_bg.jpg) no-repeat -4px top;}

/* recruit-------------------------------------------------------- */
#recruit #header_bg{background:url(../imgs/recruit/header.jpg) no-repeat right top;width:800px;height:119px;}
#recruit #cnt{padding:23px 0 0 34px;text-align:left;}
#recruit #fl01{float:left;width:291px;height:401px;background:url(../imgs/recruit/cad.jpg) no-repeat left top;}
#recruit #fl02{float:left;width:291px;height:401px;background:url(../imgs/recruit/saiyo.jpg) no-repeat left top;}
#recruit #fl03{float:left;width:150px;height:401px;}
#recruit #footer{margin:0 34px;padding:10px 0;background:url(../imgs/recruit/dots.jpg) repeat-x center top;}

#recruit #cnt em{text-indent:-9999px;display:block;height:125px;}
#recruit #cnt p.flp1{padding:0 17px;height:60px;font-size:16px;font-weight:bold;line-height:22px;}
#recruit #cnt p.flp2{padding:0 46px 0 17px;font-size:12px;line-height:24px;}
#recruit #cnt #fl03 p{border-bottom:1px solid #7f7f7f;font-size:10px;padding:2px 0;line-height:18ox;}

/* stance-------------------------------------------------------- */
#stance #header_bg{background:url(../imgs/stance/header_bg.jpg) no-repeat right top;width:800px;height:119px;}
#stance #cnt{height:461px;background:url(../imgs/stance/bg.jpg) no-repeat left 50%;}
#stance #cnt_in{padding:30px 0 0 277px;text-align:left;}
#stance #cnt_in p{padding:0 0 1em 0;font-size:12px;line-height:24px;}

/* company-------------------------------------------------------- */
#company #header_bg{background:url(../imgs/company/header_bg.jpg) no-repeat right top;width:800px;height:119px;}
#company #cnt{padding:17px 34px;}
#company .data{padding:5px 39px;text-align:left;border-bottom:1px solid #7f7f7f;line-height:20px;}
#company .prdf{width:111px;padding:2px 0 0 0;float:left;}
#company .prdf a{background:url(../imgs/company/print.jpg) no-repeat left top;width:111px;height:16px;display:block;text-indent:-9999px;}
#company .prdf a:hover{background:url(../imgs/company/print.jpg) no-repeat left -16px;}

/* detail-------------------------------------------------------- */
#detail{background:#d7d7d7;}
#detail #container{width:800px;text-align:center;margin:0 auto;background:none;}
#detail #container_in{width:800px;background:none;}
#detail #cnt{padding:42px;}
#detail #captio{text-align:right;padding:5px 0;}
#detail #captios{text-align:right;padding:5px 0;}
#detail #captio img{margin-left:5px;}

/* contact-------------------------------------------------------- */
#contact #header_bg{background:url(../imgs/contact/header_bg.jpg) no-repeat right top;width:800px;height:119px;}
#contact #cnt{padding:0px 25px 0px 25px;text-align:left;position:relative;height:465px;}
#contact #frm{height:308px;width:697px;position:absolute;top:33px;left:48px;}
#contact #frm_head{height:60px;}
#contact #frm_head_l{float:left;width:396px;}
#contact #frm_head_r{float:right;width:242px;padding:8px 0 0 0;}
#contact #frm_head_r button{background:none;cursor:pointer;}
#contact table{width:334px;}
#contact th{border:0;background:#fff;padding:10px 0;}
#contact td{border:0;padding:0;}
#contact table input{width:190px;border:1px solid #808080;}
#contact #table_l{float:left;width:335px;}
#contact #table_r{float:right;width:335px;background:url(../imgs/contact/conhe.jpg) no-repeat left top;padding:21px 0 0 0;}
#contact #table_r_in{border-bottom:1px solid #808080;border-right:1px solid #808080;border-left:1px solid #808080;padding:10px;}
#contact textarea{width:315px;height:176px;border:0;}
#contact button#resetn{display:block;background:url(../imgs/contact/reset.jpg) no-repeat left top;width:73px;height:23px;padding:0;border:0;}
#contact button#resetn:hover{display:block;background:url(../imgs/contact/reset_ro.jpg) no-repeat left top;width:73px;height:23px;}

#contact button#submitn{display:block;background:url(../imgs/contact/submit.jpg) no-repeat left top;width:73px;height:23px;padding:0;border:0;text-indent:-9999px;}
#contact button#submitn:hover{display:block;background:url(../imgs/contact/submit_ro.jpg) no-repeat left top;width:73px;height:23px;}