@charset "utf-8";

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
reset
::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
@media screen and (max-device-width: 480px) {
body {
-webkit-text-size-adjust: none; /* iPhone */
}
}
body{color:#FFF;font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif; font-size:13px; line-height:1}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td,p,hr{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
.hide-text { text-indent: 104%; white-space: nowrap; overflow: hidden; }

/*-------clearfix-------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
/* end clearfix */

/*==================================
loading
==================================*/
html, body { width: 100%; height: 100%; }
.loadingWrap { width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 9999; }
.loadingWrap img { position: absolute; top: 50%; left: 50%; margin-top: -60px; margin-left: -245px; }


/*==================================
cmn
==================================*/

/*-------header and footer-------*/
a:link img {opacity: 1;transition: all 0.5s ease-out 0s;}
a:hover img {opacity: 0.75;transition: all 0.2s ease-out 0s;}

a:link { color: #40eef9; text-decoration: none; }
a:visited { color: #40eef9; text-decoration: underline; }
a:hover { color: #40eef9; text-decoration: underline; }

body { min-width: 980px; background:#000 ; min-height: 1170px;}
#header { background: url(../../images/pc/bg_hd.gif) 0 0 repeat-x; height: 86px; position:relative ;z-index:500}
#header_inner { position: relative; width: 980px; margin: 0 auto; }
#header h1 { top: 10px; left: -5px; position: absolute; }
#header #headertxt { top: 25px; left: 95px; position: absolute; }
#header ul { top: 25px; left: 313px; position: absolute; }
#header li { float: left; overflow: hidden; }
#header li a { display: block; overflow: hidden; text-indent: 104%; white-space: nowrap; height: 61px; }
#header li:nth-child(1) { background: url(../../images/pc/nav.gif) 0 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(1):hover { background: url(../../images/pc/nav.gif) 0 -61px no-repeat }
#header li:nth-child(2) { background: url(../../images/pc/nav.gif) -133px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(2):hover { background: url(../../images/pc/nav.gif) -133px -61px no-repeat }
#header li:nth-child(3) { background: url(../../images/pc/nav.gif) -266px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(3):hover { background: url(../../images/pc/nav.gif) -266px -61px no-repeat }
#header li:nth-child(4) { background: url(../../images/pc/nav.gif) -399px 0 no-repeat; width: 133px; height: 61px; }
#header li:nth-child(4):hover { background: url(../../images/pc/nav.gif) -399px -61px no-repeat }
#header li:nth-child(5) { background: url(../../images/pc/nav.gif) -532px 0 no-repeat; width: 134px; height: 61px; }
#header li:nth-child(5):hover { background: url(../../images/pc/nav.gif) -532px -61px no-repeat }

#footer{ width:100%; background:#000; position:relative; z-index:9000; border-top:solid 1px #5b5b5b; min-height:150px}
#footer_inner { font-size: 10px; line-height: 1.4; padding: 15px 0 24px; width: 980px; margin: 0 auto; position:relative; z-index:9999}
#footer img { padding-right: 8px; float: left; }
#footer  p#copyright{ font-size:10px; color:#fff; margin-top:20px;font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',verdana,Helvetica,Arial,sans-serif;}
#footer  #sns{   position:absolute; top:15px; right:-46px}

/*==================================
gnav
==================================*/
body #gnav { background: url(../../images/pc/gnav_bg.png) center top no-repeat; margin-top: -8px; height: 104px; position: relative; z-index: 8000; }
body #gnav #gnav_inner { width: 980px; margin: 0 auto; padding: 12px 0 10px 160px; }
body #gnav li { float: left; }
body #gnavproducts { width: 660px; }
body #gnav #gnavproducts_dspec { margin-left: -8px; }
body #gnav .gnavproducts_comingsoon { background: url(../../images/pc/gnav_img.png) -140px -74px no-repeat; display: block; width: 142px; height: 74px; float: left; }
body #gnav #gnavproducts a { background: url(../../images/pc/gnav_img.png) 0 0 no-repeat; display: block; width: 142px; height: 74px; float: left; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_dspec a { background: url(../../images/pc/gnav_img.png) 0 -74px no-repeat; display: block; height: 74px; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_dspec a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_variableaction { padding-left: 30px; }
body #gnav #gnavproducts_variableaction a { background: url(../../images/pc/gnav_img.png) -142px -74px no-repeat; display: block; height: 74px; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_variableaction a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_hispec { margin-left: 0px; }
body #gnav #gnavproducts_hispec a { background: url(../../images/pc/gnav_img.png) -284px -74px no-repeat; display: block; height: 74px; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts_hispec a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }
body #gnav #gnavproducts li { width: 142px; }
body #gnav #gnavabout a { background: url(../../images/pc/gnav_img.png) -142px 0 no-repeat; display: block; width: 142px; height: 74px; float: left; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavabout a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }
/*body #gnav  li#gnavblog {  margin-left:34px}
body #gnav #gnavblog a { background: url(../../images/pc/gnav_img.png) -274px 0 no-repeat; display: block; width: 142px; height: 74px; float: left; opacity: 1; transition: all 0.3s ease-out 0s; }
body #gnav #gnavblog a:hover { opacity: 0.5; transition: all 0.3s ease-out 0s; }


/*==================================
top
==================================*/
body#top #wrapper { background: #000; }
body#top #contents { background: url(../../images/pc/bg.jpg) center top no-repeat; background-attachment: fixed; margin-top: -20px; padding-top: 20px; }
body#top #contents_inner { background: url(../../images/pc/bg_ornament.png) center top no-repeat; background-attachment: fixed; padding-top: 50px; }
body#top #main { height:570px; width:1200px; margin: -13px auto; background: #000000; text-align: center; overflow:hidden; position:relative; z-index:400}

body#top #main .bx-viewport { height: 570px !important; }
body#top #main .bx-wrapper { margin: 0; width: 1140px !important; margin: 0 auto; z-index: 7000; position:relative}
body#top #main .bx-wrapper .bx-pager.bx-default-pager a { background: none repeat scroll 0 0 #666666; border-radius: 5px; display: block; height: 10px; margin: 0 5px; outline: 0 none; text-indent: -9999px; width: 10px; }
body#top #main .bx-wrapper .bx-pager, body#top #main .bx-wrapper .bx-controls-auto { bottom: -30px; position: absolute; top: 580px; width: 1140px; z-index: 7000; }
body#top #main .bx-wrapper .bx-pager.bx-default-pager a:hover, body#top #main .bx-wrapper .bx-pager.bx-default-pager a.active { background: none repeat scroll 0 0 #6a90ff; }
body#top #main .bx-wrapper .bx-prev { background: url(../../images/pc/top_bx_controls.png) no-repeat 0 0 !important; left: -40px; opacity: 0.5; top: 240px; transition: all 0.5s ease-out 0s;z-index: 9999;}
body#top #main .bx-wrapper .bx-next { background: url(../../images/pc/top_bx_controls.png) no-repeat -68px 0 !important; opacity: 0.5; right: -40px; top: 240px; transition: all 0.5s ease-out 0s;z-index: 9999;}
body#top #main .bx-wrapper .bx-prev:hover { opacity: 1; transition: all 0.3s ease-out 0s; }
body#top #main .bx-wrapper .bx-next:hover { opacity: 1; transition: all 0.3s ease-out 0s; }
body#top #main .bx-wrapper .bx-controls-direction a { height: 136px; outline: 0 none; position: absolute; text-indent: -9999px; width: 68px; z-index: 9999; }

.slider{ width:1140px; height:570px; margin:0 auto;}
.slider li{ float:left;}
body#top #info { background: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88000000,EndColorStr=#88000000); font-size: 13px; padding: 10px 0 12px; margin-top: -34px; position: relative; z-index:8000}
body#top #info_inner { width: 980px; margin: 0 auto; }
body#top #info h3 { background: url(../../../images/pc/info_tit.png) 0 0 no-repeat; width: 128px; height: 14px; float: left; margin-right: 20px; }
body#top #info dt { float: left; padding-right: 10px; }
body#top #info dd { float: left; }

/*-------about-------*/
body#top h3#tit_about { background: url(../../../about/images/pc/top_tit.png) 0 0 no-repeat; width: 1030px; height: 56px; margin: 0 auto 60px; }
body#top #about { background: url(../../images/pc/hr.png) 0 0px repeat-x; padding-bottom: 60px; margin-top: -220px; padding-top: 200px; }
body#top #aboutvariable { width: 980px; margin: 0 auto 34px; font-size: 16px; line-height: 1.5; }
body#top #aboutvariable dt { background: url(../../../about/images/pc/about_tit_variable.png) 0 0 no-repeat; width: 830px; height: 120px; margin: 0 auto 34px; }
body#top #aboutvariable dd { background: url(../../images/pc/line.png) center bottom repeat-x; width: 980px; margin: 0 auto 34px; padding-bottom: 34px; }
body#top #aboutbrand { width: 980px; margin: 0 auto; }
body#top #brandvariable dt { background: url(../../../about/images/pc/aboutbrand_img_brandvariable.png) 0 0 no-repeat; width: 280px; height: 164px; margin: 18px auto 18px; }
body#top #brandhispec dt { background: url(../../../about/images/pc/aboutbrand_img_brandhispec.png) 0 0 no-repeat; width: 280px; height: 164px; margin: 18px auto 18px; }
body#top #branddspec dt { background: url(../../../about/images/pc/aboutbrand_img_branddspec.png) 0 0 no-repeat; width: 280px; height: 164px; margin: 18px auto 18px; }
body#top #aboutbrand dl { width: 310px; margin: 0 24px 0 0; float: left; line-height: 1.5; background: url(../../../about/images/pc/brand_bg.png) 0 0 repeat-y; height: 430px; position:relative;}
body#top #aboutbrand dd { padding: 0 20px 20px; }
body#top #aboutbrand dd p.item1_btn_detail{ width:240px; height:34px; margin:10px auto 0; position:absolute; bottom:24px; left:35px;}
body#top #aboutbrand .brand_last { margin-right: 0; }
body#top hr#hr_featurea01, body#top hr#hr_featurea02 { height: 1; opacity: 0.25; }

body#top #link_branddspec a{ display:block; margin-top:20px; text-align:right; padding-left:20px;background: url(../../images/pc/icon_link.png) 0 center no-repeat; font-size:17px}

/*-------featurea01-------*/
body#top #featurea01 { background: url(../../../about/images/pc/featurea01_bg.png) right 0 no-repeat; width: 1156px; height: 524px; margin: -46px auto; position: relative; padding-top: 46px; }
body#top #featurea01 dl { text-align: left; width: 800px; margin: 0 auto; padding-right: 180px; font-size: 16px; line-height: 1.5; }
body#top #featurea01 dt { background: url(../../../about/images/pc/about_txt_coating.png) 0 16px no-repeat; width: 226px; height: 204px; margin: 40px 0 30px; }
body#top #featurea01 dd { width: 408px; padding-bottom: 30px; }
body#top #featurea02 { background: url(../../../about/images/pc/featurea02_bg.png) left 0 no-repeat; width: 1156px; height: 590px; margin: -56px auto; position: relative; }
body#top #featurea02 dl { text-align: left; width: 800px; margin: 0 auto; padding-left: 180px; font-size: 16px; line-height: 1.5; }
body#top #featurea02 dt { background: url(../../../about/images/pc/about_txt_mobile.png) 0 66px no-repeat; width: 406px; height: 248px; float: right; margin: 40px 0 30px; float: right; }
body#top #featurea02 dd { width: 408px; float: right; padding-bottom: 30px; }

/*==================================
products
==================================*/
/*-------products_va-------*/
body#products_va { width: 1200px; height: 668px; margin: 0 auto; overflow: hidden; background: none; }
body#products_va #wrapper { width: 860px; height: 548px; margin: 60px auto; background: url(../../../products/va/images/pc/bg.jpg) center center no-repeat; position: relative; padding: 0 170px; }
body#products_va #contents { padding: 30px; }
body#products_va h1 { background: url(../../../products/va/images/pc/tit.png) 0 0 no-repeat; width: 400px; height: 28px; margin-bottom: 20px; position: relative; z-index: 7000; }
body#products_va h2 { padding-bottom: 20px; position: relative; z-index: 7000; }
body#products_va #slider img { position: absolute; top: 0; right: 0; }
body#products_va #txt_productinfo { font-size: 16px; line-height: 1.5; width: 364px; padding-bottom: 28px; position: relative; z-index: 7000; text-shadow: 2px 2px 2px black; }
body#products_va #txt_productabout { background: url(../../../products/dspec/images/pc/bg_productabout.png) 0 0 no-repeat; font-size: 13px; line-height: 1.6; width: 350px; padding: 0 84px 8px 0; position: relative; z-index: 7000; text-shadow: 2px 2px 2px black; }
body#products_va #copyright { font-size: 10px; line-height: 1; width: 364px; position: absolute; bottom: 30px; left: 200px; z-index: 7000; }
/*-------products_dspec-------*/
body#products_dspec { width: 1200px; height: 668px; margin: 0 auto; overflow: hidden; background: none; }
body#products_dspec #wrapper { width: 860px; height: 548px; margin: 60px auto; background: url(../../../products/dspec/images/pc/bg.jpg) center center no-repeat; position: relative; padding: 0 170px; }
body#products_dspec #contents { padding: 30px; }
body#products_dspec h1 { background: url(../../../products/dspec/images/pc/tit.png) 0 0 no-repeat; width: 400px; height: 28px; margin-bottom: 20px; position: relative; z-index: 7000; }
body#products_dspec h2 { padding-bottom: 20px; position: relative; z-index: 7000; }
body#products_dspec #slider img { position: absolute; top: 0; right: 0; }
body#products_dspec #txt_productinfo { font-size: 16px; line-height: 1.5; width: 364px; padding-bottom: 28px; position: relative; z-index: 7000; text-shadow: 2px 2px 2px black; }
body#products_dspec #txt_productabout { background: url(../../../products/dspec/images/pc/bg_productabout.png) 0 0 no-repeat; font-size: 13px; line-height: 1.6; width: 350px; padding: 0 84px 8px 0; position: relative; z-index: 7000; text-shadow: 2px 2px 2px black; }
body#products_dspec #copyright { font-size: 10px; line-height: 1; width: 364px; position: absolute; bottom: 30px; left: 200px; z-index: 7000; }

/*==================================
products_moredetail
==================================*/
body#products_dspec_moredetail{overflow:hidden;width:1200px; background:none}
body#products_dspec_moredetail #wrapper{ width:860px;  margin:60px auto}