@charset "euc-jp";

/* ==============================================
   layout
============================================== */

div#container {
	margin: 0;
	z-index: 2;
	width:100%;
	min-width: 950px;
}
div#containerArea {
	width: auto;
	min-width: 950px;
	margin: 10px;
	position: relative;
}
* html div#containerArea {
	border-right: 950px solid #ffffff;
	position: relative;
	height: 1%;
}
div#contents { /* remove this code when IE6 is out of scope */
	background: #ffffff;
	font-size:82%;/*13px*/
}
* html div#contents {
	margin-right: -950px;
	display: inline-block;
	position: relative;
	min-width: 950px;
}
body.bookstop #contents {
	background: #fff;
	margin: 0 10px;
	padding-top: 15px;
	font-size: 82%;
}
div#sidemenu {
	width: 180px;
	float: left;
	margin-right: -180px;
	position:relative;
}
div#extra {
	width: 300px;
	float: right;
	margin-left: -300px;
	position:relative;
}
body.bookstop div#extra {
	margin-left: 20px;
}
div#main {
	width: auto;
	margin: 0 318px 0 200px;
	position:relative;
}
body.bookstop div#main {
	margin: 0;
	background:#ffffff;
}

/* ranking */
div#containerArea.twoColumn div#main {
	margin-right: 0;
}
* html div#containerArea.twoColumn div#main {
	width: auto;
}

/* ranking banner display */
div#containerArea.twoColumn div#contents.threeColumn div#main {
	margin-right: 318px;
}
.layout2cols .areaRight{
	margin-right:2px;
	margin-left:20px;
	float: right;
	width: 300px;
}
* html .layout2cols .areaRight{
	margin-right:4px;
}
.layout2cols .areaMain{
	margin-left:12px;
	overflow:hidden;
}
* html .layout2cols .areaMain{
	height:100%;
}

/* clearfix */
div#contentsArea,
div#contents
{
	overflow: inherit;
	zoom: 1;
}
.layout2cols:after{
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.layout2cols{
	zoom: 1;
}