/* COMMON */

body {
	text-align: center;
}

.hapmClear {
	clear: both;
}

.happClear {
	clear: both;
}
.happClear2 {
	clear: both;
	padding-top: 10px;
	margin-bottom: 10px; 
	border-bottom: solid 1px #808080;
}
.happClear3 {
	clear: both;
	padding-top: 10px;
	margin-bottom: 15px; 
}
.happClear4 {
	clear: both;
	padding-top: 10px;
	margin-bottom: 15px; 
	border-bottom: dotted 1px #808080;
	margin-left: auto;
	margin-right: auto;
	width: 670px;
}
.happClear5 {
	clear: both;
	padding-top: 10px;
	margin-bottom: 15px; 
	border-bottom: solid 1px #808080;
	margin-left: auto;
	margin-right: auto;
	width: 640px;
}
.happClear6 {
	clear: both;
	padding-top: 10px;
}

#upToTop {
	text-align: center;
	margin-bottom: 20px;
}

#mainFrame {
	margin-left: auto;
	margin-right: auto;
	width: 801px; background-image:url(/jp2/music/image_common/mainFrame.gif);
	text-align: center;
}

#mainContents {
	width: 756px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#searchBoxFrame {
	background-image: url(../../img_common/searchBoxBg.gif);
	background-repeat: no-repeat;
	width: 756px;
	height: 39px;
}
#searchBoxInside {
	margin-left: 130px;
	color: #923B38;
	font-size: 12px;
	font-weight: bold;
	padding-top: 7px;
}
#searchBoxInside input {
	margin-left: 5px;
}
#searchBoxInside select {
	margin-left: 5px;
}

#privacy {
	text-align: right;
	font-size: 11px;
	color: #007BC2;
	margin-top: 30px;
}
#privacy a {
	color: #007BC2;
}
#footerLine {
	margin-top: 3px;
	margin-bottom: 3px;
}
#copyright {
	text-align: center;
	font-size: 11px;
	color: #666666;
	margin-bottom: 20px;
}

#otherCaption {
	margin-bottom: 20px;
}



/* TOP */

/** MAIN LEFT **/
#topMainLeftFrame {
	float: left;
	width: 574px;
}
.topMainLeftInside {
	width: 574px; border: solid 1px #28763D; background-color: #D9EEB4; margin: auto; margin-bottom: 15px;
}
#topMainSpecialBanner {
	width: 574px;
	text-align: center;
	margin-top: 10px;
}
#topMainWebcityLink {
	margin-left: 15px; margin-top: 10px; margin-bottom: 10px;
}

#topMainInfoCaption {
	margin-bottom: 15px;
}
.topMainInfoText {
	font-size: 11px; line-height: 16px; padding-bottom: 10px; border-bottom: dotted 1px #28763D; margin-bottom: 10px;
}
.topMainInfoImage {
	float: left; width: 35px; margin-right: 5px;
}
.topMainInfoContents {
	float: left; width: 500px;
}

/** MAIN RIGHT **/
#topMainRightFrame {
	float: left; width: 158px; border: solid 1px #FF5C00; margin-left: 14px; background-color: #FEEBCA;
}
.topMainRightInside {
	padding-bottom: 10px; border-bottom: dotted 1px #FF5C00; margin-bottom: 10px;
}
.topMainRightInsideContents {
	padding-left: 5px; padding-right: 5px; font-size: 11px; line-height: 16px; color: #333333;
}


/* PRODUCT INFO - GENRE */

#productInfoSearchResultTxt {
	width: 670px;
	font-size: 12px;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}
#productInfoSearchResultNo {
	color: #E58C5E;
}

.productInfoSearchSlider {
	width: 670px;
	height: 12px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
}
.productInfoSearchSliderR {
	float: right;
	color: #E58C5E;
}
.productInfoSearchSliderL {
	float: left;
	width: 360px;
}
.productInfoSearchSliderLL {
	float: left;
	color: #E58C5E;
}
.productInfoSearchSliderLR {
	float: right;
}
.productInfoSearchSliderR a {
	color: #E58C5E;
}
.productInfoSearchSliderLL a {
	color: #E58C5E;
}

#productInfoSearchIndex {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	color: #333333;
	padding-bottom: 10px;
	border-bottom: solid 1px #808080;
	margin-bottom: 15px;
}







/* PRODUCT INFO LIST */

.productInfoGenreInside {
	float: left;
	width: 320px;
}

.productInfoGenreR {
	float: left;
}
.productInfoGenreL {
	float: left;
	width: 60px;
}

.productInfoGenreSubCaption {
	width: 240px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	border-bottom: solid 1px #808080;
	padding-bottom: 3px;
	margin-bottom: 5px;
}
.productInfoGenreText1 {
	font-size: 12px;
	color: #000000;
	margin-bottom: 3px;
}
.productInfoGenreText2 {
	font-size: 12px;
	color: #FF0000;
	margin-bottom: 5px;
}
.productInfoSyosai {
	margin-bottom: 5px;
}







/* PRODUCT SYOSAI */

#productSyosaiTitle {
	background-color: #006F83;
	color: #006F83;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#productSyosaiTitleL {
	float: right;
	padding: 2px;
	background-color: #F7931E;
	font-size: 12px;
	color: #FFFFFF;
}
#productSyosaiTitleR {
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 3px;
}

#productSyosai1 {
	padding-bottom: 15px;
	border-bottom: dotted 1px #808080;
	margin-bottom: 15px;
}
#productSyosai1L {
	float: left;
	width: 125px;
}
#productSyosai1R {
	float: left;
	font-size: 12px;
	color: #333333;
	margin-left: 20px;
	width: 500px;
}
#productSyosai1Caption {
	color: #F7931E;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 3px;
}
#productSyosai1Lead {
	margin-bottom: 10px;
}
#productSyosai1StoryC {
	color: #F7931E;
}
#productSyosai1Story {
	margin-bottom: 10px;
}
#productSyosai1Buy {
	margin-bottom: 20px;
}

#productSyosai2 {
	margin-bottom: 30px;
}

#productSyosai2L {
	float: left;
	width: 305px;
}
#productSyosai2LTable {
	background-color: #333333;
	color: #333333;
	font-size: 12px;
	line-height: 16px;
}
#productSyosai2LTd1 {
	background-color: #EEF6E3;
	text-align: center;
	padding: 3px;
	width: 80px;
}
#productSyosai2LTd2 {
	background-color: #FFFFFF;
	padding: 3px;
}
#productSyosai2LNotice {
	font-size: 12px;
	line-height: 16px;
	color: #FF0000;
}

#productSyosai2R {
	float: left;
	width: 305px;
	font-size: 12px;
	line-height: 16px;
	margin-left: 40px;
}
#productSyosai2RCaption {
	font-size: 13px;
	font-weight: bold;
	color: #1F915D;
}
#productSyosai2RText {
	margin-bottom: 10px;
}



/* LISTEN */

.listenMainFrame {
	margin-left: auto; margin-right: auto; margin-top: 15px; border: solid 1px #333333; padding: 10px; width: 590px;
}
.listenLeftImage {
	float: left;
}
.listenRightFrame {
	float: left; width: 470px; margin-left: 10px;
}
.listenRightTitleFrame { padding-bottom: 5px; border-bottom: solid 1px; #CCCCCC; margin-bottom: 10px; }
.listenRightTitle { float: left; width: 300px; text-align: left; font-size: 12px; font-weight: bold; color: #000000; }
.listenRightTitleC { font-weight: bold; margin-bottom: 3px; }
.listenRightBuy { float: left; padding-top: 5px; width: 143px; }
.listenRightPrice {
	width: 470px; margin-bottom: 10px; font-size: 11px; color: #000000
}
.listenRightDate {
	color: #FF0000;
}
.listenRightSongsFrame1 {
	background-color: #E6E6E6; padding: 2px; font-size: 11px; color: #000000;
}
.listenRightSongsFrame2 {
	background-color: #FFFFFF; padding: 2px; font-size: 11px; color: #000000;
}
.listenRightSongsTitle { float: left; width: 370px; }
.listenRightSongsListen {
	float: left; width: 70px;
}
.listenRightSongsListen img {
	margin-right: 3px;
}



/* ARTIST LINK */

#linkFrame {
	margin-left: auto; margin-right: auto; margin-top: 15px; width: 650px; padding: 15px; background-color: #F5FAE8;
}
#linkFrame table {
	width: 100%; font-size: 12px; color: #000000;
}
#linkFrame td {
	padding: 5px;
	border-bottom: dotted 1px #333333;
}



/* NOTICE TITLE */

#noticeTitle {
	background-color: #66B92F;
	font-size: 13px;
	font-weight: bold;
	padding: 5px;
	color: #FFFFFF;
	margin-bottom: 20px;
}
#noticeText {
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	margin-bottom: 20px;
}
