@charset "utf-8";

@import url("../css/base.css");

div#contents{
	width:961px;
	padding:10px 14px 0 14px;
	background:url(../img/top/bg_contents.gif) no-repeat;
}

div#contents div#caution{
	width:961px;
	height:27px;
	line-height:20px;
	margin:0 0 5px 0;
	padding:10px 0 0 0;
	background:url(../img/common/bg_caution.gif) no-repeat;	
}

div#contents div#caution p{
	font-size:18px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
}

div#contents div#caution span{
	color:#d41a02;
}

div#contents div#caution img{
	vertical-align:text-top;
}

div#contents div#mainBanner{
	width:961px;
	margin:0 0 17px 0;
}

div#contents div#mainBanner div#mainSwf{
	width:691px;
	float:left;
}

div#contents div#mainBanner div#mainImg{
	width:270px;
	float:left;
}

div#contents div#leftColumn{
	width:705px;
	float:left;
}

div#contents div#leftColumn div#mainBtn{
	width:680px;
	height:80px;
	margin:0 auto 12px auto;
}

div#contents div#leftColumn div#mainBtn li{
	float:left;
	margin:0 2px 0 0;	
}

div#contents div#leftColumn div#subscription{
	width:694px;
	margin:0 auto;
	padding:56px 0 0 0;
	background:url(../img/top/bg_subscription.gif) no-repeat top;
}

div#contents div#leftColumn div#subscription dl{
	float:left;
	margin:0 16px;
	text-align:center;
}

div#contents div#leftColumn div#subscription img{
	border:solid 1px #c7c7c7;
}

div#contents div#leftColumn div#subscription dd{
	width:105px;
	padding:6px 0 0 0;
}

div#contents div#leftColumn div#subscriptionBottom{
	width:694px;
	height:20px;
	margin:0 auto 10px auto;
	background:url(../img/top/bg_subscription_bottom.gif) no-repeat;
}

div#contents div#leftColumn div#newBooktitle{
	width:687px;
	height:31px;
	margin:0 auto;
	background:url(../img/top/img_newbook.gif) no-repeat;
}

div#contents div#leftColumn div#newBooktitle div.newBookbtn{
	width:104px;
	height:9px;
	padding:8px 0 0 0;
	margin:0 0 0 125px;
}

div#contents div#leftColumn div#newBook{
	width:687px;
	margin:0 auto;
	padding:23px 0 0 0;
	background:url(../img/top/bg_newbook.gif) no-repeat top;
}

div#contents div#leftColumn div#newBook dl{
	float:left;
	margin:0 20px;
	text-align:center;
}

div#contents div#leftColumn div#newBook img{
	border:solid 1px #c7c7c7;
}

div#contents div#leftColumn div#newBook dd{
	width:130px;
	padding:6px 0 0 0;
}

div#contents div#leftColumn div#newsTitle{
	width:687px;
	height:29px;
	margin:0 auto;
	background:url(../img/top/bg_news.gif) no-repeat;
}

div#contents div#leftColumn div#newsTitle div.newsBtn{
	width:74px;
	height:11px;
	float:right;
	margin:0 20px 0 0;
	padding:6px 0 0 0;
}

div#contents div#leftColumn div#newBookbottom{
	width:687px;
	height:20px;
	margin:0 auto 10px auto;
	background:url(../img/top/bg_newbook_bottom.gif) no-repeat;
}

div#contents div#leftColumn div#news{
	width:680px;
	margin:0 auto;
}

div#contents div#leftColumn div#news dl{
	width:680px;
	clear:both;
	padding:0 0 5px 0;
}

div#contents div#leftColumn div#news dt{
	width:78px;
	float:left;
	padding:6px 0 7px 10px;
}

div#contents div#leftColumn div#news dd{
	width:580px;
	float:left;
	padding:6px 0 7px 0;
}

div#contents div#leftColumn div#news img{
	padding:0 0 0 10px;
}

div#contents div#leftColumn div#news dd.line{
	width:680px;
	height:1px;
	padding:0;
	background:url(../img/top/line_news.gif) repeat-x;
}

div#contents div#rightColumn{
	width:253px;
	float:left;
}

div#contents div#rightColumn div#boxRight{
	width:253px;
	margin:10px 0 0 0;
	padding:0 0 10px 0;
	background:url(../img/common/box_right_bg.gif) bottom repeat-y;
}

div#contents div#rightColumn div#boxRighttop{
	width:253px;
	height:18px;
	background:url(../img/common/box_right_top.gif) no-repeat;
}

div#contents div#rightColumn #ranking{
	width:237px;
	margin:0 auto;
	padding:55px 0 0 0;
	background:url(../img/top/bg_ranking.gif) no-repeat;
}

div#contents div#rightColumn #ranking li{
	text-align:left;
	padding:0 0 1px 0;
	background:url(../img/top/bg_ranking_list.gif) no-repeat left bottom;
}

div#contents div#rightColumn #ranking li#ranking_01 a{
	width:172px;
	padding:8px 10px 5px 55px;
	display:block;
	background:url(../img/top/bg_ranking_01.gif) no-repeat left top;
}

div#contents div#rightColumn #ranking li#ranking_02 a{
	width:172px;
	padding:8px 10px 5px 55px;
	display:block;
	background:url(../img/top/bg_ranking_02.gif) no-repeat left top;
}

div#contents div#rightColumn #ranking li#ranking_03 a{
	width:172px;
	padding:8px 10px 5px 55px;
	display:block;
	background:url(../img/top/bg_ranking_03.gif) no-repeat left top;
}

div#contents div#rightColumn #ranking li#ranking_04 a{
	width:172px;
	padding:8px 10px 5px 55px;
	display:block;
	background:url(../img/top/bg_ranking_04.gif) no-repeat left top;
}

div#contents div#rightColumn #ranking li#ranking_05 a{
	width:172px;
	padding:8px 10px 5px 55px;
	display:block;
	background:url(../img/top/bg_ranking_05.gif) no-repeat left top;
}

div#contents div#rightColumn #rankingBottom{
	width:237px;
	height:21px;
	display:block;
	margin:0 auto 10px auto;
	padding:0;
	background:url(../img/top/bg_ranking_bottom.gif) no-repeat;
}

div#contents div#rightColumn #bookstore{
	width:237px;
	margin:0 auto;
}

div#contentsFooter{
	width:989px;
	height:42px;
	background:url(../img/top/img_contents.gif) no-repeat;
}



/* common Style IE6 Only
----------------------------------------- */
* html div#contents div#leftColumn div#subscription dd{
	width:100px;
	padding:6px 0 0 0;
}

* html div#contents div#leftColumn div#newBook dd{
	width:125px;
	padding:6px 0 0 0;
}