@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 &noticeTop */
#contents #topMain .topicTop,
#contents #topMain .noticeTop {
	width: 558px;
	margin-bottom: 1em;
	border: 1px solid #8C887E;
}

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

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

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

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

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

#contents #topMain .topicTop dl,
#contents #topMain .noticeTop dl {
}

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

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

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

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

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

#contents #topMain .topicTop .andmore,
#contents #topMain .noticeTop .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 {
	position: relative;
	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,
#contents #subNavi .subMenu2 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,
#contents #subNavi .subMenu2 li a:hover {
	background-color: #E0DFDC;
}

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

/* bnrBlock */
#contents #subNavi .bnrBlock {
	margin: 20px 0;
}

#contents #subNavi .bnrBlock ul {
	padding-left: 0;
	list-style: none;
}

#contents #subNavi .bnrBlock ul li:not(:last-child) {
	margin-bottom: 10px;
}

#contents #subNavi .bnrBlock ul li img {
	max-width: 100%;
}

/* snsBlock */
#contents #subNavi .snsBlock {
	margin: 20px 0;
}

#contents #subNavi .snsBlock h2 {
    margin-bottom: 1em;
    padding: 8px 18px 6px 18px;
    background-color: #F7F7F7;
    border-top: 3px solid #B6B2A7;
    border-bottom: 1px solid #B6B2A7;
    font-size: 120%;
    line-height: 1.4;
}

#contents #subNavi .snsBlock ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0 20px;
	padding-left: 0;
	list-style: none;
}

#contents #subNavi .snsBlock ul li {
	width: calc( 100% / 3);
	text-align: center;
}

#contents #subNavi .snsBlock ul li:nth-of-type(n+4) {
	margin-top: 10px;
}

#contents #subNavi .snsBlock ul li:last-child {
	display: none;
}

#contents #subNavi .snsBlock ul li img {
	max-width: 52px;
	width: auto;
	height: auto;
}

/* txtLinkBlock */
#contents #subNavi .txtLinkBlock {
	margin: 30px 0;
}

#contents #subNavi .txtLinkBlock ul {
	padding-left: 0;
	list-style: none;
}
#contents #subNavi .txtLinkBlock ul li {
	margin-bottom: 0.5em;
}

#contents #subNavi .txtLinkBlock ul li a:hover {
	background-color: #F3EFDD;
}

/* 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;
}


/* 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 */