#mainContents {
	padding-top:0px;
}

#mainContents #nsArea #nsAreaTitle {
	background:url(images/bg_titlebar.jpg) no-repeat;
	padding:4px 0 18px 4px;
	display:block;
	height:30px;
	width:580px;
}

#mainContents #nsArea {
	clear:both;
}


#mainContents #nsArea ul,
#mainContents #nsArea li {list-style:none;margin:0;background:none;border:none;}

#mainContents #nsArea li {
	background:url(images/bg_list_green.gif) no-repeat 0.2em 0.2em;
	padding: 0 0 5px 20px;
}

#mainContents #nsArea ul#oneColumn{
	padding:0 0 20px 0;
}

#mainContents #nsArea ul#twoColumn{
	padding:0 0 20px 0;
}

#mainContents #nsArea ul#twoColumn li{
	float:left;
	width:250px;
}

/*お知らせの使用CSS---------------------------------------*/

#mainContents #whatNew {
	padding:25px 0 32px 0;
}

#mainContents #whatNew #whatTitle {
	background:url(images/bg_titlebar.jpg) ;
	padding:4px 0 18px 4px;
	display:block;
	height:30px;
	width:580px;
}

#mainContents #whatNew .topics{
	background-image: url(images/topics_logo.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
} 
	
#mainContents #whatNew .news{
	background-image: url(images/news_logo.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}

#mainContents #whatNew .news dl,
#mainContents #whatNew .topics dl{
	width:580px;
	padding:5px 0 5px 0;
	margin:0;
	background-repeat: repeat-x;
	background-position: left bottom;
	background-image: url(images_global/under_line.gif);
} 

#mainContents #whatNew .news dl:after,
#mainContents #whatNew .topics dl:after{
	content:".";
	display:block;height:0px;
	clear:both;
	visibility:hidden;
}
	
#mainContents #whatNew .news dt,
#mainContents #whatNew .topics dt{
	width:110px;
    font-weight: bold;
	margin:0;	
	padding:0 10px 0 70px;
	float:left;
}
	
#mainContents #whatNew .news dd,
#mainContents #whatNew .topics dd{
	margin:0;	
	padding:0;
	width:390px;
	float:left;
	border: 0px none;
}

/*おすすめのコンテンツ使用CSS---------------------------------------*/

#mainContents #recom {
}


#mainContents #recom #recomTitle {
	background:url(images/bg_titlebar.jpg) no-repeat;
	padding:4px 0 18px 4px;
	display:block;
	height:30px;
	width:580px;
}

#mainContents #recom #recomBanner {
	padding-bottom:10px;
}

#mainContents #recom #recomBanner ul,
#mainContents #recom #recomBanner li,
#mainContents #recom #recomBanner dl,
#mainContents #recom #recomBanner dt,
#mainContents #recom #recomBanner dd {
	list-style:none;
	padding:0;
	margin:0;
	font-size:10px;
	background:none;
	border:none;
}

#mainContents #recom #recomBanner #recomBanTop{
	padding:0 0 20px 0;
}

#mainContents #recom #recomBanner #recomBanTop li {
	float:left;
}

#mainContents #recom #recomBanner #recomBanTop li.banLeft {
	width:240px;
}

#mainContents #recom #recomBanner #recomBanTop li.banRight {
	width:320px;
	padding:10px 0 20px 20px;
}

#mainContents #recom #recomBanner #recomBanBottom{
	clear:both;
	float:left;
}

#mainContents #recom #recomBanner #recomBanBottom dl.dlPrint{
	clear:both;
}

#mainContents #recom #recomBanner #recomBanBottom dl{
	float:left;
	width:180px;
	padding-bottom:15px;
}


#mainContents #recom #recomBanner #recomBanBottom dl.center{
	padding:0 20px;
}


/*お子様向けのコンテンツ使用CSS---------------------------------------*/

#mainContents #children {clear:both;
padding-top:50px;
}


#mainContents #children #childTitle {
	background:url(images/bg_titlebar.jpg) no-repeat;
	padding:4px 0 18px 4px;
	display:block;
	height:30px;
	width:580px;
	clear:both;
}

#mainContents #children #childBanner {clear:both;}

#mainContents #children #childBanner ul,
#mainContents #children #childBanner li,
#mainContents #children #childBanner dl,
#mainContents #children #childBanner dt,
#mainContents #children #childBanner dd {
	list-style:none;
	padding:0;
	margin:0;
	font-size:10px;
	background:none;
	border:none;
}

#mainContents #children #childBanner{
	padding:0 0 30px 0;
}

#mainContents #children #childBanner dl{
	float:left;
	width:180px;
}

#mainContents #children #childBanner dl.center{
	padding:0 20px;
}


