*{
	margin:0;
	padding:0;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	color:#323232;
	line-height:150%;
}



/*#############ID##############*/

body {
	background: url('img/head_i.png') left top repeat-x;
	background-color:#f8d2e1;
}

#main_box{
	text-align: left;
	}
	
	
/*#############HEAD##############*/

#banner_box{
	background: url('img/bg.png') left top repeat-x;
	text-align:center;
	margin:0 auto;
	clear: both;
	display: block;
	width: 1012px;
	height: 480px;
	}
	
.left_box{
float:left;
}

.left_box div{
padding:49px 0px 0px 26px;
}

.right_box{
float:right;
}


/*############# GO MIXI MENU ###########*/

.mixi_menu_box{
	float: left;
	list-style: none;
	margin-top:375px;
	cursor: pointer;
}

	.mixi_menu_box li.tex_box2{
			float: left;
			}
	
	.mixi_menu_box li.tex_box2 a.about{
		background: url('img/h_m_bt.png') left top no-repeat;
		display: block;
		width: 208px;
		height: 64px;
		}
		
	.mixi_menu_box li.tex_box2 span{
	display: none;
	}
		
	.mixi_menu_box li.tex_box2 a:hover, .mixi_menu_box li#current a{
			background-position: left bottom;
		}		
	
		
/*#############CONTENT##############*/	
	
.content_box{
height:auto;
width:1012px;
margin: 0 auto 0 auto;
}
	
	
/*############# SUB MENU ###########*/

.sub_menu_box{
	float: left;
	list-style: none;
	margin-bottom:15px;
	margin-top:20px;
	height: 40px;
	cursor: pointer;
}

	.sub_menu_box li.tex_box2{
			float: left;
			}
	
	.sub_menu_box li.tex_box2 a.about{
		background: url('img/d_bt_about.png') left top no-repeat;
		display: block;
		width: 253px;
		height: 90px;
		}
		
	
	.sub_menu_box li.tex_box2 a.story{
		background: url('img/d_bt_story.png') left top no-repeat;
		display: block;
		width: 253px;
		height: 90px;
		}
			
		
	.sub_menu_box li.tex_box2 a.chara{
		background: url('img/d_bt_chara.png') left top no-repeat;
		display: block;
		width: 253px;
		height: 90px;
		}
		
		
	.sub_menu_box li.tex_box2 a.howto{
		background: url('img/d_bt_howto.png') left top no-repeat;
		display: block;
		width: 253px;
		height: 90px;
		}
		
	.sub_menu_box li.tex_box2 span{
	display: none;
	}
		
	.sub_menu_box li.tex_box2 a:hover, .sub_menu_box li#current a{
			background-position: left bottom;
		}		


/*############# NEWS ###########*/

.news_box{
	background: url('img/new_bg.png') no-repeat;
	width:1012px;
	height: 40px;
	margin-top:40px;
	margin-bottom:5px;
}

.news_box div{
	padding:10px 0px 0px 120px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.1em;
}
	
.news_box div a{
	text-decoration: none;
	color: #ffe100;
}

	.news_box div a: hover{
	text-decoration: underline;
	color: #ffe100;
}
		
		
/*############# BANNER ###########*/
.left_contents {
	width: 620px;
	float: left;
	padding: 10px 0 0 2px;
}

.mixi_banner {
	width: 620px;
	height: 105px;
	padding-left: 5px;

}

.banner_waku {
	margin-top:5px;
	background: url('img/banner_bg.png') no-repeat;
	width: 620px;
	height: 80px;
	text-align: center;
	padding: 30px;/*ルミ子枠のバナー左始まり調整*/
	list-style: none;
}
.banner_waku li {
	float: left;
	padding-right: 14px;/*ルミ子枠のバナー間隔調整*/
}

.Twitter {
	width:360px;
	height: 170px;
	padding: 10px 8px 0 10px;
	float: right;
}
	
/*############# FOOTER ##############*/

#footer_box{
	text-align:center;
	width:100%;
	color:#5A3D1C;
	padding-top:-40px;
	padding-bottom:10px;
}
	
#footer_box a{
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#5A3D1C;
}	
	
#footer_box a:hover{
	font-size:12px;
	font-weight:normal;
	text-decoration:underline;
	color:#5A3D1C;
}		
	

/*#############DETAILS##############*/
	
.clear_box{
	clear:both;
}	


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */