@charset "utf-8";
/* CSS Document */

body,html{ background:#000 url(../images/bg.jpg) top center repeat-y; color:#fff; font-size:12px; line-height:16px;font-family:'ヒラギノ角ゴ Pro W3',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
*{ padding:0; margin:0;}
dl,dd,dt,li,ul{ list-style:none;}
img{ border:0; vertical-align:bottom; max-width:100%;}
.clearfix{clear:both;zoom:1;}
.clearfix:after{content: "";clear: both;display: block;visibility: hidden;height: 0;}
.white{  color:#FFF;}
.yellow{ color:#ffd400;}

.f16{ font-size:16px;}
.f14{ font-size:14px;}
.f10{ font-size:10px;}

.float{ float:left}
.pad2{ padding-bottom:2%;}

#wrap{ margin: 0 auto; max-width: 900px; *width:900px; padding:0 1.1%; background:#f7931e;  }
#wrap .container{ height:1%; overflow:hidden!important; overflow/**/:visible; background:#000;}
#wrap .container .head_text{ font-size:20px; line-height:300%; text-align:center; font-weight:bold;}



#wrap .main{ padding:0 4.44%;}
/*-------class  main---------*/
.main .cd_con .cd_ph{ float:left; width:30.5%;}
.main .cd_con .cd_text{ float:left; width:66%; padding-left:2.5%;}
.main .cd_list{ line-height:17px; padding:4.4% 0;}
.main .cd_list .dlpos{ position:relative; padding-bottom:1.8%;}
.main .cd_list .t1{ position:absolute; top:0; left:0;}
.main .cd_list .t2{ margin:0 310px 0 40px; min-height:40px;}
.main .cd_list .mp3{width:300px; position:absolute; top:0; right:0;}

.main .title{ text-align:center; padding-top:3%;}
.main .title img{ width:109.75%; margin-left:-4.87%; max-width:109.75%;}
.main .cd_newcon img{padding:5px 10px 10px 0;}




.main .foot_ic{ text-align:center; padding:5% 0;}

@media screen and (max-width: 920px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 640px) {
.main .cd_list .dlpos{ padding-bottom:3.5%;}
.main .cd_list .t2{ margin:0 0 0 40px;}
.main .cd_list .mp3{width:300px; position:static; padding-top:0px;}



}
@media screen and (max-width: 480px) {
.main .cd_list{ padding:6.4% 0;}
.main .cd_con .cd_ph{ float:none; width:100%;}
.main .cd_con .cd_text{ float:none; width:100%; padding:2% 0 0 0;}

.main .cd_con2 .cd_ph{ float:none; width:100%;}
.main .cd_con2 .cd_text{ float:none; width:100%; padding:2% 0 0 0;}

.pad2{ padding-bottom:4%;}
	
	
}
@media screen and (max-width: 366px) {}