@charset "utf-8";
/* CSS Document */
#howtouse h2{background:url(../../howtouse/images/bg_h2.gif) no-repeat; padding:20px 0 25px 40px; color:#fff; font-size:24px; font-weight:bold;}
.box_how { padding:0 85px 130px 79px; width:812px; font-size:16px; line-height:26px;}
.box_how h3 { margin-bottom:26px !important; background:url(../../howtouse/images/bg_h3.gif) no-repeat; padding:9px 0 10px 20px; font-size:16px; font-weight:bold; color:#006dab;}
#nav { margin-bottom:50px !important;}
/*update-2015-08-05-*/
.tit,.tit2 {font-size:16px; font-weight:bold; color:#3c3c3c;}
.tit { margin-bottom:35px;}
.tit2 { margin-bottom:5px;}
.child1 { margin-bottom:65px;}
.child2 { margin-bottom:60px;}
.child3 { margin-bottom:32px;}
.child_cont{ padding-left:15px;}
.child_cont .pleft { padding-left:15px; margin-bottom:44px;}
.list_ul li { padding-bottom:40px;}
.list_ol { margin-left:25px;}
.list_ol li { padding-bottom:44px; list-style:decimal;}
.txt { margin-bottom:44px;}

/*add 2016-05-16*/
.child_cont a:hover{ opacity:0.8}
.box_how{ padding:0 85px 55px 79px}
/*Add-2015-04-23*/
@media only screen and (max-width:980px){
#howtouse h2{background:url(../../howtouse/images/bg_h2_s.gif) no-repeat; padding:2% 0 3% 5%;}
.box_how { padding:0 2% 13%; width:auto;}
.box_how h3 { margin-bottom:3%!important; padding:1% 0 1% 2%;background-size:100% 100%;}
#nav { margin-bottom:5% !important;}
.tit { margin-bottom:4%;}
.tit2 { margin-bottom:1%;}
.child1 { margin-bottom:6.5%;}
.child2 { margin-bottom:6%;}
.child3 { margin-bottom:3%;}
.child_cont{ padding-left:2%;}
.child_cont .pleft { padding-left:2%; margin-bottom:4%;}
.list_ul li { padding-bottom:4%;}
.list_ol { margin-left:3%;}
.list_ol li { padding-bottom:4%; list-style:decimal;}
.txt { margin-bottom:4%;}

/*add 2016-05-16*/
.box_how{ padding:0 2% 5% }
}
@media only screen and (max-width:800px){
#howtouse h2{background-size:100% 100%;}
}
@media only screen and (max-width:640px){
#howtouse h2{ padding:2% 0 3% 8%;}
.box_how { padding:0 0% 3%;}
.list_ol { margin-left:5%;}

}
@media only screen and (max-width:480px){
/*add 2016-05-16*/	
#howtouse h2{ background-size:150% 100%}
}
@media only screen and (max-width:360px){
/*add 2016-05-16*/	
#howtouse h2{ font-size:18px; }
}