
/*support*/
@media screen and (min-width: 640px){.sp_tab select{ display:none}}
@media screen and (max-width: 980px){
.sp_title{height:100px}
.sp_title h2{margin-top:30px}
.sp_title ul{margin-top:30px;width:20%}
.sp_box ul{min-height:200px}
.sp_box h3{height:40px; line-height:40px; font-size:18px}
.sp_box h3 span:first-child{ width:18%; margin-right:2%}
.sp_box li{padding:2px 0 7px 8%}
.sp_box li a{ font-size:13px}
.tabhd ul{ display:none}
.tabhd select{display:block;position:absolute; right:10px; top:10px;color:#fff; font:15px/34px tahoma; padding:0 15px;background:url(../images/opacity_black20p.png) repeat; border:none; cursor:pointer; height:34px}
.tabhd select option{color:#000;border-bottom:solid 1px #d9d9d9; padding:5px}
}
@media screen and (max-width: 768px){
.sp_box{width:48%; margin:1%}
.sp_box h3 span:first-child{ width:15%; margin-right:2%}
}
@media screen and (max-width: 640px){
.sp_title h2{ font-size:27px}
.sp_tab ul{ display:none}
.sp_tab select{position: relative;width: 100%;top:10px;color:#fff;font:15px/34px tahoma;padding:0 15px;background:url(../images/opacity_black20p.png) repeat;border:none;cursor:pointer;height:34px;}
.sp_tab select option{color:#000;border-bottom:solid 1px #d9d9d9; padding:5px}
}
@media screen and (max-width: 480px){
.sp_title h2{ font-size:25px}
.sp_title ul{width:30%}
.sp_box{width:100%; margin:0}
.sp_box li{padding:2px 0 7px 5%}
}
