@charset "Shift_JIS";


a:hover{
	text-decoration:none;
}


.clear{
	clear:both;
}


.flL{
	float:left;
}

.tR{
	text-align:right;}


.pad15{
	padding-top:15px;
}


.back01{
	background:#E8F2F7;
}

.back02{
	background:#FFFFEC;
}





/*---------- event ----------*/


#event{
	width:800px;
}


#eventSelect{
	width:142px;
	height:313px;
	float:right;
}

/* Scroll------*/


#scroll{
	position: relative;
	width:142px;
	height:216px;
	overflow: hidden;
}
.scrollcont {
	position: absolute;
}

/*------*/


.scrollcont ul{
	width:140px;
	_width:142px;
	border-left:solid 1px #666666;
	border-right:solid 1px #666666;
	background:#E8F2F7;
}

.scrollcont li{
	padding:3px;
	list-style-type: none;
	text-align:center;
	font-size:10px;
	line-height:120%;
}

.scrollcont li div{
	display:block;
	margin:auto;
	text-align:center;
	width:110px;
	height:52px;
	cursor:pointer;
}
.scrollcont li div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}




#eventSelect span{color:#0080FF;cursor:pointer;font:10px;text-decoration:underline;}
#eventSelect span.active, #eventSelect span:hover{background:#0080FF;color:#fff; text-decoration:none;}





/* Sample-------------------------*/


/* Sample 8*/
#box8{
	width:656px;
	height:313px;
	position:absolute;
}

#box8 div{
	width:656px;
	height:313px;
}

#box8 img{
	width:656px;
	height:313px;
	border-style:none;
}


.mask1{
	float:left;
	position:relative;
	_margin-left:-653px;
	width:656px;
	_width:1307px;
	height:313px;
	overflow:hidden;
}



/*Sample 8 for IE7-------*/


*:first-child+html #box8{
	float:left;
	width:656px;
	height:313px;
	position:absolute;
}




*:first-child+html .mask1{
	text-align:left;
	position:relative;
	_margin-left:-653px;
	width:656px;
	_width:1307px;
	height:313px;
	overflow:hidden;
}


/* slide-gallery-------------------------*/


#slide-gallery{
	position: absolute; 
	width: 718px;
	height: 60px;
	top:386px;}
	
#slide-gallery .item{
	float:left;
	width:244px;
	height:60px; }
	
#slide-gallery p{
	margin: 0;
	padding: 0; }
	
#slide-gallery p img{
	float:left;
	border: none; }
			
#slide-gallery .mask{
	position: relative;
	width:718px;
	height:60px;
	top:60px;
	left:41px;
	overflow:hidden;
	z-index:100;}
	
#slide-gallery #box{
	position: absolute; 
	width:718px;}
	
#slide-gallery #thumbs{
	position: absolute;
	width: 800px;
	height: 60px;}
	
#slide-gallery #previous{
	position: absolute;
	left:0;
	width: 27px;
	height: 60px; }
	
#slide-gallery #next{
	position: absolute;
	right: 0;
	width: 27px;
	height: 60px; }


/*slide-gallery 8 for IE6-------*/

#slide-gallery{
	_float:left;
	_position: relative;
	_width: 718px;
	_height: 60px;
	_top:-56px;}

#slide-gallery .mask{
	_position: relative;
	_width:718px;
	_height:60px;
	_top:60px;
	_left:41px;
	_overflow:hidden;
	_z-index:100;}

#slide-gallery #thumbs{
	_position: absolute;
	_left:0;
	_right:0;
	_width: 800px;
	_height: 60px;}


/*slide-gallery 8 for IE7-------*/

*:first-child+html #slide-gallery{
	float:left;
	position: relative;
	width: 718px;
	height: 60px;
	top:-56px;}

*:first-child+html #slide-gallery .mask{
	position: relative;
	width:718px;
	height:60px;
	top:60px;
	left:41px;
	overflow:hidden;
	z-index:100;}

*:first-child+html #slide-gallery #thumbs{
	position: absolute;
	left:0;
	right:0;
	width: 800px;
	height: 60px;}






/*---------- artist ----------*/


#artist {
	clear:both;
	margin:0;
	_margin: 25px 0 0;
	line-height:160%;
}

*:first-child+html #artist {
	clear:both;
	margin: 25px 0 0;
	line-height:160%;
}


#artist ul{
	clear:both;
}


#artist li{
	float: left;
	list-style-type: none;
	padding-right:13px;
}

.artistName{
	width:246px;
	margin:auto;
	padding-top:14px;
	_margin-top:14px;
	_padding-top:0;
	
}


/* for IE7-------*/


*:first-child+html #artist ul{
	clear:both;
	height:18px;
}


*:first-child+html #artist li{
	float: left;
	list-style-type: none;
	padding-right:13px;
}





#moe{
	float:left;
	width:262px;
}

#moeBtn a{
	background-image: url(../img/top/btn_moe.jpg);
	background-position: 0px 0px;
	text-indent:-9999px;
	outline: 0;
	display:block;
	width: 262px;
	height: 50px;
	text-decoration: none;
}

#moeBtn a:hover{
	background-position: 0px -51px;
}

#moeArtist{
	clear:both;
	width:262px;
	height:150px;
	background:url(../img/top/back_moe.jpg) no-repeat;
	padding:0 1px;
}



#tanbi{
	width:264px;
	margin-left:6px;
	_margin:0 3px;
	float:left;
}

#tanbiBtn a{
	background-image: url(../img/top/btn_tanbi.jpg);
	background-position: 0px 0px;
	text-indent:-9999px;
	outline: 0;
	display:block;
	width: 264px;
	height: 50px;
	text-decoration: none;
}

#tanbiBtn a:hover{
	background-position: 0px -51px;
}

#tanbiArtist{
	width:264px;
	height:150px;
	background:url(../img/top/back_tanbi.jpg) no-repeat;
	padding:0 1px;
}


#illust{
	float:right;
	width:262px;
}

#illustBtn a{
	background-image: url(../img/top/btn_illust.jpg);
	background-position: 0px 0px;
	text-indent:-9999px;
	outline: 0;
	display:block;
	width: 262px;
	height: 50px;
	text-decoration: none;
}

#illustBtn a:hover{
	background-position: 0px -51px;
}

#illustArtist{
	clear:both;
	width:262px;
	height:150px;
	background:url(../img/top/back_illust.jpg) no-repeat;
	padding:0 1px;
}



/*---------- topics ----------*/


#topics{
	width:532px;
	margin:20px 0 0;
	float:left;
}

#topicsInfo{
	float:left;
	width:248px;
	min-height: 350px;
	height: auto !important;
	height:350px;
	margin:13px 0;
	padding:0 10px 0 7px;
	border-right:solid 1px #cccccc;
}

#topicsInfo ul{
	margin-top:15px;
}

#topicsInfo li{
	width:248px;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:dotted 1px #cccccc;
	list-style-type: none;
	text-align:left;
}

#topicsInfo li th{
	width:70px;
	vertical-align:top;
	font-size:12px;
	font-weight:normal;
}






#topicsNewwork{
	float:left;
	width:248px;
	min-height: 350px;
	height: auto !important;
	height:350px;
	margin:13px 0;
	padding:0 10px 0 7px;
	border-right:solid 1px #cccccc;
}

#topicsNewwork ul{
	margin-top:15px;
}

#topicsNewwork li{
	width:248px;
	padding-top:3px;
	padding-bottom:3px;
	list-style-type: none;
	text-align:left;
}

#topicsNewwork li img{
	margin-right:3px;
}


#topicsNewwork li table{
	margin-left:15px;
}

#topicsNewwork li th{
	vertical-align:middle;
	font-size:12px;
	font-weight:normal;
}


#topicsNewwork li td{
	vertical-align:middle;
}



#topicsEtc{
	float:left;
	width:248px;
	margin:13px 0;
	padding:0 7px 0 10px;
}

#topicsEtc ul{
	margin-top:15px;
}

#topicsEtc li{
	width:248px;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:dotted 1px #cccccc;
	list-style-type: none;
	text-align:left;
}

#topicsEtc li th{
	width:70px;
	vertical-align:top;
	font-size:12px;
	font-weight:normal;
}


.btnMore{
	width:248px;
	margin-top:13px;
	text-align:right;
}





#recommendBlog{
	width:267px;
	margin:20px 0 0;
	float:right;
}


#recommendBlog th{
	width:70px;
	margin-top:15px;
	vertical-align:top;
	font-size:12px;
	font-weight:normal;
}


#topicsBlog{
	width:248px;
	margin:13px 0;
	padding:0 7px 0 10px;
	text-align:left;
}

#topicsBlog table{
	margin:5px 0 10px;
}

#topicsBlog div.odTxt{
	font-size:11px;
}





/*---------- banner ----------*/


#bannerArea{
	clear:both;
	margin:22px 0 0;
	padding:22px 0 0;
	_padding:0;
}

#bannerArea img{
	display:block;
	float:left;
	margin-right:3px;
}



/*---------- Ad ----------*/



#Ad{
	clear:both;
	padding:25px 0 0;
	_padding:0;
	margin:25px 0 0;
}



/*---------- footet ----------*/


#topFooter{
	width: 800px;
	text-align:center;
}

/*---------- Event Banner----------*/
#eventBanner{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom:100px;
}
#eventBanner ul{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
#eventBanner li{
	width: 230px;
	display: inline;
	list-style-type: none;
	margin-right: 10px;
}

#eventBanner02{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom:15px;
}

#eventBanner02 ul{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

#eventBanner02 li{
	width: 230px;
	display: inline;
	list-style-type: none;
	margin-right: 10px;
}