/* base style */

*{
	margin		: 0px;
	padding		: 0px;
}

img{
	border-style	: none;
	border-width	: 0px;
}

html{
	text-align	: center;
	font-size	: 12px;
	color		: #333333;
	font-family	: "メイリオ",ＭＳ Ｐゴシック,Osaka,Serif;
	scrollbar-face-color: #ffffff;
	scrollbar-3dlight-color: #553f09;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #553f09;
	scrollbar-arrow-color: #553f09;
	scrollbar-track-color: #ffffff;
}

a{
	color		: #e4007f;
	text-decoration	: none;
}

a:hover{
	color		: #e4007f;
	text-decoration	: underline;
}

h1,h2,h3{
	font-size	: 11px;
	font-weight	: normal;
}

ul{
	list-style-type	: none;
}

li{
	margin		: 0px;
	padding		: 0px;
}



/* base */

#base{
	width		: 970px;
	position	: absolute;
	left		: 50%;
	margin		: 50px 0 0 -485px;
}



/* main_left */

#main_left{
	width		: 350px;
	float		: left;
	margin-bottom	: 10px;
	text-align	: left;
}

#cover{
	width		: 340px;
	padding		: 10px 0;
	border-top	: 1px solid #c2c2c2;
	border-bottom	: 1px solid #c2c2c2;
	background	: url(./img/index/cover_bg.gif) repeat-y left;
	text-align	: center;
}



/* main_right */

#main_right{
	width		: 620px;
	float		: left;
}

.right_box{
	width		: 620px;
	padding		: 10px 0;
	border-top	: 1px solid #c2c2c2;
	border-bottom	: 1px solid #c2c2c2;
	background	: url(./img/index/main_bg.gif) repeat-y left;
	text-align	: left;
	float		: left;
	margin-bottom	: 10px;
}



/* right_top */

#right_top{
	width		: 620px;
	border-top	: 1px solid #c2c2c2;
	border-bottom	: 1px solid #c2c2c2;
	background	: url(./img/index/main_bg.gif) repeat-y left;
	text-align	: left;
	float		: left;
	margin-bottom	: 10px;
}

#top_bg{
	width		: 605px;
	height		: 300px;
	background	: url(./img/index/illust.jpg) no-repeat right top;
}

#right_top h1 img{
	margin		: 10px 0 10px 10px;
}

#top_text{
	height		: 60px;
	padding-left	: 10px;
	font-size	: 12px;
	line-height	: 18px;
}

#att{
	width		: 374px;
	text-align	: center;
	line-height	: 16px;
	font-size	: 11px;
	color		: #666666;
}

#enter{
	height		: 80px;
	float		: left;
	background	: url(./img/index/18.gif) no-repeat 168px 16px;
}

#enter li{
	width		: 187px;
	text-align	: center;
	float		: left;
	margin-top	: 10px;
}

#counter{
	width		: 374px;
	clear		: left;
	text-align	: center;
}

#book{
	color		: #333333;
	border		: 1px solid #cccccc;
	padding		: 4px 0 2px;
	width		: 350px;
	margin		: 0px auto 10px;
	font-size	: 12px;
	line-height	: 18px;
}

#counter span{
	display		: block;
	line-height	: 15px;
	font-size	: 11px;
}


#book a{
	color		: #555555;
}




/* banner */

#banner{

}

#banner p{
	padding		: 0 0 10px 10px;
}

#banner span{
	padding-left	: 10px;
	display		: block;
}



/* contents */

#contents{
	font-size	: 10px;
}

#qr{
	width		: 78px;
	float		: left;
}

#qr img{
	margin-left	: 10px;
}

#contents_right{
	width		: 542px;
	float		: left;
	line-height	: 15px;
	color		: #999999;
	font-size	: 11px;
}

#contents_right div{
	padding		: 14px 0 5px 0;
	background	: url(./img/index/contents.gif) no-repeat;
}


/* pickup */

#pickup{
	width		: 970px;
	background	: url(./img/index/banner_bg.gif) repeat-y left;
	float		: left;
	padding		: 10px 0 10px;
	border-top	: 1px solid #c2c2c2;
	border-bottom	: 1px solid #c2c2c2;
}

#pickup p{
	padding		: 0 0 10px 10px;
}

#pickup span{
	display		: block;
	padding-left	: 10px;
}

#pickup ul{
	padding-left	: 10px;
}

#pickup li{
	width		: 95px;
	height		: 31px;
	float		: left;
	font-size	: 0;
	margin-bottom	: 5px;
}