@charset "utf-8";

/*

	カラム

	[voice-family] = IE5.5
	[* html] = IE6
	[*:first-child+html] = IE7
	[Hides from IE5-mac ～ End hide from IE5-mac] = Mac IE5
	[html>body] = モダンブラウザ

*/



/* 2カラム
================================================== */



#colum2 .alignRight {
	margin-right: 164px;
}



/* コンテナ
-------------------------------------------------- */
#colum2 #container {
	background-image: url(../images/common/bg_colum2.gif);
}



/* コンテンツ
-------------------------------------------------- */
#colum2 #contents {
	background-image: url(../images/common/bg_bottom_colum2.gif);
}
#colum2 #contents .left{
	float: left;
	width: 765px;
}


/* メインコンテナ
-------------------------------------------------- */
#colum2 #mainContainer {
	margin-top: 15px;
	margin-bottom: 5px;
	width: 750px;
	height: auto;
	overflow: hidden;
	font-size: 93%;	/* 12px */
	line-height: 1.5;
}
#colum2 #mainContainer a:link, #colum2 #mainContainer a:visited {
	text-decoration: underline;
}
#colum2 #mainContainer a:active, #colum2 #mainContainer a:hover {
	text-decoration: none;
}
#colum2 #mainContainer h3 {
	margin: 0 0 10px;
	height: 27px;
	overflow: hidden;
	background: #008000;
	text-indent: -9999px;
}
#colum2 #mainContainer h4 {
	color: #005D50;
	margin-bottom: 10px;
	padding: 5px;
	background: #EEF5D7 url(../images/side/line.gif) repeat-x 0 100%;
	font-size: 117%;	/* 14px */
	line-height: 1.5;
}
#colum2 #mainContainer h4 span {
	padding-left: 23px;
	display: block;
	background: url(../images/side/point2.gif) no-repeat 0 1px;
}
#colum2 #mainContainer div.entry {
	margin-right: 164px;
}
#colum2 #mainContainer div.entryBody {
	margin: 0 0 0 16px;
}
#main #go_name, #mainContainer #go_name {
	padding: 0;
	width: 60%;
}
* html #main #go_name, * html #mainContainer #go_name {
	margin-left: 0;
}
*:first-child+html #main #go_name, *:first-child+html #mainContainer #go_name {
	margin-left: 0;
}
#main #sch, #mainContainer #sch {
	float: none;
}
#colum2 #mainContainer2 {
	margin-top: 0px;
	width: 765px;
	height: auto;
	overflow: hidden;
	line-height: 1.5;
}
#colum2 #mainContainer2 h3 {
	margin: 0;
	height: 27px;
	overflow: hidden;
	height: 63px;
	background: url(../images/profile/side01.gif);
	text-indent: -9999px;
	padding: 0;
}


#colum2 #mainContainer2 .box01 h4 {
	color: #005D50;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 117%;	/* 14px */
	line-height: 1.5;
	background-image: url(../images/profile/contents04.gif);
}
#colum2 #mainContainer2 h5 {
	color: #FFFFFF;
	padding: 2px 0 0 10px;
	font-size: 12px;
	background-image: url(../images/profile/contents05.gif);
	background-repeat: no-repeat;
	height: 23px;
}

/* フォームアイテム
-------------------------------------------------- */
#colum2 #mainContainer div.error h4 {
	color: #FCFCFC;
	padding-bottom: 3px;
	background: #E36D4A;
}
#colum2 #mainContainer div.error h4 span {
	background-image: url(../images/common/errpoint.gif);
}



/* トップページ
-------------------------------------------------- */
#colum2 #mainContainer dl.works a:link,
#colum2 #mainContainer dl.works a:visited {
	text-decoration: none;
}
#colum2 #mainContainer dl.works dd {
	width: 444px;
}
#colum2 #mainContainer dl.works dd h4 {
	color: #4D4D4D;
	margin-bottom: 0;
	padding: 0 0 0 14px;
	background: url(../images/common/rightarrow.gif) no-repeat 0 6px;
}
#colum2 #mainContainer dl.works dd h4 a:link {
	color: #E36D4A;
}
#colum2 #mainContainer dl.works dd h4 a:visited {
	color: #6A3906;
}
#colum2 #mainContainer dl.works dd h4 a:active,
#colum2 #mainContainer dl.works dd h4 a:hover {
	color: #A50800;
}
#colum2 #mainContainer ul.worksPoint {
	width: 412px;
}




/* ご利用案内
-------------------------------------------------- */
#colum2 #mainContainer h3.guide {
	background-image: url(../images/guide/guide_title.gif);
}
body.guide #mainContainer table {
	width: 560px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}
html>body body.guide #mainContainer table {
	width: 100%;
}



/* 新着作品
-------------------------------------------------- */
#main h3.new {
	background-image: url(../images/title/new_title.gif);
}
body.new #main div.entryBody {
	margin: 0 0 10px;
	padding: 0 11px 10px;
	background: url(../images/common/line.gif) repeat-x 0 100%;
}
body.new #main div.last {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}



/* ランキング
-------------------------------------------------- */
#colum2 #mainContainer h3.ranking {
	background-image: url(../images/ranking/ranking_title.gif);
}
div.rankingArea {
	position: relative;
}
#colum2 #mainContainer div.rankingArea div.entryBody {
	margin: 10px 0 0;
	padding: 10px 0 0 16px;
	background: url(../images/common/line.gif) repeat-x 0 0;
}
#colum2 #mainContainer div.rankingArea div.start {
	margin-top: 0;
	padding-top: 0;
	background: none;
}
ul.rankingType {
	margin: 0 0 5px;
}
ul.rankingType li {
	margin-right: 5px;
	width: 157px;
	height: 32px;
	list-style-type: none;
	background: url(../images/ranking/rankingmenu.gif);
	text-indent: -9999px;
	float: left;
}
ul.rankingType li.pay {
	background-position: 0 100%;
}
ul.rankingType li.free {
	background-position: -157px 100%;
}
ul.rankingType li a {
	display: block;
	width: 157px;
	height: 32px;
	overflow: hidden;
	background: url(../images/ranking/rankingmenu.gif);
}
ul.rankingType li.free a {
	background-position: -157px 0;
}
ul.rankingType li.pay a:hover, ul.rankingType li.payCurrent a {
	background-position: 0 100%;
}
ul.rankingType li.free a:hover, ul.rankingType li.freeCurrent a {
	background-position: -157px 100%;
}
ul.rankingMode {
	margin: 0 0 10px;
}
ul.rankingMode li {
	margin-right: 6px;
	width: 75px;
	height: 32px;
	list-style-type: none;
	background: url(../images/ranking/rankingmenu.gif);
	text-indent: -9999px;
	float: left;
}
ul.rankingMode li.day {
	background-position: -314px 100%;
}
ul.rankingMode li.week {
	background-position: -389px 100%;
}
ul.rankingMode li.month {
	background-position: -464px 100%;
}
ul.rankingMode li.all {
	background-position: -539px 100%;
}
ul.rankingMode li a {
	display: block;
	width: 75px;
	height: 32px;
	overflow: hidden;
	background: url(../images/ranking/rankingmenu.gif);
}
ul.rankingMode li.day a {
	background-position: -314px 0;
}
ul.rankingMode li.week a {
	background-position: -389px 0;
}
ul.rankingMode li.month a {
	background-position: -464px 0;
}
ul.rankingMode li.all a {
	background-position: -539px 0;
}
ul.rankingMode li.day a:hover, ul.rankingMode li.dayCurrent a {
	background-position: -314px 100%;
}
ul.rankingMode li.week a:hover, ul.rankingMode li.weekCurrent a {
	background-position: -389px 100%;
}
ul.rankingMode li.month a:hover, ul.rankingMode li.monthCurrent a {
	background-position: -464px 100%;
}
ul.rankingMode li.all a:hover, ul.rankingMode li.allCurrent a {
	background-position: -539px 100%;
}
ul.rankingLink {
	margin: 0;
	position: absolute;
	top: 85px;
	right: 5px;
	text-align: right;
}
* html ul.rankingLink {
	right: 169px;
}
ul.rankingLink li {
	margin-left: 10px;
	display: inline;
	list-style-type: none;
}
ul.rankingLink li.prev a {
	padding-left: 14px;
	background: url(../images/common/leftarrow.gif) no-repeat 0 50%;
}
ul.rankingLink li.next a {
	padding-right: 14px;
	background: url(../images/common/rightarrow.gif) no-repeat 100% 50%;
}
dl.works dt.ranking strong {
	color: #FCFCFC;
	margin-bottom: 5px;
	padding-top: 11px;
	display: block;
	height: 50px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 0;
	font-size: 133%;	/* 16px */
	line-height: 1.5;
	text-align: center;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 39px;
}
html>body body.guide #mainContainer table {
	height: 39px;
}
dl.works dt.rankup strong {
	background-image: url(../images/ranking/up.gif);
}
dl.works dt.rankkeep strong {
	background-image: url(../images/ranking/keep.gif);
}
dl.works dt.rankdown strong {
	background-image: url(../images/ranking/down.gif);
}
dl.works dt.rankup_o strong {
	background-image: url(../images/ranking/up_o.gif);
}
dl.works dt.rankkeep_o strong {
	background-image: url(../images/ranking/keep_o.gif);
}
dl.works dt.rankdown_o strong {
	background-image: url(../images/ranking/down_o.gif);
}
dl.works dt strong span {
	display: none;
}
#colum2 #mainContainer div.rankingArea dl.works dl dd {
	width: auto;
}



/* 検索
-------------------------------------------------- */
#main h3.search {
	background-image: url(../images/title/search_title.gif);
}
#result {
	position: relative;
}
div.listSortType {
	position: absolute;
	top: -2px;
	right: 0;
}
div.listSortTypeBottom {
	margin: 0 0 10px;
	text-align: right;
}
#result2 {
	padding: 10px 0 0 0;
}
div.result {
	color: #C00;
	position: absolute;
	top: 0;
	right: 5px;
	text-align: right;
}
div.result strong {
	margin-right: 5px;
	font-size: 133%;	/* 16px */
	line-height: 1.5;
}
#main #result div.entryBody, #main #resultGroup div.entryBody {
	margin: 0 0 10px;
	padding: 0 11px 10px;
	background: url(../images/common/line.gif) repeat-x 0 100%;
}
#main #result div.last, #main #resultGroup div.last {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}
dl.groupList {
	margin: 1%;
	width: 30%;
	float: left;
}
dl.groupList dt {
	margin-bottom: 3px;
	text-align: center;
}
dl.groupList dt img {
	padding: 2px;
	border: 1px solid #CCC;
	vertical-align: bottom;
}
dl.groupList dd {
	margin: 0;
	text-align: center;
}
#main dl.groupList dd h4 {
	color: #4D4D4D;
	margin-bottom: 0;
	padding-bottom: 0;
	height: 1.5em;
	overflow: hidden;
	background: none;
	font-size: 100%;	/* 12px */
	line-height: 1.5;
}
dl.groupList dd p {
	height: 1.5em;
	overflow: hidden;
}
div.search_list th {
	width: 9.6%;
	text-align: center;
}
div.search_list th.wid {
	width: 13.6%;
	text-align: center;
}
div.search_list td {
	text-align: center;
}
div.search_list tr.even td {
	background: transparent;
}



/* 作品詳細
-------------------------------------------------- */
#main h3.intro {
	background-image: url(../images/detail/intro_title.gif);
}
div.samplemp3 {
	margin: 0px 80px 40px 0px;
}
div.jacket {
	margin: -20px 0 10px;
	text-align: center;
}
div.jacket img {
	padding: 2px;
	border: 1px solid #CCC;
}
ul.audition {
	margin: 0 0 20px;
	text-align: center;
}
ul.audition li {
	margin: 0 5px;
	display: inline;
	list-style-type: none;
	background: url(../images/detail/stream_o.gif) no-repeat 0 50%;
	line-height: 2;
}
ul.audition li a {
	padding-left: 35px;
	background: url(../images/detail/stream.gif) no-repeat 0 50%;
}
#main ul.audition li a {
	text-decoration: none;
}
ul.audition li a:hover {
	background: url(../images/detail/stream_o.gif) no-repeat 0 50%;
}
div.intro dl.table dt {
	width: 18%;
}
div.intro dl.table dd {
	width: 77%;
}
div.cartBig {
	margin: 0 0 15px;
	background: url(../images/detail/cartbtn.gif) no-repeat 50% 100%;
	text-align: center;
	text-indent: -9999px;
}
div.cartBig a {
	margin: 0 auto;
	display: block;
	width: 225px;
	height: 34px;
	overflow: hidden;
	background: url(../images/detail/cartbtn.gif);
}
#main div.cartBig a:link, #main div.cartBig a:visited {
	text-decoration: none;
}
div.cartBig a:hover {
	background-position: 0 100%;
}

div.cartBig2 {
	background: url(../images/detail/btnDL2.gif) no-repeat 50% 100%;
	text-align: center;
	text-indent: -9999px;
}
div.cartBig2 a {
	margin: 0 auto;
	display: block;
	width: 225px;
	height: 34px;
	overflow: hidden;
	background: url(../images/detail/btnDL2.gif);
}
#main div.cartBig2 a:link, #main div.cartBig a:visited {
	text-decoration: none;
}
div.cartBig2 a:hover {
	background-position: 0 100%;
}



/* ユーザー登録
-------------------------------------------------- */
#colum2 #mainContainer h3.user_regist {
	background-image: url(../images/title/user_regist_title.gif);
}



/* サークル登録
-------------------------------------------------- */
#colum2 #mainContainer h3.invite {
	background-image: url(../images/invite/invite_title.gif);
}
div.groupRegist {
	background: url(../images/invite/groupregistbtn.gif) no-repeat 50% 100%;
	text-align: center;
}
div.groupRegist a {
	margin: 0 auto;
	display: block;
	width: 310px;
	height: 44px;
	overflow: hidden;
	background: url(../images/invite/groupregistbtn.gif);
	text-indent: -9999px;
}
#colum2 #mainContainer div.groupRegist a:link,
#colum2 #mainContainer div.groupRegist a:visited {
	text-decoration: none;
}
div.groupRegist a:hover {
	background-position: 0 100%;
}
div.price {
	margin-bottom: 20px;
}
div.price table {
	margin: 0 5px;
	width: 31%;
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0 1%;
}
html>body #colum2 #mainContainer table {
	margin: 0 1%;
}
div.price th {
	text-align: center;
}
div.price td {
	text-align: right;
}
div.price tr.even td {
	background: transparent;
}
#colum2 #mainContainer h3.group_regist {
	background-image: url(../images/title/group_regist_title.gif);
}
div.groupRegistBtn #next {
	width: 138px;
}



/* よくある質問とその答え
-------------------------------------------------- */
#main h3.faq {
	background-image: url(../images/title/faq_title.gif);
}



/* サイトマップ
-------------------------------------------------- */
#main h3.sitemap {
	background-image: url(../images/title/sitemap_title.gif);
}



/* サークル規約
-------------------------------------------------- */
#colum2 #mainContainer h3.regulations_circle {
	background-image: url(../images/title/regulations_circle_title.gif);
}



/* ショッピングカート
-------------------------------------------------- */
#main h3.cart {
	background-image: url(../images/title/cart_title.gif);
}
body.cart #main fieldset {
	margin: 0;
}
body.cart #main div.entryBody {
	margin: 0 0 10px;
	padding: 0 11px 10px;
	background: url(../images/common/line.gif) repeat-x 0 100%;
}
body.cart #main div.last {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}
dl.works dt input {
	margin-top: 5px;
	width: 80px;
	height: 24px;
}
dl.works dt div.cart {
	margin-top: 5px;
}
body.cart #main fieldset.total {
	margin: 0 0 10px;
	padding: 5px 10px 10px;
	border: 1px solid #E5E5E5;
	background: #F5F5F5;
	text-align: center;
}
fieldset.total dl {
	margin: 0 0 10px;
	border-bottom: 1px dotted #CCC;
	font-weight: bold;
}
fieldset.total dl dt {
	display: inline;
	font-size: 117%;	/* 14px */
	line-height: 1.5;
}
fieldset.total dl dd {
	color: #C00;
	margin: 0 0 0 -3px;
	display: inline;
	font-size: 183%;	/* 22px */
	line-height: 1.5;
}
/*
fieldset.total div {
	background: url(../images/common/paybtn.gif) no-repeat 50% 100%;
}
*/
fieldset.total div a {
	margin: 0 auto;
	display: block;
	width: 150px;
	height: 34px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/common/paybtn.gif);
}
#main fieldset.total div a:link, #main fieldset.total div a:visited {
	text-decoration: none;
}
fieldset.total div a:hover {
	background-position: 0 100%;
}


/* カートデザイン変更：090626追加 */
body.cart #main fieldset.total2 {
	margin: 20px 0 50px;
}
body.cart #main fieldset.total2 div.entryBody {
	margin: 0 0 20px;
	padding: 25px 15px 20px;
	border: 1px solid #E5E5E5;
	background: #F5F5F5;
}
#main fieldset.total2 h4 {
	margin: 0;
	padding: 0 10px;
	background: none;
}
#main fieldset.total2 h4.border {
    margin-top: 20px;
    padding-top: 20px;
	border-top: 1px dotted #CCC;
}
#main fieldset.total2 p {
	padding: 0 10px;
}
fieldset.carttable {
    padding: 5px;
    border: 1px solid #E5E5E5;
    border-bottom: 0;
}
fieldset.carttable table {
	margin-bottom: 1.5em;
    border: 0;
    border-bottom: 1px dotted #CCC;
	border-collapse: separate;
}
fieldset.carttable th {
	color: #4D4D4D;
	border: 0;
	border-top: 1px solid #FCFCFC;
	border-left: 1px solid #FCFCFC;
	width: auto;
    vertical-align: middle;
	background: #EEEEEE;
	font-weight: normal;
	text-align: center;
}
fieldset.carttable td {
	margin: 0;
	padding: .5em;
	border: 0;
	border-top: 1px solid #FCFCFC;
	border-left: 1px solid #FCFCFC;
    vertical-align: middle;
	background: #FCFCFC;
}
fieldset.carttable td dl {
	margin: 0 10px 0;
    text-align: right;
}
fieldset.carttable td dl dd {
    color: #C00;
    font-weight: bold;
    font-size: 200%;
}
fieldset.carttable td.img {
    width: 56px;
    text-align: center;
}
fieldset.carttable td.img img {
	padding: 2px;
	border: 1px solid #B2B2B2;
	vertical-align: bottom;
	background: #FCFCFC;
}
fieldset.carttable td.alignRight {
    padding: .5em 1.5em;
    width: 17%;
}

/* カートデザイン変更：130215追加 */
body.cart #main fieldset.total3 {
	margin: 0 0 10px;
	padding: 25px 40px 20px;
	border: 1px solid #E5E5E5;
	background: #F5F5F5;
	text-align: left;
}
fieldset.total3 h5 {
	color: #005D50;
	margin-left   : -15px;
	margin-bottom : 10px;
	padding-bottom: 2px;
	font-size     : 117%;	/* 14px */
	line-height   : 1.5;
}
#main fieldset.total3 h4.border {
    margin-top: 20px;
    padding-top: 20px;
	border-top: 1px dotted #CCC;
}
fieldset.total3 dl {
	margin: 0px 0px 10px;
}
fieldset.total3 dl dt {
	font-weight: bold;
	display    : inline;
	font-size     : 117%;	/* 14px */
	line-height: 1.5;
}
fieldset.total3 dl dt.sps {
	font-weight: bold;
	display    : inline;
	font-size     : 117%;	/* 14px */
	line-height: 1.5;
}
fieldset.total3 dl dt.bank {
	font-weight: bold;
	display    : inline;
	font-size     : 117%;	/* 14px */
	line-height: 1.5;
}
fieldset.total3 dd {
	display: inline;
	line-height: 1.5;
}
#main fieldset.total3 p {
	padding: 0 10px;
}

/* 銀行振込み予約フォーム
-------------------------------------------------- */
#main h3.bank {
	background-image: url(../images/title/bank_title.gif);
}

/* 商品ダウンロード
-------------------------------------------------- */
#main h3.download {
	background-image: url(../images/title/download_title.gif);
}



/* ユーザーログイン
-------------------------------------------------- */
#main h3.user_login {
	background-image: url(../images/title/user_login_title.gif);
}



/* サークルログイン
-------------------------------------------------- */
#main h3.group_login {
	background-image: url(../images/title/group_login_title.gif);
}



/* パスワードを忘れた方
-------------------------------------------------- */
#colum2 #mainContainer h3.passwd_forget {
	background-image: url(../images/title/passwd_forget_title.gif);
}



/* 個人情報保護方針
-------------------------------------------------- */
#colum2 #mainContainer h3.privacy {
	background-image: url(../images/title/privacy_title.gif);
}



/* 同人音楽の森 利用規約
-------------------------------------------------- */
#colum2 #mainContainer h3.regulations {
	background-image: url(../images/title/regulations_title.gif);
}



/* 特定商取引法に基づく表示
-------------------------------------------------- */
#colum2 #mainContainer h3.law {
	background-image: url(../images/title/law_title.gif);
}



/* お問い合わせ
-------------------------------------------------- */
#colum2 #mainContainer h3.contact {
	background-image: url(../images/title/contact_title.gif);
}


/* プロフィール
-------------------------------------------------- */
#colum2 #mainContainer2 h3.profile {
	background-image: url(../images/title/profile.gif);
	background-repeat: no-repeat;
	width: 570px;
	margin: 0;
	padding: 0;
	height: 27px;
}

/* メールフォーム
-------------------------------------------------- */
#colum2 #mainContainer2 h3.mailform {
	background-image: url(../images/title/profile.gif);
	width: 570px;
	background-repeat: no-repeat;
	margin: 15px 0 0px 0;
	padding: 0;
	height: 27px;
}



/* 1カラム
================================================== */



/* 無料試聴
-------------------------------------------------- */
#colum1 {
	background: #000;
}
#colum1 #container {
	margin: -110px 0 0 -240px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 480px;
	height: 220px;
	background: none;
	text-align: center;
}
#colum1 h1 {
	margin-left: 0;
	width: 480px;
	height: 120px;
	background: url(../images/detail/streamback.jpg);
	text-indent: -9999px;
}



/* clearfix
-------------------------------------------------- */
ul.rankingType:after, ul.rankingMode:after, div.price:after,
#resultGroup div.entryBody:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
ul.rankingType, ul.rankingMode, div.price, #resultGroup div.entryBody {
	display: inline-block;
}
/*Hides from IE5-mac \*/
* html ul.rankingType, * html ul.rankingMode, * html div.price,
* html #resultGroup div.entryBody {
	height: 1%;
}
ul.rankingType, ul.rankingMode, div.price, #resultGroup div.entryBody {
	display: block;
}
*+html body ul.rankingType, *+html body ul.rankingMode, *+html body div.price,
*+html body #resultGroup div.entryBody {
	zoom: 1;
}
/*End hide from IE5-mac */