body,html{ background: #000000; 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; }
.clearfix{clear:both;zoom:1;}
.clearfix:after{content: "";clear: both;display: block;visibility: hidden;height: 0;}

#wrap{ margin: 0 auto; max-width: 960px; *width:960px; }
a{ color:#A2A2A7;}
.head{ margin: 0 0 20px 0;}
.head img{width:100%;}

#wrap .container{ height:1%; overflow:hidden!important; overflow:visible;}
#wrap .container section{ float:left;  padding-bottom:20px;}

.mod-a{}

.left_mod{ width:250px; margin-left:20px;}
.middle_mod{ width:600px; margin-left:20px;}/* width:300px;*/
.right_mod{ width:336px;margin-left:20px;}
.pro_info{ font-size:15px; font-weight:bold; padding-bottom:15px;}
.intro{ font-size:13px; line-height:15px; color:#00a3d9;}

.youtube{}

.disc{ margin-left:8px;}

.mod{ width:220px; margin-left:13px;}
.mod h3{ background:#00a3d9;line-height:20px; height:20px;}
.d1 h3{ background:#00a3d9 url(../images/disc01.jpg) no-repeat 6px 3px;}
.d2 h3{ background:#00a3d9 url(../images/disc02.jpg) no-repeat 6px 3px;}
.d3 h3{ background:#00a3d9 url(../images/disc03.jpg) no-repeat 6px 3px;}
.d4 h3{ background:#00a3d9 url(../images/disc04.jpg) no-repeat 6px 3px;}
.d5 h3{ background:#00a3d9 url(../images/disc05.jpg) no-repeat 6px 3px;}
.d6 h3{ background:#00a3d9 url(../images/disc06.jpg) no-repeat 6px 3px;}
.d7 h3{ background:#00a3d9 url(../images/disc07.jpg) no-repeat 6px 3px;}
.d8 h3{ background:#00a3d9 url(../images/disc08.jpg) no-repeat 6px 3px;}

.mod .cdlist{ padding-left:6px; padding-top:15px; font-size:13px;}

.foot{ padding:2.5%;font-size:10px; position:relative; padding-right:30%;}
.bn_logo{ position:absolute; right:1%;  width:28%;}
.bn_logo img{ max-width:100%;}
@media screen and (max-width: 960px) {
	
	.left_mod{ width:100%; float:none;}
	.middle_mod{ width:95%; float:none;}
	.right_mod{ width:100%; float:none;}
	.pro_info{ }

}

@media only screen and (min-width: 768px) and (max-width: 959px){
    .disc{ margin-left:0;}
	.mod{ width:46.7%; margin-left:20px;}
	.middle_mod{ width:95.5%; float:none;}
	
}
@media screen and (max-width: 767px) {
	.disc{ margin-left:0;}
	.mod{ width:45%; margin-left:20px;}
}
@media screen and (max-width: 480px) {

		.mod{ width:89%;}
		.middle_mod{ width:89%; float:none;}
		
		.foot{ padding:2.5%;font-size:10px;  padding-right:0%;}
		.bn_logo{ position: static; width:100%; text-align:center; padding-bottom:2.5%;}
		
}
@media screen and (max-width: 366px) {
		.youtube iframe{ width:100%; height:214px;}
		.left_mod{ width:87.5%;}
		.mod{ width:87.5%;}
		.left_mod img{ width:100%;}
		.right_mod { width:87.5%;}
		.right_mod img{ width:100%;}
}