@charset "utf-8";

/* --------------------------------

	新着情報

-----------------------------------

	1. 記事一覧
	2. 記事詳細

--------------------------------- */



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



	1. 記事一覧


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


/* ----------------------------------------------------
	■共通ボタン
---------------------------------------------------- */

/* 一覧 */
.topicsBlock ul.btns li.listBtn a {
	height: 16px;
	width: 34px;
	display: block;
	overflow: hidden;
	background-image: url(../img/base/btn_list.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	text-indent: -9999px;
}

/* RSS */
.topicsBlock ul.btns li.rssBtn a {
	height: 16px;
	width: 16px;
	display: block;
	overflow: hidden;
	background-image: url(../img/base/icon_rss.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	text-indent: -9999px;
}


/* ----------------------------------------------------
	■メインエリア
---------------------------------------------------- */
#main dl.topicsList {
	margin: 15px 0 0;
	line-height: 1.2;
}
#main dl.topicsList dt {
	clear: left;
	float: left;
	width: 5.5em;
	background-image: url(../img/base/icon_note.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 1.7em;
	font-family: Arial;
}
#main dl.topicsList dd {
	margin: 0 0 1em 8em;
	zoom: 1;
}
body.home #main dl.topicsList dd {
	margin: 0 0 0.7em 8em;
	zoom: 1;
}

/*	ボタン
---------------------------------------------------- */
#main .topicsBlock ul.btns,
#main .topicsBlock ul.btns li.listBtn,
#side .topicsBlock ul.btns li.rssBtn {
	font-size: 0;
	line-height: 0;
	height: 0;
}

/* ページャー */
ul.pager {
	width: 570px;
	margin: 50px 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	line-height: 2;
}
ul.pager li {
	display: inline;
}
ul.pager li a,
ul.pager li span {
	margin: 0 2px;
	padding: 2px 5px;
	border: 1px solid #eee;
	color: #333;
	clear: both;
}
ul.pager li span {
	color: #ccc;
}
ul.pager li.on span {
	border: 1px solid #333;
	color: #fff;
	background-color: #333;
}


/* ----------------------------------------------------
	■サイドエリア用
---------------------------------------------------- */
#side dl.topicsList {
	padding: 5px;
	font-size: 92%;
	line-height: 1.2;
	width: 168px;
}
/* incrss用 */
#side .bodyTag dl.topicsList {
	padding: 0;
	font-size: 100%;
	margin: -4px 0 0 -4px;
	position: relative;
	width: 164px;
}
#side dl.topicsList dt {
	background-image: url(../img/base/icon_note.gif);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	padding: 5px 0 3px 20px;
	font-family: Arial;
}
#side dl.topicsList dd {
	padding: 0 0 5px 20px;
	word-wrap: break-word;
}

/*	ボタン
---------------------------------------------------- */
#side .topicsBlock ul.btns,
#side .topicsBlock ul.btns li.listBtn,
#side .topicsBlock ul.btns li.rssBtn {
	font-size: 0;
	line-height: 0;
}
#side .topicsBlock ul.btns {
	height: 16px;
	padding: 0 10px 10px;
	overflow: hidden;
	zoom: 1;
}

/* 一覧 */
#side .topicsBlock ul.btns li.listBtn a {
	float: right;
}

/* RSS */
#side .topicsBlock ul.btns li.rssBtn {
	position: absolute;
	top: 6px;
	right: 8px;
}
#side .topicsBlock ul.btns li.rssBtn img {
	display: block;
}




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



	2. 記事詳細


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

/* ----------------------------------------------------
	■ページ送り
---------------------------------------------------- */
ul.pageNavi {
	margin: 0 0 15px 0;
	height: 21px;
	width: 570px;
	position: relative;
	overflow: hidden;
}
ul.pageNavi li,
ul.pageNavi li a {
	display: block;
}
ul.pageNavi li a {
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	background-color: #666;
	height: 21px;
	width: 52px;
}
ul.pageNavi li.prevBtn a {
	background-image: url(../img/topics/btn_prev.gif);
	left: 0;
}
ul.pageNavi li.nextBtn a {
	background-image: url(../img/topics/btn_next.gif);
	right: 0;
}
ul.pageNavi li.backBtn a {
	width: 80px;
	background-image: url(../img/topics/btn_back.gif);
	left: 245px;
}
ul.pageNavi li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}


/* ----------------------------------------------------
	■ソーシャルボタン
---------------------------------------------------- */
.entryBox #socialBtn {
	width: auto;
	margin: 30px 0 0;
}
	#socialBtn { /zoom: 1; }
	#socialBtn:after { content: ''; display: block; clear: both; }
.entryBox #socialBtn div {
	float:left;
	margin-right: 10px;
	display:block;
}
.entryBox #socialBtn div#facebookB iframe {
	margin-right: -10px;
}
.entryBox #socialBtn div#twitterB iframe {
	margin-right: -30px;
}




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



	3. 共通スタイル


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

/* ----------------------------------------------------
	■ボタン
---------------------------------------------------- */
.topicsBlock ul.btns li.listBtn a:hover,
.typeTopics .listbackBtn a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}



/* End */