@charset "utf-8";
 
/* [Reset] */
* {
	margin: 0;
	padding: 0;
}

/* [Global Settings] */
body {
	color: #DADAAE;
	background-color: #8C8C70;
	font-size: small;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, MeiryoKe_PGothic, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px;
	padding: 10px 0px;
	width: 100%;
}
p {
	margin-bottom: 1em;
	line-height: 180%;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	color: #DADAAE;
}
a:active,
a:hover {
	color: #4080FF;
}
div {
	text-align: left;
}
table {
	border: 0;
}
ul {
	list-style: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: normal;
	color: #F90;
	font-weight: normal;
}
em.up {
	color: #4080FF;
	padding-left: 1.5em;
}
em.new {
	padding-left: 1.5em;
}
em.cau {
	font-size: x-small;
}
.hide {
	display: none;
}
.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}
.center {
	text-align: center;
}
.gray {
	color: #666;
}

/* [Layout] */
div#wrapper {
	background-image: url(image/back.gif);
	background-color: #464141;
	min-width: 750px;
	max-width: 60em;
	margin: 0px auto;
}
div#leftside {
	background-image: url(image/leftside.gif);
	background-repeat: repeat-y;
	width: 100%;
	min-width: 750px;
}
div#rightside {
	background-image: url(image/rightside.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 100%;
	min-width: 750px;
}
div#top {
	height: 20px;
	font-size: 1px;
	line-height: 1px;
	background-image: url(image/topend.gif);
	background-repeat: repeat-x;
	background-position: top;
}
div#top_left {
	width: 7px;
	background-image: url(image/top_left.gif);
	background-repeat: no-repeat;
	float: left;
	height: 7px;
}
div#top_right {
	float: right;
	background-image: url(image/top_right.gif);
	background-repeat: no-repeat;
	clear: right;
	width: 7px;
	height: 7px;
}
div#header {
	height: 150px;
	margin-bottom: 14px;
	padding-right: 25px;
	padding-left: 25px;
}
div#sidemargin {
	padding: 0px 25px;
	clear: both;
}
div#con_wrapper {
	float: right;
	width: 100%;
	clear: right;
	margin: 0px 0px 15px -14em;
}
div#contents {
	background-image: url(image/bar.gif);
	background-repeat: repeat-y;
	background-position: left;
	margin-left: 14em;
	padding: 5px 0px 1px 1.5em;
}
div#main {
	padding-right: 35px;
	padding-left: 35px;
	padding-bottom: 0.5em;
	height: 1%;
	clear: both;
}
div#iconnavi {
	float: left;
	min-width: 200px;
	padding-top: 1.5em;
}
* html div#iconnavi {
	width: 410px;
}
div#pagenavi {
	text-align: center;
	padding-bottom: 15px;
	color: #666;
}
div#navigation {
	float: left;
	padding-top: 5px;
	clear: left;
	width: 12.5em;
}
div#bottom {
	height: 20px;
	background-image: url(image/bottomend.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
div#bottom_left {
	float: left;
	height: 20px;
	width: 7px;
	background-image: url(image/bottom_left.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
div#bottom_right {
	clear: right;
	float: right;
	height: 20px;
	width: 7px;
	background-image: url(image/bottom_right.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
div#footer {
	background-image: url(image/back2.gif);
	padding: 5px;
	text-align: center;
	color: #999;
	margin-right: 25px;
	margin-left: 25px;
	background-color: #504D4D;
	clear: both;
}
div#footer address {
	font-style: normal;
}

/* [Header] */
div#title1 {
	height: 120px;
	background-image: url(image/title1.gif);
	background-repeat: no-repeat;
}
div#title1 h1{
	display: none;

}
div#title2 {
	height: 30px;
	background-image: url(image/title2.gif);
	background-repeat: no-repeat;
	font-size: 85%;
}
div#sitenavi {
	height: 30px;
	text-align: center;
	float: right;
	clear: right;
}
div#sitenavi ul{
	list-style-type: none;
}
div#sitenavi ul li {
	float: left;
	width: 6.5em;
	display: block;
	height: 1em;
	padding: 0em 0.25em 0.25em;
}
div#sitenavi ul li.right {
	float: left;
	width: 6.5em;
	display: block;
	height: 1em;
	padding: 0em 0em 0.25em 0.25em;
}
div#sitenavi ul li a {
	display: block;
	border: 1px solid #666;
	background-image: url(image/menuback.gif);
}
div#sitenavi ul li a:active,
div#sitenavi ul li a:hover {
	display: block;
	border: 1px solid #666;
	background-image: url(image/back2.gif);
}

/* [contents] */
div#main h2 {
	margin-bottom: 0.3em;
	font-size: medium;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #666;
}
div#main p {
	min-width: 350px;
	max-width: 35em;
	margin-bottom: 0em;
}
div#main div#bg {
	background-image: url(image/atelierbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height: 150px;
}
div#main div#sitelogo {
	font-weight: bold;
	color: #666;
	margin-bottom: 1.5em;
}
div#main div#sitelogo h1 {
	font-size: xx-large;
	margin-bottom: 0.2em;
}
div#main div#sitelogo h1 span.subtitle {
	font-size: medium;
}
div#main div#sitelogo p {
	line-height: 100%;
	padding-left: 3em;
}
div#main div#news_wrapper {
	width: 100%;
	clear: right;
	float: right;
	margin-left: -50%;
}
div#news_wrapper div#news {
	margin-top: 1.5em;
	margin-left: 50%;
}
div#news_wrapper div#news h2 {
	margin-bottom: 0.5em;
	font-size: small;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #666;
}
div#news_wrapper div#news dt {
	float: left;
	width: 6.5em;
}
div#news_wrapper div#news dd {
	float: none;
	padding-bottom: 0.2em;
}
/* hide hack from Mac-IE5 \*/
* html div#news_wrapper div#news dd {
	height: 1%;
}
/* end hiding */
div#main div#details {
	float: left;
	padding-left: 2px;
	height: 1%;
	margin-top: -1.2em;
	margin-bottom: 0.5em;
}
div#main div#details ul{
	list-style-type: none;
}
div#main div#details ul li {
	display: block;
	float: left;
	font-size: 85%;
	color: #666;
	text-align: center;
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	margin-left: -1px;
}
div#main div#details ul li a {
	text-decoration: none;
	color: #666;
	display: block;
}
div#main div#details ul li a:active,
div#main div#details ul li a:hover {
	color: #4080FF;
	display: block;
}
div#iconnavi {
	float: left;
	width: 49%;
}
div#iconnavi div.icon {
	float: left;
	margin-right: 20px;
    width: 9em;
	min-width: 100px;
}
div#iconnavi div.icon h4 {
	border-bottom: 1px solid #666;
	color: #666;
	font-size: small;
	font-weight: bold;
	margin-bottom: 0.5em;
}
div#iconnavi div.icon ul {
	list-style-type: none;
}
div#iconnavi div.icon ul li {
	float: left;
	padding-right: 15px;
	height: 32px;
	width: 32px;
}
div#iconnavi div.icon ul li a {
	display: block;
	height: 32px;
	width: 32px;
}
div#iconnavi div.icon ul li a span {
	display: none;
}
div#iconnavi div.icon ul li#i_ie a {
	background-image: url(image/ie.gif);
}
div#iconnavi div.icon ul li#i_ie a:active,
div#iconnavi div.icon ul li#i_ie a:hover {
	background-image: url(image/ie2.gif);
}
div#iconnavi div.icon ul li#i_firefox a {
	background-image: url(image/firefox.gif);
}
div#iconnavi div.icon ul li#i_firefox a:active,
div#iconnavi div.icon ul li#i_firefox a:hover {
	background-image: url(image/firefox2.gif);
}
div#iconnavi div.icon ul li#i_mail a {
	background-image: url(image/mail.gif);
}
div#iconnavi div.icon ul li#i_mail a:active,
div#iconnavi div.icon ul li#i_mail a:hover {
	background-image: url(image/mail2.gif);
}
div#iconnavi div.icon ul li#i_enquete a {
	background-image: url(image/enquete.gif);
}
div#iconnavi div.icon ul li#i_enquete a:active,
div#iconnavi div.icon ul li#i_enquete a:hover {
	background-image: url(image/enquete2.gif);
}

div#contents h2 {
	font-size: x-large;
	background-image: url(image/back2.gif);
	margin-bottom: 0.5em;
	background-color: #504D4D;
	padding: 0.2em;
}
div#contents h2 span.subtitle {
	font-size: medium;
}
div#contents h3 {
	font-size: medium;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
	background-image: url(image/back2.gif);
	background-color: #504D4D;
	padding: 0.2em 0em 0.2em 0.3em;
}
div#contents h3 span.subtitle {
	font-size: small;
}
div#contents h4 {
	font-size: small;
	margin-bottom: 0.5em;
	padding-left: 1em;
}
div#contents h4.instlist {
	font-size: small;
	background-image: url(image/back2.gif);
	background-color: #504D4D;
	margin-top: 1em;
	margin-bottom: 0.75em;
	padding: 0.2em 0em 0.2em 0.4em;
}
div#contents p {
}
div#contents p.memo {
	margin-top: 2em;
	padding-top: 1.5em;
	border-top: 1px solid #504C4C;
}
div#contents a {
	color: #DADAAE;
	text-decoration: underline;
}
div#contents a:active,
div#contents a:hover {
	color: #4080FF;
	text-decoration: underline;
}
div#contents ul.links a {
	color: #DADAAE;
	text-decoration: none;
}
div#contents ul.links a:active,
div#contents ul.links a:hover {
	color: #4080FF;
	text-decoration: none;
}

div#contents div.section_left {
	width: 48%;
	float: left;
	padding-right: 3%;
}
div#contents div.section_right {
	width: 48%;
	float: left;
}
div#contents div.section_left2 {
	padding-top: 0.75em;
}

div#contents div.section_left h4, 
div#contents div.section_left2 h4, 
div#contents div.section_right h4 {
	font-size: small;
	background-image: url(image/back2.gif);
	background-color: #504D4D;
	margin-top: 1em;
	margin-bottom: 0.75em;
	padding: 0.2em 0em 0.2em 0.4em;
}
* html div#contents div.section_left h4 {
	margin-right: 3%;
}
div#contents div.section_left dd a,
div#contents div.section_left2 dd a,
div#contents div.section_right dd a {
	text-decoration: none;
	display: block;
	border: 1px solid #666;
	background-image: url(image/back2.gif);
	height: 1.1em;
}
div#contents div.section_left dd a:active,
div#contents div.section_left2 dd a:active,
div#contents div.section_right dd a:active,
div#contents div.section_left dd a:hover,
div#contents div.section_left2 dd a:hover,
div#contents div.section_right dd a:hover {
	text-decoration: none;
}
div#contents div.section_left dl,
div#contents div.section_left2 dl,
div#contents div.section_right dl{
	clear: both;
	height: 1.8em;
}
div#contents div.section_left dl dt,
div#contents div.section_left2 dl dt,
div#contents div.section_right dl dt {
	float: left;
	font-weight: normal;
}
div#contents div.section_left2 dl dt {
	width: 51%;
	margin-right: -5px;
}
* html div#contents div.section_left2 dl dt {
	margin-right: -10px;
}
div#contents div.section_left dl dd,
div#contents div.section_right dl dd {
	float: right;
}
div#contents div.section_left2 dl dd {
	float: left;
}
div#contents div.section_left dl dd ul,
div#contents div.section_left2 dl dd ul,
div#contents div.section_right dl dd ul {
	list-style-type: none;
	display: block;
	padding: 0px;
	line-height: 100%;
}
div#contents div.section_left dl dd ul li,
div#contents div.section_right dl dd ul li {
	display: block;
	float: left;
	text-align: center;
	margin-left: 5px;
	width: 2em;
}
div#contents div.section_left dl dd ul li.demo,
div#contents div.section_left2 dl dd ul li,
div#contents div.section_right dl dd ul li.demo {
	display: block;
	float: left;
	text-align: center;
	width: 2.7em;
	margin-left: 5px;
}
div#contents div.section_left2 dl dd ul li.loop {
	margin-left: 10px;
}

div#contents div.titleheader {
	background-image: url(image/back2.gif);
	background-color: #504D4D;
	padding: 5px 5px 3px;
	margin: 2.2em 0px 0.6em;
}
* html div#contents div.titleheader {
    height: 1px;
}
*:first-child+html div#contents div.titleheader {
    min-height: 1px;
}
div#contents div.titleheader h3 {
	font-size: medium;
	background-image: url(image/back2.gif);
	float: left;
	background-color: #504D4D;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}
div#contents div.titleheader h3 span.subtitle {
	font-weight: normal;
	font-size: small;
}
div#contents div.titleheader div.composer {
	float: right;
	padding-top: 0.2em;
}
div#contents div.titleheader div.composer2 {
	padding-top: 1.6em;
	float: right;
}
div#contents div.titleheader div.property,
div#contents div.titleheader div.arranger {
	text-align: right;
	padding-top: 3px;
	clear: both;
}
div#contents div.titleheader div.price {
	color: #F90;
	float: left;
	padding-left: 1em;
	font-weight: bold;
	padding-top: 3px;
}
div#contents div.titleheader div.jas {
	padding-top: 3px;
	float: right;
}
div#contents div.titleheader a {
	text-decoration: none;
	font-weight: bold;
	color: #D5D5D5;
}
div#contents div.titleheader a:active,
div#contents div.titleheader a:hover {
	color: #4080FF;
}

div#contents div#boardnavi {
}
div#contents p#mail_message {
	padding-bottom: 30px;
	border-bottom: 1px solid #666;
}
div#contents p#mail_message2 {
	border-bottom: 1px solid #666;
}

div#contents img.pict {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
}
div#contents img.pict_left {
	display: block;
	margin-bottom: 1em;
	margin-right: 1em;
	float: left;
	padding-left: 1em;
}
div#contents img.pict_ex {
	display: block;
	margin-bottom: 1em;
	padding-left: 2em;
}

div#contents input {
	vertical-align: middle;
}

div#contents div.ex_def1 {
	margin-left: 2.5em;
	margin-bottom: 1em;
}
div#contents div.ex_def1 dt,
div#contents div.ex_def1 dd {
	display: inline;
	line-height: 180%;
	color: #666;
}
div#contents ol.reference {
	list-style-position: outside;
	list-style-type: none;
	line-height: 180%;
	margin-bottom: 1em;
}
div#contents ol#caution {
	list-style-position: outside;
	list-style-type: decimal;
	line-height: 180%;
	margin-bottom: 1em;
	padding-left: 3em;
}
div#contents ol.list {
	list-style-position: outside;
	list-style-type: decimal;
	line-height: 150%;
	margin-bottom: 1em;
	padding-left: 3em;
}
div#contents ul {
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 2em;
	line-height: 180%;
	margin-bottom: 1em;
}
div#contents ul.instlist {
	list-style-position: outside;
	list-style-type: none;
	line-height: 150%;
	float: left;
	margin-right: 4em;
}
div#contents dl.reference {
	line-height: 180%;
	margin-bottom: 1em;
}
div#contents dl.reference dt {
	font-weight: bold;
}
div#contents dl.reference dd {
	float: left;
	padding-left: 1em;
}
div#contents dl.reference dd.explanation {
	float: none;
	clear: left;
	padding: 0.5em 0px 0px;
}
div#contents div#boardnavi ul {
	list-style-position: outside;
	list-style-type: none;
	padding-left: 0px;
	line-height: 1.5em;
	margin-bottom: 0px;
}
div#contents div#boardnavi ul li {
	display: inline;
	margin-right: 0.5em;
}
div#contents div#boardnavi ul li a {
	text-decoration: none;
}
div#contents dl#mail_error {
	margin-bottom: 15px;
}
div#contents dl#mail_error dt {
	font-weight: normal;
}
div#contents dl#mail_error dd {
	margin-bottom: 0.5em;
}
div#contents dl.list {
	padding-left: 1em;
	line-height: 180%;
	margin-bottom: 1em;
}
div#contents dl dt {
	font-weight: bold;
}
div#contents dl dd.list {
	padding-left: 1em;
}
div#contents div#equip_list dl {
	line-height: 160%;
	margin-bottom: 0.8em;
	margin-left: 1em;
}
div#contents div#equip_list dl dt {
	border-bottom: 1px solid #666;
	width: 75%;
}
div#contents div#equip_list dl dd {
	padding-left: 1em;
}
div#contents ul.links {
	list-style-position: outside;
	list-style-type: none;
	padding-left: 2em;
	line-height: 160%;
	margin-bottom: 1em;
}
div#contents span.smiley {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, MeiryoKe_PGothic, "ＭＳ Ｐゴシック", sans-serif;
}

div#contents table {
	border-collapse: collapse;
	margin-bottom: 1em;
	margin-right: auto;
	margin-left: auto;
	background-image: url(image/back2.gif);
	background-color: #504D4D;
}
div#contents table th {
	padding: 3px;
	text-align: center;
	border: 1px solid #999;
}
div#contents table td {
	padding: 3px;
	border: 1px solid #999;
}
div#contents table.tone {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
div#contents table.tone td{
	border-top-style: none;
	border-bottom-style: none;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	padding: 1px 3px;
}
div#contents table.tone tr.tdtop td{
	padding: 3px 3px 1px;
}
div#contents table.tone tr.tdbottom td{
	padding: 1px 3px 3px;
}

div#contents pre {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, MeiryoKe_PGothic, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
}
div#contents .jpfont {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, MeiryoKe_PGothic, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
}
div#contents p.center_ps {
	text-align: center;
	padding-left: 0px;
	color: #666;
}
div#contents div.conversation {
	margin-bottom: 1em;
	padding-left: 2em;
}
div#contents div.conversation dl {
	clear: left;
}
div#contents div.conversation dt {
	float: left;
	line-height: 180%;
	width: 4em;
}
div#contents div.conversation dt.wide {
	float: left;
	line-height: 180%;
	width: 6em;
}
div#contents div.conversation dd {
	line-height: 180%;
	margin-left: 4em;
}
/* hide hack from Mac-IE5 \*/
* html div#contents div.conversation dd {
	height: 1%;
}
/* end hiding */
div#contents div#enquete {
}
div#contents div#enquete dl dt {
	line-height: 180%;
}
div#contents div#enquete dl dd {
	margin-bottom: 1em;
	line-height: 180%;
	padding-left: 0.5em;
}
div#contents div#enquete dl dd dl dd {
	margin-bottom: 1em;
	padding-left: 0em;
	line-height: 120%;
}
div#contents div#enquete dl dd input {
	margin-left: 0.5em;
}
div#contents div#enquete dl dd select {
	margin-left: 0.5em;
}
div#contents div#enquete dl dd select.year {
	width: 5.5em;
}
div#contents div#enquete dl dd select.tm {

}
div#contents div#enquete dl dd textarea {
	margin-left: 0.5em;
}
div#contents div#form h2 {
	font-size: medium;
}
div#contents div#form ul {
	list-style-position: outside;
	list-style-type: none;
}
div#contents div#form fieldset {
	padding: 10px 20px;
	border: 1px solid #666;
	margin-bottom: 20px;
}
div#contents div#form fieldset legend {
	color: #DADAAE;
}
div#contents div#form fieldset p {
	padding-left: 5em;
}
div#contents div#form fieldset dt {
	font-weight: normal;
	float: left;
	width: 5em;
	padding-top: 2px;
}
div#contents div#form fieldset dd {
	padding-bottom: 5px;
}
div#contents div#form fieldset table {
	margin-left: 5em;
}
div#contents div#enquete textarea,
div#contents div#form fieldset textarea,
div#contents div#form fieldset input {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, MeiryoKe_PGothic, "ＭＳ Ｐゴシック", sans-serif;
	font-size: small;
}
div#contents div#enquete input.button,
div#contents div#form input.button, 
div#contents div#mail input.button,
div#contents div#mailconf_bt input.button {
	padding: 0px 3px;
	margin-right: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, MeiryoKe_PGothic, "ＭＳ Ｐゴシック", sans-serif;
}
div#contents div#mail {
	padding-bottom: 15px;
}
div#contents div#mailconf {
	border: 1px solid #666;
	padding: 0.5em 1em 0.5em 0px;
	margin-bottom: 1em;
}
div#contents div#mailconf_bt {
	padding-bottom: 15px;
}
div#contents div#mail dl {
	margin-bottom: 10px;
}
div#contents div#mailconf dl {
	margin-bottom: 5px;
}
div#contents div#mail dt,
div#contents div#mailconf dt {	
	font-weight: normal;
	padding-bottom: 3px;
}

div#contents div#mail dd#list,
div#contents div#mailconf dd {
	line-height: 150%;
}
div#contents div#boardnavi {
	padding-top: 10px;
	padding-bottom: 10px;
}
div#contents div#article div.parent{
	border: 1px solid #666;
	padding: 10px 20px;
	margin-bottom: 20px;
}
div#contents div#article div.res {
	padding-left: 20px;
	border-top: 1px dashed #666;
	padding-top: 10px;
	margin-top: 10px;
}
div#contents div#article a {
	text-decoration: none;
}
div#contents div#article span.info {
	margin-left: 1em;
}
div#contents div#article em.new {
	font-weight: bold;
}
div#contents div#article p {
	line-height: 160%;
	padding-left: 0px;
	margin-bottom: 0.5em;
}
div#contents div#article p.text {


}
div#contents div#article p.time {
	color: #666;
	margin-bottom: 0px;
}
div#contents div#article div.info {
	border-top: 1px dashed #666;
	padding-top: 10px;
	margin-top: 10px;
}

/* [Navigation] */
div#navigation dl {
	margin-bottom: 2em;
}
div#navigation dt {
	margin-bottom: 0.4em;
	padding-bottom: 0.2em;
	padding-left: 1em;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	font-weight: bold;
}
div#navigation dt#active {
	color: #F90;
}
div#navigation ol {
	padding-left: 1em;
	list-style-position: inside;
}
div#navigation ul {
	padding-left: 1em;
	list-style-position: outside;
}
/* for IE5Mac */
/*\*//*/
div#navigation ul {
	padding: 0 0 0px 17px;
}
/**/
div#navigation ol li,
div#navigation ul li {
	line-height: 160%;
}