@charset "UTF-8";

/*-------------------------------------------------    top_leftFrame   */

#top_leftFrame{
	width: 675px;
	float: left;
	margin: 8px 0 20px 0;
	overflow: hidden;
}

#top_leftFrame .searchArea{
	background-color: #DFEAF9;
	padding:16px 0 8px 0;
	_padding:16px 0 8px 17px;
}

/*------    20171016 del start   */
/*
#top_leftFrame .searchArea h3{
	background-image: url(../image/top_searchAreaTitle.jpg);
	line-height: 36px;
	background-repeat: no-repeat;
	color: #FFF;
	padding-left: 40px;
	width: 640px;
	display: block;
	_font-size: 120%;
}
*/
/*------    20171016 del end     */

#top_leftFrame .keyword{
	width: 640px;
	margin: 0 auto;
}

#top_leftFrame .keyword .top_keywordSearch{
	width: 640px;
	padding: 12px 0;
	background-image: none;
}

#top_leftFrame .keyword .topKeyword{
	width: 420px;
	padding: 3px;
	font-size: 100%;
	float: left;
	margin: 3px 5px 0 0;
	color: #666;
}

#top_leftFrame .keyword .top_keywordSearch .bt_search{float: left;}

#top_leftFrame .keyword .syosai{
	padding-left: 18px;
	font-size: 90%;
	padding-top: 3px;
	background: url(../image/arrow05.gif) no-repeat left 5px;
	float: right;
	margin: 8px 52px 0 10px;
}

#top_leftFrame .keyword .syosai a{color: #333;}
#top_leftFrame .keyword .syosai a:hover{color: #C00;}

#top_leftFrame .collection{
	width: 640px;
	margin: 0 auto;}

#top_leftFrame .collection ul{margin-top: 8px;}

#top_leftFrame .collection li{
	float: left;
	width: 70px;
	text-align: center;
	margin: 8px 5px;
	_margin: 7px 4px;
}

#top_leftFrame .collection li p{
	font-size: 90%;
	margin: 5px;
	display: inline-block;
	text-decoration: underline;
}

#top_leftFrame .collection li a{color: #333;}
#top_leftFrame .collection li a:hover{color: #C00;}
#top_leftFrame .collection li a:visited{text-decoration: underline;}

/*------    20171016 add start   */
/*#top_leftFrame .collection li span{
	font-size: 90%;
	margin: 5px;
	display: inline-block;
	text-decoration: underline;
}/*
/*------    20171016 add end     */
#top_leftFrame .collection li div {
	display: table;
	height: 3em;
	width: 100%;
}

#top_leftFrame .collection li div span {
	display: table-cell;
	vertical-align: middle;
	font-size: 90%;
	text-decoration: underline;
}

#top_leftFrame .special{
	clear: both;
	margin-top: 15px;
}

#top_leftFrame .special h3{
	background: url(../image/top_special.gif) no-repeat;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*------    20171016 add start   */
#top_leftFrame .special .headline{
	background: none;
	height: 30px;
	text-indent: 0%;
	white-space: nowrap;
	overflow: hidden;
}
/*------    20171016 add end     */

#top_leftFrame .special p.read{margin: 15px 0;}

#top_leftFrame .special .box{
	width: 162px;
	margin: 0 31px;
	_margin: 0 26px;
	float: left;
	text-align: center;
}



#top_leftFrame .special .box .img{border: 1px solid #000;}
#top_leftFrame .special .box p{
	margin: 7px 0;
	font-size: 88%;
}
#top_leftFrame .special .box p a{color: #333;}
#top_leftFrame .special .box p a:hover{color: #C00;}

/*------    20171016 add start   */
#top_leftFrame .special .box img{border: 1px solid #000;}
#top_leftFrame .special .box a{display:block;}
#top_leftFrame .special .box a span{
	display:block;
	margin: 7px 0;
	font-size: 88%;
}
/*------    20171016 add end     */

/*-------------------------------------------------    rightFrame   */

#top_rightFrame{
	float: right;
	width: 260px;
	margin: 8px 0 20px 0;
	overflow: hidden;
}

#top_rightFrame .news{}

#top_rightFrame .news h3{
	background: url(../image/top_news.gif) no-repeat;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*------    20171016 add start   */
#top_rightFrame .news .headline{
	background: none;
	height: 30px;
	text-indent: 0%;
	white-space: nowrap;
	overflow: hidden;
}
/*------    20171016 add end     */

#top_rightFrame .news dt{
	font-size: 88%;
	color: #7f721d;
	padding: 5px 5px 0 5px;
}

#top_rightFrame .news dd{
	border-bottom: 1px dotted #666;
	padding: 3px 5px 8px 5px;
}

#top_rightFrame .news dd a{color: #333;}
#top_rightFrame .news dd a:hover{color: #C00;}

#top_rightFrame .osusume h3{
	background: url(../image/top_osusume.gif) no-repeat;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	clear: both;
}

/*------    20171016 add start   */
#top_rightFrame .osusume .headline{
	background: none;
	height: 30px;
	text-indent: 0%;
	white-space: nowrap;
	overflow: hidden;
	clear: both;
}
/*------    20171016 add end     */

#top_rightFrame .osusume ul{margin: 10px 0;}
#top_rightFrame .osusume li{
	margin-bottom: 4px;
	text-align: center;
}



#top_rightFrame .ranking{}

#top_rightFrame .ranking h3{
	background: url(../image/top_ranking.gif) no-repeat;
	height: 30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*------    20171016 add start   */
#top_rightFrame .ranking .headline{
	background: none;
	height: 30px;
	text-indent: 0%;
	white-space: nowrap;
	overflow: hidden;
}
/*------    20171016 add end     */

#top_rightFrame .ranking dl{
	font-size: 90%;
	margin: 10px 0;
}

#top_rightFrame .ranking dt{
	float: left;
	margin-bottom: 3px;
	width: 80%;
}

#top_rightFrame .ranking dt span{
	font-weight: bold;
	margin-right: 7px;
}

#top_rightFrame .ranking dd{
	float: right;
	margin-bottom: 3px;
	width: 20%;
	text-align: right;
}

#top_rightFrame .ranking dt a{color: #333;}
#top_rightFrame .ranking dt a:hover{color: #C00;}


#top_rightFrame .statistics{}

#top_rightFrame .statistics h3{
        background: url(../image/top_statistics.png) no-repeat;
        height: 30px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        clear: both;
}

/*------    20171016 add start   */
#top_rightFrame .statistics .headline{
	background: none;
	height: 30px;
	text-indent: 0%;
	white-space: nowrap;
	overflow: hidden;
	clear: both;
}
/*------    20171016 add end     */

#top_rightFrame .statistics dl{
        font-size: 90%;
        margin: 10px 0;
}

#top_rightFrame .statistics dt{
        float: left;
        margin-bottom: 3px;
        width: 80%;
}

#top_rightFrame .statistics dt span{
        font-weight: bold;
        margin-right: 7px;
}

#top_rightFrame .statistics dd{
        float: right;
        margin-bottom: 3px;
        width: 20%;
        text-align: right;
}

#top_rightFrame .statistics dt a{color: #333;}
#top_rightFrame .statistics dt a:hover{color: #C00;}


.bt_more{clear: both;}

.bt_more a{
	width: 100px;
	background: url(../image/bt_more.gif) no-repeat;
	height: 26px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	float: right;
	margin: 7px 0 10px 0;
}

.bt_more a:hover{
	background: url(../image/bt_more_on.gif) no-repeat;
}

/*------    20171016 add start   */
.bt_more .more_link{
	width: 100px;
	background: none;
	height: 26px;
	text-indent: 0%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	float: right;
	margin: 7px 0 10px 0;
}
/*------    20171016 add end     */