@charset "utf-8";
/* CSS Document */

#toppage {
	margin-bottom: 2em;
}

#toppage .article-no1 { /* html5移行時 <div id="article-no1"> → classからidに変更して <article id="no1"> */
	margin-bottom: 2em;
	*zoom:1;
}

.article-no1:after {
	content: "";
	display: block;
	clear: both;
}

.article-no1 h2 {
	margin-bottom: .5em;
}

.article-no1 dl {
	float: left;
	width: 134px;
	margin: 0 10px 10px 0;
	border: 1px solid #482323;
	font-size: 12px;
	line-height: 100%;
}

.article-no1 dl.reset {
	margin-right: 0;
}

.article-no1 dl dt {
	padding: .25em 0;
	background: #a95b5b;
	border-bottom: 1px solid #482323;
	text-align: center;
}

.article-no1 dl dd {
	height: 85px;
	padding: 5px 5px 0 5px;
	background: #f0e0e0;
	color: #4f601c;
	line-height: 20px;
}


#toppage .article-banner { /* html5移行時 <div class="article-banner"> → <article class="banner"> */
	clear: both;
	margin-bottom: 2em;
	*zoom:1;
}

.article-banner:after {
	content: "";
	display: block;
	clear: both;
}

.article-banner p img {
	margin-bottom: 1em;
}

.article-banner p a:hover img {
	filter: alpha (opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

#toppage .article-deck { /* html5移行時 <div id="article-deck"> → classからidに変更して<article id="deck"> */
	margin-bottom: 2em;
	*zoom:1;
}

.article-deck:after {
	content: "";
	display: block;
	clear: both;
}

.article-deck dl {
	clear: both;
	padding: .8em;
	border-bottom: 1px solid #f70e0e;
}

.article-deck dt {
	float: left;
	width: 153px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.article-deck dt a:hover img {
	filter: alpha (opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

.article-deck dd {
	margin-bottom: 10px;
	line-height: 157%;
}

.article-deck dd.title {
	margin-top: 10px;
	margin-left: 163px;
	padding-left: .5em;
	border-left: 1em solid #a20c0c;
	color: #a20c0c;
	font-size: 14px;
	line-height: 14px;
}

.top-rank-title{
	font-size : medium;
	font-weight : bold;
	color : black;
	background-color : white;
	text-align : left;
	letter-spacing : 1px;
	padding-left : 0.5em;
	line-height : 1.5em;
	border-left-width : 1em;
	border-left-style : solid;
	border-left-color:#F00;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color:#F00;
	margin:10px;
}

.top-rank-title a{
	color:#00F;
	font-size:12px;
}

#section-content .top-news{
	margin: 20px 0;
	font-size:12px;
}

#section-content .top-news h3{
	border-bottom:dotted 5px #033;
	font-size: 16px;
	line-height: 1.2em;
}

#section-content .top-news dt{
	text-align:right;
}