@charset "utf-8";

/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 index

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
*{
	box-sizing:content-box;
}

#bodyArea #indexContents{
	width:932px;
	padding-left:13px;
}

#indexContents a{
	font-weight:bold;
}

#bodyArea #indexFlashArea{
	width:928px;
	background:url(img/index_fla_bg.jpg) no-repeat;
	padding:16px 0 17px 17px;
}
/* No Flash */
#indexFlashArea #topNoFlash{
	width:896px;
	height:288px;
	background:#fff url(img/index_no-flash.gif) no-repeat;
}
#indexFlashArea #topNoFlash p{
	text-align:center;
	padding-top:60px;
}
#indexFlashArea #topNoFlash p.noJS{
	color:#ee0202;
	font-weight:bold;
}
#indexFlashArea #topNoFlash p img{
	margin-top:0.75em;
}
/* /No Flash */

#bodyArea #indexBlock01{
	width:895px;
	background:url(img/index_block01_bg.jpg) no-repeat left bottom;
	padding:0 32px 25px 18px;
	zoom:1;
	clear:both;
}

#indexBlock01:after,
#indexBlock02:after,
#indexBlock03:after,
#indexBlock01 div#library dd ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#bodyArea #indexBlock01 h2{
	margin:0 -16px;
}
#bodyArea #indexBlock01 h3{
	font-size:90%;
	line-height:1.9;
	margin:1.1em 0 0.4em;
}
#bodyArea #contentsArea div.normalStyle #indexBlock01 h3{/* ruby off */
	font-size:80%;
	line-height:1.5;
}
#bodyArea #indexBlock01 h3 span.update{
	font-size:75%;
	font-weight:normal;
	padding-left:8px;
}
#bodyArea #indexBlock01 h3 span.update img{
	vertical-align:middle;
	margin-right:6px;
}

#bodyArea #contentsArea div.rubyStyle #indexBlock01 div#library p.alignRight,
#bodyArea #contentsArea div.rubyStyle #indexBlock01 div#comics p.alignRight{/* ruby on */
	margin-top:-0.6em;
}

#bodyArea #indexBlock01 p.indexTxt01{
	margin:0.6em 0;
}

#bodyArea #indexBlock01 div#library{
	width:410px;
	float:left;
	padding:0 16px;
}

#bodyArea #indexBlock01 div#library dl{
	background:#f8feec;
	border:1px dashed #ff0030;
	padding:0 0 7px 8px;
	clear:both;
	margin:20px 0 12px;
}
#bodyArea #indexBlock01 div#library dt{
	margin:-19px 0 0.2em -5px;
}
#bodyArea #indexBlock01 div#library dd ul{
	clear:both;
	zoom:1;
}
#bodyArea #indexBlock01 div#library dd ul,
#bodyArea #indexBlock01 div#library dd ul li{
	list-style:none;
	margin:0;
	padding:0;
}
#bodyArea #indexBlock01 div#library dd ul li{
	float:left;
	margin:0 8px 0 0;
}
#bodyArea #indexBlock01 div#library p.libraryBtn01{
	text-align:center;
	margin-top:0;
}

/* 20100320/ --------------- */
#indexBlock01 div#library div.libraryNavi{
	background:#d3f094 url(img/index_library_bg02.jpg) no-repeat left bottom;
	padding:0 11px 6px 12px;
	margin:0 0 8px;
}
#indexBlock01 div#library div.libraryNaviInner{
}
#indexBlock01 div#library div.libraryNavi h3{
	background:url(img/index_library_bg01.gif) no-repeat left top;
	padding:2px 0 0 12px;
	margin:0 -11px 5px -12px;
}
#indexBlock01 div#library div.libraryNavi ul{
	padding:0;
	margin:0 -10px 0 0;
	_margin-right:-20px;
	clear:both;
	zoom:1;
}
#indexBlock01 div#library div.libraryNavi ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#indexBlock01 div#library div.libraryNavi ul li{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:124px;
	margin-right:8px;
	text-align:center;
	line-height:1.2;
}
#indexBlock01 div#library div.libraryNavi ul li a{
	line-height:1.9;
}
#indexBlock01 div#library div.libraryNavi ul li img{
	margin:0 0 0.6em;
}
#indexBlock01 div#library div.libraryNavi ul li span.update{
	font-size:75%;
	font-weight:normal;
	line-height:1.2;
}
/* -------------- /20100320 */

#indexBlock01 div#comics{
	width:408px;
	float:right;
	padding:0 16px;
}
/* 20100320/ --------------- */
#indexBlock01 div#comics ul.comicsNavi{
	padding:0;
	margin:0 -7px 0 0;
	_margin-right:-14px;
	clear:both;
	zoom:1;
}
#indexBlock01 div#library div.libraryNavi ul.comicsNavi:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#indexBlock01 div#comics ul.comicsNavi li{
	list-style:none;
	margin:0 7px 16px 0;
	padding:0;
	float:left;
	width:200px;
}
#indexBlock01 div#comics ul.comicsNavi li.comicsNaviProfile{
margin-top:0;
}
/* -------------- /20100320 */


#bodyArea #indexBlock02{
	width:863px;
	background:url(img/index_block02_bg.jpg) no-repeat left bottom;
	padding:0 47px 25px 35px;
	zoom:1;
	clear:both;
}
#indexBlock02 h2{
	margin:0 -16px;
}
#indexBlock02 p.indexTxt01{
	margin:0.6em 0;
}
#indexBlock02 h3{
	font-size:90%;
	line-height:1.9;
	margin:0.4em 0 0;
}
#contentsArea div.normalStyle #indexBlock02 h3{/* ruby off */
	font-size:80%;
	line-height:1.5;
}
/*#indexBlock02 .reportBlock01{
	width:277px;
	float:left;
	padding:0 16px 0 0;
}
#indexBlock02 .reportBlock02{
	width:277px;
	float:right;
}
#indexBlock02 div.posRight{
	width:185px;
	float:right;
}
#indexBlock02 div.posRight p{
	font-size:70% !important;
	font-weight:bold;
}
#indexBlock02 div.posRight p img{
	vertical-align:middle;
	margin-left:6px;
}
#indexBlock02 p.actBtn01{
	text-align:right;
	margin-top:0.4em;
}*/
#indexBlock02 ul{
	zoom:1;
	clear:both;
}
#indexBlock02 ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#indexBlock02 ul li{
width:140px;
float:left;
margin-right:40px;
}
#indexBlock02 ul li img{
margin-bottom:10px;
}
#indexBlock02 ul li.last{
margin-right:0;
}



#bodyArea #indexBlock03{
	width:861px;
	background:url(img/index_block03_bg.jpg) no-repeat left bottom;
	padding:0 50px 25px 34px;
	zoom:1;
	clear:both;
/*	background:url(img/index_block03_bg02.jpg) no-repeat left bottom;
	padding:0 50px 16px 34px;*/
}
#indexBlock03 h3{
	font-size:90%;
	line-height:1.9;
}
#contentsArea div.normalStyle #indexBlock03 h3{/* ruby off */
	font-size:80%;
	line-height:1.5;
}
#indexBlock03 #challenge{
	/*width:560px;
	float:left;*/
}
#indexBlock03 #challenge h2{
	margin:0 0 0 -16px;
}
#indexBlock03 #challenge h3{
	font-size:90%;
	line-height:1.9;
	margin:0 0 0.4em;
}
#indexBlock03 #challenge .posRight{
	width:786px;
}
#indexBlock03 #challenge p{
	margin-bottom:0.8em !important;
}



#bodyArea #indexBlock05{
	width:863px;
	background:url(img/index_block05_bg.jpg) no-repeat left bottom;
	padding:0 48px 25px 34px;
	zoom:1;
	clear:both;
}
#indexBlock05 h2{
	margin:0 -16px;
}
#indexBlock05 p.indexTxt01{
	margin:0.6em 0;
}
#indexBlock05 ul{
	zoom:1;
	clear:both;
}
#indexBlock05 ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#indexBlock05 ul li{
width:140px;
float:left;
margin-right:40px;
}
#indexBlock05 ul li img{
margin-bottom:10px;
}
#indexBlock05 ul li.last{
margin-right:0;
}


#bodyArea #indexBlock06{
	width:863px;
	background:url(img/index_block06_bg.jpg) no-repeat left bottom;
	padding:0 47px 20px 35px;
	zoom:1;
	clear:both;
}
#bodyArea #indexBlock06 h2{
	margin:0 -16px;
}
#bodyArea #indexBlock06 ul{
	zoom:1;
	clear:both;
}
#bodyArea #indexBlock06 ul:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#bodyArea #indexBlock06 ul li{
width:190px;
float:left;
margin-right:20px;
}
#bodyArea #indexBlock06 ul li.last{
margin-right:0;
}
#about .aboutTxt{
margin:0 0 2px 34px;
}
#about .aboutBtn{
margin:0 0 0 0;
}
.indexBlockAbout{
	zoom:1;
	clear:both;
}
.indexBlockAbout:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


.noneFla{
	color:#f3f3f3;
}