@charset "shift_jis";
/*-------------------------------------------------------------
	#content
-------------------------------------------------------------*/
#content h2{
	padding: 0;
}

#content h3.issueD{
	padding: 5px 0 5px 15px;
	background: url(../image/bg_h3.jpg) repeat-y 0 0 #000;
	color: #fff;
}

#content .main{
	margin-left: 15px;
	margin-right: 15px;
}

#content .mainT100{
	margin-left: 100px;
	margin-right: 100px;
}

#content .mainT125{
	margin-left: 125px;
	margin-right: 100px;
}


#content h3.mainT100{
	margin-left: 100px;
	marign-right: 100px;
	border-bottom: 2px solid #f6c;
	color: #f6c;
	font-size: 12pt;
	font-weight: 600;
}

#content h4.mainT100{
	color: #f6c;
	font-size: 12pt;
	font-weight: 500;
}


#content ul.mainUl{
	margin-left: 110px;
	margin-right: 110px;
	list-style: none;
}

#content .mainUl li{
	margin: 10px 0;
	font-size: 10.5pt;
	font-weight: 600;
}

/*-------------------------------------------------------------
	#form_top
-------------------------------------------------------------*/
#form_top{
	width: 770px;
	padding: 0;
	background: url(../image/bg_formB.gif) no-repeat 0 bottom;
}

#form_topbg{
	background: url(../image/bg_formA.gif) no-repeat 0 0;
	height: 140px;
}

#form_topTitle{
	height:90px;
}

#form_topTitle span{
	display: none;
}

#form_top table{
	margin: 0 0 0 170px;
}

#form_top p{
	margin: 0;
	padding: 0 5px 10px 30px; 
	color: #000;
}

/*-------------------------------------------------------------
	#form_offer
-------------------------------------------------------------*/
#form_offer{
	width: 770px;
	padding: 0;
	background: url(../image/bg_formB.gif) no-repeat 0 bottom;
}

#form_offerbg{
	background: url(../image/bg_formOfferA.gif) no-repeat 0 0;
	height: 180px;
}

#form_offerTitle{
	height:90px;
}

#form_offerTitle span{
	display: none;
}

#form_offer table{
	margin: 0 0 0 170px;
}

#form_offer p{
	margin: 0;
	padding: 0 5px 10px 30px; 
	color: #000;
}
/*-------------------------------------------------------------
	.list_book
-------------------------------------------------------------*/
.list_book{
	margin: 0;
	padding: 0;
}

.list_book .box{
	margin: 0;
	padding: 5px;
	border: 1px solid #f39;
	background: #000;
}


.list_book .box .title{
	display: block;
	margin: 0;
	padding: 3px;
	background: #ff0;
	border-bottom: 2px solid #f39;
	font-size: 12pt;
	font-weight: 600;
	color: #333;
}


.list_book .box .author{
	display: block;
	padding: 3px;
	font-size: 11pt;
	font-weight: 600;
	color: #f39;
}


.list_book .box .list_text{
	padding: 3px;
}

/*-------------------------------------------------------------
	.btn_detail
-------------------------------------------------------------*/
.btn_detail a{
	display: block;
	float: left;
	margin: 5px auto;
	width: 180px;
	height: 65px;
	background: url(../image/btn_detail.jpg) no-repeat 0 0;
}

.btn_detail a span{
	display: none;
}

.btn_detail a:hover{
	background-position: 0 -65px;
}

/*-------------------------------------------------------------
	.btn_tachiyomi
-------------------------------------------------------------*/
.btn_tachiyomi a{
	display: block;
	float: right;
	margin: 5px auto;
	width: 180px;
	height: 65px;
	background: url(../image/btn_tachiyomi.jpg) no-repeat 0 0;
}

.btn_tachiyomi a span{
	display: none;
}

.btn_tachiyomi a:hover{
	background-position: 0 -65px;
}
/*-------------------------------------------------------------
	.btn_amazon
-------------------------------------------------------------*/
.btn_amazon{
	float: right;
	margin: 0 0 0 10px;
}

.btn_amazon a{
	display: block;
	margin: 5px 0;
	width: 104px;
	height: 65px;
	background: url(../image/btn_amazon.jpg) no-repeat 0 0;
}

.btn_amazon a span{
	display: none;
}

.btn_amazon a:hover{
	background-position: 0 -65px;
}

/*-------------------------------------------------------------
	.dl
-------------------------------------------------------------*/
.dl a{
	display: block;
	margin: 5px 100px;
	width: 600px;
	height: 80px;
	background: url(../image/dl.jpg) no-repeat 0 0;
}

.dl a span{
	display: none;
}

.dl a:hover{
	background-position: 0 -80px;
}
/*-------------------------------------------------------------
	.voice
-------------------------------------------------------------*/
ul.voice, ul.voice2{
	list-style: none;
	width: 600px;
	margin-left: 100px;
}

ul.voice li{
	background: url(../image/hr.gif) no-repeat 0 0;
	padding: 20px 0 0 0;
	margin: 20px 0;
}

ul.voice2 li{
	background: url(../image/hr2.gif) no-repeat 0 0;
	padding: 20px 0 0 0;
	margin: 20px 0;
}

.voiceName{
	display: block;
	text-align: right;
}
/*-------------------------------------------------------------
	.purchase
-------------------------------------------------------------*/
.purchase a{
	display: block;
	margin-left: 100px;
	margin-right: 100px;
	width: 600px;
	height: 70px;
	background: url(../image/purchase.jpg) no-repeat 0 0;
}

.purchase a span{
	display: none;
}

.purchase a:hover{
	background-position: 0 -70px;
}
/*-------------------------------------------------------------
	.frame
-------------------------------------------------------------*/
.frame{
	background: #ffc;
	border: 2px solid #f6c;
	padding: 10px;
	margin: 30px 100px;
}
.frame_2{
	background: #cccccc;
	border: 2px solid #f6c;
	padding: 10px;
	margin: 30px 100px;
}

.frame h4{
	font-size: 12pt;
	font-weight: 600;
	border-bottom: 2px dotted #f6c;
}

.frame h5{
	margin: 15px 0 10px 0;
	font-size: 12pt;
	font-weight: 600;
}

.frame ul{
	list-style: none;
	margin-left: 40px;
}

.frame li{
	background: url(../image/bg_list.gif) no-repeat 0 0.2em;
	margin: 18px 0;
	padding-left: 20px;
}

.frame p{

}

/*---------- .right/.clear ----------*/
.right{
	float: right;
	margin: 0 10px;
}

.clear{
	clear: both;
}

.height1{
	height: 1px;
}

.height3{
	height: 3px;
}

.displaynone{
	display: none;
}

/*---------- fonts ----------*/
.red {
	color: #ff0000;
}


.orange {
	color: #ff9900;
}

.blue {
	color: #0000ff;
}

.pinkA{
	color: #f39;
}


.pinkB{
	color: #f6c;
}

.gray{
	color: #666666;
}

.black{
        color: #000000;
}

.small {
	font-size: smaller;
}

strong{
	font-weight: 600;
}

.underline{
	text-decoration: underline;
}

.bold600{
	font-weight: 600;
}

.taCenter{
	text-align: center;
}

.mt10{	margin-top: 10px;}
.mt20{	margin-top: 20px;}
.mt30{	margin-top: 30px;}
.mt40{	margin-top: 40px;}
.mt50{	margin-top: 50px;}
.mt60{	margin-top: 60px;}
.mt70{	margin-top: 70px;}
.mt80{	margin-top: 80px;}


.f08{ font-size: 8pt;}
.f09{ font-size: 9pt;}
.f11{ font-size: 11pt;}
.f12{ font-size: 12pt;}
.f13{ font-size: 13pt;}
.f14{ font-size: 14pt;}
.f15{ font-size: 15pt;}