body { margin: 0; padding: 0; font-family: "Hiragino Mincho ProN", sans-serif; font-style: normal; font-weight: normal; font-size: 62.5%; text-align: center; color: #555; color: rgba(0,0,0,0.75); overflow-y: scroll; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
 *::-moz-selection {
background-color: rgba(0,0,0,0.5);
color: rgba(255,255,255,1);
}
*::selection { background-color: rgba(0,0,0,0.5); color: rgba(255,255,255,1); }
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
textarea,
th,
td { margin: 0; padding: 0; font-family: "Hiragino Mincho ProN", "Meiryo", sans-serif; }
em { font-style: normal; font-weight: normal; }
ul { list-style-type: none; margin: 0; padding: 0; }
img { border: 0; text-align: top; }
a:link,
a:visited,
a:hover,
a:active { color: #333; text-decoration: none; }
strong { color: #000; }
a { color: #332316; color: #555; color: rgba(0,0,0,0.8); }
a:hover { color: #000; text-decoration: none; }
a[target="_blank"]:before { margin-right: 2px; padding-right: 12px; background: url(../images/blank.png) right center no-repeat; opacity: 0.6; -webkit-transition: opacity 0.25s ease; -moz-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }
 a[target="_blank"]:before:hover {
opacity: 1;
}
a[rel="leanModal"] { cursor: zoom-in; }
.cf:before,
.cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1;
}
.block10 { margin: 0; padding: 0; height: 10px; overflow: hidden; clear: both }
.block12 { margin: 0; padding: 0; height: 12px; overflow: hidden; clear: both }
.block15 { margin: 0; padding: 0; height: 12px; overflow: hidden; clear: both }
.block20 { margin: 0; padding: 0; height: 20px; overflow: hidden; clear: both }
.block50 { margin: 0; padding: 0; height: 50px; overflow: hidden; clear: both }
/* global-header*/

#header-wrapper { position: fixed; top: 0; width: 100%; height: 60px; min-width: 980px; background: #fff; background: rgba(255,255,255,0.9); text-align: left; z-index: 9100; opacity: 1; -webkit-transition: all 0.25s ease, all 0.5s ease; -moz-transition: all 0.25s ease, all 0.5s ease; transition: all 0.25s ease, all 0.5s ease; }
#header-wrapper.hide { background: rgba(255,255,255,0); -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0), 0 10px 10px rgba(0,0,0,0), 0 1px 0 rgba(0,0,0,0); -moz-box-shadow: 0 5px 0 rgba(0,0,0,0), 0 10px 10px rgba(0,0,0,0), 0 1px 0 rgba(0,0,0,0); box-shadow: 0 5px 0 rgba(0,0,0,0), 0 10px 10px rgba(0,0,0,0), 0 1px 0 rgba(0,0,0,0); }
#header-wrapper,
#header-wrapper.show,
#header-wrapper.hide:hover { background: rgba(255,255,255,0.9); border-radius: 1px; -webkit-box-shadow: 0 5px 0 rgba(0,0,0,0.04), 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 5px 0 rgba(0,0,0,0.04), 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); box-shadow: 0 5px 0 rgba(0,0,0,0.04), 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }
#header-wrapper #global-header h1,
#header-wrapper #global-header nav { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }
#header-wrapper.hide #global-header h1,
#header-wrapper.hide #global-header nav { opacity: 0; }
#header-wrapper.hide:hover #global-header nav,
#header-wrapper.show #global-header nav { opacity: 1; }
#global-header { width: 100%; height: 100%; min-width: 980px; margin: 0 auto; }
#global-header a { text-decoration: none; }
#global-header h1 { position: relative; display: table; height: 100%; float: left; z-index: 1200; }
#global-header h1 span { display: table-cell; padding-left: 20px; vertical-align: middle; height: 100%; }
#global-header h1 a { display: block; cursor: pointer; }
#global-header h1 img { height: 41px; }
#global-header h1 object { display: inline; pointer-events: none; }
/**/

#global-header .global-navigation { z-index: 199; height: 100%; float: right; font-size: 1.2em; font-family: Garamond, "Nimbus Roman No9 L", "Hiragino Mincho ProN", serif }
#global-header .nav-ul { float: left; height: 30px; }
#global-header .global-navigation { z-index: 1; height: 100%; float: right; right: 50%; margin-right: -350px; position: absolute; }
#global-header .wrap { height: 100%; }
#global-header .nav-ul { position: relative; float: left; height: 100%; padding: 0 5px 0 0px;/*border-right: 1px solid rgba(0,0,0,0.1);*/ }
#global-header .nav-ul > li:first-child { margin-left: 5px; }
#global-header .nav-ul:before { position: absolute; display: block; content: ""; background: rgba(0,0,0,0.3); width: 1px; height: 50%; top: 25%; }
#global-header .nav-ul:first-child:before { display: none; }
#global-header .nav-ul > li { position: relative; display: table; float: left; height: 100%; -webkit-transition: all 0.25s ease, all 0.5s ease; -moz-transition: all 0.25s ease, all 0.5s ease; transition: all 0.25s ease, all 0.5s ease; }
#global-header .nav-ul > li.current { -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,1); -moz-box-shadow: inset 0 2px 0 rgba(0,0,0,1); box-shadow: inset 0 2px 0 rgba(0,0,0,1); }
#global-header .nav-ul > li a { display: table-cell; vertical-align: middle; height: 100%; padding: 0 26px; color: #000; background: none; opacity: 0.75; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; transition: all 0.25s ease; }
#global-header .nav-ul > li img { height: 15px; }
#global-header .nav-ul li:hover a { opacity: 1; }
#global-header .nav-ul li:hover ul { opacity: 1; }
#global-header .global-navigation .menu-button { display: none; }
/*

@media screen and (max-width: 980px) {#header-wrapper {height: 40px;}

#header-wrapper h1 img {height: 30px;}

#global-header h1 span {padding-left: 10px;}

#global-header .global-navigation {display: table;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;padding: 0;z-index: 1000;background: #fff;background: rgba(255,255,255,0);-webkit-transition: background 0.2s ease;transition: background 0.2s ease;}

#global-header .global-navigation .wrap {display: block;vertical-align: middle;text-align: center;margin: 40px auto 0;padding: 0;width: 100%;height: 100%;height: 100vh;opacity: 0;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.ie8 #global-header .global-navigation,.ie9 #global-header .global-navigation {height: 0;}

.ie8 #global-header .global-navigation .wrap,.ie9 #global-header .global-navigation .wrap,.ie8 #global-header .global-navigation .wrap.hide,.ie9 #global-header .global-navigation .wrap.hide {display: none;visibility: hidden;}

#global-header .global-navigation ul {position: relative;margin: 0 auto 0;padding: 0 30px;text-align: left;}

#global-header .global-navigation li a {display: inline-block;padding: 10px;text-align: left;border-radius: 0;box-sizing: border-box;}

#global-header .global-navigation .other a {font-size: 35px;font-size: 3.5vh;}

#global-header .global-navigation li a:hover {color: #e16586;text-decoration: none;}

#global-header .global-navigation.show {height: 100%;height: 110vh;background: #fff;background: rgba(255,255,255,0.95);}

#global-header .global-navigation.show .wrap {opacity: 1;visibility: visible;}

#global-header .global-navigation.hide {height: 0;}

#global-header .global-navigation.hide .wrap {display: none;visibility: hidden;}

#global-header #gnav-main {margin-bottom: 20px;padding-top: 10px;padding-bottom: 10px;border-top: 1px solid rgba(0,0,0,0.2);border-bottom: 1px solid rgba(0,0,0,0.2);}

#global-header .nav-ul {float: none;height: 30px;}

#global-header .global-navigation  {height: 100%;float: right;}

#global-header .nav-ul {position: relative;float: none;height: auto;padding: 0 5px 0 0px;}

#global-header .nav-ul:before {display: none;}

#global-header .nav-ul:first-child:before {display: none;}

#global-header .nav-ul > li {position: relative;display: block;float: none;margin-bottom: 5px;}

#global-header .nav-ul > li:first-child {margin-left: 0;}

#global-header .nav-ul > li.current {-webkit-box-shadow: none;box-shadow: none;}

#global-header .nav-ul > li.current > a {background-color: rgba(0,0,0,0.2);}

#global-header .nav-ul > li a {display: block;vertical-align: middle;width: 100%;height: 100%;padding: 10px;color: #555;background: none;opacity: 0.75;}

#global-header .nav-ul > li img {height: 15px;}

#global-header .nav-ul li:hover a {opacity: 1;}

#global-header .nav-ul li:hover ul {opacity: 1;}

#global-header .nav-ul ul {visibility: visible;position: static;padding-right: 0;opacity: 1 !important;-webkit-box-shadow: none;box-shadow: none;}

#global-header .nav-ul ul li {display: inline-block;width: 50%;float: left;text-align: left;}

#global-header .nav-ul ul li a {display: block;width: 100%;padding: 10px;background: transparent;}

#global-header .nav-ul ul li.current a:hover,#global-header .nav-ul ul li a:hover {color: #fff;background: #000;background: rgba(0,0,0,0.8);border: none;}

#global-header .nav-ul ul li.current a {color: #fff;background: #333;background: rgba(60,60,60,0.8);}

#global-header .global-navigation .menu-button {position: absolute;display: block;top: 0;right: 10px;}

#global-header .global-navigation .menu-button a {position: relative;height: 40px;width: 30px;display: block;padding: 5px;box-sizing: border-box;overflow: hidden;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

#global-header .global-navigation .menu-button a span,#global-header .global-navigation .menu-button a span:before,#global-header .global-navigation .menu-button a span:after {position: absolute;display: block;height: 1px;width: 30px;padding: 0;background: rgba(0, 0, 0, 1);text-indent: -200px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

#global-header .global-navigation .menu-button a span {-webkit-transform-origin: center 15px;transform-origin: center 15px;top: 12px;}

#global-header .global-navigation .menu-button a span:before {top: 8px;content: "";-webkit-transform-origin: center center;transform-origin: center center;}

#global-header .global-navigation .menu-button a span:after {top: 16px;content: "";-webkit-transform-origin: center center;transform-origin: center center;}

#global-header .global-navigation .menu-button a:hover {border-color: rgba(0,0,0,1);}

#global-header .global-navigation .menu-button a:hover span,#global-header .global-navigation .menu-button a:hover span:before,#global-header .global-navigation .menu-button a:hover span:after {background: rgba(0,0,0,1);}

#global-header .global-navigation.show .menu-button a {}

#global-header .global-navigation.show .menu-button a:hover span,#global-header .global-navigation.show .menu-button a:hover span:before,#global-header .global-navigation.show .menu-button a:hover span:after {background: rgba(0,0,0,1);}

#global-header .global-navigation.show .menu-button a span {top: 20px;-webkit-transition: all 0.2s ease 0.25stransition: all 0.2s ease 0.25s-webkit-transform: translate(0, 12px);transform: translate(0, 12px);}

#global-header .global-navigation.show .menu-button a span:before {top: 0;opacity: 0;-webkit-transition: all 0.2s ease 0.125stransition: all 0.2s ease 0.125s-webkit-transform: translate(0);transform: translate(0);}

#global-header .global-navigation.show .menu-button a span:after {top: 0;opacity: 0;-webkit-transition: all 0.2s ease 0;transition: all 0.2s ease 0;-webkit-transform: translate(0);transform: translate(0);}

#global-header .global-navigation li:nth-child(3) {margin-right: 0;}

#global-header .global-navigation li:last-child {margin-right: 0;}

}

*/



/* contents*/

#wrapper { min-width: 980px; margin: 0 auto; height: 100%; }
#contents-wrapper { width: 50%; min-width: 490px; margin: 0; float: left; z-index: 10; background: #fff; -webkit-transition: width 0.75s cubic-bezier(0.8, 0.0, 0.2, 1.0); -moz-transition: width 0.75s cubic-bezier(0.8, 0.0, 0.2, 1.0); -ms-transition: width 0.75s cubic-bezier(0.8, 0.0, 0.2, 1.0); -o-transition: width 0.75s cubic-bezier(0.8, 0.0, 0.2, 1.0); transition: width 0.75s cubic-bezier(0.8, 0.0, 0.2, 1.0); }
#pjax-container { -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; }
#contents { width: 450px; margin: 0 auto; padding-top: 240px; text-align: left; text-justify: distribute; font-size: 1.2em; line-height: 2.0em; position: relative; zoom: 1; }
section#Home {padding-top: 75px;}
/* ============================================================================================== *//* images                                                                                         *//* ============================================================================================== */#images { width: 50%; min-width: 490px; margin: 0; height: auto; overflow: hidden; position: fixed; top: 0; left: 50%; z-index: -1; background: #000; -webkit-transition: left 0.75s cubic-bezier(0.8, 0.0, 0.2, 1.0); -moz-transition: left 0.75s cubic-bezier(0.8, 0.0, 0.2, 1.0); transition: left 0.75s cubic-bezier(0.8, 0.0, 0.2, 1.0); }
.multi-touch-device #images {/*background: #000;overflow: scroll;position: absolute;height: 100%;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;*/ }
#images ul { position: absolute; top: 0; width: 100%; min-width: 300px; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
#images ul li { width: 100%; }
#images ul img { width: 100%; height: auto; display: block; opacity: 0.75; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
#images:hover ul img { opacity: 1; }
#images #catch { display: block; position: absolute; width: 100%; top: 265px; left: 0; text-align: center; z-index: 9000; opacity: 1; -webkit-transition: opacity 2s ease; -moz-transition: opacity 2s ease; transition: opacity 2s ease; }
.L_box { width: 450px; margin: 200px auto 0; }
.L_box .i_txt1 { display: block; width: 450px; height: 700px; background: url("../images/i_txtt.png") no-repeat 0 0; margin: 0 0 0px 0px; padding-bottom: 100px;  border-bottom:1px solid #efefef; }
.L_box .i_txt2 { display: block; width: 420px; height: 38px; background: url("../images/i_txt.png") no-repeat 0 -250px; margin: 0 0 140px 0; }
.L_box .i_box1 { display: block; width: 450px; }
.L_box .i_box1 img { margin: 0 auto; margin-bottom: 8px; }
.L_box .i_box1 p { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 26px; font-size: 14px; }
.L_box .i_box1 .cont { text-align: left; }
.L_box .i_txt3,
.L_box .i_txt4,
.L_box .i_txt5,
.L_box .i_txt6,
.L_box .i_txt7 { display: block; width: 420px; height: 38px; background: url("../images/i_txt.png") no-repeat 134px -350px; margin: 45px 0 40px 0; }
.L_box .i_txt4 { height: 38px; margin: 80px 0 30px 0; background-position: 86px -420px; }
.L_box .i_txt5 { height: 38px; margin: 70px 0 30px 0; background-position: 110px -480px; }
.L_box .i_txt6 { height: 38px; margin: 40px 0 30px 0; background-position: 125px -560px; }
.L_box .i_txt7 { height: 38px; margin: 80px 0 40px 0; background-position: 130px -630px; }
.L_box .i_txt8 { float:left; position:relative; height:125px; width:450px; text-align:left; line-height:30px;}
.L_box .i_txt8 .a01 { position:absolute; top:0px; left:0px; width:130px; height:125px; border-right:1px dashed #666;}
.L_box .i_txt8 .a02 { position:absolute; top:0px; left:150px; width: 140px; height:125px; border-right:1px dashed #666;}
.L_box .i_txt8 .a03 { position:absolute; top:0px; left: 310px; width:150px; height:125px;}

.L_box .i_txt3 { background:none; font: italic bold 30px/32px Arial, Helvetica, sans-serif; color:#000;}
.L_box .i_txt4 { background:none; font: italic bold 30px/32px Arial, Helvetica, sans-serif; color:#000;}
.L_box .i_txt5 { background:none; font: italic bold 30px/32px Arial, Helvetica, sans-serif; color:#000;}
.L_box .i_txt6 { background:none; font: italic bold 30px/32px Arial, Helvetica, sans-serif; color:#000;}


.L_box .i_box2 { display: block; width: 450px; }
.L_box .i_box2 .boxL { float: left; width: 140px; }
.L_box .i_box2 .boxL img { text-align: center; width: 140px; }
.L_box .i_box2 .boxL b { float: left; width: 140px; height: auto; line-height: 30px; margin-top: 8px; font-size: 22px; font-weight: bold; text-align: center; font-family: sans-serif; }
.L_box .i_box2 .boxL span { float: left; width: 140px; height: 22px; line-height: 22px; font-size: 12px; text-align: center; font-family: Verdana, Geneva, sans-serif; }
.L_box .i_box2 .boxL .jx { width:140px; height:150px; background:url("../images/jx01.jpg") no-repeat center top; margin-top:60px;}
.L_box .i_box2 .boxR { float: left; width: 280px; text-align: left; padding-left: 30px; }
.L_box .i_box2 .boxR h4 { height: 40px; line-height: 30px; font-size: 24px; font-weight: bold; font-family: sans-serif; }
.L_box .i_box2 .boxR p { float: left; line-height: 20px; font-size: 12px; font-family: Verdana, Geneva, sans-serif; padding: 8px 0; }
.L_box .i_box2 .boxR p i { float: left; width: 20px; }
.L_box .i_box2 .boxR p span { float: left; width: 260px; }
.L_box .i_box2 h5 { float: left; width: 450px; height: 30px; line-height: 30px; text-align: left; font-size: 20px; font-weight: bold; font-family: sans-serif; margin-top: 10px; }
.L_box .i_box2 .t { float: left; width: 450px; line-height: 20px; padding: 0 0 10px 0; text-align: left; font-size: 12px; font-family: Verdana, Geneva, sans-serif; border-bottom: 1px dotted #dedede; }
.L_box .i_box2 .txt05 { font:12px/30px Arial, Helvetica, sans-serif; /*background:url("../images/txt05.jpg") no-repeat center top;*/}
.L_box .i_box2 .txt05 span { display:block;}
.L_box .i_box3 { float: left; width: 450px; overflow: hidden; }
.L_box .i_box3 ul.pic1 { float: left; width: 500px; padding: 15px 0 0 0; }
.L_box .i_box3 ul.pic1 li { float: left; width: 105px; height: 225px; margin: 0 10px 0px 0; font-family: Verdana, Geneva, sans-serif; }
.L_box .i_box3 ul.pic1 li i { float: left; width: 105px; height: 156px; overflow: hidden; }
.L_box .i_box3 ul.pic1 li img { float: left; width: 105px; height: 156px; }
.L_box .i_box3 ul.pic1 li img:hover { opacity: 0.8; filter: alpha(opcity=80); }
.L_box .i_box3 ul.pic1 li b { float: left; width: 105px; height: 48px; margin-top: 10px; font-weight: 400; line-height: 16px; font-size: 12px; overflow: hidden; text-align: left; }
.L_box .i_box3 ul.pic1 li a:hover { cursor: pointer; color: #c00; }
.L_box .i_box3 ul.pic1 li .c { text-align: center; }
.L_box .i_boxly { float: left; width: 450px; overflow: hidden; margin-bottom: 10px; }
.L_box .i_boxly li { float: left; width: 450px; }
.L_box .i_boxly li em { float: left; height: 30px; line-height: 30px; }
.L_box .i_boxly li i { float: left; font-style: normal; color: #999; margin-left: 4px; height: 30px; line-height: 22px; }
.L_box .i_boxly .txt { float: left; width: 424px; padding: 0px 12px; border: 1px solid #a0a0a0; height: 36px; line-height: 36px; color: #999; border-radius: 4px; margin-bottom: 10px; }
.L_box .i_boxly .txt1 { float: left; width: 424px; border: 1px solid #a0a0a0; height: 180px; padding: 6px 12px; line-height: 20px; color: #999; border-radius: 4px; margin-bottom: 10px; }
.L_box .i_boxly .btn { cursor: pointer; margin: 0; outline: medium none; float: left; width: 450px; border: 1px solid #a0a0a0; height: 38px; line-height: 38px; color: #999; border-radius: 4px; margin-bottom: 10px; background: url("../images/i_txt.png") no-repeat 195px -617px; }
.L_box .i_boxly .btn:hover { background: url("../images/i_txt.png") no-repeat 195px -617px #f8f8f8; }
.L_box .i_boxly .txt2 { float: left; width: 12px; border: 1px solid #d2cfc9; background: #f5f5f5; height: 12px; line-height: 12px; color: #999; border-radius: 4px; margin: 5px 0 0 0; padding: 0; }
/* global-footer*/

#global-footer { text-align: center; width: 100%; margin: 50px auto 0; height: 70px; overflow: hidden; clear: both; font-size: 11px; color: #777; background-color: #111; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; }
.footcont { width: 100%; }
.footcont .ico { float: left; width: 240px; height: 70px; background: url("../images/i_txt.png") no-repeat 18px -682px; }
.footcont .cont { width: 100%; position: relative;}
.footcont .cont_l { /* float: left; */ display: inline;font-size: 11px; font-family: Arial, Helvetica, sans-serif; line-height: 72px; margin: 30px 0 0 0; /* width: 56%; */padding-right: 165px;text-align: center;}
.footcont .cont_r { /* float: right; */ position: absolute;top: 26px;right: 0px;width: 168px; /* margin: 28px 0 0 0; */ }
.footcont .cont_r a.ico1,
.footcont .cont_r a.ico2,
.footcont .cont_r a.ico3,
.footcont .cont_r a.ico4,
.footcont .cont_r a.ico5 { float: left; width: 23px; height: 23px; background: url("../images/ico1.png") no-repeat -4px -8px; text-indent: -9999px; margin-right: 8px; }
.footcont .cont_r a.ico2 { background-position: -35px -8px; }
.footcont .cont_r a.ico3 { background-position: -67px -8px; }
.footcont .cont_r a.ico4 { background-position: -98px -8px; }
.footcont .cont_r a.ico5 { background-position: -128px -8px; }
.footcont .cont_r a.ico1:hover { background-position: -4px -47px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.footcont .cont_r a.ico2:hover { background-position: -35px -47px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.footcont .cont_r a.ico3:hover { background-position: -67px -47px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.footcont .cont_r a.ico4:hover { background-position: -98px -47px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.footcont .cont_r a.ico5:hover { background-position: -128px -47px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
 @media screen and (max-width: 980px) {
#images {/*display: none;*/ left: 50%; width: 50%; height:100%; max-width: 0; visibility:visible; }
/*#wrapper { width: 100%; min-width: 100%; max-width: 100%; }
#contents-wrapper { width: 100%; max-width: 100%; min-width: 100%; float: none; margin-right: auto; margin-left: auto; }
#header-wrapper,
#global-header { min-width: 100%; }*/
}
 @media screen and (max-width: 700px) {
#images {/*display: none;*/ left: 100%; width: 0; height:0; max-width: 0; visibility:hidden; }
#wrapper { width: 100%; min-width: 100%; max-width: 100%; }
#contents-wrapper { width: 100%; max-width: 100%; min-width: 100%; float: none; margin-right: auto; margin-left: auto; }
#header-wrapper,
#global-header { min-width: 100%; }
}
.list_box { margin: 100px 0 0 0; }
.list_box1 { margin: 100px 0 0 0; }
.list_box .list_txt1,
.list_box .list_txt2,
.list_box .list_txt3,
.list_box .list_txt4,
.list_box .list_txt5 { display: block; width: 270px; height: 32px; background: url("../images/list_txt.png") no-repeat 2px -18px; margin: 0 auto; }
.list_box .list_txt2 { width: 700px; height: 20px; background-position: 1px -70px; margin: 22px auto 22px; }
.list_box .list_txt3 { width: 318px; height: 26px; background-position: 1px -140px; margin: 22px auto 22px; }
.list_box .list_txt4 { width: 500px; height: 16px; background-position: 1px -188px; margin: 22px auto 22px; }
.list_box .list_txt5 { width: 80px; height: 32px; background-position: 3px -254px; margin: 40px auto 40px; }
.list_box .list_txt1 { background:none; font: italic bold 30px/32px Arial, Helvetica, sans-serif; color:#000;}
.list_box .list_txt2 { background:none; font:bold 16px/32px Arial, Helvetica, sans-serif; color:#000;}
.list_box .list_txt3 { background:none; font: italic bold 30px/32px Arial, Helvetica, sans-serif; color:#000;}
.list_box .list_txt4 { background:none; font:bold 16px/32px Arial, Helvetica, sans-serif; color:#000;}
.list_box .list_txt5 { background:none; font: italic bold 30px/32px Arial, Helvetica, sans-serif; color:#000;}
#waterfall { max-width: 1100px; min-width: 980px; }
.list_box .box1 .cell { float: left; width: 100%; height: 236px; overflow: hidden; position: relative; margin: 20px 0 20px 0; background: #eee; font-style: normal; box-shadow: 0px 2px 3px 1px #ccc; }
.list_box .box1 .cell:hover { box-shadow: 0px 2px 3px 1px #999; }
.list_box .box .cell { float: left; width: 100%; height: 340px; overflow: hidden; position: relative; margin: 20px 0 20px 0; }
.list_box .box { max-width: 1100px; min-width: 980px; margin: 0 auto; padding: 0 20px; }
.list_box .box li { float: left; width: 100%; height: 340px; overflow: hidden; position: relative; margin: 20px 0 20px 0; }
.list_box .box .pic { float: left; width: 570px; height: 340px; overflow: hidden; position: absolute; left: 0; top: 0; }
.list_box .box .pic img { float: left; width: 570px; height: 340px; transition: all .4s ease-in-out; }
.list_box .box .pic img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.list_box .box .cont { text-align: left; margin: 0 0 0 600px; padding: 0 20px; height: 338px; overflow: hidden; border: 1px solid #dedede; border-radius: 5px; }
.list_box .box .cont b { display: block; font-family: sans-serif; height: 80px; font-size: 20px; font-weight: bold; background: url("../images/list_txt.png") no-repeat -770px 72px; margin: 40px 0 0 0; line-height: 25px; overflow: hidden; }
.list_box .box .cont em { display: block; font-family: Verdana, Geneva, sans-serif; height: 110px; font-size: 12px; margin: 45px 0 0 0; line-height: 20px; overflow: hidden; }
.list_box .box .cont i { display: block; font-style: normal; }
.list_box .box .cont a.more { font-family: Verdana, Geneva, sans-serif; border-bottom: 2px solid #ccc; }
.list_box .box1 { max-width: 1100px; min-width: 980px; margin: 0 auto; padding: 0 20px; }
.list_box .box1 .pic { float: left; width: 350px; height: 220px; overflow: hidden; position: absolute; left: 8px; top: 8px; }
.list_box .box1 .pic img { float: left; width: 350px; height: 220px; transition: all .4s ease-in-out; }
.list_box .box1 .cont { text-align: left; margin: 0 0 0 395px; padding: 0 30px 0 0; overflow: hidden; }
.list_box .box1 .cont b { display: block; font-family: sans-serif; height: 30px; font-size: 20px; font-weight: bold; margin: 40px 0 0 0; line-height: 30px; overflow: hidden; font-style: normal; }
.list_box .box1 .cont em { display: block; font-family: Verdana, Geneva, sans-serif; height: 110px; font-size: 12px; margin: 20px 0 0 0; line-height: 22px; overflow: hidden; }
.list_box .box2 { width: 680px; margin: 0 auto; padding: 0; }
.rtab { float: right; width: 200px; border-top: 1px dotted #dedede; }
.rtab li { float: right; width: 200px; border-bottom: 1px dotted #dedede; padding: 8px 0; text-align: center; line-height: 22px; color: #999; font-family: Verdana, Geneva, sans-serif; }
.ltab { float: left; width: 450px; }
.ltab .box_bk { float: left; width: 450px; overflow: hidden; margin-bottom: 50px; }
.ltab .box_bk em { float: left; width: 140px; height: 45px; color: #fff; font-style: normal; font-weight: 400; font-family: Verdana, Geneva, sans-serif; text-indent: 24px; text-align: left; line-height: 32px; background: url("../images/list_txt.png") no-repeat 0px -360px; }
.ltab .box_bk h4 { float: left; width: 450px; color: #333; font-weight: bold; font-size: 20px; font-family: sans-serif; text-align: left; line-height: 32px; padding: 10px 0; }
.ltab .box_bk h4 a:hover { color:#c00;}
.ltab .box_bk p { float: left; width: 450px; color: #333; font-weight: 400; font-size: 12px; font-family: Verdana, Geneva, sans-serif; text-align: left; line-height: 32px; padding: 10px 0 0; }
.ltab .box_bk i { float: left; width: 450px; padding: 8px 0; }
.ltab .box_bk i .ly_ico { margin-left:22px; width:100px; height:14px; display:inline-block; padding-left:20px; background:url(../images/ly_ico.png) no-repeat left center; font:12px/14px Arial, Helvetica, sans-serif; margin-top:15px;}
.ltab .box_bk img { float: left; }

.demobox { float: left; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 997 }
.demobox .boxbg { float: left; height: 100%; width: 100%; background: #000; filter: Alpha(Opacity=70); opacity: 0.7; position: absolute; left: 0; top: 0; z-index: 998 }
.demobox .boxcont { float: left; width: 820px; padding: 12px; background: #fff; position: absolute; left: 50%; top: 100px; margin-left: -422px; z-index: 999 }
.demobox .boxcont .pic { margin: 0 auto; display: block; margin-bottom: 10px; position: relative; }
.demobox .boxcont .prevlabel,
.demobox .boxcont .nextlabel { float: left; width: 41px; height: 41px; display: block; overflow: hidden; background: url("../images/nextpic.png") no-repeat 0px 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; }
.demobox .boxcont .prevlabel { left: 10px; }
.demobox .boxcont .prevlabel:hover { background-position: 0px -49px; }
.demobox .boxcont .nextlabel { background-position: -58px 0px; right: 10px; }
.demobox .boxcont .nextlabel:hover { background-position: -58px -49px; }
.demobox .boxcont p { text-align: left; padding: 0 10px; font-family: Verdana, Geneva, sans-serif; }
.demobox .boxcont p b { font-weight: bold; font-family: sans-serif; font-size: 14px; color: #333; }
.demobox .boxcont .tab { text-align: left; line-height: 30px; color: #777; }
.demobox .boxcont .tab1 { text-align: left; line-height: 26px; font-weight: bold; font-family: Verdana, Geneva, sans-serif; margin: 8px 0; }
.list_box1 .box1 .cell { float: left; width: 100%; height: 236px; overflow: hidden; position: relative; margin: 20px 0 20px 0; background: #eee; font-style: normal; box-shadow: 0px 2px 3px 1px #ccc; }
.list_box1 .box1 .cell:hover { box-shadow: 0px 2px 3px 1px #999; }
.list_box1 .box .cell { float: left; width: 100%; height: 340px; overflow: hidden; position: relative; margin: 20px 0 20px 0; }
.list_box1 .box { max-width: 1100px; min-width: 980px; margin: 0 auto; padding: 0 20px; }
.list_box1 .box li { float: left; width: 100%; height: 340px; overflow: hidden; position: relative; margin: 20px 0 20px 0; }
.list_box1 .box .pic { width: 800px; margin: auto; }
.list_box1 .box .pic img { width: 100%; }
.list_box1 .box .cont { text-align: left; margin: 0 0 0 600px; padding: 0 20px; height: 338px; overflow: hidden; border: 1px solid #dedede; border-radius: 5px; }
.list_box1 .box .cont b { display: block; font-family: sans-serif; height: 80px; font-size: 20px; font-weight: bold; background: url("../images/list_txt.png") no-repeat -770px 72px; margin: 40px 0 0 0; line-height: 25px; overflow: hidden; }
.list_box1 .box .cont em { display: block; font-family: Verdana, Geneva, sans-serif; height: 110px; font-size: 12px; margin: 45px 0 0 0; line-height: 20px; overflow: hidden; }
.list_box1 .box .cont i { display: block; font-style: normal; }
.list_box1 .box .cont a.more { font-family: Verdana, Geneva, sans-serif; border-bottom: 2px solid #ccc; }
.list_box1 .box1 { max-width: 1100px; min-width: 980px; margin: 0 auto; padding: 0 20px; }
.list_box1 .box1 .pic { float: left; width: 350px; height: 220px; overflow: hidden; position: absolute; left: 8px; top: 8px; }
.list_box1 .box1 .pic img { float: left; width: 350px; height: 220px; transition: all .4s ease-in-out; }
.list_box1 .box1 .cont { text-align: left; margin: 0 0 0 395px; padding: 0 30px 0 0; overflow: hidden; }
.list_box1 .box1 .cont b { display: block; font-family: sans-serif; height: 30px; font-size: 20px; font-weight: bold; margin: 40px 0 0 0; line-height: 30px; overflow: hidden; font-style: normal; }
.list_box1 .box1 .cont em { display: block; font-family: Verdana, Geneva, sans-serif; height: 110px; font-size: 12px; margin: 20px 0 0 0; line-height: 22px; overflow: hidden; }
.list_box1 .box .boxcont p { line-height: 37px; text-align: left; width: 500px; float: left; border-bottom: dashed 1px #E6E6E6; }



.ly_box {}
.ly_box ol { list-style:none;}
.ly_box ol li { background:#fafafa; padding:15px; text-align:left; margin-bottom:15px;}
.ly_box ol li p { font:12px/30px Arial, Helvetica, sans-serif;}
.ly_box ol li p.time { color:#ccc;}
.ly_box ol li p.time .hf { float:right; padding-left:20px; background:url(../images/ly_ico02.png) no-repeat left center;}
.ly_box .i_boxly { float: left; width: 450px; overflow: hidden; margin-bottom: 10px; }
.ly_box .i_boxly li { float: left; width: 450px; }
.ly_box .i_boxly li em { float: left; height: 30px; line-height: 30px; }
.ly_box .i_boxly li i { float: left; font-style: normal; color: #999; margin-left: 4px; height: 30px; line-height: 22px; }
.ly_box .i_boxly .txt { float: left; width: 424px; padding: 0px 12px; border: 1px solid #a0a0a0; height: 36px; line-height: 36px; color: #999; border-radius: 4px; margin-bottom: 10px; }
.ly_box .i_boxly .txt1 { float: left; width: 424px; border: 1px solid #a0a0a0; height: 180px; padding: 6px 12px; line-height: 20px; color: #999; border-radius: 4px; margin-bottom: 10px; }
.ly_box .i_boxly .btn { cursor: pointer; margin: 0; outline: medium none; float: left; width: 450px; border: 1px solid #a0a0a0; height: 38px; line-height: 38px; color: #999; border-radius: 4px; margin-bottom: 10px; background: url("../images/i_txt.png") no-repeat 195px -617px; }
.ly_box .i_boxly .btn:hover { background: url("../images/i_txt.png") no-repeat 195px -617px #f8f8f8; }
.ly_box .i_boxly .txt2 { float: left; width: 12px; border: 1px solid #d2cfc9; background: #f5f5f5; height: 12px; line-height: 12px; color: #999; border-radius: 4px; margin: 5px 0 0 0; padding: 0; }