@charset "utf-8";

/* KISER INDEX.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*	01.BASIC_STURUCTURE
*	02.TOP_PROMO
*	03.TOP_NEWS
*	04.TOP_TOPICS
*	05.TOP_DISCUSSION
*
*--------------------------------------*/


/**-------------------------------------
	00.COMMON
---------------------------------------**/

/**-------------------------------------
	01.BASIC_STURUCTURE
---------------------------------------**/

div#topCenter
{
	float: left;
	width: 500px;
}

div#newsCenter
{
	margin: 0 15px;
}

div#topRight
{
	float: right;
	width: 180px;
}

/**-------------------------------------
	02.TOP_PROMO
---------------------------------------**/

div#topPromo
{
	margin: 0 0 15px 0;
	padding: 10px 12px 0 0;
	width: 488px;
	height: 188px;
	background: url(../common/images/top_promo.jpg) top no-repeat;
	color: #333333;
}

div#topPromo .comment
{
	float: right;
	padding: 12px 12px 0 12px;
	margin: 40px 0 -5px 0;
	width: 186px;
	clear: both;
}

div#topPromo p.photo
{
	float: left;
	display: block;
	margin: 0 10px 0 0;
	width: 56px;
	height: 75px;
}

div#topPromo dl.messageArea
{
	float: left;
	margin: 0;
}

div#topPromo dt.name
{
	margin: 3px 0 0 0;
	width: 120px;
	padding-bottom: 2px;
	text-align: left;
	border-bottom: #999999 1px dotted;
	line-height: 14px;
	font-size: 12px;
}

div#topPromo dd.title
{
	display: block;
	margin-top: 2px;
	font-size: 100%;
	text-align: left;
}

div#topPromo dd.excerpt
{
	margin: 1px 0 0 0;
	display: block;
	font-size: 10px;
	text-align: left;
	line-height: 130%;
	text-indent:-9px;
	width: 110px;
}

div#topPromo dd.button
{
	display: block;
	margin:5px 0 0 10px;
	padding:0;
	width: 98px;
	height: 25px;
}

div#topPromo dd.button a
{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height:39px;
	background:url(../common/images/top_promo_btn.jpg) left no-repeat;
}

div#topPromo dd.button a:hover
{
	background:url(../common/images/top_promo_btn.jpg) right no-repeat;
}

	

/**-------------------------------------
	03.TOP_NEWS
---------------------------------------**/

div#topNews
{
}

div#topNews dl
{
	padding: 18px 15px 11px;
	border: 1px solid #CCCCCC;
	border-top: none;
}


div#topNewsHead
{
	background: url(../images/top_news.jpg) top no-repeat;
	width: 500px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
}

div#topInfoHead
{
	background: url(../images/info-head.jpg) top no-repeat;
	width: 500px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999px;
}


div#topNewsHead h3
{
	float: left;
	width: 347px;
}

p.backNum a
{
	float: left;
	display: block;
	margin: 2px 0 0 0px;
	width: 90px;
	height: 26px;
	background: url(../images/back_number.jpg) no-repeat;
}

p.rss a
{
	float: left;
	display: block;
	margin: 2px 0 0 5px;
	width: 57px;
	height: 26px;
	background: url(../images/rss_icon.jpg) no-repeat;
}



div#topNews dt
{
	padding: 0 3px 2px 3px;
	background: url(../common/images/info_line.gif) no-repeat bottom;
	height: 24px;
	width: 464px;
}

div#topNews span.newsCate
{
	padding: 0 15px 0 0;
	width: 58px;
	height: 17px;
	overflow: hidden;
}

div#topNews span.newsDate
{
	padding: 0 0 0 20px;
	background: url(../common/images/pin02.gif) no-repeat 0px 0.16em;
	height: 17px;
	vertical-align: top;
	color: #006699;
	font-size: 77%;
}

div#topNews dd
{
	margin: 5px 0 0 3px;
	width: 464px;
	color: #333333;
	font-size: 100%;
}

*html div#topNews dd
{
	width: 462px;
}

div#topNews dl.notice
{
	margin:10px 0 10px 0;
	padding:0;
	background: #FFFFCC;
}

div#topNews dl.notice dt
{
	display: block;
	margin:0;
	padding:2px 0 0 10px;
	width: 488px;
	height: 24px;
	font-size: 100%;
	font-weight:800;
	background: url(../common/images/top_notice.jpg) top no-repeat;
}

.dateFormat
{
	font-size:10px;
	color:#006699;
	font-weight: normal;
}

div#topNews dl.notice dd
{
	margin:10px 0 10px 0;
	padding: 10px 15px 11px;
}

/**-------------------------------------
	04.TOP_TOPICS
---------------------------------------**/

div#topTopics
{
	margin: 0 0 18px 0;
}

div#topTopics h3
{
	margin: 0 0 10px 0;
}

div#topTopics ul
{
	font-size:12px;
	border-bottom: 1px #CCCCCC solid;
}


div#topTopics ul li a
{
	font-size:12px;
	vertical-align: middle;
}

#tpMenu01 a
{
	font-size: 100%;
}

*html div#topTopics ul li a
{
	padding-top: 17px;
	height: 31px;
	display:inline;
	zoom: 1;
}

*+html div#topTopics ul li a
{
	padding-top: 17px;
	height: 31px;
	display: inline;
	zoom: 1;
}

div#topTopics ul li a
{
	display: table-cell;
	padding:0 15px 0 10px;
	margin-top: 0;
	width: 155px;
	height: 48px;
	font-size:12px;
	font-weight: 800;
	vertical-align: middle;
	line-height: 110%;
	color:#666666;
	text-decoration:none;
}

li#tpMenu01 a { background-image: url(../common/images/top_topics_01.gif); }
li#tpMenu02 a { background-image: url(../common/images/top_topics_01.gif); }
li#tpMenu03 a { background-image: url(../common/images/top_topics_01.gif); }
li#tpMenu04 a { background-image: url(../common/images/top_topics_01.gif); }
li#tpMenu05 a { background-image: url(../common/images/top_topics_01.gif); }
li#tpMenu06 a { background-image: url(../common/images/top_topics_01.gif); }

li#tpMenu01 a:hover,
li#tpMenu02 a:hover,
li#tpMenu03 a:hover,
li#tpMenu04 a:hover,
li#tpMenu05 a:hover,
li#tpMenu06 a:hover
{
	color:#006699;
}

/**-------------------------------------
	05.TOP_DISCUSSION
---------------------------------------**/

div#topDiscussion dl
{
	display: block;
	width: 180px;
	height: auto;
}

div#topDiscussion dl dt
{
	display: block;
}

div#topDiscussion dd,
div#topDiscussion ul
{
	margin: 5px;
	width: 170px;
	font-size: 10px;
}

div#topDiscussion li
{
	padding-left: 15px;
	background: url(../common/images/pin02.gif) no-repeat;
	background-position: 2px 5px;
}

/*div#topDiscussion dl dt a
{
	display: block;
	width: 160px;
	height: 68px;
	background: url(../common/images/discuss_btn_01.jpg) left no-repeat;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	color: #FFFFFF;
	text-decoration: none;
	margin: 10px 0 0 0;
	padding: 10px;
}

div#topDiscussion dl dt a:hover
{
	background: url(../common/images/discuss_btn_01.jpg) right no-repeat;
}

div#topDiscussion dl dd
{
	display: block;
}

div#topDiscussion dl dd a
{
	display: block;
	width: 180px;
	height: 32px;
	background: url(../common/images/discuss_btn_02.jpg) left no-repeat;
	text-indent: -99999px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

div#topDiscussion dl dd a:hover
{
	background: url(../common/images/discuss_btn_02.jpg) right no-repeat;
}
*/

/**-------------------------------------
	06.NEWS
---------------------------------------**/

div#newsCenter
{
}

div#newsCenter dl
{
	margin-top: 20px;
	padding: 18px 15px 11px;
	border-bottom: 1px solid #EEEEEE;
}


div#newsCenter dt
{
	padding: 0 3px 2px 3px;
	background: url(../common/images/info_line2.gif) no-repeat bottom;
	height: 24px;
	width: 650px;
}

div#newsCenter span.newsCate
{
	padding: 0 15px 0 0;
	width: 58px;
	height: 17px;
	overflow: hidden;
}

div#newsCenter span.newsDate
{
	padding: 0 0 0 20px;
	background: url(../common/images/pin02.gif) no-repeat 0px 0.16em;
	height: 17px;
	vertical-align: top;
	color: #006699;
	font-size: 77%;
}

div#newsCenter dd
{
	margin: 5px 0 18px 3px;
	width: 650px;
	color: #333333;
	font-size: 100%;