@charset "utf-8";
/* CSS Document */
#panel h2{background:url(../../panel/images/bg_h2.gif) no-repeat; padding:20px 0 25px 40px; color:#fff; font-size:24px; font-weight:bold;}
#panel h3{background:url(../../panel/images/bg_h3.gif) no-repeat; padding:6px 0 15px 27px; font-size:16px; font-weight:bold; color:#4d7200;}
.panel_con1 { margin-bottom:55px; padding:0 0 0 28px;}
.panel_con { padding:0 12px; margin-bottom:60px;}
.panel_con p { margin-bottom:45px;}
.tbl1 .box{width:385px; margin:0 14px 14px 0;}
.tbl1 .last{margin-right:0 !important;}
.txt2 { margin-bottom:70px;}
.img { padding-left:92px; padding-bottom:42px;}
#nav { margin-bottom:30px !important;}

/* add 2015-05-21 */
table.tbl2 td.bg_tit{background:#f4fddf;}

/*Add-2015-04*/
@media only screen and (max-width:980px){
#panel h2{background:url(../../panel/images/bg_h2_s.gif) no-repeat; padding:2% 0 3% 5%;}
#panel h3{background-size:100% 100%; padding:1% 0 2% 3%;}
.panel_con1 { margin-bottom:5%; padding:0;}
.panel_con { padding:0 1%; margin-bottom:6%;}
.panel_con p { margin-bottom:5%;}
.tbl1{width:100%;}
.tbl1 .box{width:48%; margin:0 2% 2% 0;}
.txt2 { margin-bottom:7%;}
.img { padding-left:9%; padding-bottom:4%;}
#nav { margin-bottom:3% !important;}
}
@media only screen and (max-width:800px){
#panel h2{background-size:100% 100%;}	
}
@media only screen and (max-width:640px){
.con1_child .ds_none{display:none;}
#panel h2{padding:2% 0 3% 8%;}
.tbl3{width:100%; display:block;}
.tbl3 .td01{width:18%;}
.tbl3 .td02{width:16%;}
.tbl3 .td03{width:35%}
.tbl3 .td04{width:35%}	
.tbl2 th,.tbl2 td { padding:4px 15px !important;}
.color{color:#6d960f; font-size:10px !important;}
}
@media only screen and (max-width:480px){
#panel h2{font-size:18px; background-size:150% 100%}	
.tbl3 .td01 {width: 20%;}
.tbl3 .td03,.tbl3 .td04{width:34%}
.tbl2 th,.tbl2 td { padding:4px 2px !important;}
}
@media only screen and (max-width:360px){
.tbl1 .box{width:100%; margin:0 0 2% 0; float:none;}
.tbl3 .td02 {width: 16%;}
.color{color:#6d960f; font-size:9px !important;}

}