﻿/*---------------------------
 clearfix
 ---------------------------*/

*:after {
	display: block;
	clear: both;
}/* この記述は固定です */
element {
	width: 100%;
}/* clearfix IE6, 7 */
element:after {
	content: "";
}/* clearfix */

/*---------------------------
pngfix
 ---------------------------*/
/*img, div { behavior: url(../js/iepngfix.htc) };*/
/*---------------------------
 genelar
 ---------------------------*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bk.png);
	color: #dddddd;
	font-family: ''ＭＳ Ｐ明朝', 'MS PMincho', ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
}
p , H1 , H2 , H3, H4{
	margin:0px;
	padding:0px;
}
img {
	border: 0px;
}

/*div{
	border: 1px;
	border-color:#fff;
	border-style: solid;
}*/
.sound {
	width: 60px;
	height: 19px;
}
#container {
	width: 100%;
}
#inline {
	/*
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	*/
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
#cont {
	/*
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	*/
	position: relative;
	width: 1000px;
	margin: 0;
}
.topbt {
	width: 81px;
	height: 21px;
	background-color: #000;
	float: right;
}

/*---------------------------
 sns
 ---------------------------*/

#sns{
	position:absolute;
	top: 0;
	left: 0;
	/*position: relative;*/
	width:100%;
	height:31px;
	z-index: 100;
}

#sns #bts{
	position:relative;
	top: 0;
	left: 0;
	width:100%;
	/*margin-top:5px;*/
	z-index: 100;
}

#sns #bts #twitter{
	position: absolute;
	top: 5px;
	left: 535px;
	width:100px;
	overflow:hidden;
}

#sns #bts #mixi01{
	position: absolute;
	top: 5px;
	left: 643px;
	width:58px;
	overflow:hidden;
}

#sns #bts #mixi02{
	position: absolute;
	top: 5px;
	left: 705px;
	width:72px;
	overflow:hidden;
}

#sns #bts #fb01{
	position: absolute;
	top: 5px;
	left: 780px;
	width:105px;
	overflow:hidden;
}

#sns #bts #fb02{
	position: absolute;
	top: 5px;
	left: 890px;
	width:110px;
	overflow:hidden;
}

#sns #bk{
	position:absolute;
	top: 0;
	left: 0;
	height:31px;
	/*height:62px;*/
	width:100%;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	z-index: 100;
	
}

/*---------------------------
 top
 ---------------------------*/

#top {
	position: relative;
	width: 1000px;
	/*height: auto;*/
	height: 590px;
	background-image: url(../images/mainvisual_1.png);
}

#top #txtbox{
	/*
	width:388px;
	height: 530px;
	text-align: center;
	padding:61px 0 0 589px;
	*/
	position: absolute;
	top: 120px;
	left: 589px;
	width:388px;
	height: 460px;
}


#top #txtbox img{
	margin-bottom:10px;
}

#top #txtbox #spec{
	position: relative;
	width:388px;
	height: 310px;
	text-align: center;
}

#top #txtbox #ti{
	margin-bottom:17px;
	
}

#top #txtbox #txt{
	margin-bottom:15px;
	
}

#top #txtbox #bt{
	margin-bottom:18px;
}

#top #txtbox #dvd{
	position: relative;
	width:100%;
	text-align: center;
	margin-bottom:5px;
}

#top #txtbox #dvd #ti{
	height:14px;
	margin:0 0 5px 0;
}


#top #txtbox #dvd #l{
	padding-left:85px;
	width:97px;
	float:left;
}

#top #txtbox #dvd #r{
	padding-right:85px;
	width:97px;
	float:right;
}
/*---------------------------
read
 ---------------------------*/
#read{
	position: relative;
	background-color: #000;
	padding: 22px 23px 22px 22px;
	/*height: 100%;*/
}

#read p{
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 3px;
}
/*---------------------------
 block_a
 ---------------------------*/

#block_a {
	position: relative;
	margin-top: 446px;
	width: 1000px;
	height: 222px;
	background-image: url(../images/block_a_bk.png);
}
#block_a #jacket {
	width: 208px;
	height: 218px;
	position: absolute;
	top: -140px;
	left: -5px;
}
#block_a #txt1 {
	width: 314px;
	height: 131px;
	position: absolute;
	top: 47px;
	left: 24px;
}
#block_a #order {
	width: 199px;
	height: 28px;
	position: absolute;
	top: 190px;
	left: 23px;
}
#block_a #dvd_txt1 {
	width: 175px;
	height: 13px;
	position: absolute;
	top: 10px;
	left: 365px;
}
#block_a #line_1 {
	width: 1px;
	height: 184px;
	position: absolute;
	top: 0px;
	left: 355px;
	background-image: url(../images/dotline_1.png);
}
#block_a #line_2 {
	width: 1px;
	height: 184px;
	position: absolute;
	top: 0px;
	left: 550px;
	background-image: url(../images/dotline_1.png);
}
#block_a #dvd_txt2 {
	width: 96px;
	height: 13px;
	position: absolute;
	top: 31px;
	left: 407px;
}
#block_a #dvd_txt3 {
	width: 96px;
	height: 15px;
	position: absolute;
	top: 98px;
	left: 407px;
}
#block_a #dvd_txt3 {
	width: 96px;
	height: 15px;
	position: absolute;
	top: 115px;
	left: 407px;
}
#block_a #thumb1 {
	width: 96px;
	height: 54px;
	position: absolute;
	top: 50px;
	left: 407px;
}
#block_a #thumb2 {
	width: 96px;
	height: 54px;
	position: absolute;
	top: 134px;
	left: 407px;
}
#block_a #txt2 {
	width: 417px;
	height: 164px;
	position: absolute;
	top: 18px;
	left: 565px;
}
/*---------------------------
 block_b
 ---------------------------*/

#block_b {
	position: relative;
	background-color: #000;
	padding: 22px 23px 22px 22px;
	margin-top: 20px;
	height: 100%;
}
#songlist {
	margin: 20px 0;
}
#songlist img {
	border: 0px;
	margin: 0 18px 2px 0;
}
#songblock_l {
	width: 471px;
	float: left;
}
#songblock_r {
	width: 471px;
	float: right;
	margin-left: 12px;
}
.aplayer{
	margin-top:20px;
}
.song {
	width: 471px;
	height: 100%;
	background-image: url(../images/song_line_b.png);
	margin-bottom: 12px;
}
.song .line {
	width: 100%;
	height: 1px;
	background-image: url(../images/song_line_a.png);
}
.songcont {
	padding: 10px 10px 0 10px;
}
.songcont p {
	margin: 2px 0 0 10px;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 2px;
}
.fromatsushi {
	width: 92px;
	float: right;
	padding: 10px 7px 13px 20px;
}

.songcont .bt{
	margin-left:10px;
	margin-bottom:10px;
}

.songcont .bt img{
	margin-right:10px;
	margin-bottom:-1px;
}

/*---------------------------
 block_c
 ---------------------------*/

#block_c {
	position: relative;
	background-color: #000;
	padding: 22px 23px 22px 22px;
	margin-top: 50px;
	height: 100%;
}
#block_c #ti {
	width: 955px;
	height: 66px;
	margin-bottom: 21px;
}
#block_c #txt {
	margin: 0 25px 22px 0;
	border: 0px;
}
#block_c #bt1 {
	margin-right: 20px;
	border: 0px;
}
#block_c #bt2 {
	border: 0px;
}
/*---------------------------
 block_d
 ---------------------------*/

#block_d {
	position: relative;
	padding: 22px 23px 22px 22px;
	margin-top: 50px;
	background-image: url(../images/block_d_bk.png);
	background-repeat:repeat-x;
	background-color:#9e191a;
	height:100%;
}

#block_d #l{
	width:158px;
	float:left;
}

#block_d #r{
	width:580px;
	float:right;
	padding-right:210px;
}

#block_d #jacket{
}

#block_d #txt{
	margin-bottom:5px;
}

#block_d #bt{
}


#topbt_d {
	width: 81px;
	height: 21px;
	background-color: #000;
	float: right;
	background-color:#9e191a;
}

/*---------------------------
foot
 ---------------------------*/
#foot{
	margin:80px 0 20px 0;
	width: 100%;
}

#foot img{
	height: 13px;
	float: right;
}

/*---------------------------
modalwindow
 ---------------------------*/


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  width:970px;
  /*display:none;*/
  z-index:9999;
  
  top:-100000px;
}

#boxes .window .pv{
	width:970px;
	margin:0 auto 0 auto;
}

#boxes .closebt{
	width:100%;
	height:30px;
	text-align:right;
	margin-bottom:10px;
}

.songdata{
	position:absolute;
	top:370px;
	left:63px;
}

.songdata img{
	margin-bottom:-7px;
}

/* start: clearfix ------------------------------ */
div:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
div {
	display: inline-table;
}
/* Hides from Mac IE \*/
* html div {
	height: 1px;
}
div {
	display: block;
}
/* */
/* end: clearfix ------------------------------ */
