@charset "UTF-8";

/*img_top*/
#img_top{position:relative; display: block; width:800px; height:300px; background: url(../img/banner/img_top.jpg) center top no-repeat; }

#img_top div{display: block; position: absolute; top:35px; }
#img_top #img_lubricant{left:27px; }
#img_top #img_durasurf{left:277px; }
#img_top #img_packaging{left:527px; }

#img_top div a{display: block; width:245px; height:235px; text-indent: -10000px; }


/*information*/
#col_information{display:block; float:left; margin:0; padding:0; width:450px; }
#page_information #col_information{width:660px; }
#col_information dl{margin: 0 0 0 10px; padding:0; }
#col_information dt{margin: 10px 0 0 10px; padding:0; }
#col_information dd{margin: -1.4em 0 0 100px; padding:0; line-height: 1.4em; }
#col_information dd a{color: #111; text-decoration: none; }
#col_information dd a:hover{color:#066; text-decoration: underline; }


#link_backnumber{margin:30px 0 0 0;}
#link_backnumber a{display:block; float:right; width:120px; background:url(../img/contents/link_backnumber.gif) right top no-repeat; text-indent: -10000px; }


/*banner*/
#col_banner{display:block; float:right; margin:0; padding:0; width:310px; text-align:right; }





/*explain*/

#main_drysurf,
#main_hilube{float:left; position:relative; display: block; height: 680px; width:380px; margin:10px 0 0 0; padding:0; font-size:12px; line-height:1.3em; }

#main_drysurf h2,
#main_hilube h2{display: block; margin:10px 30px; padding:0; border: none; }
#main_drysurf h2 a,
#main_hilube h2 a{display: block; height: 520px; margin:0; padding:0; text-indent: -10000px; }
#main_drysurf h3,
#main_hilube h3,
#main_drysurf h4,
#main_hilube h4{text-indent: -10000px; }

#main_drysurf p,
#main_hilube p{text-indent: -10000px; list-style:none; }

#main_drysurf p.exp,
#main_hilube p.exp{display:block; position:absolute; width:280px; left:30px; top:510px; color:#444; line-height: 1.4em; text-indent: 0; }

#main_drysurf .link,
#main_hilube .link{position: absolute; left:90px; top:650px; }


#main_durasurf{display: block; height: 350px; margin:10px 40px 10px 40px; padding:20px 20px 0 280px; font-size:12px; line-height:1.3em; text-indent: -10000px; }
#main_durasurf li{padding:0.5em 0; color:#321e5d; list-style: none; }

div.exp{margin:0 50px 0 30px; padding:0; font-size:10px; line-height: 1.2em; }
div.exp ul li{padding:0.3em 0 0 0; color:#666; }

#main_drysurf{background:url(../img/contents/main_drysurf.jpg) center top no-repeat; }
#main_hilube{background:url(../img/contents/main_hilube.jpg) center top no-repeat; }
#main_durasurf{background:url(../img/contents/main_durasurf.jpg) center top no-repeat; }



/*privacy*/
#page_privacy .col{padding:60px 80px 10px 80px; }
#page_privacy h4{padding-top:20px; }


/*header_products*/

#header_products{position:relative; clear:both; display:block; height:120px; text-indent:-10000px; background:url(../img/title/h1_product.jpg) no-repeat; }

#header_drysurf a,
#header_hilube a,
#header_durasurf a{display: block; position: absolute; top:17px; height:27px; }


#header_drysurf a{left:120px; width:105px; }
#header_hilube a{left:120px; width:80px; }
#page_lubricant #header_drysurf a{width:100px; }
#page_lubricant #header_hilube a{left:220px; width:78px; }

#header_durasurf a{left:288px; width:125px; }


#header_products ul,
#header_products li{display: block; margin: 0; padding:0; list-style: none; list-style-image: none; }
#header_products li{position: absolute; top:62px; }
#header_products li a{display: block; height:38px; width:200px; background:url(../img/title/h1_product.jpg) no-repeat; text-indent: -10000px; }

#header_products li#quality,
#header_products li#function{left:116px; }
#header_products li#search{left:324px; }
#header_products li#advisory{left:547px; }

#header_products li#quality a{background-position: -116px -182px; }
#header_products li#search a{background-position: -324px -182px; }
#header_products li#advisory a{background-position: -547px -182px; }
#header_products li#function a{background-position: -116px -612px; }

#header_products li#quality a:hover{background-position: -116px -302px; }
#header_products li#search a:hover{background-position: -324px -302px; }
#header_products li#advisory a:hover{background-position: -547px -302px; }
#header_products li#function a:hover{background-position: -116px -682px; }

#header_products li#quality a:active,
#header_products li#quality a.active{background-position: -116px -422px; }
#header_products li#search a:active,
#header_products li#search a.active{background-position: -324px -422px; }
#header_products li#advisory a:active,
#header_products li#advisory a.active{background-position: -547px -422px; }
#header_products li#function a:active,
#header_products li#function a.active{background-position: -116px -752px; }



/*btn_products(index) */
#btn_products_index,
#btn_products{clear:both; display:block; padding: 10px 1px 10px 40px; }
#btn_products_index ul,
#btn_products_index li,
#btn_products_index li a,
#btn_products ul,
#btn_products li,
#btn_products li a{display: block; margin: 0; padding:0; list-style: none; list-style-image: none; }
#btn_products_index li,
#btn_products li{float:left; width:360px; height:150px; }
#btn_products_index li a,
#btn_products li a{width:310px; height:150px; text-indent: -10000px; } 


#page_drysurf #btn_products_index li a{background:url(../img/btn/drysurf_index.jpg) no-repeat; }
#page_drysurf #btn_products_index li#dry_dry a{background-position:-6px 0; }
#page_drysurf #btn_products_index li#dry_semiwet a{background-position:-381px 0; }
#page_drysurf #btn_products_index li#dry_oilboom a{background-position:-6px -155px; }
#page_drysurf #btn_products_index li#dry_dusttrap a{background-position:-381px -155px; }
#page_drysurf #btn_products_index li#dry_diluent a{background-position:-6px -310px; }



#page_hilube #btn_products_index li a{background:url(../img/btn/hilube_index.jpg) no-repeat; }
#page_hilube #btn_products_index li#hi_fgrease a{background-position:-6px 0; }
#page_hilube #btn_products_index li#hi_sgrease a{background-position:-381px 0; }
#page_hilube #btn_products_index li#hi_fimpregnation a{background-position:-6px -155px; }
#page_hilube #btn_products_index li#hi_simpregnation a{background-position:-381px -155px; }
#page_hilube #btn_products_index li#hi_ester a{background-position:-6px -310px; }



#page_durasurf #btn_products_index li a{background:url(../img/btn/durasurf_index.jpg) no-repeat; }
#page_durasurf #btn_products_index li#dur_moistureproof a{background-position:-6px 0; }
#page_durasurf #btn_products_index li#dur_antifouling a{background-position:-381px 0; }
#page_durasurf #btn_products_index li#dur_acidproof a{background-position:-6px -155px; }
#page_durasurf #btn_products_index li#dur_nonviscous a{background-position:-381px -155px; }
#page_durasurf #btn_products_index li#dur_cohesive a{background-position:-6px -310px; }
#page_durasurf #btn_products_index li#dur_repellency a{background-position:-381px -310px; }
#page_durasurf #btn_products_index li#dur_lowrefractive a{background-position:-6px -465px; }




/*btn_products(parts) */
#page_drysurf #btn_products li a{background:url(../img/btn/drysurf.jpg) no-repeat; }
#page_drysurf #btn_products li#dry_dry_av a{background-position:-6px 0; }
#page_drysurf #btn_products li#dry_dry_oa a{background-position:-381px 0; }
#page_drysurf #btn_products li#dry_dry_optical a{background-position:-6px -155px; }
#page_drysurf #btn_products li#dry_semiwet_av a{background-position:-381px -155px; }
#page_drysurf #btn_products li#dry_semiwet_mobile a{background-position:-6px -310px; }
#page_drysurf #btn_products li#dry_semiwet_oa a{background-position:-381px -310px; }
#page_drysurf #btn_products li#dry_semiwet_optical a{background-position:-6px -465px; }
#page_drysurf #btn_products li#dry_semiwet_car a{background-position:-381px -465px; }
#page_drysurf #btn_products li#dry_semiwet_all a{background-position:-6px -620px; }
#page_drysurf #btn_products li#dry_oilboom_mobile a{background-position:-381px -620px; }
#page_drysurf #btn_products li#dry_oilboom_optical a{background-position:-6px -775px; }


#page_hilube #btn_products li a{background:url(../img/btn/hilube.jpg) no-repeat; }
#page_hilube #btn_products li#hi_fgrease_optical a{background-position:-6px 0; }
#page_hilube #btn_products li#hi_fgrease_oa a{background-position:-381px 0; }
#page_hilube #btn_products li#hi_fgrease_mobile a{background-position:-6px -155px; }
#page_hilube #btn_products li#hi_fgrease_av a{background-position:-381px -155px; }
#page_hilube #btn_products li#hi_fgrease_carnavi a{background-position:-6px -310px; }
#page_hilube #btn_products li#hi_fgrease_car a{background-position:-381px -310px; }
#page_hilube #btn_products li#hi_sgrease_optical a{background-position:-6px -465px; }
#page_hilube #btn_products li#hi_sgrease_oa a{background-position:-381px -465px; }
#page_hilube #btn_products li#hi_sgrease_av a{background-position:-6px -620px; }
#page_hilube #btn_products li#hi_sgrease_carnavi a{background-position:-381px -620px; }
#page_hilube #btn_products li#hi_sgrease_car a{background-position:-6px -775px; }


#page_durasurf #btn_products li a{background:url(../img/btn/durasurf.jpg) no-repeat; }
#page_durasurf #btn_products li#dur_moistureproof_3300 a{background-position:-6px 0; }
#page_durasurf #btn_products li#dur_antifouling_3200 a{background-position:-381px 0; }
#page_durasurf #btn_products li#dur_antifouling_5100 a{background-position:-6px -155px; }
#page_durasurf #btn_products li#dur_antifouling_4100 a{background-position:-381px -155px; }
#page_durasurf #btn_products li#dur_cohesive_5100 a{background-position:-6px -310px; }
#page_durasurf #btn_products li#dur_cohesive_4100 a{background-position:-381px -310px; }
#page_durasurf #btn_products li#dur_repellency_1100 a{background-position:-6px -465px; }
#page_durasurf #btn_products li#dur_repellency_1400 a{background-position:-381px -465px; }




/*page_products*/
#page_drysurf p.exp,
#page_hilube p.exp,
#page_durasurf p.exp{margin-left:50px; font-weight: bold; }

#page_drysurf table,
#page_hilube table,
#page_durasurf table,
#page_packaging table.inquiries{margin:10px 40px 25px 40px; width:684px; }

#page_drysurf table ul,
#page_hilube table ul,
#page_durasurf table ul,
#page_drysurf table li,
#page_hilube table li,
#page_durasurf table li{margin:0; padding:0; }
#page_drysurf table ul,
#page_hilube table ul,
#page_durasurf table ul{margin-left:20px; }

#page_drysurf table td,
#page_hilube table td,
#page_durasurf table td,
#page_drysurf table th,
#page_hilube table th,
#page_durasurf table th{font-size:12px; }
#page_drysurf table td.title,
#page_hilube table td.title,
#page_durasurf table td.title{font-size:14px; }

th.merit{width:280px; }

table.inquiries th{width:210px; }


#btn_inquiries{margin:0 40px; padding:20px 0 0 0; border-top:solid 1px #ddd; }
#btn_inquiries a{display:block; height:60px; background:url(../img/btn/inquiries.jpg) center top no-repeat; text-indent: -10000px; }
#btn_inquiries a:hover{background-position:center -60px; }
#btn_inquiries a:active{background-position:center -59px; }




/*product search*/
#page_lubricant #h3_search_dry,
#page_lubricant #h3_search_hi,
#page_durasurf #h3_search_dur{position:relative; display: block; height: 120px; margin:40px; background:url(../img/title/h3_search.jpg) no-repeat; }

#page_lubricant #h3_search_dry{background-position:center top; }
#page_lubricant #h3_search_hi{background-position:center -200px; }
#page_durasurf #h3_search_dur{background-position:center -400px; }


#page_lubricant #h3_search_dry h3,
#page_lubricant #h3_search_hi h3,
#page_durasurf #h3_search_dur h3{display: block; height: 100px; background: none; text-align:left; text-indent: -10000px; }

.product_search{position:absolute; left:300px; top:35px; }
.product_search option,
.product_search input{font-size:14px; }






/*advusiry*/



.advice{margin:10px 50px; padding:20px 30px; background: #eee; font-size: 12px; }
#body .advice h3{margin:0; height: 30px; text-align:left; font-size:16px; text-indent: 0; background:none; }
#body .advice h4{font-size:13px; }
.advice p{margin:1em; }

.advice .floatleft{margin-left:15px; }











/*packaging*/

#page_packaging  .exp{margin:10px 0 20px 60px; }



#process1,
#process2,
#process3,
#process4,
#process5,
#process6,
#process7{display: block; height:130px; background:url(../img/contents/packaging.jpg) center top no-repeat; }

#process1{background-position: center 0; height:90px; }
#process2{background-position: center -90px; height: 230px; }
#process3{background-position: center -320px; }
#process4{background-position: center -450px; }
#process5{background-position: center -580px; }
#process6{background-position: center -710px; }
#process7{background-position: center -840px; height:80px; }


.process{position:relative; display: block; margin:0 90px; }

.process h3{position: absolute; top:-30px; text-indent:-10000px; }
.process p{display: block; width:330px; position: absolute; left:240px; top:15px; line-height:1.3em; }
.process a{display: block; width:110px; height:80px; position: absolute; left:110px; top:10px; text-indent: -10000px; }
#process2 a{top:60px; }

#process1 p{left:170px; top:2px; width:400px; }
#process2 p{left:420px; top:125px; width:120px; }

#process2 ul,
#process2 li{display:block; margin: 0; padding: 0; list-style: none; list-style-image: none; }
#process2 li{position:absolute; display:block; width:170px; height:48px; }
#process2 li a{display:block; left:0; top:0; width:170px; height:48px; text-indent: -10000px; }

#process2 li#link_can{left:230px; top:20px; }
#process2 li#link_pull{left:400px; top:20px; }
#process2 li#link_poly{left:230px; top:76px; }
#process2 li#link_tube{left:400px; top:76px; }
#process2 li#link_etc{left:230px; top:133px; }



#page_packaging div.back{padding-left:10px; }



#col_can,
#col_pull,
#col_poly,
#col_tube,
#col_etc{margin:10px 0; padding:30px 0 20px 35px; background: url(../img/global/col.jpg) center top no-repeat; }

#col_can .size,
#col_pull .size,
#col_poly .size,
#col_tube .size,
#col_etc .size{margin:10px 0 0 15px; }

#col_can img,
#col_pull img,
#col_poly img,
#col_tube img,
#col_etc img{width:200px; height:150px;}


 
.pack{display: block; float: left; width:220px; height:240px; margin:10px 0 0 0; padding:0; text-align: center; background:url(../img/contents/pack.gif) center top no-repeat; }
.pack img{margin-top:10px; border:solid 1px #d0d0d0; }
.pack a{position:relative; display: block; text-decoration: none; }
.pack a .plus{left:188px; top:138px; }
*html .pack a .plus{left:180px; }

.pack p{margin:1em 0 1.2em 0; }


.pack{margin-left:10px; }
*html .pack{margin-left:8px; }

.estimate{clear:both; display:block; margin:5px 35px 0 10px; padding:10px 30px; background: #f6f0f0; color:#501; }
.estimate p{margin:0.3em; }
.estimate ul{margin:0.3em; }
.estimate ul li{margin-left:20px; }

















/*company*/
#page_company .name{margin:40px 0 0 0; text-align: right; }
#col_intro p{margin:1em 15px; line-height: 1.6em; }

#col_profile{display: block; }
#col_profile table th{width:150px; background: #eee; border-right:none; }
#col_profile table td{border-left:none; }
#col_profile table td img{vertical-align:middle; }
#col_profile table td ul,
#col_profile table td li{margin-left:10px; padding-left:0; }


#col_history{display: block; }
#col_history table,
#col_history th,
#col_history td{border: none; font-weight: normal; }
#col_history table{width:640px; border-top:solid 1px #ddd; }
#col_history th,
#col_history td{border-bottom:solid 1px #ddd; vertical-align: top; }
#col_history table th{text-align:right; width:120px; background: #fff; }
#col_history table td{padding-left:20px; }

.deal{margin:10px; padding:15px 0 10px 0; background: #f3f3f3; }
.deal p{margin:10px 20px; }
.col3{display: block; float: left; width:205px; }
.col3 ul,
.col3 li{margin-left:20px; padding-left:0; }



/*inquiries*/
#page_inquiries h3{margin-top:30px; font-size:16px; font-family: "ＭＳ ゴシック";}
p.inquiries{display: block; margin:10px 0; padding:20px; text-align: center; line-height:1.5em; font-size:20px; font-weight:bold; background:#f0f0f0; }
label{margin-right: 5px; font-size:12px; }

#col_done{margin:0 40px; padding: 30px 20px 40px 40px; background:#eef6ee; border:solid 1px #ddd; border-top:none; }
*html #col_done{padding-bottom: 10px; }
#col_done h3{margin:0; padding:0; text-indent: 0; }








/*sitemap*/
#page_sitemap .floatleft,
#page_sitemap .floatright{margin:0; padding: 0; width:320px; }