@charset "UTF-8";


/* image
--------------------------------------------------*/
#image {
	background: url(../images/mainimage.gif) 0 0 no-repeat;
	width: 810px;
	height: 80px;
	margin: 10px 10px 20px 10px;
}
/* contents_area
--------------------------------------------------*/
#contents_area {
	float: left;
	width: 640px;
	margin: 0 0 15px 10px;
}
#contents_area div h3 {
	border-bottom: solid 2px #ccccff;
	font-size: 1.5em;
	margin-bottom: 10px;
}
#contents_area div span {
	float: left;
	width: 450px;
}
#contents_area div span p {
	font-size: 1.2em;
	color: #999999;
	line-height: 1.5;
	margin-bottom: 10px;
}
#contents_area div span img {
	margin-right: 5px;
}
#contents_area div ul {
	float: right;
	background-color: #eeeeff;
	width: 150px;
	height: 200px;
	padding: 10px 0 0 10px;
}
#contents_area div ul li a,
#contents_area div ul li a:link,
#contents_area div ul li a:visited {
	background: url(../images/mark.gif) 0 50% no-repeat;
	font-size: 1.2em;
	text-decoration: none;
	padding-left: 10px;
}
#contents_area div ul li a:hover {
	background: url(../images/mark_ov.gif) 0 50% no-repeat;
	font-size: 1.2em;
	text-decoration: underline;
	padding-left: 10px;
}
/* common */
#contents_area div.common {
	clear: both;
	border: dotted 2px #eeeeee;
	margin-bottom: 10px;
	padding: 10px;
}
#contents_area div.common:after {
	font-size: 1px;
	color: #ffffff;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
}
#contents_area div.common {
	zoom: 1;
}
/* banner_area
--------------------------------------------------*/
#banner_area {
	float: right;
	width: 160px;
	margin-right: 10px;
}
#banner_area ul li {
	margin-bottom: 10px;
}