@charset "UTF-8";
@import "common.css";
@import "corner.css";

/*-----------------------------------------
	list
-----------------------------------------*/

#index-box {
	width:766px;
	margin:25px auto 0 auto;
}

#index-intro {
	width:766px;
	margin:0 auto 10px auto;
}

#index-intro-txt {
	float:left;
	width:579px;
	margin:10px 0 0 0;
	padding-top:15px;
	background:#FFFFFF url(../img/katudou/intro_txt_top.gif) top left no-repeat;
}

#index-intro-txt p {
	margin-bottom:10px;
}

#index-intro-txt-btm {
	width:549px;
	padding:0 15px 15px 15px;
	background:url(../img/katudou/intro_txt_btm.gif) bottom left no-repeat;
}

#index-intro-txt-btm p{
	text-align:left;
}


#index-intro-ph {
	float:right;
	width:187px;	
}

#index-box h2 {
	width:766px;
	margin-bottom:10px;
	text-align:left;
}

.index-bg {
	width:766px;
	background:url(../img/katudou/index_bg.gif) repeat-y;
}

.index-line {
	clear:both;
	width:766px;
	height:3px;
	margin-top:9px;
	background:url(../img/common/line_red02.gif) repeat-x;

}

/*画像のみ*/
.index-img-box {
	width:766px;
	margin:0 auto 30px auto;
	padding-bottom:15px;
	background:url(../img/common/line_red02.gif) bottom repeat-x;
}

.index01-box {
	width:596px;
	padding:20px 10px 5px 160px;
	min-height:221px;
	*height:221px;
	*height:221px;
	background:url(../img/katudou/index01_01.jpg) 0 5px no-repeat;
}


.index01-box-wait {
	width:586px;
	padding:20px 10px 20px 170px;
	font-size:116%;
	background:url(../img/katudou/index01_01.jpg) 0 5px no-repeat;
}

/*comingsoon*/
.index-coming {
	width:766px;
	margin-top:14px;
	padding-bottom:15px;
	text-align:left;
	background:url(../img/common/line_red02.gif) bottom repeat-x;
}

.list-btn {
	width: 96px;
	margin:20px auto 0 auto;
}


/*-----------------------------------------
	画像のみのページ
-----------------------------------------*/

.katsudou-img-cneter {
	width: 100%;
	text-align: center;
}

.katsudou-top {
	width:830px;
	margin-top:30px;
	text-align:right;
}

/*-----------------------------------------
	vol.2
-----------------------------------------*/

.vol02-sakusei {
	width:815px;
	margin:0 auto 25px auto;
	padding-bottom: 18px;
	background:url(../img/katudou/vol02_sakusei_btm.gif) bottom left no-repeat;
}

.vol02-senkou {
	width:815px;
	margin:0 auto;
}

#vol02-end {
	width:776px;
	margin:0 auto;
}

#vol02-intro {
	width:766px;
	margin:0 auto 10px auto;
	background:url(../img/katudou/vol02_intro_ph.jpg) top right no-repeat;
}

.vol02-box {
	clear:both;
	width:830px;
	margin:20px auto 0 auto;
	display:inline;
}

.vol02-box h2 {
	float:left;
	width:382px;
}

.vol02-txt {
	float:right;
	width:427px;
	margin-top:15px;
}

.vol02-txt h3 {
	margin-bottom:10px;
}

.vol02-txt h4 {
	margin-bottom:7px;
}

.vol02-txt p{
	margin:0 5px 15px 5px;
} 

.oubo {
	width:427px;
	margin:20px auto;
}

.kaiin-btn {
	width: 427px;
	margin:10px auto 0 auto;
}

.kaiin-btn li {
	font-size:0;
	line-height:0;
}

/*-----------------------------------------
	PRソングお詫び
-----------------------------------------*/

#owabi {
	width: 815px;
	margin: 0 auto;
}

.owabi_bg {
	width:815px;
	background:url(../img/katudou/owabi_bg.gif) 52px top repeat-y;
	margin: 5px auto 0 auto;
}


.owabi_mv {
	width: 671px;
	margin: 0 0 0 52px;
	padding: 0 20px 0 19px;
	
}


.owabi_mv_mv {
	float:left;
	width:320px;
	height:315px;
	margin:0 0 10px 0;
	padding:10px;
	background:url(../img/common/movie_bg.gif) top center no-repeat;
}

.owabi_mv_mv .btn {
	clear:both;
	width:320px;
	margin:5px 0 0 0;
}

.owabi_mv_img {
	float: right;
	width: 321px;
	margin-top: 50px;
}

.owabi_line {
	clear: both;
	width: 671px;
	height: 5px;
	margin: 10px auto 20px auto;
	background:url(../img/common/line_dot_pink.gif) left repeat-x;
}


/*-----------------------------------------
	PRソング完成
-----------------------------------------*/

.kansei_block {
	width: 813px;
	margin: 5px auto 0 auto;
	padding: 0px;
	background:url(../img/katudou/kansei_btm.gif) bottom no-repeat;
}

.kansei_bg {
	width: 813px;
	background:url(../img/katudou/kansei_bg.gif) left repeat-y;
	margin: 0px;
	padding:0px;
}

#kansei_bottom{
	margin: 0px;
	padding:0px 0 0 0;
	clear:both;
}

.kansei_block h2 {
	margin-bottom: 5px;
}

.kansei_block h3 {
	width: 741px;
	margin: 0 auto;
}

.kansei_box01 {
	clear: both;
	width: 728px;
	margin: 0 auto 10px auto;
}

.kansei_box01 .ph{
	float: left;
	width: 352px;
}

.kansei_mv {
	float:right;
	width:320px;
	height:315px;
	margin:0 0 10px 0;
	padding:10px;
	background:url(../img/common/movie_bg.gif) top center no-repeat;
}

.kansei_mv .btn {
	clear:both;
	width:320px;
	margin:5px 0 0 0;
}

.kansei_box02 {
	clear: both;
	width: 718px;
	padding: 0px 0 0px 0;
	margin: 0 auto 0px auto;
}

.kansei_box02 .bana01 {
	float: left;
	width: 382px;
}

.kansei_box02 .bana02 {
	float: right;
	width: 330px;
}

.kansei_box02 .bana01 li,
.kansei_box02 .bana02 li,
.kansei_box02 .bana04 li{
	line-height: 0;
	font-size: 0;
}

.kansei_box02 .bana02 li {
	margin-bottom: 5px;
}

.kansei_box02 .bana04 {
	clear: both;
	width: 718px;
	margin: 0px;
}

.kansei_box02 .back_btn {
	width: 100%;
	text-align: center;
	margin: 20px 0;
}

.kansei_box02 .txt {
	width: 470px;
	margin: 0 auto 20px auto;
	text-align: center;
}


.kansei_box02 .login {
	clear: both;
	width: 470px;
	margin: 0 auto;
	text-align:center;
}

.kansei_text2{
	clear: both;
	width: 470px;
	margin: 0 auto;
	padding: 0px 0 0px 0;
}

/*-----------------------------------------
	vol.6
-----------------------------------------*/

.vol06_main {
	width: 813px;
	margin: 0 auto 10px auto;
	text-align: center;
}

.vol06_main h2 {
	margin-bottom: 10px;
}


.vol06_info {
	width: 763px;
	margin: 0 auto;
	padding: 25px 20px 35px 20px;
	background-color: #ffffff;
}

.vol06_info h4 {
	margin-bottom: 5px;
	padding: 0 0 2px 10px;
	font-weight: bold;
	color: #f17bb1;
	border-bottom: 1px solid #f17bb1;
	border-left: 4px solid #f17bb1;
	font-size: 131%;
}

.vol06_info h5 {
	padding: 5px;
	font-weight: bold;
	color: #ffffff;
	background-color:#f17bb1;
	margin: 0 10px 5px 10px;
}

.vol06_info h6 {
	margin: 0 10px 3px 10px;
	padding-left: 14px;
	background:url(../img/common/icon_maru02.gif) 0 4px no-repeat;
	font-weight: bold;
	color: #ea428f;
	
}

.vol06_info .premium_txt {
	width: 100%;
	margin: 0 10px 20px 10px;
	color:#e64690;
	font-weight: bold;
	text-align: center;
}



.vol06_info p {
	margin: 0 10px 20px 10px;
}

.vol06_info .list_box {
	margin: 0 10px 20px 10px;
}

.vol06_info .list_box li {
	padding-left: 14px;
	background:url(../img/common/icon_maru02.gif) 0 5px no-repeat;
}

.vol06_info .login {
	width: 470px;
	margin: 0 auto;
}

.vol06_info .mypage {
	width: 235px;
	margin: 0 auto;
}