@charset "EUC-JP";

/*////////////////////////////////////////////////////////////
	PRODUCT COMMON
////////////////////////////////////////////////////////////*/

#product h1 {
	font-size: medium;
	font-weight: bold;
	color: #602E2E;
	background-image: url(../img/lin_tit.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 10px;
	padding-bottom: 0.8em;
}
#product h2 {
	font-weight: bold;
	color: #602E2E;
}

/*////////////////////////////////////////////////////////////
	PRODUCT NAVI
////////////////////////////////////////////////////////////*/

#product .pagenavi {
	background-color: #EEE9E9;
	padding: 3px;
	font-size: 80%;
	margin-bottom: 10px;
}
#product .pagenavi .info {
	width: 210px;
}
#product .pagenavi .navi {
	float: right;
	width: 300px;
	text-align: right;
}
#product .pagenavi .navi a {
	white-space: nowrap;
}


/*////////////////////////////////////////////////////////////
	PRODUCT LIST
////////////////////////////////////////////////////////////*/

#list .composer {
	background-color: #F0EEDB;
	padding: 10px;
	font-size: 90%;
	margin-bottom: 10px;
}
#list .composer ul {
	list-style-type: none;
}
#list .composer li {
	float: left;
	background-image: url(../img/lin_composer.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 0.8em;
	padding-right: 0.8em;
	white-space: nowrap;
}
#list .composer li.end {
	background-image: none;
}
#list .composer a {
	margin-right: 0.4em;
}
#list .composer strong {
	margin-right: 0.4em;
}
#list ol li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 1.2em;
	padding-bottom: 1.2em;
	margin-left: 30px;
}
#list .spec {
	margin-bottom: 0.3em;
}
#product .code {
	color: #602E2E;
}
#product .com {
	color: #602E2E;
	margin-left: 1em;
}
#product .pub {
	color: #602E2E;
	margin-left: 1em;
}
#product .name {
	color: #602E2E;
}
#list .input {
	float: right;
	margin-top: 0em;
}
#list .priceArea {
	margin-top: 3px;
}

#product .input input {
	text-align: center;
	vertical-align: middle;
}
#product .price {
	font-weight: bold;
	color: #CC0000;
	white-space: nowrap;
}

#product .mini {
	font-weight: normal;
	color: #CC0000;
}
#product .outof {
	color: #333333;
	margin-left: 0.5em;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 80%;
}
#product img.btn {
	margin-left: 3px;
	vertical-align: middle;
}

/*////////////////////////////////////////////////////////////
	PRODUCT DETAIL
////////////////////////////////////////////////////////////*/

#detail .book {
	background-color: #EEEEEE;
	padding: 5px;
	float: left;
	margin-right: 20px;
}
#detail #main {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#detail #main .code {
	margin-top: 0.5em;
	color: #333333;
}
#detail #main .addtobag {
	margin-top: 10px;
}
#detail #main .addtobag td {
	background-color: #EBEAD7;
	padding: 10px;
}
#detail #main .addtobag input {
	text-align: center;
	vertical-align: middle;
}
#detail #sub {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#detail #sub ul {
	list-style-type: none;
}
#detail #sub li.row {
	width: 32%;
	float: left;
}
#detail #songlist {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#detail #songlist .head {
	background-color: #EEE9E9;
}
#detail #songlist td,
#detail #songlist th {
	padding: 0.1em;
	font-size: 90%;
}
#detail #songlist th {
	text-align: left;
	padding: 0.3em;
}
#detail #songlist .odd td {
	padding: 0.3em;
}
#detail #songlist .even td {
	background-color: #F0F0F0;
	padding: 0.3em;
}
#detail #songlist td.num {
	text-align: center;
	width: 20px;
}
#detail #songlist a {
	background-image: url(../img/ic_pagelink.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 18px;
}
#detail #songdetail {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#detail #songdetail ol li {
	margin-top: 10px;
	background-image: url(/img/bg_song.gif);
	background-repeat: repeat-x;
	background-position: top;
	list-style-position: inside;
	padding-left: 10px;
}
#detail #songdetail ol li {
	padding-left: 0px;
}
#detail #songdetail ol li strong {
	margin-bottom: 0.3em;
	padding-top: 0.3em;
}

#detail #songdetail ul {
	padding-bottom: 10px;
	margin-left: 15px;
	margin-top: 0.5em;
	width: 735px;
}
#detail #songdetail ul li {
	float: left;
	width: 31%;
	list-style-type: none;
	margin: 0px;
	background-image: none;
	padding: 0px;
}

#songdetail li.clr {
	clear: left;
}

#detail #songdetail table {
	margin-top: 5px;
	margin-left: 16px;
}

#detail #songdetail td {
	width: 235px;
	vertical-align: top;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-right: 1em;
}

#songdetail div.detalibox {
	padding : 0px;
	margin-left: 15px;
	margin-top: 0.5em;
	width: 735px;
}
#songdetail div.detailitem {
	float: left;
	width: 31%;
	list-style-type: none;
	margin: 0px;
	background-image: none;
	padding: 0px;
}
#songdetail div.detailclear {
	clear : left;
	padding: 0px;
}

/*////////////////////////////////////////////////////////////
	DETAIL SEARCH
////////////////////////////////////////////////////////////*/

#dsearch p {
	margin-bottom: 1.5em;
}
#dsearch form {
	text-align: center;
}

#dsearch table {
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}
#dsearch th,
#dsearch td {
	background-image: url(/img/lin_02.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}
#dsearch tr.end th,
#dsearch tr.end td {
	background-image: none;
}
#dsearch th {
	text-align: right;
	width: 160px;
	white-space: nowrap;
}
#dsearch td {
	text-align: left;
}
#dsearch td input {
	margin-left: 0px;
}


#dsearch ul {
	list-style-type: none;
}
#dsearch li {
	float: left;
	margin-right: 1em;
}
#dsearch input {
	margin-right: 0.3em;
}
#dsearch #btn {
	padding: 7px;
	margin-bottom: 15px;
	background-image: url(../img/bg_btn_02.gif);
	clear: both;
	text-align: center;
}
#dsearch label {
	white-space: nowrap;
	margin-right: 1em;
}

#result {
	background-color: #F0EEDB;
	padding: 10px;
	margin-bottom: 15px;
}
#result th,#result td {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	font-size: 80%;
}
#result th {
	text-align: right;
}
#result p {
	font-size: 80%;
}