@charset "utf-8";
/*////////////////////////////////////////////////

学園革命伝ミツルギ なかよし
creation date 2010.9
Copyright 2010 河田雄志・行徒／SQUARE ENIX CO.,Ltd All rights reserved.

////////////////////////////////////////////////*/
#wrapper{
	background:url(../img/bg_main_z.png) repeat-x 0 0;
}
#wrapperInner{
	background:url(../img/img_main.png) no-repeat 50% 0;
}
#wrapperCover{
	background:url(../img/bg_main.png) repeat-x 0 415px;
}
#container{
	position:relative;
	width:965px;
	margin:0 auto;
}
header{
	margin-bottom:55px;
}
header h1{
	padding:29px 0 0 5px;
}
header p{
	margin:7px 0 11px;
}
.btn{
	margin-left:5px;
}
.btn a{
	display:block;
	width:180px;
	height:26px;
	border:#999 1px solid;
}
.btn a:hover{
	border:#E60080 1px solid;
}
.twitter{
	position:absolute;
	left:335px;
	top:60px;
	overflow:auto;
	width:180px;
	height:180px;
}
.twitter ul{
	margin-bottom:2em;
}
.twitter p{
	font-size:84%;
}
.testread{
	position:absolute;
	left:495px;
	top:360px;
	z-index:5;
}
.comics{
	margin-bottom:-40px;	
}
	
.read01{
	position:absolute;
	left:6px;
	top:35px;
	z-index:10;	
}
.read02{
	position:absolute;
	left:160px;
	top:35px;
	z-index:10;
}
.read03{
	position:absolute;
	left:314px;
	top:35px;
	z-index:10;
}
.yorinuki{
	position:absolute;
	left:232px;
	top:112px;
	z-index:10;
}
h2{
	border-bottom:#777 1px solid;
}
h3{
	margin-top:-4px;
	padding:8px 0 8px 16px;
	background:url(../img/ic_frame.gif) no-repeat 0 0;
	font:117% "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#infoArea{
	width:985px;
	margin:0 -20px 50px 0;
}
#infoArea section{
	float:left;
	margin-right:20px;
}
.news dl{
	overflow:auto;
	width:410px;
	height:180px;
	padding:20px 205px 20px 20px;
	background:url(../img/bg_news.png) no-repeat;
}
.news dt{
	float:left;
}
.news dd{
	margin:0 0 1em 6em;
}
.weeks div{
	margin-top:-21px;
}
.contents{
	margin-bottom:30px;
}
.contents h2{
	padding:0 0 6px 0;
}
.contents ul{
	width:981px;
	margin-right:-16px;
}
.contents li{
	float:left;
	margin:5px 17px 14px 0;
}
.contents li a{
	display:block;
	width:224px;
	height:236px;
	border:#000 2px solid;
}
.contents li a:hover{
	border:#E60080 2px solid;
}
.comingSoon img{
	padding:1px;
	border:#DDD 1px solid;
}
	
#infoArea,
.contents ul{/zoom : 1;}
#infoArea:after,
.contents ul:after{content : ''; display : block; clear : both;}	

#message{
	margin:0 0 20px 0;
	border:3px solid #ddd;
	padding:10px;
	background:#FFF;
	text-align:center;
}