@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;
}


.form_bottom {
	width: 770px;
	margin: 0 auto;
	padding-bottom: 5px;
	background: url(../image/wrapper/bg_form_bottom.gif) no-repeat center bottom;
}

.form_top {
	width: 770px;
	background: url(../image/wrapper/bg_form_top.gif) no-repeat center top;
	padding-top: 70px;	
}

.form_middle {
	width: 600px;	
	padding: 20px 85px 10px;
	background: url(../image/wrapper/bg_form_middle.gif) repeat-y center;
}

.form_middle table.form_box {
	width: 590px;
	margin: 0 auto 10px;
}

.form_middle table.form_box th {
	padding-bottom: 5px;
}

.form_middle table.form_box td {}

.form_middle table.form_box input.input_form {
	width: 350px;
}

.form_middle table.form_box input.button {
	padding: 5px;
}
	
.form_middle .att_txt {
	width: 580px;
	margin: 0 auto;
	color: #000;
	text-align: left;
}


/*----------------------
	.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;
}

.dl_btn {
	width: 600px;
	height: 80px;
	margin: 0 auto 10px;
	display: block;	
}

.dl_btn a {
	display: block;
	width: 600px;
	height: 0;
	background: url(../image/dl.jpg) no-repeat;
	padding-top: 80px;
	overflow: hidden;

}

.dl_btn a:hover {
	 background: url(../image/dl.jpg) no-repeat 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;
	color:#000;
}

.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{

}

.frame_2 ol{
	padding-left:30px;
	line-height: 1.8em;}
.frame_2 ul{
	line-height: 1.8em;
	list-style:none;
	text-indent:-1em;
	padding-left:20px;
}

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

.clear{
	clear: both;
}

.height1{
	height: 1px;
}

.height3{
	height: 3px;
}

.displaynone{
	display: none;
}

.no{vertical-align:middle;}


/*--------------------------------
	.movie
-----------------------------------------------------------------------------------------------------------*/
.movie
{
	width:640px;
	height:385px;
	margin-left:auto;
	margin-right:auto;
	border:#F09 solid 1px;
}

.point{background:#CCC;border:solid 1px #F09; padding:5px 10px; color:#000;}

.point_box {
	width: 583px;
	background: #CCC;
	margin: 0 auto 20px;
	padding: 5px 10px;
	color: #000;
	border: solid 1px #F09;
}

.indent_txt {
	padding-left: 1em;
	text-indent: -1em;
}

.mail {
	width:700px;
	margin-left:auto;
	margin-right:auto;
}

/*---------------------- 
	.fonts 
-----------------------------------------------------------------------------------------------------------*/
.red { color: #f00;}
.blue { color: #00f;}
.pinkA { color: #f39;}
.pinkB { color: #f6c;}
.gray { color: #666;}
.black { color: #000;}
.orange { color: #f90;}

.t_bold { font-weight: bold;}
.bold600{ font-weight: 600;}
strong{ font-weight: 600;}

.small { font-size: smaller;}

.underline { text-decoration: underline;}

.t_left { text-align: left;}
.taCenter { text-align: center;}
.t_center { text-align: center;}
.t_right { text-align: right;}

.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;}


/*---------------------- 
 .margin
-----------------------------------------------------------------------------------------------------------*/
.mt_0 { margin-top: 0;}
.mt_5 {	margin-top: 5px;}
.mt_10 { margin-top: 10px;}
.mt_20 { margin-top: 20px;}
.mt_30 { margin-top: 30px;}
.mt_40 { margin-top: 40px;}
.mt_50 { margin-top: 50px;}
.mt_60 { margin-top: 60px;}
.mt_70 { margin-top: 70px;}
.mt_80 { margin-top: 80px;}

.ml_0 {	margin-left: 0;}
.ml_5 {	margin-left: 5px;}
.ml_10 { margin-left: 10px;}
.ml_20 { margin-left: 20px;}
.ml_30 { margin-left: 30px;}
.ml_40 { margin-left: 40px;}
.ml_50 { margin-left: 50px;}
.ml_60 { margin-left: 60px;}
.ml_70 { margin-left: 70px;}
.ml_80 { margin-left: 80px;}

.mr_0 {	margin-right: 0;}
.mr_5 {	margin-right: 5px;}
.mr_10 { margin-right: 10px;}
.mr_20 { margin-right: 20px;}
.mr_30 { margin-right: 30px;}
.mr_40 { margin-right: 40px;}
.mr_50 { margin-right: 50px;}
.mr_60 { margin-right: 60px;}
.mr_70 { margin-right: 70px;}
.mr_80 { margin-right: 80px;}

.mb_0 {	margin-bottom: 0;}
.mb_5 {	margin-bottom: 5px;}
.mb_10 { margin-bottom: 10px;}
.mb_20 { margin-bottom: 20px;}
.mb_30 { margin-bottom: 30px;}
.mb_40 { margin-bottom: 40px;}
.mb_50 { margin-bottom: 50px;}
.mb_60 { margin-bottom: 60px;}
.mb_70 { margin-bottom: 70px;}
.mb_80 { margin-bottom: 80px;}


/*---------------------- 
 .list
-----------------------------------------------------------------------------------------------------------*/
ul.normal_list {
	margin: 0 0 20px 20px;	
}