@charset "utf-8";

*{margin:0;padding:0;}
li{list-style: none;}
img{border:0;}
a{text-decoration:none;color:white;}

html,body{
	background: white;
	color: #333;
	max-width: 100%;
	height: 100%;
	min-width: 200px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#scttop{width:50px;height:50px; position: fixed; bottom:10px;right:10px; z-index:100;border-radius:25px;background-image: url(../images/topbtn.png);background-position: 0 -50px;cursor:pointer;}

/* header */

#header{width:100%;height:76px;line-height:76px;position:fixed;z-index: 100}
.headon{background-color:white!important;border-bottom: 1px solid #eaeaea !important;}
#head{max-width:1285px;min-width:200px;margin:0 auto;height:76px;line-height:76px;}
#header #logo{
	float: left;
	margin-top: 12px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#header #logo a{display:block;width:251px;height:41px;text-indent:-99999px;overflow:hidden;background: url(../images/h1_logo.png);}
.logoon{background-position:0 -41px !important;}
#header #gnb{float: right;line-height: 76px;margin-top:32px;margin-right:20px;}
#header #gnb li{float:left;}

#header #gnb li a{display:block;height:11px;background:url(../images/ul_gnb.png) no-repeat;overflow: hidden; text-indent:-99999px;margin-left:30px;}
#header #gnb .gnb1 a{width:25px;background-position:0 0;}
#header #gnb .gnb1 a:hover{width:25px;background-position:0 -11px;}
#header #gnb .gnb2 a{width:43px;background-position: -48px 0;}
#header #gnb .gnb2 a:hover{width:43px;background-position: -48px -11px;}
#header #gnb .gnb3 a{width:37px;background-position: -115px 0;}
#header #gnb .gnb3 a:hover{width:37px;background-position: -115px -11px;}
#header #gnb .gnb4 a{width:37px;background-position: -176px 0;}
#header #gnb .gnb4 a:hover{width:37px;background-position: -176px -11px;}
#header #gnb .gnb5 a{width:47px;background-position: -236px 0;}
#header #gnb .gnb5 a:hover{width:47px;background-position: -236px -11px;}
#header #gnb .gnb6 a{width:53px;background-position: -306px 0;}
#header #gnb .gnb6 a:hover{width:53px;background-position: -306px -11px;}



.on1{background-position: 0 -22px !important;}
.on1:hover{background-position: 0 -33px !important;}

.on2{background-position: -48px -22px !important;}
.on2:hover{background-position: -48px -33px !important;}

.on3{background-position: -115px -22px !important;}
.on3:hover{background-position: -115px -33px !important;}

.on4{background-position: -176px -22px !important;}
.on4:hover{background-position: -176px -33px !important;}

.on5{background-position: -236px -22px !important;}
.on5:hover{background-position: -236px -33px !important;}

.on6{background-position: -306px -22px !important;}
.on6:hover{background-position: -306px -33px !important;}



.on11{background-position: 0 -33px !important;}
.on21{background-position: -48px -33px !important;}
.on31{background-position: -115px -33px !important;}
.on41{background-position: -176px -33px !important;}
.on51{background-position: -236px -33px !important;}
.on61{background-position: -306px -33px !important;}



.section{
	clear: both;
	line-height: 180%;
}


/* section1 */

#section1{height:100%;background-image:url(../images/pt.png), url(../images/bg1.jpg);position: relative;background-size:auto,cover}
#section1 p{width:382px;height:126px;text-indent:-99999px;overflow:hidden;background:url(../images/tt1.png) no-repeat;position:absolute;top:50%;left:50%;margin-top:-63px;margin-left:-191px;}


/* section2 */

#section2 #tbox{height:230px;background:url(../images/about_bg.jpg) center;overflow: hidden;text-align: center; position:relative;}

#lang img{cursor:pointer;}

#section2 #tbox #engimg{position: absolute;top:0;right:10px;}

#section2 #tbox #rusimg{position: absolute;top:0;right:10px;}

#section2 #about{width:139px;height:34px;text-indent:-99999px;overflow: hidden;background: url(../images/about_tt.png) no-repeat;margin:98px auto 0;}
#section2 #text{max-width: 980px;min-width:200px;padding:0 20px;text-align: justify;margin:100px auto 0;}
#section2 #text .part{padding-bottom:20px;color:#333;font-size:16px;}
#section2 #text .part .light{color:#3862c8;font-weight:bold;font-size: 18px;}
#section2 #chain{width:193px;height:72px;text-indent:-99999px;overflow:hidden;background:url(../images/chain_tt.png);margin:100px auto 0;}
#section2 #c4s{min-width:200px;max-width:760px;height:214px;margin:100px auto;background: url(../images/chain_img.png) no-repeat;text-indent: -99999px;overflow: hidden;background-size:90%;background-position:center;}
#c4st{display: none;}

/* section3 */

#section3 #historyt{width:121px;height:71px;background: url(../images/history_tt.png);text-indent:-99999px;overflow:hidden;margin:100px auto 0;}

#history{max-width:960px;min-width:200px;margin:100px auto 0;padding:0 20px;}

#history .year{clear:left;width:100%;padding:10px 0;text-align: center;margin-top:5px;border-radius: 3px 3px 0 0;cursor:pointer;}

.on{background-color: #3963c8;border:1px solid #3963c8;color:white;font-weight:bold}

.off{background-color: #f7f7f7;border:1px solid #eaeaea;color:#666;}

#history .ybox{width:100%;background-color:white;border:1px solid #eaeaea; border-top:0;border-radius: 0 0 3px 3px;padding:15px 0;}

#history .ybox ul{overflow: hidden;}

#history .ybox ul li{/*float:left*/;margin:10px 0 20px;}

#history .ybox ul li dl .month{width:auto;text-align: center;font-size: 20px;}

#history .ybox ul li dl .hist{font-size: 14px;text-align:center;}


/* section4 */

#section4{height:460px;background: url(../images/service_bg.jpg) no-repeat center;background-size:cover;position:relative;margin-top:100px;}

#section4 #service{width:320px;height:230px;background-color: rgba(0,51,153,.7);color:white;position: absolute;top:0;left:50%;margin-left:-480px;background-image:url(../images/sli_01.png);text-indent: -99999px;overflow: hidden;}

#section4 #sli li{width:320px;height:230px;text-indent: -99999px;overflow: hidden;}
#section4 #sli .s1{position:absolute;top:0;left:50%;margin-left:-160px;background-image:url(../images/sli_02.png);background-color:rgba(57,99,200,.7);}
#section4 #sli .s2{position:absolute;top:0;left:50%;margin-left:160px;background-color: rgba(0,51,153,.7);background-image:url(../images/sli_03.png)}
#section4 #sli .s3{position:absolute;top:50%;left:50%;margin-left:-480px;background-color:rgba(57,99,200,.7);background-image:url(../images/sli_04.png)}
#section4 #sli .s4{position:absolute;top:50%;left:50%;margin-left:-160px;background-color: rgba(0,51,153,.7);background-image:url(../images/sli_05.png)}
#section4 #sli .s5{position:absolute;top:50%;left:50%;margin-left:160px;background-color:rgba(57,99,200,.7);background-image:url(../images/sli_06.png)}


/* section5 */

#section5{height:auto;background-color:#333333;overflow: hidden;position: relative;padding-bottom:100px;background-size: cover;background-position: center;}
#section5 #products{width:172px;height:50px;background:url(../images/product_tt.png) no-repeat;text-indent: -99999px;overflow: hidden;margin:100px auto 0;}
#section5 p img{display: block;width:860px;height:497px;margin:100px auto 0;}
#section5 #tcenter{display:none;color:white;text-align:center;margin-top:50px;}


/* section6 */

#section6{height:auto;padding-bottom:100px;}
#section6 #contact{width:170px;height:33px;margin:100px auto 0;background:url(../images/contact_tt.png) no-repeat;text-indent:-99999px;overflow: hidden;}
#section6 #map{width:960px;height:478px;margin:100px auto 0;position: relative;}
#krt{top:133px;left:700px;display:none;}
#myt{top:203px;left:665px;display:none;}
#ust{top:133px;left:85px;display:none;}
#jpt{top:103px;left:745px;display:none;}
#vnt{top:193px;left:655px;display:none;}
#czt{top:90px;left:405px;display:none;}

#section6 #map div{padding:10px;border:1px solid #eaeaea;border-radius:5px;text-align: center;position:absolute;font-size:14px;font-weight:bold;background-color: white;}

table{width:960px;border-top:1px solid #eaeaea;margin:100px auto 0;}
table td{border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; text-align: center;padding:10px;font-size:14px;}
table td a{color:#333;}
.bold-t{text-transform: uppercase;font-weight:bold;border-left:0;}
#section2 #text p {
	margin-bottom: 30px;
}
#section2 #chain2 {
	text-align: center;
	margin-bottom: -50px;
}