/* ------area--------- */

#area{ width:730px;
	font-family: "verdana", "arial", "sans-serif", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", "Osaka",;}


#area .area {
	/*font-size: 78%;*/
	line-height: 150%;
	color: #666666;
	background-image:  url(../img/area/bullet_area.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	margin-bottom:3px;
	width:530px;
	text-align:left;
	
}

#area .right{
	width:550px;
	float:right;
	}

#area .left{
	width:170px;
	float:left;
	background:url(../img/area/side_bg.gif);
}

#area .left ul{
	margin-top:10px;
	margin-bottom:15px;

}

#area .left ul li{
	margin-left:10px;
	background-image:  url(../img/area/point.gif);
	background-repeat: no-repeat;
	height:15px;
	padding-left:15px;
	padding-bottom:2px;
}

#area .left ul li.genreTitle{
	margin-left:0px;
	padding-left:0px;
	padding-bottom:10px;
	background:none;
}


#area .left ul li a{
	color:#747474;
	font-weight:bold;
	text-decoration:none;
	}

#area .left ul li a:hover{
	color:#FF3300;
	font-weight:bold;
	text-decoration:underline;
	}



#area .area3{text-align:left;
width:550px;}

#area .area3 table{float:right;}

#area .area a	,
#area .area2 a	{
	text-decoration:none;
	color: #666666;
	}
#area .area a:visited,
#area .area2 a:visited { text-decoration:none  }
#area .area a:hover,
#area .area2 a:hover   { text-decoration:underline }
#area .area a:active,
#area .area2 a:active  { text-decoration:underline }

#area .update {
	font-family: "Verdana", "Geneva", "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #FF6600;
	font-weight: bold;
}