@charset "shift_jis";
/*-------------------------------------------------------------
	#content
-------------------------------------------------------------*/
#content .main{
	margin-left: 20px;
	margin-right: 20px;
}

#content .mainT100{
	margin-left: 100px;
	margin-right: 100px;
}
/*-------------------------------------------------------------
	#textBox
-------------------------------------------------------------*/
#textBox{
	margin: 20px;
	padding: 0 0 20px 0;
	background: url(../image/bg_textBox.gif) no-repeat center bottom #fff;
}



#textBox ul{
	list-style: none;
}
#textBox .box2 {
	margin:0 auto;
	width:640px;
	padding:10px;
	border: 1px solid #999;
	height:150px;
	background:#ccedfb;

}
	

#textBox .boxCenter_l {
	width:310px;
	float:left;
}

#textBox .boxCenter_r {
	width:320px;
	float:right;
}
#textBox .cl{clear:both;}

#textBox .boxCenter {
	margin:0 auto;
	width:420px;
	padding:10px;
	border: 1px solid #999;
	background:#ffc;
}

#textBox .boxCenter2 {
	margin:0 auto;
	width:520px;
	padding:10px;
	border: 1px solid #999;
	background:#ffc;
}

#textBox .ml60 {
	margin-left:60px;
}



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

#textBox .ul2 li{
	background: url(../image/bg_cb.gif) no-repeat 0 0.2em;
	margin: 10px 0;
	padding-left: 20px;
}

#textBox .ul3 li{
	background: url(../image/bg_list2.gif) no-repeat 0 0.2em;
	margin: 10px 0;
	padding-left: 20px;
}


/*-------------------------------------------------------------
	.itemBox
-------------------------------------------------------------*/
.itemBox{
	border: 1px solid #999;
	padding: 3px;
	background: #fff;
}

p.boxTitle{
	margin: 0 0 3px 0;
	padding: 3px 0 2px 6px;
	background: #f00;
	color: #fff;
	font-size: 10.8pt;
	font-weight: 600;
}

p.voiceTitle{
	margin:10px 0 3px 0;
	padding: 3px 0 2px 6px;
	background: #999;
	color: #fff;
	font-weight: 400;
}


.boxContent{
	position: relative;
	margin: 0;
	padding: 0;
}

.imgArea{
	margin: 0;
	padding: 0;
}

.textArea{
	position: absolute;
	top: 0px;
	left: 159px;
	margin: 0;
	padding: 0;
	width: 278px;
}

p.itemTitle{
	display: block;
	margin: 0;
	padding: 3px 0 2px 6px;
	background: #ff0;
	color: #000;
	font-size: 10.5pt;
	font-weight: 600;
}

p.itemAuthor{
	display: block;
	margin: 0;
	padding: 3px 0 2px 6px;
	background: #f6c;
	color: #000;
	font-size: 10pt;
	font-weight: 600;
}

p.itemPrice{
	margin: 0;
	padding: 8px 0 2px 6px;
}

.buttonArea{
	position: absolute;
	top: 150px;
	left: 160px;
	width: 280px;
}
.voice{
	background-color:#ffc;
	margin:10px;
	padding:5px;
	height:50px;
	border: 1px solid #999;

}
.voice1{
	background-color:#ffc;
	margin:10px 10px 80px 10px;
	padding:5px;
	height:50px;
	border: 1px solid #999;

}


hr{
	border: 1px solid #999;
	}

/*-------------------------------------------------------------
	.btn_detail
-------------------------------------------------------------*/
.btn_detail a{
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	width: 125px;
	height: 50px;
	background: url(../image/btn_detail.jpg) no-repeat 0 0;
}

.btn_detail a span{
	display: none;
}

.btn_detail a:hover{
	background-position: 0 -50px;
}
/*-------------------------------------------------------------
	.btn_purchase
-------------------------------------------------------------*/
.btn_purchase a{
	display: block;
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	width: 125px;
	height: 50px;
	background: url(../image/btn_purchase.jpg) no-repeat 0 0;
}

.btn_purchase a span{
	display: none;
}

.btn_purchase a:hover{
	background-position: 0 -50px;
}

/*-------------------------------------------------------------
	.btn_list
-------------------------------------------------------------*/
.btn_list a{
	margin:10px auto;
	display: block;
	width: 480px;
	height: 40px;
	background: url(../image/btn_list.gif) no-repeat 0 0;
}

.btn_list a span{
	display: none;
}

.btn_list a:hover{
	background-position:0 -50px;
}


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


.orange {
	color: #ff9900;
}

.blue {
	color: #0000ff;
}

.pinkA{
	color: #f39;
}


.pinkB{
	color: #f6c;
}

.gray{
	color: #666666;
}

.small {
	font-size: smaller;
}

strong{
	font-weight: 600;
}

.underline{
	text-decoration: underline;
}

.bold600{
	font-weight: 600;
}

.taCenter{
	text-align: center;
}

.mt05{	margin: 5px 0;}
.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;}