@charset "UTF-8";

/*reset*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul,ol{
	list-style-type:none;
}

ul li img {
	vertical-align: top;
}

.btn :hover{
	filter:alpha(opacity=70);
	opacity:0.7;
	cursor:pointer;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/*サイズ調整*/
.w1220{
	width:1220px;
	margin:0 auto;
}
.b20{margin-bottom:20px;}
.b30{margin-bottom:30px;}
.b50{padding-bottom:50px;}
.t40{margin-top:40px;}
.center{text-align:center;}
	
/*body*/
body {
	background-color:#fff;
	}
/*wrap*/
#wrap {}
/*header*/
header{
	background:#000;
	padding:10px 0 0 0;
	}
	
/*contents*/

/*メインビジュアル*/
#mainv{}
#mainv p{text-align:center;}

#read01{background-color:#a2753a; margin-top:10px; padding:9px 0 3px;}
#read02{background-color:#000; padding:18px 0 12px;}
#read01 p,
#read02 p{text-align:right;}
#books01{position:relative;}
#books02{
	position:absolute;
	top:-148px;
	left:0;
}

/*仕様など*/
#detail{background:url(../images/bg.png), repeat top center; padding-top:40px;}
#container{margin-top:50px;}
#left{float:left; width:600px; background:#000; padding-bottom:20px;}
#left li{text-align:center; margin-bottom:5px;}
#right{float:right; width:600px;}
#price{width:460px; margin:30px auto 50px;}

/*本の特徴*/
#sample{background:#fff;}
.obi{background:#000; padding:28px 0 25px 0;}
#sample01{background:url(../images/02_01_img.png) no-repeat; padding-bottom:40px;}
#sample02{background:url(../images/02_02_img.png) no-repeat; padding-bottom:40px;}
#sample03{background:url(../images/02_03_img.png) no-repeat; padding-bottom:40px;}
#sample04{background:url(../images/02_04_img.png) no-repeat; padding-bottom:40px;}
#sample05{background:url(../images/02_05_img.png) no-repeat; padding-bottom:40px; height:540px;}
#sample .right{float:right; width:616px; margin-top:50px;}
#sample ul{margin:30px 0 10px;}
#sample li{float:left;}
#sample .r10{margin-right:10px;}
#sample hr{
	margin:0 0 -1px 0;
	border-top: 1px solid #a2753a;
	}

/*その他の商品*/
#sound{
	background:#fff;
	border-bottom:1px solid #000;
	margin-bottom:20px;
}
#sound p{
		line-height:0;
		max-width:1440px;
		text-align:center;
		margin:0 auto;
}
#sound p img{
			width:100%;
}

/*footer*/
footer {
	width:100%;
	margin:0 auto;
	padding:40px 0;
	overflow:hidden;
	background-color:#000;
}

footer ul {
	width:380px;
	padding:0 0 0 5px;
	overflow:hidden;
	float:left;
}

footer ul li {
	padding:0 15px 0 0;
	float:left;
}

footer dl {
	width:364px;
	overflow:hidden;
	float:right;
	font-size:12px;
}

footer dl dt {
	width:60px;
	float:left;
	padding:0 0 7px 0;
	line-height:1.4;
}

footer dl dd {
	width:295px;
	float:right;
	padding:0 0 7px 0;
	line-height:1.4;
}

footer p.nav {
	padding:0 0 15px 0;
	clear:both;
	text-align:center;
	color:#fff;
}

footer p.nav  a {
	font-size:12px;
	color:#fff;
	text-decoration:underline;
}

footer p.nav  a:hover {
	text-decoration:none;
}

footer p.copyright {
	padding:5px 0 5px 0;
	text-align:center;
	font-size:12px;
	clear:both;
	color:#fff;
}

footer .ms {
	color:#fff;
	text-align: center;
	font-size: 12px;
	padding: 0 0 10px 0;
}