@charset "utf-8";
/* ----------------------------------------------
	page
------------------------------------------------- */
#main-tag {
	float: left;
	width: 735px;
	margin-right: 15px;
}
.Rside {
	float: left;
	width: 230px;
}

/* ----------------------------------------------
	newsticker
------------------------------------------------- */
#newsticker {
	width: 735px;
	height: 25px;
	margin-bottom: 15px;
	background-image: url(../common/img/bg_line-gray.gif);
	background-position: top;
	background-repeat: repeat;
	overflow: hidden;
}
#scroll-v {
	margin-left: 10px;
	color: #24B693;
}
#scroll-v a:link,
#scroll-v a:visited {
	color: #24B693;
	text-decoration: underline;
}
#scroll-v a:hover,
#scroll-v a:active {
	color: #7ebea5;
	text-decoration: underline;
}

/* ----------------------------------------------
	pagearea-ニュースなどの記事
------------------------------------------------- */
#post-article {
	clear: both;
	float: left;
	width: 735px;
	margin: 0;
}
#post-article h2 {
	width: 735px;
	padding: 15px;
	position: relative;
	background-color: #000;
	border-bottom: 2px solid #000;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	line-height: 1.2;
	box-sizing: border-box;
}

#post-article .contwrap {
	clear: both;
	float: left;
	width: 735px;
	background-image: url(../common/img/bg_line-gray.gif);
	background-position: top;
	background-repeat: repeat;
	border-bottom: 8px solid #000;
}
#post-article .contwrap .inner {
	clear: both;
	width: 715px;
	margin: 5px 10px;
	background-color: #FFF;
}
#post-article .contwrap .inner .subject {
	clear: both;
	float: left;
	width: 700px;
	padding: 0 0 30px 12px;
}

#post-article .contwrap .inner .subject .topics {
	clear: both;
	float: left;
	width: 690px;
	padding: 15px 0;
	border-bottom: 1px solid #666;
}
#post-article .contwrap .inner .subject .topics .date {
	float: left;
	width: 100px;
	padding-top: 2px;
	text-indent: 10px;
	font-weight: 700;
	color: #24B693;
}
#post-article .contwrap .inner .subject .topics .txtbox {
	float: left;
	width: 490px;
	overflow: hidden;
	margin-right: 10px;
	text-align: left;
}
#post-article .contwrap .inner .subject .topics .txtbox2 {
	float: left;
	width: 580px;
	overflow: hidden;
	margin-right: 10px;
	text-align: left;
}
#post-article .contwrap .inner .subject .topics .imgbox {
	float: left;
	width: 90px;
	padding-top: 2px;
}
#post-article .contwrap .inner .subject .topics .PR {
	float: left;
	width: 35px;
	height: 15px;
	margin-right: 10px;
	padding-top: 2px;
}

#post-article .contwrap .articlefooter {
	clear: both;
	float: left;
	width: 735px;
	padding: 10px 0 20px;
	background-color: #000;
	position: relative;
	top: 31px;
	z-index: 2;
}

#post-article .contwrap .articlefooter .f-keyword {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding-bottom: 10px;
	background-image: url(../common/img/bg_f_keyword.gif);
	background-position: 20px top;
	background-repeat: no-repeat;
}
#post-article .contwrap .articlefooter .f-keyword ul {
	width: 570px;
	margin-left: 155px;
}
#post-article .contwrap .articlefooter .f-keyword li {
	display: inline;
	margin-right: 6px;
	color: #FFF;
}
#post-article .contwrap .articlefooter .f-keyword li a:link,
#post-article .contwrap .articlefooter .f-keyword li a:visited {
	color: #FFF;
	text-decoration: underline;
}
#post-article .contwrap .articlefooter .f-keyword li a:hover,
#post-article .contwrap .articlefooter .f-keyword li a:active {
	color: #30C4C9;
	text-decoration: underline;
}
#post-article .contwrap .articlefooter .f-relation {
	clear: both;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	background-image: url(../common/img/bg_f_relation.gif);
	background-position: 20px top;
	background-repeat: no-repeat;
}
#post-article .contwrap .articlefooter .f-relation dl {
	width: 570px;
	margin-left: 155px;
	padding-bottom: 5px;
	color: #FFF;
}
#post-article .contwrap .articlefooter .f-relation dl dt {
	clear: both;
	float: left;
	width: 80px;
	font-weight: 700;
}
#post-article .contwrap .articlefooter .f-relation dl dd {
	margin-left: 100px;
}
#post-article .contwrap .articlefooter .f-relation dl dd a:link,
#post-article .contwrap .articlefooter .f-relation dl dd a:visited {
	color: #FFF;
	text-decoration: underline;
}
#post-article .contwrap .articlefooter .f-relation dl dd a:hover,
#post-article .contwrap .articlefooter .f-relation dl dd a:active {
	color: #30C4C9;
	text-decoration: underline;
}


/* ----------------------------------------------
	pagearea-RadFan
------------------------------------------------- */
#post-RadFan {
	clear: both;
	float: left;
	width: 735px;
	margin: 0;
}
#post-RadFan .title {
	display: block;
	clear: both;
	float: left;
	width: 735px;
	height: 60px;
	position: relative;
	background-color: #000;
}
#post-RadFan .contwrap {
	clear: both;
	float: left;
	width: 735px;
	background-image: url(../common/img/bg_line-gray.gif);
	background-position: top;
	background-repeat: repeat;
	border-bottom: 8px solid #000;
}
#post-RadFan .contwrap .inner {
	clear: both;
	width: 715px;
	margin: 5px 10px;
	padding: 10px 0 0;
	background-color: #FFF;
}
#post-RadFan .contwrap .inner .subject {
	clear: both;
	float: left;
	width: 690px;
	padding: 0 0 30px 23px;
}
#bookslist {
	clear: both;
	float: left;
	width: 690px;
}
#bookslist .book {
	float: left;
	width: 210px;
	height: 430px;
	margin: 0 20px 15px 0;
}
#bookslist .book .imgbox {
	width: 210px;
	height: 279px;
}
#bookslist .book .imgbox img {
	border: 1px solid #000;
}
#bookslist .book .info {
	width: 210px;
	background-color: #000;
}
#bookslist .book .info p {
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
}
#bookslist .book .info p.name {
	padding-top: 6px;
	font-size: 14px;
	font-weight: 700;
}
#bookslist .book .info p.date {
	font-size: 12px;
}
#bookslist .book .info p.subname {
	font-size: 10px;
}
#bookslist .book .info p.price {
	padding-bottom: 6px;
	font-weight: 700;
	text-align: right;
}
#bookslist .book li {
	display: block;
	width: 210px;
	height: 25px;
	border-top: 1px solid #FFF;
}

#post-RadFan .contwrap .backnumberlist {
	clear: both;
	width: 735px;
	padding: 10px 0 20px;
	background-color: #000;
	background-image: url(../common/img/bg_backnumber.gif);
	background-position: 20px 10px;
	background-repeat: no-repeat;
	position: relative;
	top: 31px;
	z-index: 2;
}
#post-RadFan .contwrap .backnumberlist dl {
	width: 570px;
	margin-left: 155px;
	padding-bottom: 5px;
	color: #FFF;
}
#post-RadFan .contwrap .backnumberlist dl dt {
	clear: both;
	float: left;
	width: 40px;
	font-weight: 700;
}
#post-RadFan .contwrap .backnumberlist dl dd {
	margin-left: 45px;
}
#post-RadFan .contwrap .backnumberlist dl dd a:link,
#post-RadFan .contwrap .backnumberlist dl dd a:visited {
	color: #FFF;
	text-decoration: underline;
}
#post-RadFan .contwrap .backnumberlist dl dd a:hover,
#post-RadFan .contwrap .backnumberlist dl dd a:active {
	color: #30C4C9;
	text-decoration: underline;
}