body,html{width:100%;height:100%}
html{background-color:#f2f2f2;background-image:url(../images/common/bg.jpg)}
body{line-height:1.8em;font-size:14px;color:#111}
h3{font-size:20px;color:#666;padding-bottom:1.5em;line-height:1em;letter-spacing:2px}
h4{padding:2px 8px 0;font-size:2.2em;background:linear-gradient(transparent 66%, #F6FF83 0%);background-repeat:repeat-x;display:inline-block;line-height:1.1;transition:background-position 0.5s linear;margin-bottom:.2em}
#wapper{display:none;background:url(../images/common/border-bottom.png) repeat-x bottom,url(../images/common/border-top.png) repeat-x top,url(../images/common/border-right.png) repeat-y right,url(../images/common/border-left.png) repeat-y left;width:100%;overflow:auto}
.nav{padding-top:50px}
.nav-innner{width:960px;margin:0 auto 40px;background:url(../images/common/line.png) no-repeat;background-position:bottom;height:100px}
.logo{float:left}
.logo img{width:200px;padding-top:5px}
.nav-list{float:right}
.nav-list li{float:left;padding-left:70px;height:95px;line-height:95px;padding-top:5px}
.nav-list li a{display:block}
.nav-min{display:none}
.nav-min{position:fixed;top:0;left:0;padding:0px 0;width:100%;background-color:#fff;z-index:999;background-image:url(../images/common/line.png);background-repeat:repeat-x;background-position:bottom;opacity:.8}
.nav-min .nav-innner{width:960px;margin:0 auto 10px;background-position:bottom;height:50px;background:transparent;}
.nav-min .logo{float:left;width:110px;padding:8px 5px 11px}
.nav-min .logo img{padding:0}
.nav-min .nav-list li{float:left;padding-left:40px;height:38px;overflow:hidden;line-height:86px;padding-top:0}
.nav-min .nav-list li a{display:block}
#contents{width:960px;margin:0 auto}
.container{float:left;padding-bottom:100px}
.container h2{text-indent:-9999px;height:70px;width:100%}
.contents_sub{float:left;background:url(../images/common/line.png) no-repeat;background-position:bottom;padding-bottom:80px;padding-top:80px}
.left_box{width:330px;float:left;min-height:204px;display:block}
.right_box{width:630px;float:left}
.text_column{padding-bottom:3.4em;line-height:2em}
.text_column p{padding-bottom:1.4em}
.text_column a{line-height:1.4;display:inline;background:linear-gradient(transparent 40%, #FF0 0%);background-repeat:repeat-x;background-position:0 7px;transition:background-position 0.2s linear;text-decoration:underline}
.text_column a:hover{background-repeat:repeat-x;background-position:0 0;text-decoration:none}
.quote{padding:30px;background-color:#f2f2f2;overflow:auto;margin-bottom:20px;border:1px solid #E7E7E7;box-sizing:border-box;width:100%}


.quote ul{    list-style-type: disc;
    list-style-position: inside;}
.quote-img{float:left;margin-right:30px;box-shadow:0 0 5px #cfcfcf}
.about h2{background:url(../images/about/h2.png) no-repeat}
.about div.left_box{background:url(../images/about/h2-bg.png) no-repeat;background-position:12px 33px}
.info h2{background:url(../images/info/h2-3.png) no-repeat}
.info div.left_box{background:url(../images/info/h2-bg.png) no-repeat;background-position:40px 28px}
.works h2{background:url(../images/works/h2.png) no-repeat}
.works div.left_box{background:url(../images/works/h2-bg.png) no-repeat;background-position:30px 38px}
.contact h2{background:url(../images/contact/h2.png) no-repeat}
.contact div.left_box{background:url(../images/contact/h2-bg.png) no-repeat;background-position:30px 38px}
.map h2{background:url(../images/map/h2.png) no-repeat}
.map div.left_box{background:url(../images/map/h2-bg.png) no-repeat;background-position:30px 38px}
#slideshow{position:relative;height:640px;width:960px;float:left}
#slideshow IMG{position:absolute;top:0;left:0;z-index:8}
#slideshow IMG.active{z-index:10}
#slideshow IMG.last-active{z-index:9}
.backtotop{position:fixed;right:20px;bottom:0px}
.backtotop img{width:60px;float:left}
p.copy{font-size:11px;float:right;letter-spacing:1px}
.exp{font-size:84%;line-height:1.6em;display:inline-block}

.load-wapper{position:fixed;width:100%;height:100%;background-color:#fff;z-index:99999;min-height:100%}
.load{position:absolute;width:246px;height:298px;margin:0 auto;display:block;top:50%;left:50%;margin-top:-148px;margin-left:-123px}
.load-logo01{display:block;opacity:1;animation-duration:0.5s;animation-name:fade-in;-moz-animation-duration:0.5s;-moz-animation-name:fade-in;-webkit-animation-duration:0.5s;-webkit-animation-name:fade-in;position:absolute;top:0;width:88px;z-index:6;left:70px}
.load-logo02{display:block;opacity:.8;animation-duration:1s;animation-name:fade-in;-moz-animation-duration:1s;-moz-animation-name:fade-in;-webkit-animation-duration:1s;-webkit-animation-name:fade-in;position:absolute;top:47px;width:67px;z-index:5;left:19px}
.load-logo03{display:block;opacity:1;animation-duration:1.5s;animation-name:fade-in;-moz-animation-duration:1.5s;-moz-animation-name:fade-in;-webkit-animation-duration:1.5s;-webkit-animation-name:fade-in;position:absolute;top:81px;width:97px;z-index:4;left:74px}
.load-logo04{display:block;opacity:.8;animation-duration:2s;animation-name:fade-in;-moz-animation-duration:2s;-moz-animation-name:fade-in;-webkit-animation-duration:2s;-webkit-animation-name:fade-in;position:absolute;top:130px;width:84px;z-index:3;left:151px}
.load-logo05{display:block;opacity:1;animation-duration:2.5s;animation-name:fade-in;-moz-animation-duration:2.5s;-moz-animation-name:fade-in;-webkit-animation-duration:2.5s;-webkit-animation-name:fade-in;position:absolute;width:34px;top:166px;z-index:2;left:146px}
.load-logo06{display:block;opacity:.5;animation-duration:3s;animation-name:fade-in;-moz-animation-duration:3s;-moz-animation-name:fade-in;-webkit-animation-duration:3s;-webkit-animation-name:fade-in;position:absolute;top:150px;width:190px;z-index:1;left:0}

@keyframes fade-in{0%{display:none;opacity:0}
1%{display:block;opacity:0}
100%{display:block;opacity:1}}

@-moz-keyframes fade-in{0%{display:none;opacity:0}
1%{display:block;opacity:0}
100%{display:block;opacity:1}}

@-webkit-keyframes fade-in{0%{display:none;opacity:0}
1%{display:block;opacity:0}
100%{display:block;opacity:1}}