@charset "utf-8";
/* CSS Document */
#poster h2{background:url(../../poster/images/bg_h2.gif) no-repeat; padding:20px 0 25px 40px; color:#fff; font-size:24px; font-weight:bold;}
#poster h3{background:url(../../poster/images/bg_h3.gif) no-repeat; padding:6px 0 15px 27px; font-size:17px; font-weight:bold; color:#fff;}
.panel_con1 { margin-bottom:80px; padding:0 0 0 28px;}
.poster_con { padding:0 12px; margin-bottom:100px;}
.top_con { margin-bottom:70px;}
.text { margin-bottom:65px;}
.tbl1 .box{margin-right:50px; width:228px;}
.tbl1 .last{margin-right:0 !important;}
.td_fist { padding-left:0 !important;}
.tbl2 th { background:#ffeceb !important;}
#nav { margin-bottom:30px !important;}
.tbl2 th, .tbl2 td {padding:5px !important;}
/* add 2015-05-21 */
table.tbl2 td.bg_tit{background:#fff5f4;}

/*Add-2015-04-23*/
@media only screen and (max-width:980px){
#poster h2{background:url(../../poster/images/bg_h2_s.gif) no-repeat; padding:2% 0 3% 5%;}
#poster h3{padding:1% 0 2% 3%; background-size:100% 100%;}
.panel_con1 { margin-bottom:8%; padding:0;}
.poster_con { padding:0 1%; margin-bottom:10%;}
.top_con { margin-bottom:7%;}
.text { margin-bottom:6.5%}
.tbl1 td { padding-left:5%; vertical-align:bottom;}
#nav { margin-bottom:3% !important;}
.tbl1 .box{margin-right:5%; width:30%;}
}
@media only screen and (max-width:800px){
#poster h2{background-size:100% 100%;}	
}
@media only screen and (max-width:640px){
.tbl3{width:100%; display:block;}
.tbl3 .td01{width:15%;}
.tbl3 .td02{width:13%;}
.tbl3 .td03,.tbl3 .td04,.tbl3 .td05,.tbl3 .td06{width:18%;}
#poster h2{padding:2% 0 3% 8%;}
.tbl2 th, .tbl2 td {padding:4px 3px!important;}
.color{color:#ef4569;}
	
}
@media only screen and (max-width:480px){
#poster h2{font-size:18px; background-size:150% 100%}	
}
@media only screen and (max-width:360px){
.tbl1 .box{width:100%; margin:0 0 2% 0; float:none; text-align:center;}
.color{font-size:9px !important;}
}