@charset "utf-8";

/*

	メイン

	[* html] = IE6
	[*:first-child+html] = IE7
	[Hides from IE5-mac ～ End hide from IE5-mac] = Mac IE5

*/



/* メイン
================================================== */
#main {
	margin-top: 15px;
	width: 570px;
	overflow: hidden;
	font-size: 93%;	/* 12px */
	line-height: 1.5;
	float: left;
}
#main a:link, #main a:visited {
	text-decoration: underline;
}
#main a:active, #main a:hover {
	text-decoration: none;
}
#main h3 {
	margin: 0 0 10px;
	height: 27px;
	overflow: hidden;
	background: #008000;
	text-indent: -9999px;
}
#main h4 {
	color: #005D50;
	margin-bottom: 10px;
	padding-bottom: 2px;
	background: url(../images/common/line.gif) repeat-x 0 100%;
	font-size: 117%;	/* 14px */
	line-height: 1.5;
}
#main h4 span {
	padding-left: 23px;
	display: block;
	background: url(../images/common/point.gif) no-repeat 0 1px;
}
#main h4 span em {
	font-weight: normal;
	font-style: normal;
	font-size: 85%;	/* 12px */
}



/* 質問
-------------------------------------------------- */
dl.faq {
	margin: 20px 0 0;
}
dl.faq dt {
	color: #E36D4A;
	padding: 5px 0 5px 23px;
	border-top: 1px dotted #006C5D;
	border-bottom: 1px dotted #006C5D;
	background: url(../images/common/question.gif) no-repeat 0 50%;
	font-weight: bold;
	font-size: 117%;	/* 14px */
	line-height: 1.5;
}
dl.faq dd {
	margin: 0;
	padding: 11px 23px 0;
	background: #F5F5F5;
	text-align: justify;
}
dl.faq dd p {
	margin: 0;
	padding-bottom: 1em;
}



/* 項目
-------------------------------------------------- */
dl.items {
	margin: 1em 0;
}
dl.items dt {
	margin-bottom: 5px;
	padding-left: 14px;
	border-bottom: 1px dotted #CCC;
	background: url(../images/common/rightarrow.gif) no-repeat 0 50%;
	font-weight: bold;
	font-size: 117%;	/* 14px */
	line-height: 1.5;
}
dl.items dd {
	margin-left: 2em;
}
dl.items dl {
	margin: 1em 0 1.5em -0.5em;
}



/* 流れ
-------------------------------------------------- */
ol.flow {
	margin: 1em 0;
	background: url(../images/common/flow_bg.gif) repeat-y 7px 0;
}
ol.flow li {
	padding: 7px 0 7px 27px;
	border-top: 1px dotted #CCC;
	list-style-type: none;
	background-repeat:  no-repeat;
	background-position: 0 6px;
}
ol.flow li.one {
	border: 0;
	background-image: url(../images/common/flow1.gif);
}
ol.flow li.two {
	background-image: url(../images/common/flow2.gif);
}
ol.flow li.three {
	background-image: url(../images/common/flow3.gif);
}
ol.flow li.four {
	background-image: url(../images/common/flow4.gif);
}
ol.flow li.five {
	background-image: url(../images/common/flow5.gif);
}
ol.flow li.six {
	background-image: url(../images/common/flow6.gif);
}
ol.flow li.seven {
	background-image: url(../images/common/flow7.gif);
}
ol.flow li.eight {
	background-image: url(../images/common/flow8.gif);
}



/* リスト
-------------------------------------------------- */
ul.items {
	margin: 1em 0;
}
ul.items li {
	margin-bottom: 5px;
	padding-left: 15px;
	list-style-type: none;
	font-size: 1.2em;
	background: url(../images/common/rightarrow.gif) no-repeat 0 6px;
	line-height: 1.7;
}



/* inlineリスト
-------------------------------------------------- */
ul.inline {
	margin: 1em 0;
}
ul.inline li {
	margin-right: 5px;
	display: inline;
	list-style-type: none;
}



/* evenリスト
-------------------------------------------------- */
ul.evenlist {
	margin: 1em 0;
}
ul.evenlist li {
	padding: 5px;
	font-size: 1.2em;
	list-style-type: none;
}
ul.evenlist li.even {
	background: #F5F5F5;
}
ul.evenlist li a {
	padding-left: 14px;
	background: url(../images/common/rightarrow.gif) no-repeat 0 3px;
}



/* DLinlineリスト
-------------------------------------------------- */
dl.inline {
	margin: 1em 0;
}
dl.inline dt {
	display: inline;
	font-weight: bold;
}
dl.inline dd {
	margin: 0;
	display: inline;
}



/* DLテーブル
-------------------------------------------------- */
dl.table {
	margin: 1em 0;
}
dl.table dt {
	color: #006C5D;
	padding: .5em;
	width: 20%;
	background: #EEF5D7 url(../images/side/line.gif) repeat-x 0 100%;
	font-weight: bold;
	text-align: right;
	float: left;
}
dl.table dd {
	margin: 0;
	padding-top: .5em;
	width: 75%;
	float: right;
}
dl.table dd ol {
	margin: 0 0 0 2em;
}
dl.table dd ul {
	margin: 0;
}



/* DLテーブル2：カートデザイン変更：090626追加
-------------------------------------------------- */
dl.table2 {
	margin: .5em 0 .5em 10px;
}
dl.table2 dt {
    color: #4D4D4D;
	padding: .5em 0 0;
    width: 22%;
    background: transparent none;
	font-weight: normal;
}
dl.table2 dd {
	width: 77%;
}
dl.table dd ul {
	margin: 0;
}



/* フォームアイテム
-------------------------------------------------- */
.w30p {
	width: 30%;
}
.w50p {
	width: 50%;
}
.w60p {
	width: 60%;
}
.w90p {
	width: 90%;
}
.ime {
	ime-mode: disabled;
}
ul.list25p, ul.list33p ul.list50p {
	margin: 0;
}
ul.list50p li {
	width: 50%;
	list-style-type: none;
	float: left;
}
ul.list33p li {
	width: 33%;
	list-style-type: none;
	float: left;
}
ul.list25p li {
	width: 25%;
	list-style-type: none;
	float: left;
}
ul li input {
	margin-right: 3px;
	vertical-align: middle;
}
textarea.w90p {
	height: 200px;
}
#mainContainer div.btn {
	text-align: center;
}
#mainContainer div.btn input {
	margin: 0 10px 10px;
}
#next, #back, #httpdl, #dl_start, #sch2 {
	width: 138px;
	height: 46px;
}
#reset, #send, #login, #edit, #delete, #sch {
	width: 114px;
	height: 46px;
}
#conf, #paysps {
	width: 160px;
	height: 46px;
}
div.error {
	color: #E36D4A;
}
div.error div.entryBody {
	font-size: 117%;	/* 14px */
	line-height: 1.5;
}
div.error ul.items li {
	background-position: 0 7px;
}
h4.radio input {
	margin-right: 3px;
	vertical-align: middle;
}



/* テーブル
-------------------------------------------------- */
tr.title th {
	background: #004D42;
	text-align: center;
}
tr.red th {
	background: #E36D4A;
}
tr.red td {
	background: #FBE9E4;
	text-align: center;
}



/* 作品リスト
-------------------------------------------------- */
dl.works {
    margin: 0;
}
#main dl.works a:link, #main dl.works a:visited {
    text-decoration: none;
}
dl.works dt {
    width: 106px;
    text-align: center;
    float: left;
}
dl.works dt img {
    padding: 2px;
    border: 1px solid #CCC;
    vertical-align: bottom;
}
dl.works dd {
    margin: 0;
    width: 412px;
    float: right;
}
#main dl.works dd h4 {
    color: #4D4D4D;
    margin-bottom: 0;
    padding: 0 0 0 14px;
    background: url(../images/common/rightarrow.gif) no-repeat 0 6px;
}
#main dl.works dd h4 a:link {
    color: #E36D4A;
}
#main dl.works dd h4 a:visited {
    color: #6A3906;
}
#main dl.works dd h4 a:active, #main dl.works dd h4 a:hover {
    color: #A50800;
}
dl.works dd div {
    color: #E36D4A;
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #ACCB39;
    font-weight: bold;
    text-align: right;
}
dl.works dd p {
    margin: 0;
    text-align: justify;
}
ul.worksPoint {
    margin: 10px 0 8px;
    width 100%;
}
ul.worksPoint li {
    margin-bottom: 2px;
    width: 20%;
    height: 20px;
    overflow: hidden;
    list-style-type: none;
    background-repeat: no-repeat;
    background-position: 50% 0;
    text-indent: -9999px;
    float: left;
}

ul.worksPoint li.midi {
    background-image: url(../images/works/midi.gif);
}

ul.worksPoint li.mp3 {
    background-image: url(../images/works/mp3.gif);
}
ul.worksPoint li.zip {
    background-image: url(../images/works/zip.gif);
}
ul.worksPoint li.free {
    background-image: url(../images/works/free.gif);
}
ul.worksPoint li.data {
    background-image: url(../images/works/data.gif);
}
ul.worksPoint li.text {
    background-image: url(../images/works/text.gif);
}
ul.worksPoint li.jacket {
    background-image: url(../images/works/jacket.gif);
}
ul.worksPoint li.back {
    background-image: url(../images/works/back.gif);
}
ul.worksPoint li.music {
    background-image: url(../images/works/music.gif);
}
ul.worksPoint li.genre1 {
    background-image: url(../images/works/genre1.gif);
}
ul.worksPoint li.genre2 {
    background-image: url(../images/works/genre2.gif);
}
ul.worksPoint li.genre3 {
    background-image: url(../images/works/genre3.gif);
}
ul.worksPoint li.genre4 {
    background-image: url(../images/works/genre4.gif);
}
ul.worksPoint li.genre5 {
    background-image: url(../images/works/genre5.gif);
}
ul.worksPoint li.genre6 {
    background-image: url(../images/works/genre6.gif);
}
ul.worksPoint li.genre7 {
    background-image: url(../images/works/genre7.gif);
}
ul.worksPoint li.genre8 {
    background-image: url(../images/works/genre8.gif);
}
ul.worksPoint li.genre9 {
    background-image: url(../images/works/genre9.gif);
}
ul.worksPoint li.genre10 {
    background-image: url(../images/works/genre10.gif);
}
ul.worksPoint li.genre11 {
    background-image: url(../images/works/genre11.gif);
}
ul.worksPoint li.genre12 {
    background-image: url(../images/works/genre12.gif);
}
ul.worksPoint li.genre13 {
    background-image: url(../images/works/genre13.gif);
}
ul.worksPoint li.genre14 {
    background-image: url(../images/works/genre14.gif);
}
ul.worksPoint li.genre15 {
    background-image: url(../images/works/genre15.gif);
}
ul.worksPoint li.idea1 {
    background-image: url(../images/works/idea1.gif);
}
ul.worksPoint li.idea2 {
    background-image: url(../images/works/idea2.gif);
}
ul.worksPoint li.idea3 {
    background-image: url(../images/works/idea3.gif);
}
ul.worksPoint li.idea4 {
    background-image: url(../images/works/idea4.gif);
}
ul.worksPoint li.idea5 {
    background-image: url(../images/works/idea5.gif);
}
ul.worksPoint li.idea6 {
    background-image: url(../images/works/idea6.gif);
}
ul.worksPoint li.idea7 {
    background-image: url(../images/works/idea7.gif);
}
ul.worksPoint li.idea8 {
    background-image: url(../images/works/idea8.gif);
}
ul.worksPoint li.idea9 {
    background-image: url(../images/works/idea9.gif);
}
ul.worksPoint li.idea10 {
    background-image: url(../images/works/idea10.gif);
}
ul.worksPoint li.idea11 {
    background-image: url(../images/works/idea11.gif);
}
ul.worksPoint li.idea12 {
    background-image: url(../images/works/idea12.gif);
}
ul.worksPoint li.idea13 {
    background-image: url(../images/works/idea13.gif);
}
ul.worksPoint li.idea14 {
    background-image: url(../images/works/idea14.gif);
}
ul.worksPoint li.idea15 {
    background-image: url(../images/works/idea15.gif);
}
ul.worksPoint li.idea16 {
    background-image: url(../images/works/idea16.gif);
}
ul.worksPoint li.idea17 {
    background-image: url(../images/works/idea17.gif);
}
ul.worksPoint li.idea18 {
    background-image: url(../images/works/idea18.gif);
}
ul.worksPoint li.idea19 {
    background-image: url(../images/works/idea19.gif);
}
ul.worksPoint li.idea20 {
    background-image: url(../images/works/idea20.gif);
}
ul.worksPoint li.idea21 {
    background-image: url(../images/works/idea21.gif);
}
ul.worksPoint li.idea22 {
    background-image: url(../images/works/idea22.gif);
}
dl.works dl {
    color: #666;
    margin: 0;
    text-align: right;
}
dl.works dl dt, dl.works dl dd {
    display: inline;
    width: auto;
    float: none;
    clear: left;
}
dl.works dl dd {
    margin-left: -3px;
}


/** タグ表示用 (2008-09-04 仲宗根 追加) **/
ul.worksPointText {
    margin: 10px 0 8px;
    font-size: 10px;

}
ul.worksPointText li {
    margin-bottom: 2px;
    /*
    width: 20%;
    */
    margin-left: 0.5em;
    margin-right: 0.5em;
    height: 20px;
    overflow: hidden;
    list-style-type: none;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-image: url(../images/works/blank.gif);
    /*
    text-indent: -9999px;
    */
    float: left;
}

ul.workList {
	margin: 0;
}
ul.workList li {
	padding: 5px 5px 5px 19px;
	background: url(../images/common/rightarrow.gif) no-repeat 5px 9px;
	font-size: 1.2em;
	list-style-type: none;
}
ul.workList li.odd {
	background-color: #F5F5F5;
}



/* ページリンク
-------------------------------------------------- */
ul.pageLink {
	margin: 0;
	text-align: center;
}
ul.pageLink li {
	margin: 0 50px;
	display: inline;
	list-style-type: none;
}
ul.pageLink li.prev a {
	padding-left: 14px;
	background: url(../images/common/leftarrow.gif) no-repeat 0 50%;
}
ul.pageLink li.next a {
	padding-right: 14px;
	background: url(../images/common/rightarrow.gif) no-repeat 100% 50%;
}



/* ショッピングカート
-------------------------------------------------- */
div.cart {
	background: url(../images/common/cartbtn.gif) no-repeat 50% 100%;
	text-align: center;
}
div.cart a {
	margin: 0 auto;
	display: block;
	width: 90px;
	height: 24px;
	overflow: hidden;
	background: url(../images/common/cartbtn.gif);
	text-indent: -9999px;
}
div.cart a:hover {
	background-position: 0 100%;
}


div.cart2 {
	background: url(../images/common/detailbtn.gif) no-repeat 50% 100%;
	text-align: center;
}
div.cart2 a {
	margin: 0 auto;
	display: block;
	width: 90px;
	height: 24px;
	overflow: hidden;
	background: url(../images/common/detailbtn.gif);
	text-indent: -9999px;
}
div.cart2 a:hover {
	background-position: 0 100%;
}



/* FLASH
-------------------------------------------------- */
#flash {
    margin-bottom: 10px;
    height: 355px;
    /*
    background: url(../images/top/flash.gif);
    */
}

#flash object {
    margin-top: 20px;
    margin-left: 22px;
}

#flash embed {
    margin-top: 20px;
}



/* 同人音楽の森からのお知らせ
-------------------------------------------------- */
#news h3 {
	background-image: url(../images/top/news.gif);
}
#news p {
	text-align: justify;
}
#news p.hdl {
	text-align: left;
	margin-left: 20px;
}

/* イチオシ動画
-------------------------------------------------- */
#movie  p {
	text-align: center;
	margin: 10px 10px;
}

#movie p.bloglink {
	text-align: center;
	font-size: 1.2em;
}

/* ピックアップ作品
-------------------------------------------------- */
#pickup div.entryBody {
	margin: 0 0 0 1px;
}
#pickup dl {
	margin: 0 0 15px 10px;
	display: inline;
	width: 261px;
	float: left;
}
#pickup dl dd {
	width: 150px;
}
#pickup dl dd h4 {
	height: 3em;
	overflow: hidden;
	background-position: 0 4px;
	font-size: 100%;	/* 12px */
	line-height: 1.5;
}
#pickup dl dd div {
	color: #4D4D4D;
	font-weight: normal;
}
#pickup dl dd div a {
	height: 1.5em;
	overflow: hidden;
}
#pickup dl dd p {
	height: 4.5em;
	overflow: hidden;
	font-size: 84%;	/* 10px */
	line-height: 1.5;
}
#pickup p.bloglink {
	text-align: center;
	font-size: 1.2em;
}

/* 更新情報
-------------------------------------------------- */
#update dl {
	margin: 5px 0 0;
}
#update dl dt {
	color: #005D50;
	padding-right: 5px;
	border-right: 1px dotted #CCC;
	width: 120px;
	font-weight: bold;
	text-align: right;
	float: left;
}
#update dl dd {
	margin: 0;
	width: 397px;
	text-align: justify;
	float: right;
}

/* おすすめリンク
-------------------------------------------------- */
#recolink ul {
	margin: 0;
}
#recolink ul li {
	width: 33.2%;
	list-style-type: none;
	float: left;
}
#recolink ul li a {
	padding-left: 14px;
	background: url(../images/common/rightarrow.gif) no-repeat 0 50%;
}



/* 合唱曲特集
-------------------------------------------------- */
#chorus h3 {
	background-image: url(../images/title/chorus_title.gif);
}
#chorus p {
	text-align: justify;
}



/* clearfix
-------------------------------------------------- */
#pickup div.entryBody:after, #update dl:after, #recolink ul:after,
dl.table:after, ul.list25p:after, ul.list50p:after, dl.works:after,
ul.worksPoint:after, ul.list33p:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
#pickup div.entryBody, #update dl, #recolink ul, dl.table, ul.list25p,
ul.list50p, dl.works, ul.worksPoint, ul.list33p {
    display: inline-block;
}
/*Hides from IE5-mac \*/
* html #pickup div.entryBody, * html #update dl, * html #recolink ul,
* html dl.table, * html ul.list25p, * html ul.list50p, * html dl.works,
* html ul.worksPoint, * html ul.list33p {
    height: 1%;
}
#pickup div.entryBody, #update dl, #recolink ul, dl.table, ul.list25p,
ul.list50p, dl.works, ul.worksPoint, ul.list33p {
    display: block;
}
*+html body #pickup div.entryBody, *+html body #update dl,
*+html body #recolink ul, *+html body dl.table, *+html body ul.list25p,
*+html body ul.list50p, *+html body dl.works, *+html body ul.worksPoint,
*+html body ul.list33p {
    zoom: 1;
}
/*End hide from IE5-mac */