/*
 * 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;
	}

/*NEW　アイコン*/

#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 .footer{
	background-color:#3a0203;
}


#main .contents_1{
	text-align:left;
}

#main .title1{
	margin:20px 0px 10px 30px;
}

#main .contents_1_l{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 30px;
	background-color:#f3eae3;
	float:left;
	width:200px;
	height:26px;
	color:#df007f;
	font-size:16px;
}

#main .contents_1_r{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	background-color:#f3eae3;
	float:left;
	width:410px;
	height:26px;
	color:#df007f;
	font-size:16px;
	vertical-align:text-top;
}

#main .contents_1_lw{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 30px;
	float:left;
	width:200px;
	height:26px;
	color:#df007f;
	font-size:16px;
}

#main .contents_1_rw{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	float:left;
	width:410px;
	height:26px;
	color:#df007f;
	font-size:16px;
}

#main .contents_1_lb{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 30px;
	background-color:#f3eae3;
	float:left;
	width:200px;
	height:66px;
	color:#df007f;
	font-size:16px;
}

#main .contents_1_rb{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	background-color:#f3eae3;
	float:left;
	width:410px;
	height:66px;
	color:#df007f;
	font-size:16px;
	vertical-align:text-top;
}

#main .contents_1_bt{
	margin:20px 0px 0px 0px;
}

#main .new1{
	margin:5px 0px 0px 235px;
}

#main .new2{
	margin:5px 0px 0px 100px;
}


#main .title{
	margin:10px 0px 0px 20px;
}

#main .photo{
	margin:10px 0px 0px 15px;
}

#main .base1{
	background-color:#3b0a0a;
}

#main .base2{
	width:580px;
	padding:0px 0px 20px 30px;
	color:#FFFFFF;
	font-size:20px;
	line-height:1.4em;
	text-align:left;
}

#main .base2b{
	font-size:20px;
	font-weight:bold;
}

#main .base2c{
	margin:10px 0px 10px 0px;
}

#main .base3{
	width:600px;
	margin:10px 0px 0px 15px;
	font-size:16px;
	line-height:1.4em;
	text-align:left;
	color:#3b0a0a;
}

#main .base3_l{
	width:20px;
	float:left;
}

#main .base3_r{
	width:580px;
	float:left;
}


#main .base3_r2{
	width:550px;
	float:left;
}


#main .rr{
	color:#DF007F;
}

#main .title2{
	margin:23px 0px 0px 70px;
	position:absolute;
}

#main .title4{
	margin:16px 0px 0px 400px;
	position:absolute;
}

#main .title5{
	margin:32px 0px 0px 400px;
	position:absolute;
}

#main .base4{
	margin:23px 0px 0px 0px;
	width:450px;
	float:left;
	font-weight:bold;
	text-align:right;
}

#main .base5{
	margin:0px 0px 0px 5px;
	float:left;
	text-align:right;
}

#main .base6{
	margin: 0px 0px 0px 30px;
	color:#df007f;
	line-height:1.3em;
	font-size:17px;
}

#main .base6 a{
	color:#78AADB;
	font-weight:bold;
	line-height:1.6em;
	font-size:17px;
	text-decoration:underline;	
}

#main .base6 a:hover{
	color: #9B4648;
}


#main .title3{
	margin:41px 0px 0px 30px;
	position:absolute;
}

#main .page_top{
	margin:0px 0px 0px 501px;
}

