@charset ""UTF-8;

/*----------------------------------------------------------------------------*/
/*---------------------　for index.html　-------------------------------------*/

#mainimage{
	width				:	728px;
	height				:	187px;
	border				:	1px solid #CC0066;
	margin				:	8px 0 10px 0;
}

/* -------------------- primary ブロック --------------------- */
#primary {
	width				:	66%;
	float				:	left;
	}

#topic{
	width				:	100%;
	border				:	1px solid #CC0066;
	margin-bottom		:	10px;
	}

#topic h3{
	background			:	url(../img/index/hottopics.gif) no-repeat ;
	height				:	30px;	
/*	text-indent			:	-9999px;*/
	font-size			:	12px;	
/*	background			:	url(../img/common/sub_title_bar.gif) no-repeat;*/
	color				:	#FFFFFF;
	padding-top			:	6px;
	padding-left		:	130px;
	}


#topic #topic-title{
	width				:	93%;
	margin-top			:	10px;
	margin-left			:	3%;
	padding				:	0 0 0 4px;
	border-left			:	3px solid #CC0066;
	border-bottom		:	1px solid #CC0066;
	font-weight			:	bold;
	}

#topic #topic-article{					/*	IE用 */
	width				:	80%;
	margin-top			:	1ex ;
	margin-left			:	20px;
	padding				:	0 0 0 4px;
/*	overflow			:	auto;*/      
	}
	
html * #topic #topic-article{			 /*	FireFox用 */
	width				:	93%;
	margin-top			:	1ex ;
	margin-left			:	3%;
	padding				:	0 0 0 4px;
	overflow			:	auto;
	}



/* id を　class に修正 */

.topic{
	width				:	100%;
	border				:	1px solid #CC0066;
	margin-bottom		:	10px;
	}


.topic h3{
	background			:	url(../img/index/hottopics.gif) no-repeat ;
	height				:	30px;	
/*	text-indent			:	-9999px;*/
	font-size			:	12px;	
/*	background			:	url(../img/common/sub_title_bar.gif) no-repeat;*/
	color				:	#FFFFFF;
	padding-top			:	6px;
	padding-left		:	130px;
	}

.topic .topic-article img{
	float: left;
	padding-bottom: 10px;
	margin:0 10px 0 0;
	}


.topic .topic-title{
	width				:	93%;
	margin-top			:	10px;
	margin-left			:	3%;
	padding				:	0 0 0 4px;
	border-left			:	3px solid #CC0066;
	border-bottom		:	1px solid #CC0066;
	font-weight			:	bold;
	}

.topic .topic-article{					/*	IE用 */
	width				:	80%;
	margin-top			:	1ex ;
	margin-left			:	20px;
	padding				:	0 0 0 4px;
/*	overflow			:	auto;*/      
	}
	
html * .topic .topic-article{			 /*	FireFox用 */
	width				:	93%;
	margin-top			:	1ex ;
	margin-left			:	3%;
	padding				:	0 0 0 4px;
	overflow			:	auto;
	}




.topic.topic-article img{
	float: left;
	padding-bottom: 10px;
	margin:0 10px 0 0;
	}








#topics_backnumber{
	width				:	100%;
	text-align			: 	right;
	border				:	1px solid #CC0066;
	border-bottom		:	3px solid #CC0066;	
	border-left			:	10% solid #CC0066;	
	margin-bottom		:	10px;
/*	background			:	url(../img/common/sub_title_bar.gif) no-repeat;
*/	}

/* ---------------------- secondaryブロック ----------------------------- */
#secondary{
	width				:	230px;
	float				:	right;
	}
	
#right_banner{
	width				:	230px;
	margin-bottom		:	10px;
	}


#enquete{
	width				:	230px;
	border				:	1px solid #CC0066;
	margin-bottom		:	10px;
	}


#enquete h3{
	text-indent			:	-9999px;
	margin-bottom		:	-20px;
		}



#reportheib{
	width				:	230px;
	border				:	1px solid #CC0066;
	margin-bottom		:	10px;
	}


#reportheib h3{
	text-indent			:	-9999px;
	margin-bottom		:	-20px;
		}




#whatsnew{
	width				:	230px;
	border				:	1px solid #CC0066;
	margin-bottom		:	10px;
	}

#whatsnew h3{
	text-indent			:	-9999px;
	margin-bottom		:	-20px;
		}
		
#whatsnew #whatsnew-title{
	width				:	380px;
	margin-top			:	10px;
	margin-left			:	20px;
	padding				:	0 0 0 4px;
	border-left			:	3px solid #CC0066;
	border-bottom		:	1px solid #CC0066;
	font-weight			:	bold;
	}
#whatsnew_list{
	width				:	220px;
	text-align			: 	right;
	}

#whatsnew dl{
	margin				:	5px;
}
#whatsnew dt{
	color				:	#CC0066;
	font-weight			:	bold;
	font-size			:	x-small;

}
#whatsnew dd{
	margin				:	0	10px;
}
/*------------------------------------------------*------------------------------*/
/*---------------------　for about_us.html　-------------------------------------*/
#subimage{
	width				:	728px;
	height				:	85px;
	border				:	1px solid #CC0066;
	margin				:	8px 0 10px 0;
}


/* -------------------- contents ブロック --------------------- */
#contents {
	width				:	500px;
	float				:	right;
	margin				:	5px 0 10px 0;
	padding				:	0 10px;
	}
	
#contents h3{
	font-size			:	medium;
	border-bottom		:	1px solid #CC0066;
	border-left			:	10px solid #CC0066;
	padding				:	8px 8px 8px 20px;
	margin-bottom		:	10px;
	}

#contents h4{
	margin-top			:	20px;
	margin-left			:	4px;
	padding-left		:	25px;
	background			:	url(../img/common/h4.gif) no-repeat left center;
	}

#contents h5{
	margin-top			:	8px;
	margin-left			:	4px;
	padding				:	6px 6px 6px 6px;
	border-bottom		:	1px dashed #CC0066;
	}

#contents h5#message{
	margin-top			:	6px;
	margin-left			:	4px;
	padding				:	3px 3px 3px 3px;
	border-bottom		:	1px dashed #CC0066;
	}

#contents p{
	padding				:	0px 10px 0px 10px;
	}

#contents p.right{
	padding				:	0px 10px 0px 10px;
	text-align			:	right;
	}

#contents li.link{
	margin-top			:	8px;
	margin-left			:	4px;
	padding				:	6px 6px 6px 6px;
	}

#to_page_top{
	text-align			:	right;
	padding-right		:	20px;
	background			:	url(../img/common/to_page_top.gif) no-repeat right center;
}

#contents a.box{
	background-color:#FFFFFF;
	margin: 0;
	padding: 0px 2px 0px 2px ;
	border: 1px solid #CC0066;
	text-decoration:none;
}
#contents a:hover .box{
	background-color:#CCCCCC;
	margin: 0;
	padding: 0px 2px 0px 2px;
	border: 1px solid #CC0066;
	text-decoration:none;
}


/* ---------------------- menu ブロック ----------------------------- */
#menu{
	width				:	190px;
	float				:	left;

	}
	
	
#menu dl{
	list-style			:	none;
	margin				: 	5px 0;
	padding				:	0;
	overflow			:	hidden;
	display				:	block;
	border				:	1px solid #CC0066;
	}
		
#menu dt {	
	display: block;
	margin				: 	0;
	padding				:	0;
	font-weight			:	bold; 
	}

#menu  dt a {
	display				:	block;
	padding				:	5px;
	color				:	#CC0066;
	text-decoration		:	none;
	font-weight			:	bold; 
	}

#menu dt a:hover {
	color				:	#999999;
	font-weight			:	bold;
}

#menu dt#menu_now{
	padding				: 	5px 5px 5px 8px;
	background-color	:	#CC0066;
	background			:	url(../img/common/menu_bar.gif);
	color				:	white;
}

#menu dd {	
	display: block;
	margin				: 	0;
	padding				: 	0px 5px 0px 12px;
	list-style:circle;
	}

#menu  dd  a {
	display				:	block;
	padding				: 	3px 5px 3px 12px;
	color				:	#CC0066;
	text-decoration		:	none;
	}

#menu dd a:hover {
	color				:	#999999;
}

#menu dd#menu_now{
	padding				: 	3px 5px 3px 23px;
	background-color	:	#CC0066;
	background			:	url(../img/common/menu_bar.gif);
	color				:	white;
}