/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */


#logo img:nth-child(1){
	margin:0px auto 0px auto;
	opacity:0;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

/*　－－－－－－－－－－－－－－－－－削除する */


#logo {
	/*
	display:none;
	*/
}


#main{
	/*
	display:none;
	*/
	margin:0px auto;
	width:640px;
}

/*　－－－－－－－－－－－－－－－－－削除する */
#main .button{
	width:640px;
	height:380px;
	background-image:url(../images/button_base.png);
	background-repeat:no-repeat;
	border-bottom:#de007f solid 12px;
}
	
#main ul,#main li{
	padding:0px;
	margin:0px 0px 0px 0px;
	clear:both;
	list-style:none;
	}
	
#main .movie{
	padding:0px 0px 30px 0px;
	margin:30px auto 0px auto;
	width:640px;
	text-align:left;
	}
	
#main .title{
	margin:0px auto 0px auto;
	color:#e30a7f;
	font-size:16px;
	font-weight:bold;
	}
	
#main .cover{
	margin:10px 0px 0px 0px;
	width:640px;
	text-align:center;
	}
	
	
	
#main .movie1{
	margin:10px 0px 0px 0px;
	width:290px;
	text-align:left;
	float:left;
	}
	
#main .movie1  img:nth-child(1){
	margin:0px 0px 10px 0px;
	}
	
#main .movie2{
	margin:10px 0px 0px 20px;
	width:290px;
	text-align:left;
	float:left;
	}
	
#main .movie2  img:nth-child(1){
	margin:0px 0px 10px 0px;
	}

#main .movie_text_01{
	background-image:url(../special/images/button_bl_02.png);
	background-position: inherit;
	width:74px;
	height:74px;
	float:left;
	}	
	
	
#main .movie_text_02{
	margin:10px 0px 20px 10px;
	font-weight:bold;
	font-size:22px;
	width:556px;
	color:#e00780;
	float:left;	
	border-bottom:solid 2px #e00780;
	}	
	
#main .movie_text_03{
	background-image:url(../special/images/sp_06/main.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:640px;
	height:423px;
	float:left;
	}
	
#main .base{	
	background-image: url(../special/images/sp_06/base.png);
	}			

#main .movie_text_04{
	width:580px;
	padding:20px 0px 20px 30px;
	font-weight:bold;
	text-align: left;
	color: #FFFFFF;
	font-size:20px;
	line-height:1.5em;
	float:left;
	max-height: 100%;
	}		

#main .movie_text_05{
	background-image: url(../special/images/title_02.jpg);
	background-repeat:no-repeat;
	width:640px;
	float:left;
	background-color:#6d072e;
	}	

#main .movie_text_06{
	margin:0px 0px 0px 70px;
	padding:0px 0px 10px 0px;
	background-color:6d072e;
	width:560px;
	font-size:16px;	
	color: #FFFFFF;
	line-height:1.2em;
}

#main .movie_text_07{
	margin:0px 0px 0px 70px;
	background-color:6d072e;	
	width:560px;
	font-size:24px;
	font-weight:bold;
	text-align: left;
	color: #FFFFFF;
	line-height:2em;
}

#main .movie_text_08{
	width:640px;
	background-color:#3b0807;
	float:left;	
}
#main .movie_text_09{
	width:580px;
	padding:20px 0px 20px 30px;
	color:#FFFFFF;
	font-size:20px;
	line-height:1.4em;
	float:left;		
	max-height: 100%;
	}
#main .movie_text_09s{
	width:580px;
	padding:15px 0px 5px 30px;
	color:#FFFFFF;
	font-size:20px;
	line-height:1.4em;
	float:left;		
	max-height: 100%;
	}

#main .movie_text_09a{
	width:45px;
	padding:10px 0px 0px 0px;
	color:#FFFFFF;
	font-size:20px;
	float:left;
	font-weight:bold;
	}

#main .movie_text_09b{
	width:535px;
	padding:10px 0px 0px 0px;
	color:#FFFFFF;
	font-size:20px;
	float:left;
	}

#main .movie_text_09b span{
	font-weight:bold;
	}

#main .movie_text_10{
	padding:20px 5px 5px 5px;
	background-color:#FFFFFF;
	width:630px;
	font-size:24px;
	font-weight:bold;
	float:left;
	color:#8EB539;
	}	
	
#main .movie_text_11{
	padding:10px 0px 10px 20px;
	background-color:#f1ede4;
	width:110px;
	float:left;
	font-size:20px;
	color:#e3017e;
	}		
	
#main .movie_text_11c{
	padding:10px 0px 10px 0px;
	background-color:#f1ede4;
	width:20px;
	float:left;
	font-size:20px;
	color:#e3017e;
	}		
	
#main .movie_text_11b{
	padding:10px 0px 10px 0px;
	background-color:#f1ede4;
	width:490px;
	float:left;
	font-size:20px;
	color:#e3017e;
	}	
	
#main .movie_text_12{
	padding:10px 0px 10px 20px;
	width:110px;
	float:left;
	font-size:20px;
	color:#e3017e;
	}	
	
#main .movie_text_12c{
	padding:10px 0px 10px 0px;
	width:20px;
	float:left;
	font-size:20px;
	color:#e3017e;
	}		
	
#main .movie_text_12b{
	padding:10px 0px 10px 0px;
	width:490px;
	float:left;
	font-size:20px;
	color:#e3017e;
	}		

#main .movie_text_13{
	margin:0px 0px 0px 0px;
	width:640px;
	background-color:#3b0807;
	float:left;	
}

#main .movie_text_14{
	margin:0px 0px 0px 10px;
	width:620px;
	font-size:24px;
	text-align: left;
	color:#FFFFFF;
	line-height:2em;
}

#main .movie_text_15{
	padding:15px 0px 0px 80px;
	width:550px;
	font-size:33px;
	font-weight:bold;	
	text-align: left;
	color: #FFFFFF;
}

#main .movie_text_15a{
	background-image:url(../special/images/image_02.jpg);
	width:640px;
	height:66px;
}


#main .movie_text_16{
	padding:20px 0px 0px 30px;
	width:580px;
	font-size:20px;
	font-weight:bold;	
	text-align: left;
	color: #FFFFFF;
}

#main .movie_text_16a{
	margin:10px 0px 0px 20px;
	background-image:url(../special/images/image_01.png);
	width:600px;
	height:1px;
}

#main .movie_text_17{
	width:580px;
	padding:10px 0px 20px 30px;
	text-align: left;
	color: #FFFFFF;
	font-size:20px;	
	line-height:1.3em;
	max-height: 100%;
}


#main .movie_text_16_s{
	padding:0px 0px 0px 30px;
	width:580px;
	font-size:20px;
	font-weight:bold;	
	text-align: left;
	color: #FFFFFF;
}

#main .movie_text_16a_s{
	margin:10px 0px 0px 20px;
	background-image:url(../special/images/image_01.png);
	width:600px;
	height:1px;
}

#main .movie_text_17_s{
	width:580px;
	padding:10px 0px 0px 30px;
	text-align: left;
	color: #FFFFFF;
	font-size:20px;	
	line-height:1.3em;
	max-height: 100%;
}

#main .movie_text_17 .l{
	float:left;
	width:70px;
}

#main .movie_text_17 .r{
	float:left;
	width:500px;
}

#main .movie_text_17 .l2{
	float:left;
	width:20px;
	font-size:18px;
}

#main .movie_text_17 .r2{
	float:left;
	font-size:18px;
	width:540px;
}

#main .movie_text_17 .l3{
	float:left;
	width:56px;
}

#main .movie_text_17 .r3{
	float:left;
	width:500px;
}

#main .movie_text_17 .a{
	margin:10px 0px 0px 0px;
	width:100px;
	text-align: right;
	color: #FFFFFF;
	font-size:20px;	
	line-height:1.3em;
	max-height: 100%;
	float:left;
}

#main .movie_text_17 .b{
	margin:10px 0px 0px 0px;
	width:480px;
	text-align: left;
	color: #FFFFFF;
	font-size:20px;	
	line-height:1.3em;
	max-height: 100%;
	float:left;
}

#main .movie_text_17 .syou{
	margin: 10px 0px 0px 0px;
	font-size:16px;
	line-height:1.2em;
	color:#FFFFFF;
}


#main .movie_text_18{
	margin:10px 0px 0px 20px;
	width:600px;
	float:left;
	color:#e3017e;
	font-size:18px;		
	text-align:left;
	line-height:1.3em;
	max-height: 100%;
}

	
	
#main .banner{
	padding:0px 0px 30px 0px;
	margin:30px auto 0px auto;
	width:640px;
	text-align:left;
	}
	
#main .banner1{
	margin:10px 0px 0px 0px;
	width:290px;
	text-align:left;
	float:left;
	}
	
#main .banner1  img:nth-child(1){
	margin:0px 0px 10px 0px;
	}
	
#main .banner2{
	margin:10px 0px 0px 20px;
	width:290px;
	text-align:left;
	float:left;
	}
	
#main .banner2  img:nth-child(1){
	margin:0px 0px 10px 0px;
	}
	
	
	

#main .button_1{
	position:absolute;
	margin:200px 0px 0px 21px;
	width:124px;
	height:124px;
	overflow:hidden;
	text-align:left;
}

#main .button_1  img:nth-child(1),#main .button_1  img:nth-child(2),#main .button_1  img:nth-child(3),#main .button_1  img:nth-child(4),#main .button_1  img:nth-child(5){
	position:absolute;
}

#main .button_2{
	position:absolute;
	margin:40px 0px 0px 97px;
	width:124px;
	height:124px;
	overflow:hidden;
	text-align:left;
}

#main .button_2  img:nth-child(1),#main .button_2  img:nth-child(2),#main .button_2  img:nth-child(3),#main .button_2  img:nth-child(4),#main .button_2  img:nth-child(5){
	position:absolute;
}

#main .button_3{
	position:absolute;
	margin:200px 0px 0px 178px;
	width:124px;
	height:124px;
	overflow:hidden;
	text-align:left;
}

#main .button_3  img:nth-child(1),#main .button_3  img:nth-child(2),#main .button_3  img:nth-child(3),#main .button_3  img:nth-child(4),#main .button_3  img:nth-child(5){
	position:absolute;
}

#main .button_4{
	position:absolute;
	margin:40px 0px 0px 258px;
	width:124px;
	height:124px;
	overflow:hidden;
	text-align:left;
}

#main .button_4  img:nth-child(1),#main .button_4  img:nth-child(2),#main .button_4  img:nth-child(3),#main .button_4  img:nth-child(4),#main .button_4  img:nth-child(5){
	position:absolute;
}

#main .button_4  img:nth-child(3){
	margin:2px 0px 0px 2px;
	width:120px;
	height:122px;
}

#main .button_5{
	position: absolute;
	margin: 200px 0px 0px 335px;
	width: 124px;
	height: 124px;
	overflow: hidden;
	text-align: left;
}

#main .button_5  img:nth-child(1),#main .button_5  img:nth-child(2),#main .button_5  img:nth-child(3),#main .button_5  img:nth-child(4),#main .button_5  img:nth-child(5){
	position:absolute;
}

#main .button_6{
	position:absolute;
	margin:40px 0px 0px 417px;
	width:124px;
	height:124px;
	overflow:hidden;
	text-align:left;
}

#main .button_6  img:nth-child(1),#main .button_6  img:nth-child(2),#main .button_6  img:nth-child(3),#main .button_6  img:nth-child(4),#main .button_6  img:nth-child(5){
	position:absolute;
}


#main .button_7{
	position:absolute;
	margin:200px 0px 0px 490px;
	width:124px;
	height:124px;
	overflow:hidden;
	text-align:left;
}

#main .button_7  img:nth-child(1),#main .button_7  img:nth-child(2),#main .button_7  img:nth-child(3),#main .button_7  img:nth-child(4),#main .button_7  img:nth-child(5){
	position:absolute;
}


#main .button_7  img:nth-child(1),#main .button_7  img:nth-child(2),#main .button_7  img:nth-child(3),#main .button_7  img:nth-child(4),#main .button_7  img:nth-child(5){
	position:absolute;
}

#main .mob_txt1{
	background-image: url(../special/images/sp_06/title_01.jpg);
	height:74px;
}

#main .mob_txt2{
	padding:15px 0px 0px 0px;
	margin:0px 0px 0px 80px;
	font-size:32px;
	font-weight:bold;
	color:#e30a7f;
}