@charset "utf-8";

/*---------------------------------------------------------------------------------------------
  TOPページ　新着トピックス
---------------------------------------------------------------------------------------------*/
#top-topics-box {
 width: 598px;
	height: auto;
	overflow: hidden;
	margin: 0;
}
#top-topics-box .inn-l {
	width: 335px;
	margin: 10px 0 10px 10px;
	padding: 0 12px 0 0;
	display: inline;
	float: left;
	text-align: left;
	border-right: 1px dotted #CCCCCC;
}
#top-topics-box .inn-l h4 {
	margin: 4px 0;
	font-size: 116%;
	line-height: 1.1em;
	font-weight: bold;
}
#top-topics-box .inn-l p {
	margin: 0;
	font-size: 100%;
	line-height: 1.3em;
}
#top-topics-box .inn-l p em {
	visibility: visible;
	font-size: 100%;
}
#top-topics-box .inn-l .img-r {
	width: 152px;
	margin: 0 0 10px 10px;
	text-align: right;
	float: right;
}
#top-topics-box .inn-l .img-r img {
	width: 152px;
	vertical-align: bottom;
}
#top-topics-box .inn-l .img-r .btn-zoom a {
	width: 58px;
	height: 17px;
	margin: 4px 0 0 0;
	margin-left: auto;
	display: block;
	text-decoration: none;
	background: url(../../images/topics/zoom.gif) no-repeat;/* 拡大するボタン画像 */
}
#top-topics-box .inn-l .img-r .btn-zoom a em {
	visibility: visible;
	font-size: 0;
}
#top-topics-box .inn-r {
	width: 211px;
	margin: 5px 15px 0 0;
	padding: 0 0 0 14px;
	display: inline;
	float: right;
}
#top-topics-box .inn-r em {
	visibility: visible;
	font-size: 0;
}
#top-topics-box .inn-r h3 {
	width: 211px;
	height: 24px;
	margin: 0;
	background: url(../../images/topics/tit_backnumber.gif) no-repeat;/* バックナンバータイトル画像 */
}
#top-topics-box .inn-r dl {
	margin: 0 0 4px 0;
	padding: 0 0 4px 0;
	font-size: 100%;
	line-height: 1.1em;
	/*border-bottom: 1px #DDDDDD dotted;*/
	overflow: hidden;
	clear: both;
}
#top-topics-box .inn-r dl dt {
	margin: 0;
}
#top-topics-box .inn-r dl dd {
	margin: 0;
}
#top-topics-box .inn-r dl dd.on {
	color: #ED6D01;
}
#top-topics-box .inn-r dl dd a {
	width: 211px;
	display: block;
}
#top-topics-box .inn-r ul {
	margin: 10px 0 0 33px;
	padding: 0;
	font-size: 85%;
	line-height: 1em;
	color: #CCCCCC;
	text-decoration: none;
	list-style: none;
	text-align: center;
	clear: both;
	overflow: hidden;
}
#top-topics-box .inn-r li {
	margin: 0 5px;
	float: left;
}
#dtl-pickup-zoom-box {/* 写真拡大PopUpWindow */
	text-align: center;
}
#dtl-pickup-zoom-box img {
	height: 340px;
	margin: 20px 0 10px 0;
}

/*---------------------------------------------------------------------------------------------
  トピックス一覧ページ
---------------------------------------------------------------------------------------------*/
#topics-list-box {
 width: 598px;
	height: auto;
	overflow: hidden;
	margin: 10px auto;
}
#topics-list-box .paging-box {
 width: 598px;
	height: auto;
	font-size: 105%;
	color: #666666;
}
#topics-list-box .paging-box a {
 color: #288CCA;
	text-decoration: underline;
}
#topics-list-box .paging-box a:hover {
	text-decoration: none;
}
#topics-list-box .paging-box p {
 margin: 0;
	padding: 0;
}
#topics-list-box .paging-box p.display {
 float: left;
}
#topics-list-box .paging-box p.display span {
 color: #D50100;
	font-weight: bold;
}
#topics-list-box .paging-box p.page {
 float: right;
}
#topics-list-box .topics-cont-box {
 width: 598px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0;
	border-bottom: 1px dotted #828282;
	clear: both;
}
#topics-list-box .topics-cont-box .inn-l {
 /*width: 408px;*/
 width: 398px;
	height: auto;
	margin: 0;
	padding: 0 10px;
	display: inline;
	float: left;
}
#topics-list-box .topics-cont-box .inn-l h4 {
	margin: 4px 0;
	font-size: 116%;
	line-height: 1.1em;
	font-weight: bold;
}
#topics-list-box .topics-cont-box .inn-l p {
	margin: 0;
	font-size: 100%;
	line-height: 1.3em;
}
#topics-list-box .topics-cont-box .inn-r {
 width: 150px;
	height: auto;
	margin: 10px;
	padding: 0;
	display: inline;	
	float: right;
}
#topics-list-box .topics-cont-box .inn-r img {
	width: 152px;
	vertical-align: bottom;
}
#topics-list-box .topics-cont-box .inn-r .btn-zoom a {
	width: 58px;
	height: 17px;
	margin: 4px 0 0 0;
	margin-left: auto;
	display: block;
	text-decoration: none;
	background: url(../../images/topics/zoom.gif) no-repeat;/* 拡大するボタン画像 */
}
#topics-list-box .topics-cont-box .inn-r .btn-zoom a em {
	visibility: visible;
	font-size: 0;
}