@charset "utf-8";
/* CSS Document */
body{ 	font-family:
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif;
		color:#000;
}

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,select,option,address,pre,
strong,em {
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	text-decoration:none;
}

a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

img{ border:0;}
.clear{clear:both; height:0px;}
div.clear hr {visibility: hidden; display: none; }

a:link { color:#515151; text-decoration:underline;}
a:visited { color:#515151; text-decoration:underline;}
a:hover { color:#515151; text-decoration:none; }
a:active { color:#515151; text-decoration:underline;}

ul li{ list-style:none;}

body div#product_title div.back,
body div#product_b01 div.back,
body p#text_01,
body div#product_b02 div.back,
body h4{ text-align:center; width:1000px; margin:0 auto;}

body div#product_title{ background:#ffffff; height:154px; width:1000px; margin:0 auto;}
body div#product_title div.back{ background:url(../images/back_01.gif) left top no-repeat; height:154px; width:1000px; position:relative;}
body div#product_title h1{ text-align:center; position:absolute; bottom:3px; width:1000px;}

body div#product_b01{ background:#38a1db; color:#FFF;}
body div#product_b01 div.back{ background:url(../images/back_02.gif) right top no-repeat; padding:15px 20px; width:960px;}

body div#product_b01 div.back p.photo{ margin:0; float:left; text-align:center; display:block; width:470px;}
body div#product_b01 div.back div.text{ text-align:left; width:460px; float:right; margin:0;}
body div#product_b01 div.back div.text p{ padding-bottom:10px; font-size:95%; line-height:140%;}
body div#product_b01 div.back h2{ padding-bottom:10px;}
body div#product_b01 div.back h3{ font-size:110%; margin-top:0px;}
body div#product_b01 div.back div#dl_block{ color: #000000; background-color: rgba(255, 255, 255, 0.5); padding:5px; margin-bottom:5px;}
body div#product_b01 div.back div#dl_block ul{ margin-left:3px;}
body div#product_b01 div.back div#dl_block ul li{ float:left; margin-right:2px; margin-bottom:5px;}
body div#product_b01 div.back div#dl_block ul li.none{ margin-right:0px;}
body div#product_b01 div.back div#dl_block p{ padding:5px 0 10px 0; text-align:center;}
body div#product_b01 div.back p.btns{  padding:0!important; margin:0;}
body div#product_b01 div.back div#dl_block p.att{ text-align:right; padding:0; margin:0;}

body div#track{ width:910px; margin:0 auto; padding:35px 45px; background:url(../images/back_03.gif) right top no-repeat; color:#787878;}
body div#track ul li{ margin-bottom:20px; font-size:90%;}
body div#track ul li span{ display:block; padding:5px 0 0 70px;}
body div#track div#soundcloud{ padding:5px 20px; background:#ecf4f9;}
body div#track div#soundcloud p{ margin-bottom:5px; color:#000;}

body div#product_b02{ background:#000000; padding:25px 0; color:#FFF; font-size:90%;}
body div#product_b02 div.back{ text-align:left; background:url(../images/back_04.gif) left bottom no-repeat; padding-bottom:30px;}
body div#product_b02 div.back dl{ float:left; margin-left:10px; width:310px;}
body div#product_b02 div.back dl.tr_li{ width:310px;}
body div#product_b02 div.back dl.top{ margin-left:45px; width:310px;}
body div#product_b02 div.back dl.top dd{ margin-bottom:0px;}
body div#product_b02 div.back dl dt{ font-weight:bold;}
body div#product_b02 div.back dl dd{ margin-bottom:15px;}

#socialbuttons{ padding-top:5px;}
#socialbuttons div {float:right; padding-right:5px;}

body div#info{ width:1000px; height:400px; margin:10px auto; background:url(../images/back_05.gif) left top no-repeat; position:relative;}
body div#info ul#shop{ position:absolute; top:95px; left:45px; width:200px;}
/*body div#info ul#shop img {vertical-align: middle; padding-right:15px;}*/

body div#info ul{ text-align:right; position:absolute; top:95px; right:50px;}
body div#info ul li{ margin-bottom:10px;}

p#aone{ text-align:right; width:1000px; margin:0 auto;}

p#copyright{ text-align:center; padding-top:5px; font-size:85%; margin:60px 2px 0px 2px; padding-bottom:30px;}


/*popup*/
.close{cursor: pointer; text-align:right; font-size:80%;}
.modal{ display:none; width:690px; color: #eee;}
.modalBody{position: fixed; z-index:1000; width:690px; left:50%; top:50%; height: 400px; padding: 10px;}
.modalBK{position: fixed; z-index:999; height:100%; width:100%; background:#000; opacity: 0.9;filter: alpha(opacity=90);-moz-opacity:0.90; top:0; left:0;}
.btns{cursor: pointer;}

div#m_block{ background:#FFF; padding:10px;}
div#m_block h5{ background:#38a1db; padding:5px; margin-bottom:10px;}
div#m_block p{ font-size:90%; color:#000; padding:10px;}
div#m_block a{ text-decoration:none; font-weight:bold; color:#000;}
div#m_block p#n_btn a{ background:#38a1db; width:400px; padding:10px; margin:20px auto; display:block; text-align:center; text-decoration:none; color:#FFF;}
div#m_block p#cm{ font-weight:bold; font-size:100%; text-align:center;}