@charset "UTF-8";

body{
	margin:0;
	padding:0;
	font:normal 14px/26px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:2px;
	text-align:left;
	background-color:#ffefcc;
	color:#000;
	-webkit-text-size-adjust:none;
}


/*////////// reset //////////*/

/* reset */
div,
h1,h2,h3,h4,p,
ul,ol,li,
dl,dt,dd,
table,tr,th,td,
form,input,
img{
	margin:0;
	padding:0;
}

/* link */
a{
	margin:0;
	padding:0;
	color:#0082ff;
	text-decoration:none;
}
a:hover{ color:#ff42ff; text-decoration:underline; }
a:visited{ color:#EB6100; }

/* list */
ul,ol{ list-style:none; }

/* image */
img{
	border:none;
	vertical-align:bottom;
}

/* table */
table{
	border-collapse:collapse;
	border-spacing:0;
	text-align:left;
}



/*////////// 汎用クラス //////////*/

/* text */
.indent,
.indentList li{
	margin-left:1em;
	text-indent:-1em;
}

/* clearfix */
.clrfx:after,
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
.clrfx,
.clearfix{ zoom:1; }

/* layout */
.fltL,.floatL{ float:left; }
.fltR,.floatR{ float:right; }

.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt50{ margin-top:50px; }
.mt60{ margin-top:60px; }
.mt80{ margin-top:80px; }

.hiddenTitle{ display:none; }


/*////////// メイン //////////*/

.wrapper{
	width:1008px;
	margin:0 auto;
	padding:0 50px;
	background:url(../images/bg.gif) repeat-y;
}

.section{
	padding:0 0 170px 78px;
	background:url(../images/section_bg.gif) no-repeat bottom;
}


#koiuta_set{
	float:left;
	width:303px;
	height:163px;
	margin-right:32px;
	background:url(/books/koiuta/images/btn_set_bg.jpg) no-repeat;
}

#koiuta{
	float:left;
	width:303px;
	height:163px;
	margin-right:32px;
	background:url(/books/koiuta/images/btn_book_bg.jpg) no-repeat;
}

#koiuta_amazon{
	width:303px;
	height:163px;
	margin-right:32px;
	background:url(/books/koiuta/images/btn_amazon_bg.jpg) no-repeat;
}

#koiuta_set .btn,
#koiuta .btn,
#koiuta_amazon .noncart{
	padding:117px 71px 14px 71px;
	cursor:pointer;
}

#mainNav{
	float:left;
	width:177px;
	padding-left:5px;
	text-align:right;
}

#mainNav li{
	margin-bottom:14px;
	border-bottom:1px solid #0082ff;
}

#mainNav a{ display:block; }


/* special */
.special{
	width:847px;
	border:1px solid #000;
}

.special p{ padding:40px 0 45px 50px; }

.special .rightcol{ margin-left:420px; }

.special .title{ padding:30px 50px; }

.special .btnMember{ margin-left:470px; }

#special1{	background:url(../images/special_img1.jpg) no-repeat 452px 112px; border-bottom:none; }
#special2{	background:url(../images/special_img2.jpg) no-repeat 645px 30px; border-bottom:none; }
#special3{	background:url(../images/special_img3.jpg) no-repeat 660px 102px; }
#special1 .btnMember{ margin-top:292px; }
#special2 .btnMember{ margin-top:168px; }
#special3 .btnMember{ margin-top:188px; }


/* book */
#book h2{
	margin-left:-10px;
}

#book{ background:url(../images/book_bg.jpg) no-repeat 340px top; }

.danWrap{
	position:relative;
	width:930px;
}

.danWrap .btnMember,
#cdProd .btnMember{
	position:absolute;
	left:516px;
	bottom:0;
}

/* cd */
#cd{ background:url(../images/cd_bg.jpg) no-repeat right top; }

.cdlist{
	width:480px;
	margin-top:30px;
}

.cdlist li{
	padding-left:10px;
	line-height:40px;
}

.cdlist li:nth-child(odd){ background-color:#e6e6e6; }

.listenbtn{
	display:block;
	float:right;
	width:128px;
	height:40px;
	background-color:#FFF;
	text-indent:-9999px;
}

.listenbtn a{
	width:128px;
	display:block;
	background:url(../images/cd_btn_listen1.gif) no-repeat 8px 4px;
}
.listenbtn a.sm2_paused{	background:url(../images/cd_btn_listen1.gif) no-repeat 8px 4px; }
.listenbtn a.sm2_playing{	background:url(../images/cd_btn_listen1-pause.gif) no-repeat 8px 4px; }

.cdbtn{
	float:right;
	width:112px;
	padding:4px 8px;
	background-color:#FFF;
	text-align:center;
}

#cdProd{
	margin-top:30px;
	background:url(../images/cd_img1.jpg) no-repeat 425px top;
}


/*///// footer /////*/
#contlink{
	padding:0 180px 150px 180px;
	background:url(../images/section_bg.gif) no-repeat bottom;
}

#footerlink{ padding-left:160px; }

#footerlink li{
	float:left;
	margin-right:40px;
}

#copyright{
	padding:30px 0;
	font-size:10px;
	text-align:center;
}