@charset "utf-8";
/* CSS Document */
#manuscript h2{background:url(../../manuscript/images/bg_h2.gif) no-repeat; padding:20px 0 25px 40px; color:#fff; font-size:24px; font-weight:bold;}
.tabnav { padding:0 12px; background:#b1d4c9; font-size:14px; height:31px; margin-bottom:22px;}
.tabnav li { float:left; padding-right:90px;}
.tabnav li.last { padding-right:0 !important;}
#nav { margin-bottom:0 !important;}
.top_con{ padding:0 139px 0 131px; margin-bottom:53px;}
.tit { margin:0 0 45px 13px;}
.box_manu { padding:0 105px 50px 105px;font-size:16px; line-height:26px;}
.box_child1 {margin-bottom:50px;}
.box_child2 {margin-bottom:38px;}
.child_l { float:left; width:212px; color:#00896d;}
.child_r { float:right; width:544px;}
.child_r .pl15,.child_l .pl15 { padding-left:15px !important;}
.img_cont { margin-bottom:62px; padding:0 46px 0 80px; }
/*Add-2015-05-11*/
.tabnav_s,.box_menu{display:none;}
.child_r .text{display:block;}
/*Add-2015-04-23*/
@media only screen and (max-width:980px){
#manuscript h2{background:url(../../manuscript/images/bg_h2_s.gif) no-repeat; padding:2% 0 3% 5%; background-size:100% 100%; }
.tabnav { padding:0 1%; height:31px; margin-bottom:2%;}
.tabnav li {padding-right:5%;}
#nav { margin-bottom:0 !important;}
.top_con{ padding:0 13% 0 13%; margin-bottom:5%;}
.tit { margin:0 0 4% 1%;}
.box_manu { padding:0 2% 5%}
.box_child1 {margin-bottom:5%;}
.box_child2 {margin-bottom:4%;}
.child_l,.child_r { width:50%;}
.child_r .pl15,.child_l .pl15 { padding-left:1% !important;}
.img_cont { margin-bottom:6%; padding:0 5% 0 8%; }
}
@media only screen and (max-width:800px){
.tabnav li { float:left; padding-right:2%;}
#manuscript h2{ background-size:100% 100%; }

}
@media only screen and (max-width:640px){
.tabnav { padding:0 1%; height:auto;}
.tabnav li { float:left; padding-right:0;width:33%;}
#manuscript h2{padding:2% 0 3% 8%}
.top_con{padding:0;}
/*Add-2015-05-11-*/
.tabnav{display:none;}
.tabnav_s{margin-top:10%;display:block; margin-bottom:2%; }
.tabnav_s ul li{float:left; margin-right:1%;font-size:14px; padding-bottom:1%; width:27%;}
.tabnav_s ul li.last{margin-right:0 !important;}
.tabnav_s ul li a,.box_menu a{color:#3fab96;}
.tabnav_s ul li a:hover,.tabnav_s ul li.active,.box_menu a:hover{color:#000;text-decoration:none;}
.box_menu{width:100%;display:block;font-size:14px;}
.box_menu .boxl{float:left;}
.box_menu .boxr{float:right; text-align:right;}
.box_menu .boxl,.box_menu .boxr{width:50%;}
}
@media only screen and (max-width:480px){
#manuscript h2{font-size:16px;padding:2% 0 2% 7%; background-size:150% 100%}
.child_l,.child_r  { float:none; width:100%;}
.img_cont { margin-bottom:6%; padding:0; }
/*Add-2015-05-11-*/
.tabnav_s{margin-top:13%;}
.tabnav_s ul li{margin-right:0%;width:30%;}
.child_r .text{display:initial;}

/*add 2016-05-16*/
.tabnav_s ul li{ margin-right:10px;}
}
@media only screen and (max-width:360px){
#manuscript h2{font-size:16px;padding:2% 0 2% 7%}
.tabnav_s ul li {width: 50%;}
}
@media only screen and (max-width:320px){
/*add 2016-05-16*/	
#manuscript h2{padding:5% 0 5% 8%; background-size:180% 100%; font-size:14px;}
}