@import url(basic.css);

div#main {
	background-color: #c2e7ff;
	background-image:url(img/bg_index.gif);
	background-repeat: repeat-y;
}

div#contents {
	margin-bottom: 20px;
}

div#contents h1 {
	width:710px;
	border-bottom: none;
	background-image: url(img/border.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
	margin-left: 60px;
	margin-top: 5px;	
}

/*div#contents h2 {
	clear:both;
	font-size:100%;
}*/


div#contents p {
	margin-left:60px;
	text-indent: 0;
}


div#contents div.list{
	float: left ;
	width: 320px;
	margin: 25px 0 30px 80px;
	background-image:none;
}

div#contents div.list+div.list{
	margin-left: 40px;
}

div#contents div.grade {
	width: 292px;
	background-color: #fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	behavior: url(PIE.htc);
	padding: 15px 5px 15px 15px;
	background-image:url(img/bg_indextitle.gif);
	margin-bottom: 20px;
	border: 1px solid #fff;
}

div#contents div.grade:hover{
	border: 1px solid #ff0;
}

div#contents div.grade p {
	text-indent: 0;
	margin-left: 0;
	font-size: 90%;
}

div#contents div.grade p.title {
	font-size: 105%;
}


div#contents div.grade img {
	float: left ;
	border: 4px solid #fff;
	margin-right: 15px;
}

div#contents p.new {
	background-image:url(img/icon_new.png);
	background-repeat: no-repeat;
	background-position: right top;
	width: 310px;
	margin-top: -25px;
	padding-top: 25px;
}


div#contents h2 {
	color:#0e537b;
	margin:30px 10px 10px 60px;
	padding-left:20px;
	padding-bottom:5px;
	background: url(img/border.gif) repeat-x bottom left;
	clear:both;
	font-size:100%;
}

div#contents ul {
	margin-left:83px;
}

div#contents ul li {
	margin-bottom:10px;
	background: url(img/icon01.png) no-repeat 0 4px;
	padding-left:20px;
	list-style:none;
}

div#contents ul:last-child {
	margin-bottom:60px;
}