#wrap {
	width : 830px;
}

#main {
	width: 640px;
}

#main #sub_contents {
	width : 160px;
	float : right;
}

#navi h2 {
	text-align : center;
	margin : 0 0 2px 0;
	padding : 5px 0;
	line-height : 1;
	font-size: 114%;
	font-weight : bold;
	color : #333;
	border : 1px solid #333;
}

#navi div.items {
	border : 1px solid #363;
	background-color : #EFE;
	margin : 0 0 4px 0;
	border-bottom-width : 0;
}

#sub_contents div.info ul,
#sub_contents div.news ul,
#navi div.items dl,
#navi div.items dd,
#navi div.items ul {
	margin : 0;
	padding : 0;
	width: 100%;
	line-height : 1;
}

#sub_contents div.info h2,
#sub_contents div.news h2,
#sub_contents div.info li,
#sub_contents div.news li,
#navi div.items h2,
#navi div.items li,
#navi div.items dt {
	margin: 0;
	padding : 0;
	font-size : 85%;
	border : 0 solid #363;
	border-bottom-width : 1px;
}

#sub_contents div.info h2,
#sub_contents div.news h2,
#navi div.items dt {
	font-size: 92%;
}

#sub_contents div.news h2,
#navi div.items h2,
#navi div.items dt {
	padding : 5px 0;
	background-color : #363;
	line-height : 1;
	color : #EEE;
	text-align : center;
	font-weight : bold;
}

#sub_contents div.info li,
#sub_contents div.news li,
#navi div.items li{
	list-style-type: none;
	list-style-position: outside;
}

#navi div.items li{
	text-align: left;
}

#sub_contents div.info li a,
#sub_contents div.news li a,
#navi div.items li a {
	margin: 0;
	padding: 4px 8px;
	display: block;
	position: relative;
	text-decoration : none;
	color : #333;
}

#navi div.items li a:hover {
	background-color : white;
	color: red;
}

#navi div.items dt a,
#navi div.items h2 a {
	display: block;
	position: relative;
	text-decoration : none;
	color: #FFE;
	font-weight : bold;
}

#navi div.items dt a:hover,
#navi div.items h2 a:hover {
	color: #F93;
}

#sub_contents div.news,
#sub_contents div.info,
#sub_contents div.suggest{
	border : 1px solid #333;
	margin-bottom : 2px;
	background-color : #FFD;
}

#sub_contents div.news {
	background-color : #EFE;
}

#sub_contents div.news,
#sub_contents div.info {
	border-bottom-width : 0px;
}

#sub_contents div.suggest h3,
#sub_contents div.suggest h2 {
	margin: 0;
	line-height: 1;
	font-size : 90%;
	font-weight : bold;
	text-align : center;
	padding : 6px 0;
}

#sub_contents div.suggest h3 {
	padding: 0;
	border : 1px solid #333;
	border-width : 1px 0px;
	background-color : #FC0;
	clear : left;
}

#sub_contents div.suggest h3 a {
	margin: 0;
	padding: 4px 8px 4px 0;
	display: block;
	text-decoration : none;
	color : #333;
	font-weight : bold;
	/* ie でも postion relativeは不要 かえって背景色の位置が狂う */
}

#sub_contents div.info li a:hover,
#sub_contents div.news li a:hover,
#sub_contents div.suggest h3 a:hover {
	background-color : white;
	color : Red;
}

#sub_contents div.suggest img {
	margin: 2px 6px 2px 2px;
	padding: 0;
	border: 1px solid #333;
	float : left;
}

#sub_contents div.suggest p {
	font-size: 92%;
	margin: 2px 6px;
	padding: 0;
}

#sub_contents div.news h2 a {
	text-decoration : none;
	color : #EEE;
	font-weight: bold;
}

#sub_contents div.news h2 a:hover {
	color: red;
}

#sub_contents div.info h2 {
	padding: 5px 0;
	text-align: center;
	font-weight: bold;
	color : #FFE;
	background-color : #960;
}

#sub_contents div.info li a,
#sub_contents div.news li a {
	padding: 4px 8px;
}