@charset "utf-8";

/*-----------------------------------------------------
	clearfix　
-----------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-----------------------------------------------------

	add_music.css
	レイアウト用CSS

------------------------------------------------------*/

#music > h1{
	background: url(../images/tit_music.png) no-repeat left;
}

	#music #base > h2.subtit_opening{
		background: url(../images/subtit_opening.png) no-repeat left;
	}
	#music #base > h2.subtit_ending{
		background: url(../images/subtit_ending.png) no-repeat left;
	}


.song{
	width: 620px;
	margin: 1em 0;
	background: url(../images/underline.png) repeat-x bottom;
	background-size: 2px;
	overflow: hidden;
}

.release{
	display: block;
	float: right;
	width: 230px;
	padding-top: 30px;
}

	.song img{
		width: 340px;
		height: auto;
	}

	.song .release img{
		width: 230px;
		height: auto;
	}

.artist_p{
	position: relative;
	float: left;
	width: 310px;
}
	.artist_p img{
		width: 100%;
		height: auto;
	}

	.artist_p .photo{
		display: block;
        position: absolute;
        left: 50%;
        top: 8px;
        width: 290px;
        margin-left: -145px;
	}

.txt{
	float: right;
	width: 300px;
	padding-right: 15px;
}

.btn_official{
	float: right;
	width: 300px;
	margin-top: 45px;
	padding-right: 15px;
	text-align: center;
}
	.btn_official img{
		width: 70%;
		height: auto;
	}



/*new*/


.line{
	width: 581px;
	height: 17px;
	background: url(../images/line.png) 0 0 no-repeat;
	margin: 20px auto 40px;
}



#music #base > h2.subtit_openingNew{
	background: url(../images/subtit_opening.png) no-repeat left;
	margin-top: 0!important;
}
#music #base > h2.subtit_endingNew{
	background: url(../images/subtit_ending.png) no-repeat left;
	margin-top: 0!important;
}

.songNew{
	width: 620px;
	margin: 1em 0;
	background: url(../images/underline.png) repeat-x bottom;
	background-size: 2px;
	overflow: hidden;
}

#icon{
	width: 83px;
	margin-top: -93px;
	position: relative;
	left: -11px;
}

.releaseNew{
	display: block;
	float: left;
	width: 230px;
	padding-top: 30px;

}

	.songNew img{
		width: 258px;
		height: auto;
		position: relative;
		left: 104px;
	}

	#newEd{
		width: 199px;
	}

	.releaseNew img{
		width: 230px;
		height: auto;
		position: relative;
		left: 70px;
	}

.artist_pNew{
	position: relative;
	float: right;
	width: 310px;
}
	.artist_pNew img{
		width: 100%;
		height: auto;
	}

	.artist_pNew .photoNew{
		display: block;
        position: absolute;
        left: 50%;
        top: 8px;
        width: 290px;
        margin-left: -145px;
	}

.txtNew{
	float: right;
	width: 300px;
	padding-right: 15px;
}

.btn_officialNew{
	float: right;
	width: 300px;
	margin-top: 45px;
	padding-right: 15px;
	text-align: center;
}
	.btn_officialNew img{
		width: 70%;
		height: auto;
	}

/*half*/

.lineP{
	width: 581px;
	height: 96px;
	background: url(../images/line_pink.png) 0 0 no-repeat;
	margin: 20px auto;
}

#music #base > h2.subtit_openingHalf{
	background: url(../images/subtit_opening_half.png) no-repeat left;
	margin-top: 0!important;
}
#music #base > h2.subtit_endingHalf{
	background: url(../images/subtit_ending_half.png) no-repeat left;
	margin-top: 0!important;
}

.subtit_openingHalf img,.subtit_endingHalf img{
	width: 100%;
}

#halfBox{
	width: 100%;
}

.halfL{
	width: 46%;
	float: left;
}

.halfR{
	width: 46%;
	float: right;
}

.songHalf{
	margin: 1em 0;
	background: url(../images/underline.png) repeat-x bottom;
	background-size: 2px;
	overflow: hidden;
}

.releaseHalf{
	display: block;
	width: 90%;
	margin: 0 auto;
	background: url(../images/underline.png) repeat-x bottom;

}

	.songHalf img{
		width: 100%;
		height: auto;
	}

	.songHalf .releaseHalf img{
		width: 100%;
		height: auto;
	}

.artist_pHalf{
	position: relative;
	width: 100%;
}
	.artist_pHalf img{
		width: 100%;
		height: auto;
	}

	.artist_pHalf .photoHalf{
		display: block;
        position: absolute;
        left: 53%;
        top: 8px;
        width: 92%;
        margin-left: -145px;
	}

.btn_officialHalf{
	width: 300px;
	margin-top: 15px;
	text-align: center;
}
	.btn_officialHalf img{
		width: 70%;
		height: auto;
	}

#ad1{
	width: 258px;
}

#ad2{
	width: 199px;
}