@charset "shift-jis";

@import "reset.css";


/* ---------------------------------------------------
style.css
‹¤’ÊCSS
--------------------------------------------------- */

/* ---------------------------------------------------
common
--------------------------------------------------- */
html {
	background: #fff;
}

body {
	background: #fff;
	font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','‚l‚r ‚oƒSƒVƒbƒN','ƒ�ƒCƒŠƒI',Meiryo,sans-serif;
	color: #333;
	text-align: center;
}

a {
	color: #fd5f00;
	text-decoration: none;
}

a:visited {
	color: #fd5f00;
	text-decoration: none;
}

a:hover {
	color: #fe9557;
	text-decoration: underline;
}


/* ---------------------------------------------------
layout
--------------------------------------------------- */
#pagetop {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

img {
	display: block;
	margin: 0;
	padding: 0;
}

.cl {
	clear: both;
}

/* ---------------------------------------------------
header
--------------------------------------------------- */
#header {
	position: relative;
	width: 760px;
	height: 88px;
}
#header img {
	display: block;
	margin: 0;
	padding: 0;
}
#header #sitelogo {
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
	padding: 0;
}
#header #contact {
	position: absolute;
	top: 10px;
	left: 498px;
	margin: 0;
	padding: 0;
}



/* ---------------------------------------------------
main
--------------------------------------------------- */
#main {
	margin: 0 0 20px 0;
}

/* h1 ----------------------------------------- */
h1 {
	width: 760px;
	height: 586px;
	margin: 0 0 20px 0;
	padding: 0;
}

/* item01 ----------------------------------------- */
.item01 {
	margin: 0 19px;
	padding: 0;
}
.item01 h2,
.item01 p {
	margin: 0;
	padding: 0;
}

/* btnbox01 ----------------------------------------- */
.btnbox01 {
	margin: 30px 0;
}
.btnbox01 p.cart {
	width: 366px;
	height: 69px;
	margin: 0 197px;
	padding: 0;
}
p.cart a {
	display: block;
	width: 366px;
	height: 69px;
	margin: 0;
	padding: 0;
	background: url(../images/btn01_on.gif) no-repeat left top;
	overflow: hidden;
}
p.cart a img {
	display: inline;
}
p.cart a:hover {
	text-indent: -9999px;
}

/* btnbox02 ----------------------------------------- */
.btnbox02 {
	margin: 20px 0;
}
.btnbox02 p.cart {
	width: 366px;
	height: 69px;
	margin: 0 197px;
	padding: 0;
}


/* discbox ----------------------------------------- */
.discbox {
	width: 722px;
	margin: 0 19px;
	padding: 0 0 20px 0;
}
.discstyle01 {
	background: #e0ead7 url(../images/disc_bg01.gif) no-repeat left top;
}
.discstyle02 {
	background: #e5eeea url(../images/disc_bg02.gif) no-repeat left top;
}

.discbox .sec01 {
	position: relative;
	width: 722px;
	margin: 0;
	padding: 0;
}
.discbox .sec01 .line2 {
	padding: 19px 0 36px 0;
}
.discbox .sec01 .line3 {
	padding: 10px 0 27px 0;
}


/*Šï�”*/
.discstyle01 .sec01 h3 {
	width: 350px;
	height: 51px;
	margin: 0;
	padding: 0;
}
.discstyle01 .sec01 .info {
	margin: 0 128px 0 60px;
	font-size: 108%;
	line-height: 1.5;
	color: #000;
}
.discstyle01 .sec01 .img {
	position: absolute;
	left: 604px;
	top: 7px;
	width: 95px;
	height: 134px;
	margin: 0;
	padding: 0;
}
.discstyle01 .sec02 {
	width: 692px;
	margin: 0 10px 0 20px;
	padding: 0;
}
.discstyle01 .sec02 .chapter {
	float: left;
	width: 242px;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 93%;
	line-height: 1.2;
	color: #000;
}
.discstyle01 .sec02 .photo01 {
	float: left;
	width: 230px;
	margin: 0;
	padding: 0 0 20px 0;
}
.discstyle01 .sec02 .photo02 {
	float: left;
	width: 220px;
	margin: 0;
	padding: 0 0 20px 0;
}

/*‹ô�”*/
.discstyle02 .sec01 h3 {
	width: 350px;
	height: 51px;
	margin: 0 0 0 372px;
	padding: 0;
}
.discstyle02 .sec01 .info {
	margin: 0 63px 0 140px;
	font-size: 108%;
	line-height: 1.5;
	color: #000;
}
.discstyle02 .sec01 .img {
	position: absolute;
	left: 23px;
	top: 7px;
	width: 95px;
	height: 134px;
	margin: 0;
	padding: 0;
}
.discstyle02 .sec02 {
	width: 702px;
	margin: 0 10px 0 10px;
	padding: 0;
}
.discstyle02 .sec02 .photo01 {
	float: left;
	width: 230px;
	margin: 0;
	padding: 0 0 20px 0;
}
.discstyle02 .sec02 .photo02 {
	float: left;
	width: 230px;
	margin: 0;
	padding: 0 0 20px 0;
}
.discstyle02 .sec02 .chapter {
	float: left;
	width: 242px;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 93%;
	line-height: 1.2;
	color: #000;
}

/* voice */
.voice {
	margin: 0 20px;
	padding: 0 0 23px 0;
}
.discstyle01 .voice {
	background: #b9cc19 url(../images/voice01_bg02.gif) no-repeat left bottom;
}
.discstyle02 .voice {
	background: #b9cc19 url(../images/voice02_bg02.gif) no-repeat left bottom;
}
.voice h4 {
	margin: 0;
	padding: 0;
}
.voiceunit {
	width: 647px;
	margin: 23px 0 0 17px;
	padding: 0;
}
.nomgn {
	margin-top: 0;
}
.voiceunit .img {
	float: left;
	width: 98px;
	margin: 0;
	padding: 0;
}
.voiceunit .right {
	float: left;
	width: 549px;
	margin: 0;
	padding: 0;
}
.voiceunit .right .data {
	margin: 10px 0 0 39px;
	padding: 0;
	font-size: 93%;
	line-height: 1.2;
}
.voiceunit .right .txt {
	margin: 10px 10px 0 39px;
	padding: 0 0 13px 0;
	font-size: 108%;
	line-height: 1.5;
	color: #000;
}

.voice_b {
	background: url(../images/voice_b_bg02.gif) no-repeat right bottom;
}
.voice_b .right {
	background: url(../images/voice_b_bg01.gif) no-repeat right top;
}
.voice_p {
	background: url(../images/voice_p_bg02.gif) no-repeat right bottom;
}
.voice_p .right {
	background: url(../images/voice_p_bg01.gif) no-repeat right top;
}


/* item02 ----------------------------------------- */
.item02 {
	margin: 30px 0 0 0;
	padding: 0;
	border: 1px solid #cccbcb;
}
.item02 .img {
	float: left;
	width: 236px;
	margin: 0;
	padding: 0;
}
.item02 .right {
	float: right;
	width: 500px;
	margin: 0;
	padding: 0;
}
.item02 .right h3 {
	margin: 0;
	padding: 0;
}
.item02 .right .price {
	margin: 4px 0 4px 159px;
	padding: 0;
}
.item02 .right .price strong {
	font-size: 300%;
	font-weight: bold;
	color: #dc2c24;
	vertical-align: baseline;
}
.item02 .right .price span {
	font-size: 138.5%;
	color: #000;
	vertical-align: baseline;
}
.item02 .right .data {
	margin: 10px 0 20px 0;
	padding: 10px 10px 0 6px;
	border-top: 1px solid #cccbcb;
}
.item02 .right .data p {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 93%;
	line-height: 1.5;
}
.item02 .btnbox03 {
	margin: 20px 0;
}
.item02 .btnbox03 p.cart {
	width: 366px;
	height: 69px;
	margin: 0 196px;
	padding: 0;
}


/* ---------------------------------------------------
footer
--------------------------------------------------- */
#footer {
	width: 760px;
	height: 33px;
	background: #e4d9c8 url(../images/head_u.gif) no-repeat left top;
}
#footer .copy {
	margin: 0;
	padding: 13px 0 0 10px;
	font-size: 93%;
	line-height: 1.2;
}