@CHARSET "ISO-8859-1";/* Reset CSS * --------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;}

a {text-decoration:none;}

table {border-spacing:0;}

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,strong,th,var {font-weight:normal;font-style:normal;}

strong {font-weight:bold;}

ol,ul {list-style:none;margin:0;padding:0;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;margin:0;padding:0;color:#444;}

q:before,q:after {content:'';}

abbr,acronym {border:0;}

/* COMMON * --------------------------------------- */

body {font-family:"Microsoft Yahei",Arial,sans-serif;letter-spacing:0.8px;color:#444;/*color:rgba(0,0,0,0.5);*/}

#naviSet {z-index:900;position:fixed;width:80px;left:0px;top:0px;cursor:pointer;}

#naviSet ul li {position:relative;float:left;width:80px;vertical-align:top;margin:0 auto;display:inline;cursor:pointer;}

#naviSet li img {vertical-align:top;cursor:pointer;}

a:link {color:#888888;}

a:visited {color:#888888;}

a:hover {color:#aaaaaa;}

a:active {color:#cccccc;}

/* HOME * --------------------------------------- */

.clear{clear: both;}

.wrap {margin-left:auto;margin-right:auto;width:960px;position:relative;}

.img2 {margin:0 auto;position:absolute;}

#viewer {z-index:0;}

#logo {right:40px;top:40px;margin:0;text-align:right;position:absolute;z-index:40;border:0;}

#logo img {width:65%;height:auto;}

#lang {right:40px;bottom:40px;margin:0;position:absolute;z-index:30;border:0;}

#lang ul li {position:relative;width:120px;margin:0;display:inline;border:0;}

#lang li img {margin:0;vertical-align:top;border:0;}

/* ABOUT * --------------------------------------- */

.aboutAll {max-width:800px;width:60%;margin:0 auto;}

.about h1 {font-style:normal;font-weight:400;font-size:2.5em;text-align:left;letter-spacing:4px;line-height:1;}

.about p {font-style:normal;  font-weight:300;margin-top:20px;font-size:0.9em;text-align:left;line-height:1.7;color:#666666;}

.space {height:50px;}

.footerspace {position:relative;float:left;width:100%;height:100px;/*background-color:#444;*/}

/* PRODUCTS * --------------------------------------- */

.productAll {max-width:800px;width:60%;margin:0 auto;}

.thumbSet {width:50%;text-align:left;position:relative;margin-bottom:10px;float:left;}

/*#thumbImg1 {margin-right:3%;height:140px;background:url(../imgs/img_thumb1.png) no-repeat;background-size:cover;cursor:pointer;}

#thumbImg2 {margin-left:3%;height:140px;background:url(../imgs/img_thumb2.png) no-repeat;background-size:cover;cursor:pointer;}

#thumbImg3 {margin-right:3%;height:140px;background:url(../imgs/img_thumb3.png) no-repeat;background-size:cover;cursor:pointer;}

#thumbImg4 {margin-left:3%;height:140px;background:url(../imgs/img_thumb4.png) no-repeat;background-size:cover;cursor:pointer;}

#thumbImg5 {margin-right:3%;height:140px;background:url(../imgs/img_thumb5.png) no-repeat;background-size:cover;cursor:pointer;}

#thumbImg6 {margin-left:3%;height:140px;background:url(../imgs/img_thumb6.png) no-repeat;background-size:cover;cursor:pointer;}

#thumbImg7 {margin-left:3%;height:140px;background:url(../imgs/img_thumb7.png) no-repeat;background-size:cover;cursor:pointer;}

#thumbImg8 {margin-left:3%;height:140px;background:url(../imgs/img_thumb8.png) no-repeat;background-size:cover;cursor:pointer;}*/

.newsThumbImg img{max-width:100%; max-height: 100%;}

.thumbTitle {font-style:normal;font-weight:300;font-size:1.3em;letter-spacing:0.6px;height:40px;margin-top:5px;color:#333333;}

.thumbTitle b {font-weight:400;display:inline;}

.thumbTitle p {font-style:normal;font-weight:300;font-size:0.3em;color:#666666;display:block;}

.thumbTitle2 {font-style:normal;font-weight:300;font-size:1.3em;letter-spacing:0.6px;height:40px;margin-top:5px;margin-left:3%;color:#333333;}

.thumbTitle2 b {font-weight:400;display:inline;}

.thumbTitle2 p {font-style:normal;font-weight:300;font-size:0.3em;color:#666666;display:block;}

p.linkarea {font-size:93%;text-align:right:}

/*a要素を全谷に広げる（IE6以外）*/

html > body p.linkarea a {display:block;position:absolute;top:0;left:0;width:100%;height:140px;text-align:left;text-indent:-999px;background:#fff;opacity:0;filter:alpha(opacity=0);/*フィルターで透明に*/}

.lbdefault {display:none;}

/* EFFECTS */

.linkarea a {-webkit-transition:0.2s ease-out;-moz-transition:0.2s ease-out;-o-transition:0.2s ease-out;transition:0.2s ease-out;}

.linkarea a:hover {opacity:0.4;filter:alpha(opacity=40);}

/* NEWS * --------------------------------------- */

.newsAll {max-width:800px;width:60%;margin:0 auto;}

.newsSet {width:100%;margin-top:20px;margin-bottom:20px;float:left;}

.newstxtSet {width:60%;width:-webkit-calc(100% - 140px);width:calc(100% - 140px);margin-left:20px;float:left;}

.newsthumb {width:120px;height:90px;float:left;}

.newstxtSet h1 {font-size:1.6em;font-weight:400;text-align:left;letter-spacing:1px;line-height:1;}

.newstxtSet p {margin-top:10px;font-size:0.8em;text-align:left;line-height:1.2;color:#666666;}

.newstxtSet a {color:#666666;}

.newslogo {float:right;padding-left:20px;padding-top:20px;}

.newsThumbSet {width:100%;text-align:left;position:relative;margin-top:20px;margin-bottom:10px;float:left;}

#newsThumbImg1 {height:70px;background:url(../imgs/newsImg_thumb1.png) no-repeat;background-size:cover;cursor:pointer;}

#newsThumbImg2 {height:70px;background:url(../imgs/newsImg_thumb2.png) no-repeat;background-size:cover;cursor:pointer;}

#newsThumbImg3 {height:70px;background:url(../imgs/newsImg_thumb3.png) no-repeat;background-size:cover;cursor:pointer;}

#newsThumbImg5 {height:70px;background:url(../imgs/newsImg_thumb5.png) no-repeat;background-size:cover;cursor:pointer;}

#newsThumbImg6 {height:70px;background:url(../imgs/newsImg_thumb6.png) no-repeat;background-size:cover;cursor:pointer;}

#newsThumbImg7 {height:70px;background:url(../imgs/newsImg_thumb7.png) no-repeat;background-size:cover;cursor:pointer;}

.newsImg {max-width:800px;width:100%;margin:0 auto;margin-bottom:40px;}

.newsdate {font-size:0.6em;margin-top:5px;text-align:left;}

/* CONTACT * --------------------------------------- */

.contactAll {margin:0 auto;}

.contactAll .con_logo img {max-width:100%;}

.contactAll .word p a{color: #444;}

@media screen and (min-width:1200px) {

	.contactAll {width:1060px;}

	.contactAll {}

	.contactAll .word h3 {font-size:36px;margin:25px 0px 15px;}

	.contactAll .word p {line-height:30px;font-size:18px;}

}

@media screen and (min-width:991px) and (max-width:1200px) {

	.contactAll {width:970px;}

	.contactAll .word h3 {font-size:32px;margin:18px 0px 12px;}

	.contactAll .word p {line-height:28px;font-size:16px;}

}

@media screen and (min-width:768px) and (max-width:991px) {

	.contactAll {width:60%;}

	.contactAll .word {margin-top:25px;}

	.contactAll .word h3 {font-size:32px;margin:18px 0px 12px;}

	.contactAll .word p {line-height:28px;font-size:16px;}

}

@media screen and (max-width:768px) {

	.contactAll {width:60%;}

	.contactAll .word {margin-top:25px;}

	.contactAll .word h3 {font-size:3em;margin:1em 0px 0.8em;}

	.contactAll .word p {line-height:1.6;font-size:1.8em;}

}

@media screen and (min-width:991px) {

	.contactAll .con_logo {float:left;width:48%;}

	.contactAll .word {float:right;width:48%;}

	.contactAll .word {text-align:left;}

}

.downloadAll {margin:0 auto;}

.downloadAll img {max-width:100%;}

@media screen and (min-width:1200px) {

	.downloadAll {width:900px;}

	.downloadAll .word {font-size:24px;letter-spacing:10px;}

}

@media screen and (min-width:991px) and (max-width:1200px) {

	.downloadAll {width:900px;}

	.downloadAll .word {font-size:24px;letter-spacing:10px;}

}

@media screen and (min-width:768px) and (max-width:991px) {

	.downloadAll {width:60%;}

	.downloadAll .word {font-size:24px;letter-spacing:5px;}

}

@media screen and (max-width:768px) {

	.downloadAll {width:60%;}

	.downloadAll .word {font-size:24px;letter-spacing:5px;}

}

@media screen and (min-width:768px) {

	.downloadAll {position:relative;}

	.downloadAll .img {width:64%;padding-right:36%;}

	.downloadAll .word {color:#444;position:absolute;right:0;top:45%;}

}

/* Sections * --------------------------------------- */

.section {text-align:center;margin:0 auto;}

#section1 img {margin:0 auto;}

#section2 img {margin:0 auto;}

#section3 img {margin:0 auto;}

#section4 img {margin:0 auto;}

#section5 img {margin:0 auto;}

#section1 {z-index:2;/*background-image:url(../imgs/home1.png);*/}

#section2 {z-index:3;/*background-image:url(../imgs/about.png);*/}

#section3 {z-index:2;/*background-image:url(../imgs/product.png);*//*padding:6% 0 0 0;*/}

#section4 {z-index:3;}

#section5 {z-index:4;/*background-image:url(../imgs/contact.png);*/}

#section0,#section1,#section2,#section3,.slide {background-size:cover;}

/*Creatin a ull height slide */.slides {height:100%;display:block;}

#slide1 {padding:6% 0 0 0;height:100%;display:block;}

#slide2 {padding:6% 0 0 0;height:100%;}







.sweet{margin:0px auto;text-align: left;}

.sweet img{max-width: 100%;}

@media screen and (max-width:991px) {

	.sweet{width: 60%;}

}



@media screen and (min-width:991px) {

	.sweet h2{font-size: 2.4em;}

	.sweet .desc{ line-height: 30px; letter-spacing: 3.5px; margin:15px 0px; font-size: 1em;}

}

@media screen and (max-width:991px) {

	.sweet h2{font-size: 2.8em;}

	.sweet .desc{ line-height: 1.8;margin:15px 0px; font-size: 1em;}

}





.about_01 .img{text-align: center; float: right;}

@media screen and (min-width:991px) {

	.about_01{width: 800px;}

}









.about_02 .img{text-align: center; float: right;}

.about_02ul li{float: left; width: 32%; margin:0px 0.6%;}

.about_02ul li img{max-width: 100%;}

@media screen and (min-width:1200px) {

	.about_02{width: 840px;}

}



@media screen and (min-width:991px) and (max-width:1200px) {

	.about_02{width: 800px;}

}





.about_02{}

.about_02ul li{float: left; width: 32%; margin:0px 0.6%;}

.about_02ul li img{max-width: 100%;}

@media screen and (min-width:1200px) {

	.about_02{width: 840px;}

}



.about_03{}

.about_03ul li{float: left; width: 32%; margin:0px 0.6%;}

.about_03ul li img{max-width: 100%;}

.about_03ul li h3{ font-weight: bold;}

.about_03ul li .desc3{line-height: 1.8;}

@media screen and (min-width:1200px){

	.about_03{width: 1060px;}

	.about_03ul li h3{font-size: 1.6em; margin-bottom: 0.8em; margin-top:0.3em;}

	.about_03ul li .desc3{font-size: 1em;}



}

@media screen and (min-width:991px) and (max-width:1200px) {

	.about_03{width: 800px;}

	.about_03ul li h3{font-size: 1.6em; margin-bottom: 0.8em; margin-top:0.3em;}

	.about_03ul li .desc3{font-size: 0.8em;}

}



@media screen and (max-width:991px) {

	.about_03ul li h3{font-size: 1.4em; margin-bottom: 0.8em; margin-top:0.3em;}

	.about_03ul li .desc3{font-size: 0.8em;}

}





.about_04{}

.about_04 img{max-width: 100%;}

@media screen and (min-width:1200px) {

	.about_04 {width:900px;}

}



@media screen and (min-width:991px)  and (max-width:1200px){

	.about_04{width: 800px;}

}



.about_02{}

.about_02ul li{float: left; width: 32%; margin:0px 0.6%;}

.about_02ul li img{max-width: 100%;}

@media screen and (min-width:1200px) {

	.about_02{width: 840px;}

}





.about_06{}

.about_06ul li{float: left; width: 24%; margin:0px 0.5%;}

.about_06ul li img{max-width: 100%;}

.about_06ul h4{text-align: center; margin-top:20px;}

@media screen and (min-width:991px) {

	.about_06{width: 760px;}

}





.about_05{}

@media screen and (min-width:1200px) {

	.about_05{width: 940px;}

}

@media screen and (min-width:991px) {

	.about_05{width: 800px;}

}







.zhi_01{}

.zhidesc{text-align: center;}

@media screen and (min-width:1200px){

	.zhi_01{width: 992px;}

	.zhi_01 h2{margin:50px 0px 10px; line-height: 1.6;}

	



}

@media screen and (min-width:991px) and (max-width:1200px) {

	.zhi_01{width: 800px;}

	

}



@media screen and (max-width:991px) {

	

}







/* banner */

.zhi_02{}

.banner{width: 100%;overflow: hidden;position: relative;z-index: 1; padding-bottom: 30px;}

.banner .content{display: block;}

.banner .d1 {width: 100%;display: block;position: absolute;left: 0px;top: 0px;z-index: 1;}

.banner .d1 h3 span{height: 1px; background: #fff; width: 30px; display: block; margin-top:10px; margin-left: 8px;}

.banner .d1:nth-child(2n) h3 span{background: #980000;}



.banner .d1 .img{overflow: hidden;}



.banner .d1 .word{position: relative;}

.banner .d1 .word em{color: #a43637;position: absolute; right:30px; top:10px;}

.banner .d1:nth-child(2n) .word em{color: #eeeeee}

.banner .d1 .word .desc3{line-height: 1.5; font-size: 0.9em;}



.banner .d1{background: #980000; color: #fff;}

.banner .d1 h3{ color: #fff;}

.banner .d1:nth-child(2n){background: none; color: #444;}

.banner .d1:nth-child(2n) h3{color: #444;}

.banner .d2 {height: 11px;clear: both;position: absolute;z-index: 100;float: left;right: 0;margin-left: 0px;display: block;	bottom: 0px;}

.banner .d2 ul {float: left;top: 0;display: inline;position: relative;z-index: 3;}

.banner .d2 li {width: 14px;height: 3px;overflow: hidden;	cursor: pointer;float: left;margin: 0 5px;display: inline;background:#bbcad4;}

.banner .d2 li.nuw {background: #2f5f7a;}

@media screen and (max-width:768px) {

	

}



@media screen and (min-width:1200px){

	.zhi_02{width: 1000px;}

	.banner{height: 300px;}

	.banner .d1{height: 300px;}

	.banner .word h3{margin:30px 0px 30px 30px; font-size: 2em;}

	.banner .word .desc3{margin:0px 30px;}

	.banner .d1 .word em{ font-size: 75px; }

	

	



}

@media screen and (min-width:991px) and (max-width:1200px) {

	.zhi_02{width: 800px;}

	.banner{height: 300px;}

	.banner .d1{height: 300px;}

	.banner .word h3{margin:30px 0px 30px 30px; font-size: 2em;}

	.banner .word .desc3{margin:0px 30px;}

	.banner .d1 .word em{ font-size: 75px; }

	

}



@media screen and (min-width:768px) and (max-width:991px) {

	.banner{height: 300px;}

	.banner .d1{height: 300px;}

	.banner .word h3{margin:20px 0px 20px 20px; font-size: 2em;}

	.banner .word .desc3{margin:0px 20px; font-size: 0.8em;}

	.banner .d1 .word em{ font-size: 60px; }

}







@media screen and (min-width:768px){

	.banner .d1 .img,.banner .d1 .word{float: left; width: 50%;}

	.banner .d1:nth-child(2n) .img{float: right;}

	.banner .d1 .img img{height: 300px; max-width: 200%;}

}





@media screen and (max-width:768px){

	.banner{height: 470px;}

	.banner .d1{height: 450px; padding-bottom: 1.5em;}

	.banner .d1 .img img{max-width: 100%;}

	.banner .word h3{margin:20px 0px 20px 20px; font-size: 2em;}

	.banner .word .desc3{margin:0px 20px; font-size: 0.8em;}

	.banner .d1 .word em{ font-size: 60px; top:-15px; }

}











.zhi_03{}



.zhi_03ul li,.zhi_03ul li h3{ color: #393939;}

.zhidesc{text-align: center;}

@media screen and (min-width:1200px){

	.zhi_03{width: 992px;}

	.zhi_03ul li h3{font-size: 1.8em;}

	



}

@media screen and (min-width:991px) and (max-width:1200px) {

	.zhi_03{width: 800px;}

	.zhi_03ul li h3{font-size: 1.6em;}

	.zhi_03ul li .desc3{font-size: 0.8em;}

	

}



@media screen and (min-width:768px) and (max-width:991px) {

	.zhi_03{width:610px;}

	.zhi_03ul li h3{font-size: 1.2em;}

	.zhi_03ul li .desc3{font-size: 0.8em; line-height: 1.4;}

}

@media screen and (min-width:768px) {

	.zhi_03ul li{width: 48%; float: left; margin:10px 1%; line-height: 1.8;}

}







@media screen and (max-width:768px){

	.zhi_03ul li{margin:0.4em 0px;}

	.zhi_03ul li h3{font-size: 1.4em;}

	.zhi_03ul li .desc3{font-size: 1em; line-height: 1.4;}

}







@media screen and (min-width:768px) {

	.zhi_04{width: 530px}

	.zhi_04 h2{font-size: 1.8em;}

	.zhi_04 h3{font-size: 1.5em; background: #3b3939; color: #fff; letter-spacing: 5px; padding:4px 0px; margin:10px 0px 20px;}

	.zhi_04 .zhi_05_desc{line-height: 1.8; font-size: 1.1em; font-weight: 600;}

}



@media screen and (max-width:768px) {

	.zhi_04 h2{font-size: 2.4em;}

	.zhi_04 h3{font-size: 1.5em; background: #3b3939; color: #fff; letter-spacing: 5px; padding:4px 0px; margin:10px 0px 20px;}

	.zhi_04 .zhi_05_desc{line-height: 1.8; font-size: 1.2em; font-weight: 600;}

}

.zhi_05 h2{letter-spacing: 5px;}

.zhi_05 .desc3{line-height: 1.6; margin:20px 0px;}

@media screen and (min-width:768px) {

	.zhi_05{width:600px}

	

}



.thumbSet #zhi_thumbImg2{text-align: right}

html > body .zhi_06  p.linkarea a{height: 100%;}

.zhi_thumbTitle{background: #3b3939; text-align: center; color: #fff;}

.zhi_06 .thumbSet{width: 46%;}

.zhi_06 .thumbSet:nth-child(2){float: right;}

@media screen and (min-width:1200px){

	

	.zhi_06{width: 1000px;}

	.zhi_thumbTitle{ height: 60px; font-size: 26px; line-height: 60px; margin-bottom: 48px;}

	



}

@media screen and (min-width:991px) and (max-width:1200px) {

	.zhi_06{width: 800px;}

	.zhi_thumbTitle{ height: 50px; font-size: 22px; line-height: 50px; margin-bottom: 40px;}

}



@media screen and (min-width:768px) and (max-width:991px) {

	.zhi_06{width:610px;}

	.zhi_thumbTitle{ height: 50px; font-size: 22px; line-height: 50px; margin-bottom: 40px;}

}

@media screen and (max-width:768px) {

	.zhi_thumbTitle{ height: 3em; font-size: 1.4em; line-height: 3em; margin-bottom: 1em;}

}















.prolist_01{text-align: center;}

.prolist_01 #thumbImg1{background: none; height: auto;}

.prolist_01 img{max-width: 60%;}

.prolist_01 #thumbImg1 img{}

.prolist_01 .thumbSet{width: 25%; float: left;text-align: center;}

.pro_thumbTitle{ font-size: 12px; line-height: 20px;}

@media screen and (min-width:1200px){

	

	.prolist_01{width: 1000px;}

	.pro_thumbTitle{ margin-bottom: 20px;}

	

	



}

@media screen and (min-width:991px) and (max-width:1200px) {

	.prolist_01{width: 800px;}

	.pro_thumbTitle{ margin-bottom: 10px;}

	

}



@media screen and (min-width:768px) and (max-width:991px) {

	.prolist_01{width:610px;}

	.pro_thumbTitle{ margin-bottom: 00px;}

	

}

@media screen and (max-width:768px) {

	

}





.text-c a,.text-c span{width: 40px; line-height: 40px;text-align: center; width: 40px; display: inline-table; border:1px #ededed solid; border-radius: 4px;}

.text-c a:hover,.text-c span{background: #222a35; color: #fff;}





.page_right{position: fixed; right:0px; bottom:15px; width: 42px;z-index: 999;}
.page_right a{display: inline-table; width: 40px;height: 40px; border-radius: 4px; border:1px #ededed solid; text-align: center; line-height: 40px; margin-top:8px;}




.foot_product{position: relative;}

.foot_product:hover .nav_menu{display: block;}

.foot_product .nav_menu{position: absolute; left: 80px; top:0px; width: 140px; display: none}

.foot_product .nav_menu a{display: block; text-indent: 20px; color: #fff; background: rgba(0,0,0,0.5); height: 25.8px; line-height: 25.8px; border-bottom: 1px #fff solid; font-size: 12px;}

.foot_product .nav_menu a:hover{background: rgba(136,136,136,0.7);}



@media screen and (min-width:1200px) {

	

}

@media screen and (min-width:991px) and (max-width:1200px) {

	

}

@media screen and (min-width:768px) and (max-width:991px) {

	

}

@media screen and (max-width:768px) {

	

}

@media screen and (min-width:768px) {

	

}









@media screen and (min-width:1200px) {

	

}

@media screen and (min-width:991px) and (max-width:1200px) {

	

}

@media screen and (min-width:768px) and (max-width:991px) {

	

}

@media screen and (max-width:768px) {

	

}

@media screen and (min-width:768px) {

	

}







@media screen and (min-width:1200px) {

	

}

@media screen and (min-width:991px) and (max-width:1200px) {

	

}

@media screen and (min-width:768px) and (max-width:991px) {

	

}

@media screen and (max-width:768px) {

	

}

@media screen and (min-width:768px) {

	

}