@charset "Shift_JIS";

/*===== CONTENTS ===========================================

	1: side navi
			-ranking & keyword
	2: main contents
			-topicTop & newsTop
			-bannerTop
			-relatedTop
	3: sub navi
			-gallery
			-subMenu
	4: top page layout hack for IE6

==========================================================*/

/* 1: side navi
==========================================================*/

/* ranking & keyword
----------------------------------------------------------*/
#sideNavi .ranking,
#sideNavi .keyword {
	clear: both;
	width: 190px;
	margin-top: 10px;
}

#sideNavi .ranking .rank,
#sideNavi .keyword .word {
	padding-bottom: 7px;
	background: url("/images/snavi_bg_btm.gif") no-repeat left bottom;
}

#sideNavi .ranking .rank .rankInner,
#sideNavi .keyword .word .keywordInner {
	padding: 10px 8px 0 8px;
	background: url("/images/snavi_bg.gif") repeat-y left top;
	zoom: 1;
}

#sideNavi .ranking .rank .rankInner ol,
#sideNavi .keyword .word .keywordInner ul {
	line-height: 1.4;
	list-style: none;
}

#sideNavi .ranking .rank .rankInner ol a,
#sideNavi .keyword .word .keywordInner ul a {
	display: block;
	padding: 2px 7px;
}

#sideNavi .ranking .rank .rankInner ol a:hover,
#sideNavi .keyword .word .keywordInner ul a:hover {
	background-color: #F3EFDD;
}

/* ranking */
#sideNavi .ranking .rank .rankInner li a {
	display: block;
	padding-left: 20px;
	zoom: 1;
}

#sideNavi .ranking .rank .rankInner li .rank1 { background: url("/images/snavi_rank_icon1.gif") no-repeat 6px 0.4em; }
#sideNavi .ranking .rank .rankInner li .rank2 { background: url("/images/snavi_rank_icon2.gif") no-repeat 6px 0.4em; }
#sideNavi .ranking .rank .rankInner li .rank3 { background: url("/images/snavi_rank_icon3.gif") no-repeat 6px 0.4em; }

#sideNavi .ranking .rank .rankInner .andmore {
	margin-bottom: 5px;
	line-height: 1.4;
}

/* keyword */
#sideNavi .keyword .word .keywordInner li a {
	display: block;
	padding-left: 20px;
	background: url("/common/images/icon_arrow_list.gif") no-repeat 9px 0.3em;
	zoom: 1;
}


/* 2: main contents
==========================================================*/

/* topicTop & newsTop */
#contents #topMain .topicTop {
	width: 558px;
	margin-bottom: 1em;
	border: 1px solid #8C887E;
}

* html #contents #topMain .topicTop {/* IE6 */
	width: 560px;
}

#contents #topMain .topicTop h2 {
	border-bottom: 1px solid #BAB8B2;
}

#contents #topMain .topicTop h3 {
	padding: 4px 0 4px 8px;
	background-color: #F2F2F2;
	font-size: 100%;
}

#contents #topMain .topicTop ul {
	margin: 10px 0;
	list-style: none;
}

#contents #topMain .topicTop li {
	margin: 0 20px 0 20px;
	padding: 0.2em 0;
	line-height: 1.4;
}

#contents #topMain .topicTop dl {
}

#contents #topMain .topicTop dt {
	float: left;
	width: 70px;
}

* html #contents #topMain .topicTop dt img,
*:first-child+html #contents #topMain .topicTop dt img {
	display: block; width: 70px; margin-top: 0.1em;
} /* IE6,7 */

html>/**/body #contents #topMain .topicTop dt img { display: block; width: 70px; /*\**/: blue\9; } /* IE8 */

#contents #topMain .topicTop dd {
	margin: 0 0 0 80px;
}

#contents #topMain .topicTop dd a:hover {
	background-color: #F3EFDD;
}

#contents #topMain .topicTop .andmore {
	margin: 0 10px 0.5em 0;
}

/* bannerTop */
#contents #topMain .bannerTop {
	clear: both;
	width: 560px;
	margin-bottom: 1em;
	padding-bottom: 10px;
	background-color: #F6F5F2;
}

#contents #topMain .bannerTop ul {
	width: 550px;
	margin: 0 0 0 10px;
	list-style: none;
}

#contents #topMain .bannerTop li {
	float: left;
	width: 265px;
	height: 50px;
	display: inline;
	margin: 10px 10px 0 0;
}

/* relatedTop */
#contents #topMain .relatedTop {
	clear: both;
	width: 560px;
}

#contents #topMain .relatedTop ul {
	margin-left: 10px;
	list-style: none;
}

#contents #topMain .relatedTop li {
	display: inline-block;
	margin: 0 5px 10px 0;
	font-size: 1%;
}

* html #contents #topMain .relatedTop li {
	display: inline;
	margin-left: 5px;
	zoom: 1;
} /* IE6 */

*:first-child+html #contents #topMain .relatedTop li {
	display: inline;
	margin-left: 5px;
	zoom: 1;
} /* IE7 */


/* 3: sub navi
==========================================================*/

/* gallery */
#contents #subNavi .gallery {
	width: 190px;
	padding-bottom: 4px;
	background-color: #E2D8A9;
}

#contents #subNavi .gallery h2 {
	margin-bottom: 10px;
}

#contents #subNavi .gallery .galleryImg {
	text-align: center;
}

#contents #subNavi .gallery .galleryImg img {
	border-bottom: 1px solid #F1ECD4;
	border-left: 1px solid #EEE9D2;
	border-right: 1px solid #EEE9D2;
	border-top: 1px solid #DAD5BE;
}

#contents #subNavi .gallery .andmore {
	margin: 4px 10px 0  10px;
}

/* subMenu */
#contents #subNavi .subMenu {
	width: 190px;
	margin-top: 10px;
	padding-bottom: 6px;
	background-color: #EFEEEB;
}

#contents #subNavi .subMenu h2 {
	margin-bottom: 4px;
	border-bottom: 1px solid #FFFFFF;
}

#contents #subNavi .subMenu li {
	list-style: none;
}

#contents #subNavi .subMenu li a {
	display: block;
	padding: 2px 8px 2px 17px;
	background: url("/common/images/icon_arrow_list.gif") no-repeat 9px 0.6em;
	zoom: 1;
}

#contents #subNavi .subMenu li a:hover {
	background-color: #E0DFDC;
}

#contents #subNavi .subMenu2 {
	width: 190px;
	margin-top: 10px;
}


/* 4: top page layout hack for IE6
==========================================================*/

* html #container {
	width: 980px!important;
	margin: 0!important;
	font-size: 90%;
	line-height: 1.5;
	text-align: left;
} /* IE6 */

* html #contents {
	clear: both;
	width: 980px!important;
} /* IE6 */



/*  rss icon area  */

span#rss{
 float: right;
 display: block;
 width: 100px;
 margin: 10px 3px 0 0;
_margin-top: -30px;
}
*:first-child+html span#rss{
 margin-top: -40px;
}
h3.new{
 clear: both;
}
img.reader{
 margin-right: 5px;
}