@charset "utf-8";
@import url(../common/common.css);
@import url(../common/flexcrollstyles.css);

/*==================================================*/
/* page custom style sheet */
/*==================================================*/

/* base custom */
#contentBody {
	width: 882px;
	overflow: hidden;
}

/*==================================================*/
#contntIndex {
	padding-bottom: 10px;
	zoom: 100%;
}
#contntIndex:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#contntIndex h2 {
	margin-bottom: 7px;
}

/*-------------------- what's new --------------------*/
#whatsNew {
	width: 202px;
	float: left;
}
#whatsNew ul {
	width: 180px;
	height: 500px;
	margin: 0 auto;
	padding: 18px 11px;
	font-size: 11px;
	font-family: "MS P明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	line-height: 1.3;
	color: #27241e;
	background: transparent url(img/whatsnew_bg.png) no-repeat left top;
}
#whatsNew ul a {
	color: #27241e;
	background-color: transparent;
	text-decoration: none;
}
#whatsNew ul a:link {
	color: #27241e;
	background-color: transparent;
	text-decoration: none;
}
#whatsNew ul a:visited {
	color: #27241e;
	background-color: transparent;
	text-decoration: none;
}
#whatsNew ul a:active {
	color: #27241e;
	background-color: transparent;
	text-decoration: none;
}
#whatsNew ul a:hover {
	color: #27241e;
	background-color: transparent;
	text-decoration: underline;
}
#whatsNew li {
	clear:both;
}
#whatsNew li span {
	display: block;
}
#whatsNew li .date {
	width: 30px;
	float: left;
}
#whatsNew li .news {
	width: 148px;
	float: right;
	margin-bottom: 1em;
}
#whatsNew li .news {
	_margin-bottom: 0.8em;
}

/*-- 20100916追加 --*/
#whatsNew li .red {
	color: #F00;	
}
#whatsNew li .red a {color: #F00; background-color: transparent; text-decoration: none;}
#whatsNew li .red a:link {color: #F00; background-color: transparent; text-decoration: none;}
#whatsNew li .red a:visited {color: #F00; background-color: transparent; text-decoration: none;}
#whatsNew li .red a:active {color: #F00; background-color: transparent; text-decoration: none;}
#whatsNew li .red a:hover {color: #F00; background-color: transparent; text-decoration: underline;}







/*-------------------- topics --------------------*/
#topics {
	width: 480px;
	float: left;
	padding: 0 19px 0 19px;
}

/*-- 20110420追加 --
#topics li {
	width: 460px;
	padding-bottom: 18px;
	color: #27241e;
	background: transparent url(img/topics_border.png) no-repeat left bottom;
}
*/


/*-- スクロールバー無しの場合 --*/
#topics li {
	width: 480px;
	padding-bottom: 18px;
	color: #27241e;
	background: transparent url(img/topics_borderL.png) no-repeat left bottom;
}


/*-- 20101115追加 --
div.topicsListBox{
	width: 460px;
}
*/

/*-- スクロールバー無しの場合 --*/
div.topicsListBox{
	width: 460px;
}



img.topicsListBoxL{
	height: 109px;
	width: 78px;
	float: left;
}
div.topicsListBoxR{
	float: right;
	width: 370px;
	position:relative;
}
div.topicsListBox h2{
	margin: 0px;
	padding: 0px;
}
div.topicsListBox p{
	font-size: 11px;
	font-family: "MS P明朝","MS PMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",serif;
	line-height: 1.4;
	color: #27241e;
}
div.topicsListBox p.text{
	margin: 0px;
	padding-right: 5px;
}
div.topicsListBox p.link{
	text-align: right;
	padding-top: 5px;
	color: #333;
	font: bold 10px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:absolute;
	top:85px;
	right:0px;
}
div.topicsListBox p.link a{
	text-decoration: none;
	color: #666;
	background: url(img/marker.gif) no-repeat 0px 0.05em;
	padding-left: 9px;
}
div.topicsListBox p.link a:hover{
	text-decoration: none;
	color: #666;
	background: url(img/on_marker.gif) no-repeat 0px 0.05em;
	padding-left: 9px;
}



/*-------------------- information --------------------*/
#information {
	width: 162px;
	float: right;
}
#information li {
	padding-bottom: 3px;
}