@charset "Shift-JIS";
/* CSS Document */

@import "../../css/base.css";
@import "../../css/baselayout.css";

body {
	background: url(../../img/share/bg_contents.gif) top left repeat-x;
}

.NewsBox {
	width: 620px;
	margin: 20px 0px 0px;
	background: url(../img/bg_news.jpg) top left no-repeat;
	border-bottom: 1px solid #CCCCCC;
	float: left;
}

.NewsBox .NewsTitle {
	width: 600px;
	padding: 10px;
	background: url(../img/bar_news.gif) bottom no-repeat;
	float: left;
}

.NewsBox .Title {
	width: 510px;
	font-size: 14px;
	font-weight: bold;
	float: left;
}

.NewsBox .Date {
	width: 80px;
	padding: 3px 0px 0px;
	text-align: right;
	font-size: 10px;
	float: right;
}

.NewsBox .News {
	width: 600px;
	padding: 10px 10px 0px 10px;
}

.NewsBox .News p {
	padding: 0px 0px 10px 0px;
	line-height: 1.8;
}

.NewsPagetop {
	width: 620px;
	padding: 6px 0px 0px;
	text-align: right;
	float: left;
}


#ContentsMenu {
	background: url(../img/bg_list.gif) top left repeat-y;
}

#ContentsMenu li {
	list-style: none;
	border-bottom: 1px solid #CCCCCC;
	font-size: 10px;
	line-height: 1.8;
}

#ContentsMenu li a {
	padding: 5px 10px 10px;
	display: block;
	color: #666666;
	text-decoration: none;
}

#ContentsMenu li a:hover {
	padding: 5px 10px 10px;
	text-decoration: none;
	background: #E53E73;
	color: #FFFFFF;
	display: block;
}