@charset "UTF-8";


/* ボタン */
#menu-lay #book {
    display: none;
	margin:0 0 5px;
}

#menu-lay #bookon {
    display: block;
	margin:0 0 5px;
}

/*-----------------------------------------------
// コンテンツ
//---------------------------------------------*/

/* タイトル */
#cnts-lay .hd {
    margin-top: 0px;
    width: 663px;
    height: 136px;
    background: url(../img_book/title.png) no-repeat left top;
    text-indent: -9999px;
}

/* サブタイトル */
#cnts-lay .box h3.ttl01{ background:url(../img_book/sub_01.jpg) no-repeat #FFCC66;}
#cnts-lay .box h3.ttl02{ background:url(../img_book/sub_02.jpg) no-repeat #FFCC66;}

#cnts-lay .box .cont .s_box {
	margin:0 0 10px 0;
}

#cnts-lay .box .cont .s_box h4 {
	font-size:14px;
	padding:5px 0 2px 10px;
	color:#006600;
	font-weight:bold;
	line-height:120%;
	width:515px;
}

#cnts-lay .box .cont .s_box h5 {
	font-size:18px;
	border-bottom:#FF9933 3px solid;
	padding:10px 0 2px 0px;
	color:#006600;
	font-weight:bold;
	line-height:120%;
	width:515px;
}

#cnts-lay .box .cont .s_box h4 {
	font-size:14px;
	padding:5px 0 2px 10px;
	color:#006600;
	font-weight:bold;
	line-height:120%;
	width:515px;
}

#cnts-lay .box .cont .s_box .image {
	float:right;
	margin:10px 0 0 10px;
	width:180px;
}

#cnts-lay .box .cont .s_box .text {
	float:left;
	width:330px;
}

#cnts-lay .box .cont .s_box .text p {
	font-size:14px;
	padding:10px 0 0 5px;
	color:#333333;
	line-height:140%;
}
/*
#cnts-lay .box .cont .s_box .center {
	float:center;
	width:320px;
}
*/
#cnts-lay .box .cont .s_box .text .caption{font-size:12px;}

#cnts-lay .box .cont .s_box .books {
	width:500px;
	padding:5px 10px 0;
}

#cnts-lay .box .cont .s_box .books .comic_box {
	width:100px;
	float:left;
	margin:10px 0px 5px 0;
	text-align:center;
	height:125px;
}

#cnts-lay .box .cont .s_box .books .comic_box img{
	width:55px;
	padding:0px 10px;
	margin:0 12px 0 13px;
}

#cnts-lay .box .cont .s_box .books .comic_box .new{
	padding:0 0 0 20px;
	margin:0 12px 0 13px;
	background:url(../img_book/new.gif) no-repeat;
}

#cnts-lay .box .cont .s_box .books .comic_box p{
	text-align:center;
	padding:0 5px;
	font-size:10px;
	width:90px;
}

#cnts-lay .box .cont .s_box .books .comic_box .btn {
	display:block;
	background:url(../img_book/more.jpg) no-repeat;
	width:55px;
	height:20px;
	text-indent:-9999px;
	margin:3px 22px 0 23px;
}

#cnts-lay .box .cont .s_box .books .comic_box a.btn:hover {
	background:url(../img_book/more_on.jpg) no-repeat;
}

#cnts-lay .box .cont .s_box .books .comic_box2 {
	width:250px;
	float:left;
	margin:10px 0px 5px 0;
	height:100px;
}

#cnts-lay .box .cont .s_box .books .comic_box2 .cover{
	float:left;
	width:75px;
}

#cnts-lay .box .cont .s_box .books .comic_box2 .cover img{
	width:55px;
	padding:3px 10px 3px 10px;
}

#cnts-lay .box .cont .s_box .books .comic_box2 .cover .new{
	padding:3px 2px 3px 18px;
	background:url(../img_book/new.gif) no-repeat 0px 3px;
}

#cnts-lay .box .cont .s_box .comic_box3 .buys a{
	display:block;
	background:url(../img_book/more2.jpg) no-repeat;
	width:360px;
	height:60px;
	text-indent:-9999px;
	margin:0 0 30px 80px;
}

#cnts-lay .box .cont .s_box .comic_box3 .buys a:hover {
	background:url(../img_book/more2_on.jpg) no-repeat;
}

#cnts-lay .box .cont .s_box .books .comic_box2 .txt{
	width:175px;
	float:right;
}

#cnts-lay .box .cont .s_box .books .comic_box2 .txt p{
	padding:0 10px 0 0px;
	font-size:10px;
}


/* ページTOP */
.totop {
	paadding:0 10px 0 0;
	font-size:12px;
	text-align:right;
}