/* @group b */

/* @group http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    /*outline: 0;*/
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    padding: .2em 0;
}

/* @end */

/* @group init */
html {height: 100%;}
body {
    font: small "Lucida Grande", Helvetica, "Trebuchet MS", "Bitstream Vera Sans", Verdana, sans-serif;
    line-height: 1.6em;
    color: #2c2c2c;

    /*background: #f0f1f8 url(../i/bgbottom.gif) repeat-x left bottom;*/
}
*:first-child+html body {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", "Lucida Grande", Helvetica, sans-serif;}
* html body {font-family: "ＭＳ Ｐゴシック", "MS P Gothic", "Lucida Grande", Helvetica, sans-serif;}

a:link {color: #993533;text-decoration: none;}
a:active {color: #993533;text-decoration: none;}
a:visited {color: #993533;text-decoration: none;}
a:visited {color: #81a492;text-decoration: none;}
a:hover {color: #EB4A47;text-decoration: underline;}

/*a:link {color: #799933;text-decoration: none;}
a:active {color: #799933;text-decoration: none;}
a:visited {color: #799933;text-decoration: none;}
a:hover {color: #EB4A47;text-decoration: underline;}*/

a:link {color: #3196C1;text-decoration: none;}
a:active {color: #3196C1;text-decoration: none;}
a:visited {color: #3196C1;text-decoration: none;}
a:hover {color: #A0CB41;text-decoration: underline;}

a:link {color: #6699C9;text-decoration: none;}
a:active {color: #6699C9;text-decoration: none;}
a:visited {color: #6699C9;text-decoration: none;}
a:hover {color: #A0CB41;text-decoration: underline;}


h1, h2, h3, h4, h5, h6 {
    margin: 0 0 .7em 0;padding: .3em 0;line-height: 1.2em;color: #1A304C;
    /*font-family: Georgia, "Times New Roman", Times, serif;*/
}
h1 {margin-bottom: 1em;padding: 0 0 .1em 0;font-size: x-large;font-weight: bold;line-height: 1.2em;color: #3BBADF;}
h1 span {font-size: small;line-height: 1.2em;}
h2 {margin: 0 0 .8em 0;/*border-bottom: 1px dotted #E6E6E0;*/font-size: medium;}
h4 {font-family: "Lucida Grande", Lucida, Verdana, sans-serif;}

.contents-h {margin: 0 0 .5em 0;padding: 0 0 .3em 0;font: bold small "Lucida Grande", Lucida, Verdana, sans-serif;color: #ABBB39;}
.contents-h span {font-size: x-small;font-weight: normal;margin-left: .3em;}

p {margin: 0 0 1em 0;padding: 0;}
li {line-height: 1.6em;}
ul {list-style-type: none;}
ol {list-style-type: decimal;margin-left: 2em;}

textarea {width: 35em;height: 12em;line-height: 1.6em;padding: .2em;font-size: 1.1em;}

label {margin: 0 .3em;}
th label {margin: 0;}

table caption {text-align: left;font-weight: bold;color: #333;margin-bottom: .5em;line-height: 1.4em;}

dt {font-weight: bold;}
dd {margin-bottom: 1em;padding: .3em 0;}


/* @group ie */

    *:first-child+html input,
    *:first-child+html button,
    *:first-child+html textarea {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", "Lucida Grande", Helvetica, sans-serif;}

    * html input,
    * html buttn,
    * html textarea {font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", "Lucida Grande", Helvetica, sans-serif;}

    *:first-child+html li {word-wrap: break-word;}
    * html li {word-wrap: break-word;}

    *:first-child+html div {word-wrap: break-word;}
    * html div {word-wrap: break-word;}

    *:first-child+html p {word-wrap: break-word;}
    * html p {word-wrap: break-word;}

/* @end */

/* @end */

/* @group com */

.cf:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.cf {display: inline-table;min-height: 1%;}
/* the holly hack \*/
* html .cf {height: 1%;}
.cf {display: block;}
/* eof the holly hack */

/*span.label {font-size: .9em;font-weight: bold;color: #999;padding: 0 .5em 0 0;}*/
span.note {font-size: .85em;padding: 0 .5em;color: #615756;}
span.remarks {font-size: .9em;line-height: 1.2em;color: #666;}
span.required {color: #C8000A;line-height: 1.2em;}

.alert {margin:5px 0;padding:1em 1.5em;color:#690a0a;background-color: #ffd4e0;border: 1px solid #de8a8a;}
span.alert {margin: 0; padding: .5em 1em;border: 0;}
ul.alert {list-style-type: disc;padding-left: 3em;}

.attention {font-size: .9em;line-height: 1.4em;}
.note {font-size: .85em;line-height: 1.4em;color: #666;}

p#required {padding: .3em 0 0 95px;color: #690a0a;background: transparent url(../i/warning.gif) no-repeat left top;min-height: 80px;}
* html p#required {height: 80px;}
p#required strong {color: #C8000A;}

.guide {margin: .5em 0 1.5em 0;padding: 1em 1.5em;background-color: #eef8df;border: 3px double #ccc;color: #333;font-size: .9em;line-height: 1.4em;}
.guide p {margin-bottom: .7em;}

.backtotop {margin-bottom: 1em;font-size: .85em;text-align: right;display: block;}

.pager {font-size: small;margin: .5em 0 .7em 0;padding: .3em 0;text-align: right;}
.showall {font-size: x-small;padding: 0;}
h1 .showall,
h2 .showall {padding-left: 1em;}

a.jump,
a.back {font-size: .9em;}

.sorry-nodata {color: #666;font-size: .9em;}

/* @end */

/* @group #header */

#header {
    margin: 0;
    padding: 0;
    /*background-color: #0d1e33;*/
    width: 100%;
    min-width: 930px;
    border-top: 5px solid #BDD94A;
}
#header #sitetop {margin: 0 auto;padding: 0;width: 970px;height: 115px;position: relative;border-bottom: 2px solid #0D1E33;}
#header #sitetop #logo {position: absolute;bottom: 5px;left: 10px;display: block;}
#header #sitetop #logo img {height: 85px;}
#header #sitetop #hads {position: absolute;top: 15px;right: 0;display: block;width: 728px;height: 90px;overflow: hidden;}
#header #sitetop h1 {margin: 0;padding: 0;}
#header #utilities {position: absolute;top: -5px;left: 10px;background: #0d1e33 url(../i/utilities_bl.gif) no-repeat bottom left;}
* html #header #utilities {width: 13em;}
#header #utilities ul {background: transparent url(../i/utilities_br.gif) no-repeat bottom right;}
#header #utilities li {float: left;margin: 0;padding: .2em 1em;}
#header #utilities li a {font-size: .85em;color: #fff;}
#header #utilities li a:hover {color: #F19118;}

#top {margin: 0;padding: 0;float: left;}

#searchbox {float: right;margin: 0 1em 0 0;padding: .7em 0;}
#searchbox input,
#searchbox select {vertical-align: middle;}
#searchbox #s {margin: 0 .3em;padding: .1em;border: 1px solid #b8b8a8;line-height: 1.6em;height: 1.6em;font-size: 1em;width: 10em;vertical-align: middle;}

#primary-nav {
    margin: 0 auto;
    width: 900px;
    border-bottom: 1px solid #e6e6e0;
}
#primary-nav ul {margin: 0;padding: 0;float: left;}
#primary-nav li {float: left;margin: 0;padding: 0 1em;}
#primary-nav li a {padding: 1em 0 0 0;font-weight: bold;font-size: .9em;color: #0D1E33;display: block;}
#primary-nav li a:hover {color: #A0CB41;text-decoration: underline;}
/*#primary-nav li.selected {background: transparent url(../i/pnav_b.gif) repeat-x center top;}*/
#primary-nav li.selected a {background: transparent url(../i/pnav_f.gif) no-repeat top center;color: #A0CB41;}
#primary-nav div.hadslink {float: left; margin: 1em 0 0.5em 0;}

#breadcrumb {margin:  0 auto;padding: 0 15px;width: 900px;}
#breadcrumb p {margin: 0;padding: .5em 0;font-size: x-small;color: #666;line-height: 1em;background-color: #fff;}
.none {display: none;}

/* @end #header */

/* @group #container */
#wrapper {margin: 0;padding: 0;width: 100%;}
#container {margin: 0 auto;padding: 1.5em 15px 0 15px;width: 900px;}
* html #container {}
/* @end #container */

/* @group #footer */

#footer {
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 3px double #E6E6E0;
    background-color: #222;
    color: #fff;
}
#footer #footer-inner {margin: 0 auto;padding: 0 15px;width: 900px;}
#footer dl {float: left;padding: 0;margin: 0;}
#footer dt {margin: 0 0 .5em 0;padding: 0;color: #FDB119;}
#footer dd {margin: 0 0 .3em 0;padding: 0;line-height: 1.4em;font-size: .87em;font-weight: normal;}
#footer dd a {color: #C0B5AF;}
#footer dd a:hover {color: #A0CB41;}

#footer #extra {width: 70%;float: right;font-size: xx-small;line-height: 1.2em;}
#footer #extra p {float: right;margin: 0 0 0 5px;width: 90px;text-align: center;}
#footer #extra p img {margin: 0 auto 5px auto;padding: 1px;width: 80px;display: block;border: 1px solid #464646;}
#copyright {clear: both;display: block;margin: 0 auto;padding: 2em 0 0 0;width: 900px;text-align: right;font-size: .9em;font-weight: bold;color: #999;}

/* @end #footer */

#fads {clear: both;}
#ads {clear: both;}
#ad {clear: both;}

/* @group form */

/* @group input */

input.product {width: 95%;}
input.sname {width: 15em;}
input.name {width: 20em;}
input.age {width: 3em;}
input.date {width: 10em;}
input.zipcode {width: 8em;}
input.address {width: 30em;}
input.phone {width: 10em;}
input.mail {width: 15em;}
input.decimal {width: 7em;}

input.button {width: auto;overflow: visible;padding: .1em .5em;}
* html input.button {width: 1%;}

.submits {margin: 3em 0 1em 0;}

/* @end */

body.form h2 {margin: 1em 0;padding-left: 7px;border-left: 4px solid #0d0d0d;}

table.frm {width: 99%;margin: 1em 0 2em 0;/*border-top: 1px dotted #ccc;*/}
table.frm caption {/*padding-left: 7px;border-left: 4px solid #0d0d0d;*/}
table.frm th, table.frm td {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
    padding: .3em 0;
    border-bottom: 1px dotted #ddd;
    /*line-height: 1.2em;*/
    color: #333;}

table.frm th {width: 23%;padding-left: 0;}
table.frm td {}
table.frm td input {line-height: 1.2em;font-size: 1.1em;}
table.frm td p {line-height: 1.4em;font-size: .9em;}

fieldset#questionnaire {padding: 1em 1.3em 2em 1.3em;border: 1px solid #ddd;}
fieldset#questionnaire legend {padding: 0 .5em;font-weight: bold;}
fieldset#questionnaire fieldset legend {font-weight: normal;padding: 0;}
fieldset#questionnaire p {margin-bottom: 1em;}

/* @end */

#adh {text-align: center;margin: 2em 0 0 0;}
#adh img {width: 585px;}

#fads {width: 900px;margin: 2em auto;text-align: center;}
#ads {width: 900px;margin: 2em auto;text-align: center;}

#h-ad {float: right;}

/* @end */

table.about {font-size: .9em;width: 100%;}
table.about th,
table.about td {border-bottom: 1px dotted #E6E6E0;}
table.about th {width: 18%;font-size: .87em;font-weight: bold;text-align: left;color: #8894A1;}

dl.about {line-height: 1.4em;}
dl.about dt {margin: 0 0 .2em 0;padding: 0;font-size: .85em;font-weight: bold;color: #8894a1;}
dl.about dd {margin: 0 0 1em 0;padding: 0;font-size: .9em;}

#users {font-size: .85em;line-height: 1.2em;}
#users .each-user {float: left;width: 10%;margin: .5em 0 2em 0;padding: 0 1%;text-align: center;}
#users img {display: block;margin: 0 auto;padding: 0 0 .3em 0;}

#products {font-size: .87em;line-height: 1.2em;}
#products .each-product {float: left;width: 32%;margin: .5em 0 2em 0;padding: 0;text-align: left;min-height: 80px;}
#products .each-product p {margin: .5em 0 0 0;padding: 0;line-height: 1.4em;color: #72746E;font-size: .9em;}
#products .each-product img {float: left;margin: 0 .8em 0 0;padding: 1px;border: 1px solid #E6E6E0;}

#works {}
#works .each-music {line-height: 1.2em;margin: 0;padding: 0 0 1em 0;/*position: relative;border-bottom: 1px solid #E6E6E0;*/}
#works .each-border {padding-top: 1em;border-top: 1px dotted #ccc;}
#works .each-music .title {display: block;margin: 0 0 .3em 0;padding: 0;font: bold small "Lucida Grande", Lucida, Verdana, sans-serif;}
#works .each-music .title .popup-player {vertical-align: -.2em;margin: 0 .5em 0 0;padding: 0;}
#works .each-music .title a {margin: 0;padding: 0;line-height: 1em;}
#works .each-music .props {margin: 0 0 .3em 0;}
/*#works .each-music .title .popup-player {position: absolute;top: .2em;left: 0;}
#works .each-music .props {width: 26px;position: absolute;top: .3em;left: 50px;font-size: .85em;line-height: 1.2em;}*/
#works .each-music .jenre {font-weight: bold;color: #A3A380;font-size: .9em;}
#works .each-music .props img {vertical-align: middle;margin: 0 .5em 1px 0;/*display: block;*/}
#works .each-music .each-work-detail {}
/*#works .each-music .owner-avt {position: absolute;top: .6em;right: 28%;}*/
#works .each-music .original {margin: 0 0 .3em 0;font-size: .85em;color: #999;}
#works .each-music .statistics {font-size: x-small;color: #A3A380;font-weight: bold;float: left;padding-right: 1em;}
#works .each-music .savedon {font-size: x-small;color: #999;font-weight: bold;}
#works .each-music .players {font-size: x-small;padding: 0 .5em;}
#works .each-music .players a {border: 0px;color: #3D91B6;text-decoration: none;}
#works .each-music .players a:link {color: #3D91B6;text-decoration: none;}
#works .each-music .players a:visited {color: #3D91B6;text-decoration: none;}
#works .each-music .players a:hover {color: #E05852;text-decoration: underline;}
#works .each-music .players a:active {color: #3D91B6;text-decoration: none;}

#works .row-music {width: 31%;margin: 1em 0 0 3%;padding: 1.5em 0 1em 0;float: left;color: #777;border-top: 1px dotted #ccc;}
#works .row-music.posi {margin-left: 0;}
#works .row-music .cf {margin-bottom: .5em;padding-left: 48px;}
#works .row-music .cf .avt img {float: left;margin: 0 0 0 -48px;padding: 1px;border: 1px solid #ddd;}
#works .row-music .props img {display: block;padding: 0 0 2px 0;}
#works .row-music .title {font-size: .87em;line-height: 1.4em;margin: 0 0 .5em 0;padding: 0 0 0 48px;}
#works .row-music .title img{margin-left: -48px;}
#works .row-music img.status {vertical-align: top;margin: 0 .3em 2px -48px;}
#works .row-music .statistics {margin: .5em 0 0 0;font-size: x-small;}
#works .row-music .row-work-detail {line-height: 1.5em;font-size: x-small;margin-left: -48px;}
#works .row-music .jenre {margin: .5em 0 0 0;padding: .5em 0 0 0;}

#works .with-artwork {padding-left: 73px;}
#works .with-artwork .props .artwork {display: block;width: 40px;position: absolute;top: .2em;left: 31px;text-align: center;}
#works .with-artwork .props .artwork img {margin: 0;padding: 0;}

#reviews {}
#reviews .each-review {line-height: 1.2em;margin: 0 0 .5em 0;padding: .5em 0;border-bottom: 1px dotted #E6E6E0;}
#reviews .each-review .item {font-size: small;margin: 0 0 .5em 0;padding: 0;}
#reviews .each-review .item-image {float: left;margin: 0 .5em .3em 0;}
#reviews .each-review .description {font-size: .87em;margin: 0 0 .3em 0;padding: 0;line-height: 1.4em;color: #72746E;}
#reviews .each-review .reviewer {font-size: x-small;}
#reviews .each-review .reviewer .dtreviewed {font-size: x-small;color: #999;font-weight: bold;}

#discussions {}
#discussions .each-thread {margin: 0 0 .3em 0;padding: .5em 0;border-bottom: 1px dotted #E6E6E0;}
#discussions .each-thread .item {font-size: small;margin: 0 0 .5em 0;padding: 0;}
#discussions .each-thread .speaker-image {float: left;margin: 0 .5em .3em 0;}
#discussions .each-thread .description {font-size: .9em;margin: 0 0 .3em 0;padding: 0;line-height: 1.4em;/*color: #72746E;*/}
#discussions .each-thread .speaker {font-size: x-small;}
#discussions .each-thread .speaker .dtposted {font-size: x-small;color: #999;font-weight: bold;}

.topics {}
.topics .each-topic {margin: 0 0 1em 0;padding: 0 0 0 60px;}
.topics .each-topic {position: relative;background: transparent url(../i/bg_topic.gif) no-repeat 48px 3.3em;}
.topics .each-topic .description {font-size: .9em;margin: 0;padding: 20px 15px 15px 15px;background: transparent url(../i/bg_topic_bottom.gif) no-repeat right bottom;min-height: 35px;}
* html .topics .each-topic .description {height: 35px;}
.topics .each-topic .description span {margin-left: 1em;font-size: .9em;}
.topics .each-topic .title {font-size: small;margin: 0 0 0 -60px;padding: 0;display: block;}
.topics .each-topic .item-image {border: 1px solid #e6e6e0;margin: .2em 0 0 0;padding: 1px;float: left;}
/*.topics .each-topic .description {font-size: .9em;margin: 0 0 .3em 0;padding: 0;line-height: 1.4em;color: #4D4E4A;}*/
.topics .each-topic .postedby {font-size: x-small;margin: 0 0 0 -60px;line-height: 1.6em;}
.topics .each-topic .postedby .theme-name {float: right;}
.topics .each-topic .postedby .label {margin-right: .3em;color: #A3A380;}
.topics .each-topic .postedby .dtposted {font-size: x-small;color: #999;font-weight: bold;}
.topics .each-topic .review-item {float: left;margin-right: .5em;padding: 1px;border: 1px solid #e6e6e0;}
.topics .each-topic .review-item-name {color: #F05B65;margin-right: .5em;}
#topics-digest h1 {color: #F05B65;/*color: #B1CB27;*/font-size: large;margin: 0 0 1em 0;padding: .7em 0 .3em 0;}


#index-atoz {margin: 0 0 1em 0;font-size: medium;line-height: 1.2em;font-weight: bold;}
#index-atoz li {float: left;margin: 0 .5em 0 0;line-height: 1em;}
#index-atoz li a {display: block;width: 2em;text-align: center;padding: .5em 0;}
#index-atoz li a:hover {color: #81B100;}
#index-atoz li.index-selected a {color: #81B100;}
#index-atoz li a#browseall {width: 3em;}

#ads-l {width: 250px;margin: 0 auto;}
#ads-l h2 {width: 120px;height: 106px;margin: 0;padding: 0;float: right;display: block;position: relative;border: 0;}
#ads-l h2 span {position: absolute;left: 0;bottom: 0;display: block;font-size: x-large;color: #E6E6E0;}
#ads-l img {float: right;margin: 0 8px 8px 0;}
#ads-l img.posi {margin-right: 0;}

#filter {margin: 0;padding: .5em 0;}
#filter h2 {margin: 0 0 1em 0;padding: 0;font: bold small/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;color: #ABBB39;}
#filter ul {margin: 0 0 1em 0;}
#filter li {font-size: .9em;margin: 0 0 .3em 0;padding: 0;line-height: 1.4em;}
#filter li a {
    border: 1px solid #fff;color: #CC6866;display: block;margin: 0;text-decoration:none;width: auto;padding: .2em .5em;
    -moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomleft: 2px;-moz-border-radius-bottomright: 2px;
    -webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;-webkit-border-bottom-right-radius: 2px;
}
#filter.musics-filter li {float: left;white-space: nowrap;}
#filter.musics-filter h2 {border-bottom: 1px solid #ddd;padding-bottom: .3em;}
#filter li a:hover {
    border: 1px solid #C8DD79;color: #A6BF40;
}
#filter li .selected {
    border: 1px solid #F05B65;color: #F05B65;display: block;margin: 0;padding: .3em 2%;width: 95%;
    -moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomleft: 2px;-moz-border-radius-bottomright: 2px;
    -webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;-webkit-border-bottom-right-radius: 2px;
}

#filter .criteria-group {margin-bottom: 2em;}
/*#filter .criteria-group #group-context {border-top: 1px dotted #e6e6e0;padding: 1em 0;}*/
#filter .criteria-group li {margin: 0 0 .3em 0;padding: 0;}
#filter .criteria-group li .selected {border: 0;padding: 0;}
#filter .criteria-group li .selected a {
    border: 1px solid #F05B65;
    -moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomleft: 2px;-moz-border-radius-bottomright: 2px;
    -webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;-webkit-border-bottom-right-radius: 2px;
}
#filter .criteria-group li .selected a:hover {border: 1px solid #A6BF40;}

#filter #genres {padding: 0 .3em;}
#filter #genres strong a {}

/*music options*/
#filter-block .filterline { margin-bottom: .5em;border-bottom: 1px solid #e6e6e0;}
ul#group-type {min-height: 30px;}
ul#group-type li, ul#group-type li a {width: 88px;height: 21px;margin: 0;padding: 0;border: none;}
ul#group-type li {float: left;margin-right: .5em;}
ul#group-type li#f-original {background: transparent url(../i/picon_c_original_on.gif) no-repeat left top;}
ul#group-type li#f-original a:hover {background-color: transparent;}
ul#group-type li#f-original a:hover img{visibility: hidden;}

ul#group-type li#f-cover {background: transparent url(../i/picon_c_cover_on.gif) no-repeat left top;}
ul#group-type li#f-cover a:hover {background-color: transparent;}
ul#group-type li#f-cover a:hover img{visibility: hidden;}

ul#group-type li#f-pd {background: transparent url(../i/picon_c_pd_on.gif) no-repeat left top;}
ul#group-type li#f-pd a:hover {background-color: transparent;}
ul#group-type li#f-pd a:hover img{visibility: hidden;}

#filter-view {clear: both;}
#filter-view .filteringto {font-weight: bold;color: #444;}
#filter-label {float: left;margin-right: .5em;font-weight: bold;color: #444;}

#filter #group-context{min-height: 30px;margin-bottom: .5em;}

/* holly hack */
* html #group-type,
* html #filter #group-context {height: 30px;}
/* eof holly hack */

#filter #group-context li, #filter #group-context li a {width: 44px;height: 21px;margin: 0;padding: 0;border: none;}
#filter #group-context li {float: left;margin-right: .5em;}

#filter li#f-collab {background: transparent url(../i/picon_is_collab_on.gif) no-repeat left top;}
#filter li#f-collab a:hover {background-color: transparent;}
#filter li#f-collab a:hover img{visibility: hidden;}

#filter li#f-live {background: transparent url(../i/picon_is_live_on.gif) no-repeat left top;}
#filter li#f-live a:hover {background-color: transparent;}
#filter li#f-live a:hover img{visibility: hidden;}

#filter li#f-demo {background: transparent url(../i/picon_is_demo_on.gif) no-repeat left top;}
#filter li#f-demo a:hover {background-color: transparent;}
#filter li#f-demo a:hover img{visibility: hidden;}

#filter #discussions-theme {}
/*#filter #discussions-theme li {border-bottom: 1px dotted #d6d6d0;}*/
#filter #discussions-theme {border: 5px solid #ECE9E6;padding: 8px;}


/* @group home */

#splash {background: transparent url(../i/welcomebg.gif) no-repeat 30% 0;}
#splash h1 {font-size: large;}

#welcome {margin: 0 0 1em 0;padding: .5em 0;}
#welcome h1 {color: #40C6DF;font-size: xx-large;text-align: center;}
#joinus {}
#joinus p {margin: 0 0 1em 0;padding: 0;}
#joinus ul {margin: 0 0 1em 0;}
#joinus li {font-size: .9em;margin: .7em 0;padding: .3em 0 .3em 6%;line-height: 1.4em;color: #72746E;background: transparent url(../i/circle.gif) no-repeat left center;}
/*#joinus li {float: right;width: 43%;}
#joinus li.posi {float: left;clear: left;}*/
#joinus #signup {display: block;}

#officialreview-teaser {margin: 0 0 2em 0;width: 32%;float: right;}
#officialreview-teaser h2 {font-size: 1.1em;margin: 1em 0 .5em 0;padding: 0 0 .2em 0;line-height: 1.4em;color: #F05B65;}
/*#officialreview-teaser #featured-post {background-color: #000;}*/
/*#officialreview-teaser #featured-post .moviecontainer {width: 270px;margin: 0 auto;padding: 0;}
#officialreview-teaser #featured-post strong {display: block;margin: .3em 0 0 0;padding: 0 10px;font-size: 1.1em;}*/
#officialreview-teaser #featured-post ul { margin: .5em 0 2em 0;padding: 10px;border: 1px solid #e6e6e0; }
#officialreview-teaser #featured-post li { background: url("../public/theme/01/img/h_blog_gray.gif") no-repeat scroll left 3px rgba(0, 0, 0, 0); margin: 0; padding: 0 0 0 20px; }

/*#officialreview-teaser #backnumbers {text-align: left;margin: 1em 0 2em 0;padding: 10px;border: 1px solid #e6e6e0;}
#officialreview-teaser #backnumbers ul {margin-top: .5em;}
#officialreview-teaser #backnumbers .showmore {display: block;text-align: left;font-weight: bold;font-size: .9em;}*/

#de-pon {line-height: 1.4em;margin: 0 0 2em 0;}
#de-pon h1 {font-size: 1.1em;margin: 0 0 .5em 0;padding: 0 0 .2em 0;line-height: 1.4em;color: #F05B65;}
#de-pon h1 img {width: 50px; height: 50px; margin: 0 .5em 0 0;padding: 1px;border: 1px solid #e6e6e0;float: left;}
#de-pon p {margin: .3em 0 0 0;padding: 0;line-height: 1.4em;}
#de-pon ul {clear: both;}
#de-pon li {border: 1px solid #e6e6e0;margin: 0 0 .5em 0;padding: .5em;}
#de-pon li p {font-size: .9em;}

#community-digest {width: 65%;float: left;}
#community-digest #primary-digest {width: 64%;float: left;}
#community-digest #secondary-digest {width: 32%;float: right;}

#community-digest #recent-works {margin: 0 0 2em 0;}
#community-digest #recent-works .each-music {padding: 0 0 0 0;margin: 0 0 .7em 0;border: 0;}
#community-digest #recent-works .each-music .title {display: block;margin: 0 0 .3em 0;padding: 0;font: bold small "Lucida Grande", Lucida, Verdana, sans-serif;}
#community-digest #recent-works .each-music .jenre {font-weight: normal;margin: 0;font-size: x-small;}
#community-digest #recent-works .each-music .props {margin: 0 0 .3em 0;}
#community-digest #recent-works .each-music .props img {vertical-align: middle;margin: 0 .5em 1px 0;/*display: block;*/}
#community-digest #recent-works .each-border {padding-top: 1em;border-top: 1px dotted #ccc;}
/*#community-digest #recent-works .each-music .props {width: 26px;position: absolute;top: .3em;left: 0;font-size: .85em;line-height: 1.2em;}*/
#community-digest #primary-digest h1 {color: #F05B65;/*color: #B1CB27;*/font-size: large;margin: 0 0 1em 0;padding: .7em 0 .5em 0;border-bottom: 1px solid #e6e6e0;border-top: 2px solid #A9AD85;}

#products-index {}
#products-index a {color: #EB868E;}
#products-index a:hover {color: #A6CA04;}
#products-index h1 {text-align: left;font-size: small;font-weight: bolder;margin-bottom: .5em;}
#products-index #browsebycategory {margin: 0;border: 5px solid #ECE9E6;padding: 8px 10px;}
#products-index #browsebycategory ul {margin: 0;clear: both;text-align: left;}
#products-index #browsebycategory li {margin: .3em 0 0 0;padding: 0 0 .3em 0;font-size: .87em;}


.each-music-short {margin-bottom: .5em;padding: .1em 0 .1em 20px;font-size: .9em;background: transparent url(../i/sound.gif) no-repeat left center;}
.each-music-short .title {font-weight: normal;font-size: .9em;}
.each-music-short span {font-size: xx-small;color: #A3A380;}

.each-topic-short {margin-bottom: .5em;padding: .1em 0 .1em 20px;font-size: .9em;background: transparent url(../i/comment_balloon.gif) no-repeat left center;}
.each-topic-short .title {font-weight: normal;}
.each-topic-short span {font-size: xx-small;}


/* @end */

/* @group products */

#featured {float: right;width: 30%;}

.rakuten-shops {}
.rakuten-shops .each-shop {margin: 1em 0 1.5em 0;font-size: x-small;line-height: 1.4em;color: #72746E;text-align: center;}
.rakuten-shops .each-shop img {display: block;width: 70px;margin: 0 auto .5em auto;padding: 0;}
.rakuten-shops .each-shop .shop-name {font-weight: bold;}
.rakuten-shops .each-shop .item-name {}
.rakuten-shops .each-shop .price {display: block;}

#featured #rakuten-shops {width: 70%;margin: 2em auto;border-top: 1px dotted #e6e6e0;padding-top: 2em;}

#browseby {float:left;margin: 0;width: 75%;}
#browseby #browsebymanufacture {padding: 2em 0;}
#browseby #browsebycategory {padding: 2em 0;}

#product-main {float: left; width: 75%;}
#product-main2 {float: left; width: 69%;}
#product-side {float: right; width: 20%;}
#product-side2 {float: right; width: 30%;}

#product-reviews {width: 65%;float: left;}
#product-reviews .review-column {width: 46%;float: left;margin: 0 0 0 8%;}
#product-reviews #review-column-l {margin-left: 0;}
#product-reviews .productreview-summary {margin: 0 0 .8em 0;padding: 0 0 0 78px;}
#product-reviews .productreview-summary img {margin: 0 0 0 -78px;padding: 1px;border: 1px solid #ddd;float: left;}
#product-reviews .productreview-summary h3 {margin: 0;padding: 0;}
#product-reviews .productreview-summary p {margin: 0;padding: .3em 0;font-size: .85em;line-height: 1.4em;}
#product-reviews .productreview-summary span {font-size: .85em;color: #A3A380;font-weight: bold;}

#pickup-products {margin: 0 0 2em 0;}
#pickup-products li {margin: 0 1% .7em 0;padding: 0 1%;width: 30%;float: left;text-align: center;font-size: x-small;line-height: 1.4em;min-height: 110px;}
* html #pickup-products li {height: 110px;}
#pickup-products li.posi {clear: both;float: left;}
#pickup-products li img {margin: 0 auto .3em auto;padding: 0;display: block;border: 1px solid #e6e6e0;}

#browsebymanufacture dl {}
#browsebymanufacture dt {clear: both;width: 7%;font-size: x-large;line-height: 1.4em;color: #81B100;margin: 0;padding: 0;}
#browsebymanufacture dd {float: right;width: 90%;}
#browsebymanufacture dd li {margin: 0 0 .3em 0;padding: .2em 0;/*border-bottom: 1px dotted #dfdfdf;*/width: 48%;float: left;font-size: small;}

/*override*/
#browsebymanufacture #index-atoz {}

#browseby #browsebycategory .cat {float: left;width: 30%;margin: 0 0 1em 4%;min-height: 13em;}
* html #browseby #browsebycategory .cat {height: 14em;}
#browseby #browsebycategory h3 {text-align: left;font-size: small;font-weight: bolder;}
#browseby #browsebycategory .posi {margin: 0;clear: both;}
#browseby #browsebycategory ul {margin: 0;clear: both;text-align: left;}
#browseby #browsebycategory li {margin: .7em 0 0 0;font-size: .85em;}
#browseby #browsebycategory li img {float: left;margin: 0 .7em 0 0;padding: 3px;border: 1px solid #dfdfdf;}

/* @end */

/* @group product page */

#product-works {}

#product-introduction {margin: 0 0 2em 0;padding: 0;}
#product-introduction #product-image {float: left;margin: 0 .8em .5em 0;padding: 1px;border: 1px solid #E6E6E0;}
#product-introduction .p {font-size: .9em;}

#product-datasheet {}
/*#product-sponsored-ads {width: 30%;float: right;}*/

#product-datasheet .rakuten-shops {margin: 2em 0;}
#product-datasheet .rakuten-shops .each-shop {margin: .7em 0 0 0;padding: 0 1%;width: 30%;float: left;text-align: center;}

.rakuten-shops#random-pickup {border-top: 1px dotted #e6e6e0;border-bottom: 1px dotted #e6e6e0;padding: 1em 0;text-align: right;}
.rakuten-shops#random-pickup .each-shop {margin: .5em 0 0 0;padding: 0;text-align: center;width: 76%;margin: 0 auto;padding: 0 2%;}

#product-digest {width: 82%;float: left;}
/*override*/
#product-digest #works {margin: 0 0 2em 0;width: 55%;float: left;}
#product-digest #product-users {width: 42%;float: right;}
#product-digest #users {margin: 0 0 2em 0;}
#product-digest #users .each-user {width: 48%;text-align: left;margin: 0 0 .7em 0;padding: 0;min-height: 40px;}
#product-digest #users .each-user .avt {width: 40px;height: 40px;float: left;margin: 0 .5em 0 0;}
#product-digest #users .each-user .avt img {padding: 1px;border: 1px solid #e6e6e0;}
#product-digest  #recent-discussions {margin: 0 0 2em 0;}

#product-ads {float: right;width: 15%;text-align: center;}
#product-ads .sponsored {}
#product-ads .sponsored img {margin-bottom: 1em;}

/*override*/
#browseall-product-users #users {}
#browseall-product-users #users .each-user {width: 24%;margin: .5em 6px .7em 0;padding: 0;text-align: left;}
#browseall-product-users #users .avt {width: 40px;height: 40px;float: left;margin: 0 .8em 0 0;padding: 0;}
#browseall-product-users #users .avt img {border: 1px solid #e6e6e9;padding: 1px;}
#browseall-product-users #users .user-name {display: block;}

#browseall-product-works .contents-h {color: #F05B65;}
#browseall-product-works #works {clear: both;}
#browseall-product-works #filter {float: right;width: 29%;}

#browseall-product-topics {float: left;width: 603px;}
#product-discussion-topics {}

h1#product-name {margin-bottom: .5em;}
h1#product-name a:hover {text-decoration: none;}
h1#product-name strong {font: bold small "Lucida Grande", Lucida, Verdana, sans-serif;margin-left: .5em;}
h1#product-name img {vertical-align: middle;margin-right: .5em;padding: 1px;border: 1px solid #e6e6e0;width: 50px;}
#local-nav {margin: 0 0 1em 0;font-size: .9em;}
#local-nav li {float: left;margin: 0 1em 0 0;padding-bottom: 10px;font-weight: bold;line-height: 26px;}
#local-nav li span {display: block;line-height: 26px;padding: 0 15px 0 0;}
#local-nav li a {display: block;padding: 0 0 0 15px;}
#local-nav li {background: transparent url(../i/lnav_b_hovered.gif) no-repeat center bottom;}
#local-nav li span {background: transparent url(../i/lnav_r_hovered.gif) no-repeat right center;}
#local-nav li a {background: transparent url(../i/lnav_l_hovered.gif) no-repeat left center;color: #95C615;}
#local-nav li a:hover {color: #FF8B9E;text-decoration: none;}
#local-nav .selected {background: transparent url(../i/lnav_b.gif) no-repeat center bottom;}
#local-nav .selected span {background: transparent url(../i/lnav_r.gif) no-repeat right center;}
#local-nav .selected a {background: transparent url(../i/lnav_l.gif) no-repeat left center;color: #fff;}
#local-nav .selected a:hover {color: #fff;}

/* @end */

/* @group maker page */

h1#maker-name {margin-bottom: .5em;}
h1#maker-name img {vertical-align: bottom;padding-right: .5em;}
h1#maker-name-sub {margin-bottom: .5em;font-size: medium;}

#maker-ad {float: right;width: 55%;text-align: right;}
#maker-detail {float: left;width: 43%;}

#browseall-maker-products {margin: 2em 0;}
#browseall-maker-products #products {width: 67%;float: left;font-size: .9em;}
#browseall-maker-products #products h1 {margin: 0 0 .7em 0;padding: 0;line-height: 1.2em;}
#browseall-maker-products #products .each-product {width: 48%;}
#browseall-maker-products #filter {width: 29%;float: right;}

/* @end */

/* @group category */

#browseall-categoried-products {width: 72%;float: left;}
#browseall-categoried-products.searchresult {width: 100%;float: none;}

#browseall-categoried-products #products {width: 67%;float: left;font-size: .9em;}
#browseall-categoried-products #products h1 {margin: 0 0 .7em 0;padding: 0;line-height: 1.2em;}
#browseall-categoried-products #products .each-product {width: 48%;}
#browseall-categoried-products #filter {width: 29%;float: right;}
#othercategories {width: 24%;float: right;font-size: .85em;}
#othercategories li {margin: 0 0 .3em 0;padding: 0;/*border-bottom: 1px dotted #E6E6E0;*/}
#othercategories li a {margin: 0;padding: .3em 0;display: block;border: 1px solid #fff;}
#othercategories li a:hover {border: 1px solid #C8DD79;padding-left: .5em;}
#othercategories li .selected {display: block;margin: 0;padding: .3em .5em;border: 1px solid #B8D9E7;color: #3D91B6;}

/*radius*/
#othercategories li a:hover { -moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomleft: 2px;-moz-border-radius-bottomright: 2px;}
#othercategories li a:hover { -webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;-webkit-border-bottom-right-radius: 2px; }
#othercategories li .selected { -moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomleft: 2px;-moz-border-radius-bottomright: 2px;}
#othercategories li .selected { -webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;-webkit-border-bottom-right-radius: 2px; }


/* @end */



/* @group user page */
#user-main {float: left;width: 79%;}
#user-main2 {float: left;width: 69%;}
#user-sidebar {float: right; width: 20%;}
#user-sidebar2 {float: right; width: 30%;}

h1#user-name {}
h1#user-name a:hover {text-decoration: none;}
h1#user-name span {font-size: medium;}
h1#user-name strong {font: bold small "Lucida Grande", Lucida, Verdana, sans-serif;margin-left: .5em;}
h1#user-name img {vertical-align: bottom;padding-right: .3em;}

#user-info {float: left;width: 30%;}
#user-profile {margin: 0 0 2em 0;}
#welcome {}
#welcome-comment {font-size: .9em;}

.user-relations {margin: 0 0 2em 0;float: right;width: 65%;}
.user-relations .contents-h {color: #F05B65;margin: 0 0 1em 0;padding: .7em 0 .5em 0;border-bottom: 1px solid #CFD0C8;border-top: 2px solid #888A75;}
.user-relations .showall {font-size: x-small;line-height: 1.2em;padding-left: 1em;font-weight: normal;}

/*override*/
.user-relations #products {margin: 0 0 2em 0;}
.user-relations #works {margin: 0 0 2em 0;}

.user-relations #users .each-user {width: 24%;margin: .5em 0 .7em 0;padding: 0;text-align: left;}
.user-relations #users .avt {width: 40px;height: 40px;float: left;margin: 0 .8em 0 0;padding: 0;}
.user-relations #users .avt img {border: 1px solid #e6e6e9;padding: 1px;}
.user-relations #users .user-name {display: block;}

/*override*/
#browseall-user-friends,
#browseall-user-works,
#browseall-user-products {margin: 0;padding: .3em 0;}

#browseall-user-friends #users {}
#browseall-user-friends #users .each-user {width: 24%;margin: .5em 6px .7em 0;padding: 0;text-align: left;}
#browseall-user-friends #users .avt {width: 40px;height: 40px;float: left;margin: 0 .8em 0 0;padding: 0;}
#browseall-user-friends #users .avt img {border: 1px solid #e6e6e9;padding: 1px;}
#browseall-user-friends #users .user-name {display: block;}

#browseall-user-works {}
#browseall-user-works .contents-h {color: #F05B65;}
#browseall-user-works #works {}
#browseall-user-works #filter {}

#browseall-user-products #products {}
#browseall-user-products #products .each-product {}
#browseall-user-products #filter {}

#browseall-user-topics {float: left;width: 603px;}
#user-discussion-topics {}

/* @end */

/* @group musics page */
h1#musics-h {font-size: large;}
h1#musics-h span {font-size: .65em;font-weight: normal;display: block;}
h1#works-title {margin-bottom: .7em;font-size: medium;}
h1.featured-works {margin-bottom: .7em;font-size: medium;}

#browseall-works {width: 67%;float: left;}
#browseall-works.searchresult {width: 100%;float: none;}
#browseall-works #works {}
#browseall-works #filter {}

#featured-works {width: 30%;float: right;}
#featured-works ul.topworks {margin: 0 0 3em 0;}
#featured-works .topworks li {position: relative;margin: 0 0 .3em 0;padding: .5em 0 .7em 4.5em;font-size: .85em;border-bottom: 1px dotted #E6E6E0;line-height: 1.4em;color: #999;}
#featured-works .topworks li a {text-decoration: none;}
#featured-works .topworks li a span {color: #A3A380;}
#featured-works .topworks li a span.user-name {color: #999;}

#featured-works li .popup-player {position: absolute;top: .2em;left: 0;}
/*holly hack*/
* html #featured-works li .popup-player {left: -2.5em;}
/*eof holly hack*/

#artworkgallery {margin: 0 0 2em 0;}
/*#artworkgallery h1 {font-size: x-small;border: 0;margin: 0 0 1em 0;padding: 0;}*/
#artworkgallery li {margin: 0 1% .7em 0;min-height: 75px;float: left;width: 32%;min-height: 80px;text-align: center;}
* html #artworkgallery li {height: 80px;}
#artworkgallery li.posi {clear: both;}
#artworkgallery li img {padding: 1px;border: 1px solid #e6e6e0;}
/* @end */

/*@group musicsort */
#filter_left {float: left;width: 55%;}
#musicsort_block {float: right;}
/* @end */

/* @group music page */

/*#music {float: right;width: 40%;}*/
/*#music-info {float: left;width: 55%;}*/
#work-detail.with-artwork {float: left;margin-left: 1em;}
#music-artwork {margin: 0 auto .7em;display: block;padding: 2px;border: 1px solid #e6e6e0;}

#work-detail {width: 30%;float: left;}
#performers {width: 67%;float: right;}
#quarantine {float: right;width: 67%;height: 5em;}
#quarantine p{border: 1px solid #ccc;padding: 1em;text-align: center;color: #f33;font-weight: bold;}

#lyrics {width: 67%;float: right;}
#lyrics h4 {font-size: small;margin-bottom: 1em;border-bottom: 1px solid #e6e6e0;}
#lyrics p#lyric_content{margin-bottom: 4em;}
#lyric_controller {margin: 1em 0;}
#lyric_controller a {
    color: #fff;text-align: center;font-weight:bold;
    display: block;line-height:1.5em;
    margin:0 1.5em 0 0;padding: .3em .5em;
    background-color: #6cccff;
    -moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;-moz-border-radius-bottomleft: 2px;-moz-border-radius-bottomright: 2px;
    -webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-webkit-border-bottom-left-radius: 2px;-webkit-border-bottom-right-radius: 2px;
}
#lyric_controller a:hover {background-color: #49bbff;text-decoration: none;}

#music {font-size: .9em;}
#music #player {color: #A3A380;font-size: .9em; width: 200px;}
#music #player_container {/*border: 1px solid #e6e6e0;padding: 2px;*/}
#music #player #file {float: left;width: 48%;}
#music #player #player_popup {float: right;width: 48%;text-align: right;}
#music #statistics {margin: 1em 0;}

#work-detail #properties {font-size: .9em;margin: 1em 0 2em 0;padding: 0;}
#work-detail #properties #released {color: #999;font-weight: bold;font-size: x-small;}
#work-detail #properties #statistics {margin: 0;width: 48%;float: right;}
#work-detail #properties #statistics li {}
#work-detail #properties #attributes {padding: 0 0 1em 0;width: 48%;float: left;}
#work-detail #properties #attributes img {margin-right: 5px;}
#work-detail #properties #credits {margin-top: 2em;border-top: 1px dotted #e6e6e0;}
#work-detail #properties #credits li {padding: .3em 0 .3em 1.5em;border-bottom: 1px dotted #e6e6e0;}
#work-detail #properties #credits li .title,
#work-detail #properties #credits li .artist {font-weight: bold;}
#work-detail #properties #credits li .title {text-indent: -1em;}
#work-detail #properties #credits li .picon {text-indent: -1em;padding: .5em 0;}

#performers h3 img {vertical-align: middle;margin-right: .5em;}
#performers h4 {display: block;}

.related-works {margin: 0 0 2em 0;}
.related-works ul {margin: 0;}
.related-works li {position: relative;margin: 0 0 .3em 0;padding: .5em 0 .7em 4.5em;font-size: .85em;border-bottom: 1px dotted #E6E6E0;line-height: 1.4em;}
.related-works li a {text-decoration: none;}
.related-works li a span {color: #A3A380;}
.related-works li a span.user-name {color: #999;}

#similar-works {margin: 0 0 2em 0;}
#similar-works ul {margin: 0;}
#similar-works li {position: relative;margin: 0 0 .3em 0;padding: .5em 0 .7em 4.5em;font-size: .85em;border-bottom: 1px dotted #E6E6E0;line-height: 1.4em;}
#similar-works li a {text-decoration: none;line-height: 1.1em;}
#similar-works li a span {color: #A3A380;line-height: 1.1em;}
#similar-works li a span.user-name {color: #999;line-height: 1.1em;}

.related-works li .popup-player,
#similar-works li .popup-player {position: absolute;top: .2em;left: 0;}
/*holly hack*/
* html .related-works li .popup-player,
* html #similar-works li .popup-player {left: -2.5em;}
/*eof holly hack*/
/*{margin: 0 .5em 0 -2.5em;vertical-align: .5em;line-height: 1.1em;}*/

#recentfans {}
#recentfans #users .each-user {width: 21%;line-height: 1.2em;}
#recentfans #users .posi {clear: both;}

.productionnote {margin: 0 0 2em 0;}
.productionnote .introduction {margin: 0 0 2em 0;font-size: .9em;}
.productionnote .introduction p {margin: 0;padding: 0;}
.productionnote .introduction h4 {font-size: small;margin-bottom: 1em;border-bottom: 1px solid #e6e6e0;}
.productionnote .introduction .additional-note {margin: 2em 0 0 0;}

.productionnote .gears {margin: 0 0 2em 0;}
.productionnote .gears h4 {font-size: small;margin-bottom: 1em;border-bottom: 1px solid #e6e6e0;}
.productionnote .gears dt {clear: both;display: block;color: #FF94A1;font-size: x-small;margin: 0 1.5em 1em 0;float: left;line-height: 1.4em;}
.productionnote .gears dd {margin: 0 0 1em 0;padding: 0;font-size: .9em;line-height: 1.4em;}
.productionnote .gears dd img {vertical-align: middle;border: 1px solid #e6e6e0;margin-right: .5em;}

.productionnote .related-works h4 {font-size: small;margin-bottom: 1em;border-bottom: 1px solid #e6e6e0;}

.comment-count {border-top: 1px dotted #e6e6e0;padding-top: 1em;color: #666;}
.comment-count strong {color: #F05B65;font-size: medium;}

/* @end */

/* @group discussions */
#topics-digest {width: 67%;float: left;}
#featured-topics {width: 30%;float: right;}

#recent-topics {margin: 0 0 2em 0;}

.browseall-topics {width: 67%;float: left;margin: 0 0 2em 0;}
.browseall-topics#themed-topics {width: 67%;float: left;}

.browseall-topics #filter {margin: 0;padding: 0;line-height: 1.6em;}
.browseall-topics #filter h2 {float: left;margin: 0;padding: 0;}
.browseall-topics #filter ul {margin: 0;padding: 0;}
.browseall-topics #filter li {float: left;margin: 0 0 0 1.5em;padding: 0;}

h1#thread-name {margin: 0;padding: 0;font: bold medium "Lucida Grande", Lucida, Verdana, sans-serif;}
h1#thread-name img {vertical-align: bottom;margin-right: .5em;}
#threadview {
    /*color: #0d0d0d;*/
    /*font: 1.1em/1.6em Georgia, "Times New Roman", Times, serif;*/
    width: 67%;float: left;
}

#topic {margin: 0 0 1em 0;border-bottom: 1px dotted #e6e6e0;}
#topic #topic-header {}
#topic #topic-header #thread-name {}
#topic .postedby .photo {vertical-align: middle;margin-right: .5em;padding: 1px;border: 1px solid #e6e6e0;}
#topic .postedby {margin: 0 0 1em 0;font-size: .9em;}
#topic .description {padding-bottom: 1em;}
#topic .dtposted,
#topic .dtreviewed {font-size: .9em;color: #A3A380;font-weight: bold;margin-left: 1em;}

.hreview #topic-header {position: relative;padding: 0 0 0 80px;min-height: 80px;}
* html .hreview #topic-header {height: 80px;}
.hreview #topic-header #thread-name {padding: 1em 0 0 0;}
.hreview .item {line-height: 1.2em;font-size: .9em;position: absolute;top: 0;left: 0;}
.hreview .item .photo {margin: 0 .7em 0 0;padding: 1px;border: 1px solid #ECE9E6;display: block;float: left;}

#topic .with-relation {}
#topic .related-products {margin-bottom: .7em;padding: .7em 0 .5em 0;border-top: 1px solid #e6e6e0;border-bottom: 1px solid #e6e6e0;}
#topic .related-products .contents-h {margin: 0 2% 0 0;padding: 0;border: 0;font-size: .9em;float: left;width: 15%;}
#topic .related-products ul {width: 82%;float: right;}
#topic .related-products li {margin: 0 0 .7em 0;font-size: x-small;line-height: 1.2em;display: block;float: left;width: 25%;}
#topic .related-products li img {border: 1px solid #e6e6e0;padding: 1px;background-color: #fff;float: left;width: 35px;margin-right: .5em;}

#responses {}
#responses .each-response {margin: 0 0 1em 0;padding: .5em 0 0 60px;position: relative;background: transparent url(../i/bg_topic.gif) no-repeat 48px 2.3em;}
#responses .each-response .reply-contents {margin: 0;padding: 15px;background: transparent url(../i/bg_topic_bottom.gif) no-repeat right bottom;min-height: 35px;}
/*#responses .each-response p {margin: 10px 0 0 0;padding: 5px 15px 15px 15px;background: #E8EEF6 url(../i/bg_res_bottom.gif) no-repeat center bottom;min-height: 35px;}*/
#responses .each-response .postedby {margin-left: -60px;}
#responses .each-response .author-image {position: absolute;top: 2.3em;left: 0;width: 40px;}
#responses .each-response .author-image img {border: 1px solid #e6e6e0;padding: 1px;}
#responses .each-response .author-name {font-size: .9em;}
#responses .each-response .dtposted {font-size: .85em;color: #A3A380;font-weight: bold;margin-left: 1em;}


#see-also {margin: 0;padding: 0;width: 30%;float: right;}
#see-also #theme-recently {margin: 0 0 1em 0;}
#see-also #theme-recently ul {margin-top: 1em;}
#see-also #theme-recently li {font-size: .9em;line-height: 1.2em;margin: 0 0 .7em 0;padding: 0 0 0 15px;background: transparent url(../i/disc.gif) no-repeat left center;}
#see-also #theme-recently .showmore {display: block;text-align: right;font-size: .85em;padding-right: 2em;}
#see-also #filter {margin: 0 0 1em 0;}
#see-also #hot-products {margin: 0 0 2em 0;}
#see-also #hot-products li {margin: 0 0 .7em 1%;padding: 0;width: 18%;float: left;text-align: center;font-size: x-small;line-height: 1.4em;min-height: 120px;}
* html #see-also #hot-products li {height: 120px;}
#see-also #hot-products li.posi {clear: both;float: left;}
#see-also #hot-products li img {margin: 0 auto .3em auto;padding: 0;display: block;border: 1px solid #e6e6e0;}

#see-also #product-menu {margin: 0 0 1.5em 0;}
#see-also #product-menu ul {margin-top: 1em;}
#see-also #product-menu li {font-size: .9em;line-height: 1.2em;margin: 0 0 .7em 0;padding: 0 0 0 15px;background: transparent url(../i/disc.gif) no-repeat left center;}

#item-other-topics {border-top: 1px dotted #e6e6e0;margin: 0;padding: 1em 0;}
/*#item-other-topics h1 {font-size: medium;color: #F05B65;}*/
#item-other-topics li {color: #999;font-size: small;margin: 0 0 .5em 0;padding: 0 0 0 15px;background: transparent url(../i/disc.gif) no-repeat left center;}
#item-other-topics .showmore {display: block;text-align: right;padding-right: 2em;}

#theme-name {margin: 0 0 .5em 0;font-size: .9em;color: #A3A380;font-weight: bold;line-height: 1.4em;}
#theme-name span {margin-right: .5em;}

h2.replies-h {font-size: medium;}
h2.replies-h span {font-size: small;}

/* @end */

/* @group search */

#search-result {float: left;width: 79%;}
#search-side {float: right;width: 20%;}

#searchresults-users #users .pager {}
#searchresults-users #users .each-user {width: 20%;margin: .5em 0 .7em 0;padding: 0;text-align: left;}
#searchresults-users #users .avt {width: 40px;height: 40px;float: left;margin: 0 .8em 0 0;padding: 0;}
#searchresults-users #users .avt img {border: 1px solid #e6e6e9;padding: 1px;}
#searchresults-users #users .user-name {display: block;}

#searchresults-products #products .each-product {width: 32%;}

#searchresults-topics {width: 603px;}
/* @end */

/* @group extra */

#serial-theme {border: 5px solid #ECE9E6;padding: 1em;}
#serial-theme li {background: url("../public/theme/01/img/h_blog_gray.gif") no-repeat scroll transparent; margin: 0; padding: 0 0 0 20px;}

.each-post {margin: 0 0 .5em 0;padding: .5em 0 .5em 65px;position: relative;border-bottom: 1px dotted #e6e6e0;}
.each-post img {padding: 1px;border: 1px solid #e6e6e0;width: 50px;float: left;margin: 0 0 0 -65px;}
.each-post .title {font-size: 1.1em;font-weight: bold;}
.each-post .summary {margin: 0 0 .3em 0;padding: 0;}
.each-post .dtposted {color: #A3A380;font-size: .9em;}
.each-post .serial-title {font-size: .85em;}

#columns-lineup {}
#columns-lineup .contents-h span {padding-right: 1em;color: #CC6867;}
#columns-lineup .each-serial {width: 30%;float: left;margin: 0 0 0 5%;padding: 0;}
#columns-lineup .each-serial#c_002 {margin-left: 0;}
#columns-lineup .each-serial img {margin: 0 .5em 0 0;padding: 1px;border: 1px solid #e6e6e0;float: left;}
#columns-lineup .each-serial .title {font-size: 1.1em;margin: 0 0 .3em 0;padding: 0;}
#columns-lineup .each-serial p {font-size: .9em;line-height: 1.4em;}
#columns-lineup .each-serial .backnumber li {font-size: .9em;}

#columns-lineup .each-serial .contributor {color: #A3A380;font-size: .9em;font-weight: bold;}

#latest-posts {width: 32%;float: left;}
#latest-posts .each-post {margin: 0 0 1.5em 0;padding: 0;}
#latest-posts .each-post .title {font-size: 1.1em;margin: 0;padding: 0;}
#latest-posts .each-post img {width: 50px;height: 50px;margin: 0 .5em 0 0;padding: 1px;border: 1px solid #e6e6e0;float: left;}
#latest-posts .each-post .summary {font-size: .9em;margin: 0;padding: .5em 0;line-height: 1.5em;}
#latest-posts .each-post .serial-title {font-size: x-small;margin-left: 1em;}

#extra-digest #future {width: 48%; min-height: 300px; float:left}
#extra-digest #future h2 {font-size: 1.1em; margin: 0 0 0.3em; padding: 0;}
#extra-digest #future .contents-h span {padding-right: 1em;color: #cc6867;}
#extra-digest #future img {width: 50px;margin: 0 .5em 0 0;padding: 1px;border: 1px solid #e6e6e0;float: left;}
#extra-digest #future .title {font-size: 1.1em;margin: 0 0 .3em 0;padding: 0;}
#extra-digest #future p {font-size: .9em;line-height: 1.4em;}
#extra-digest #future .backnumber li {background: url("../public/theme/01/img/h_blog_gray.gif") no-repeat scroll transparent; clear: both;font-size: .9em; padding: 0 0 0 20px;}
#extra-digest #future .contributor {color: #a3a380;font-size: .9em;font-weight: bold;}

#extra-digest {width: 64%;float: right;}
#extra-digest #hot-posts {width: 47%;float: right;}
#extra-digest #hot-posts h2 {margin: 0;padding: 0;font: bold small "Lucida Grande", Lucida, Verdana, sans-serif;}
#extra-digest #hot-posts p {font-size: .85em;margin: 0;padding: .3em 0;line-height: 1.4em;}
#extra-digest #hot-posts .each-pon {margin: 0 0 1em 0;padding: 0;}
#extra-digest #hot-posts .each-pon img {float: left;margin-right: .5em;width: 50px;padding: 1px;border: 1px solid #e6e6e0;}
#extra-digest #hot-posts .each-pon span {color: #999;font-size: x-small;}

#extra-digest #serial-index {width: 47%; float: right;padding-bottom: 1em;}

#officialreview {float: left;width: 65%;font-size: 1.1em;line-height: 1.6em;}
#officialreview .summary {margin: 0 0 .1em 0;font-size: 1.4em;}
#officialreview .dtreviewed {color: #A3A380;font-weight: bold;font-size: .9em;text-align: right;display: block;}
#officialreview .moviecontainer {margin: 0 auto;display: block;}
#officialreview .description {margin: 0 0 3em 0;}
#officialreview .description p {margin: 0 0 1em 0;padding: .5em 0;}
#officialreview .reviewer {margin: 1em 0;padding: 1em 0;border-top: 1px dotted #e6e6e0;border-bottom: 1px dotted #e6e6e0;}
#officialreview .reviewer h2 {font-size: small;margin: 0 0 .7em 0;padding: 0;}
#officialreview .reviewer p {font-size: .85em;line-height: 1.4em;margin-top: .3em;}
#officialreview .reviewer .url img {margin: 0 1em .3em 0;padding: 1px;border: 1px solid #e6e6e0;float: left;}
#officialreview .item {text-align: center;margin: 0 0 1em 0;}
#officialreview .item img {vertical-align: middle;margin-right: .7em;padding: 1px;border: 1px solid #e6e6e0;}

#paginator {font-size: .9em;margin: 0 0 2em 0;padding: .5em 2%;}
#paginator li {width: 28%;float: left;margin: 0 2%;padding: 0;}
#paginator #previous {}
#paginator #toindex {text-align: center;}
#paginator #next {margin: 0;text-align: right;}

#post-remarks {font-size: x-small;color: #999;}

#review-sidebar {float: right;width: 32%;}
#review-sidebar .rel {margin: 0 0 2em 0;}
#review-sidebar .rel .showall {font-size: small;text-align: right;display: block;}
#review-sidebar .each-post {line-height: 1.4em;padding: 0 0 0 45px;border: 0;}
#review-sidebar .each-post img {width: 35px;padding: 1px;border: 1px solid #e6e6e0;margin-left: -45px;}
#review-sidebar .each-post .title {font-size: small;line-height: 1.4em;}
#review-sidebar .each-post .summary {font-size: .85em;line-height: 1.4em;}

#review-sidebar #related-products li {margin: 0  0 .5em 0;padding: 0;font-size: .9em;line-height: 1.4em;}
#review-sidebar #related-products li img {margin: 0 .5em 0 0;padding: 1px;border: 1px solid #e6e6e0;float: left;}

#or-archive {float: left;width: 65%;}

#article-contents {float: left;width: 60%;font-size: 1.1em;position: relative;}
#article-contents p {line-height: 1.6em;margin: .3em 0 1.5em 0;}
#article-contents .aligncenter,
#article-contents dl.aligncenter {display: block;margin-left: auto;margin-right: auto;}
#article-contents .alignleft {float: left;margin-right: .7em;margin-bottom: .3em;}
#article-contents .alignright {float: right;margin-left: .7em;margin-bottom: .3em;}
#article-contents .wp-caption {text-align: center;}
#article-contents .wp-caption img {margin: 0;padding: 0;border: 0 none;}
#article-contents .wp-caption-text {font-size: x-small;text-align: left;line-height: 1.4em;color: #666;}
#article-contents h2,
#article-contents h3,
#article-contents h4,
#article-contents h5,
#article-contents h6 {clear: both;}

#article-contents h1 {font-size: 1.5em;line-height: 1.4em;margin: 0 0 .5em 0;padding: 0 0 0 65px;color: #0D1E33;}
#article-contents h1 span {font-size: .6em;}
#article-contents h1 img {float: left;margin: 0 0 0 -65px;padding: 1px;border: 1px solid #e6e6e0;width: 50px;}
#article-contents h2 {font-size: medium;margin: 1.7em 0 1.3em 0;padding: 0;background: none;color: #AFAF3A;font-size: 1.2em;}
#article-contents h2#excerpt {margin: 1em 0 1.5em 0;}
#article-contents h3 {font-size: 1em;margin: 1.3em 0 .7em 0;padding: 0;background: none;color: #9EA971;}
#article-contents h3 span {color: #666;}
#article-contents #article-body {margin: 0;padding: 0 0 2em 0;border-bottom: 1px dotted #e6e6e0;}
#article-contents #article-body h2:first-child {margin-top: 0;}
#article-contents .pager {font-size: 1.1em;text-align: center;padding-top: .5em;}
#article-contents .pager strong,
#article-contents .pager a {padding: .3em .5em;border: 3px solid #e6e6e0;}
#article-contents .pager-first,
#article-contents .pager-last {display: none;}

#article-contents .moviecontainer {margin: 0 auto 1em auto;padding: 0;display: block; width: 540px; height: 420px; }

#article-contents li:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
#article-contents li {display: inline-table;min-height: 1%;}
/* the holly hack \*/
* html #article-contents li {height: 1%;}
#article-contents li {display: block;}
/* eof the holly hack */

#article-contents #postdate {display: block;margin-top: -.7em;font-size: .85em;text-align: right;line-height: 1.2em;color: #B9B9AC;font-weight: bold;}
#article-contents #about-contributor {}
#article-contents #about-contributor h2 {font-size: small;}
#article-contents #about-contributor img {float: left;margin: 0 .5em .3em 0;padding: 1px;border: 1px solid #e6e6e0;}
#article-contents #about-contributor #contributor-description {margin: .7em 0;font-size: .85em;color: #333;}

/* @end */

#login {margin: 2em 0;width: 55%;margin: 0 auto;}
#login #forguests {}
#login #formembers {}

#login {margin: 5em auto 0 auto;color: #666;}
#login p label {float: left;width: 30%;display: block;}
#login p .text {float: right;width: 63%;}
#login p#forsubmit {text-align: right;}
#login input.text {padding: .3em;line-height: 1.6em;border: 1px solid #ccc;font-size: medium;}
#login strong.alert {color:#690a0a;background-color: #ffd4e0;display: block;text-align: center;margin: 0 0 1em 0;padding: 1em 0;}
#login #alternative #to_forgetpass {float: right;}

#announcements {font-size: .9em;}
#announcements h2 {text-align: center;margin: 0 0 .5em 0;padding: 0;color: #464646;}
#announcements p {}


/* @group css sticky footer */

html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#container {padding-bottom: 29em;}
#fads {position: absolute;top: -140px;left: 0;width: 100%;}
#ads {position: absolute;top: -230px;left: 0;width: 100%;}
#footer {position: relative;margin-top: -18em;height: 15em;padding: 2em 0 .8em 0;clear:both;}
/* @end */

/* @group 広告サイドパネル */
.ad-side-panel { text-align: center; margin: 3em 0 1em 0;}
.ad-side-panel .ad_item { margin: 0 auto;padding: 0 .7em;text-align: center;display: inline; }
/* @end */

/* @group 広告 */
.mads {margin:1em 0;}
#side-toggle {text-align: center;margin-bottom: 1em;}
#side-scraper {text-align: center;}
/* @end */

/** @group download */
h2#h {font-size: medium;font-weight: normal;margin: 0 0 5px;padding: 0;}
h2.h2 {border-bottom: 3px double #cccccc;color: #0d0d0d;font-size: 140%;font-weight: bold;height: auto;line-height: 160%;margin: 2em 0 .5em 0;padding: 0;}
h3.h3i {background: none repeat scroll 0 0 transparent;border-bottom: 1px solid #cccccc;color: #0d0d0d;font-size: 100%;font-weight: bold;height: auto;line-height: 160%;margin: 0.5em 0;padding: 0;}
div.contents#software{float:left; width:650px;}
#downloadsoftware form{text-align: center;border: 3px solid #dddddd; width: 85%; padding: .3em;}
#downloadsoftware ul{list-style-type: square;margin-bottom: 1em;}
#downloadsoftware li{margin-left: 2em;}
#downloadsoftware {border-top: 1px solid #cccccc;padding-top: 1em;width: 640px;}
#downloadsoftware h5 {font-size: small;}
#downloadsoftware #licenses {border: 1px solid #cccccc;margin: 0 0 2em;padding: 1em 1.5em 1em 0.8em;}
#downloadsoftware ol {list-style-type: decimal;margin: 0.5em 0;padding: 0 0 0 2em;}
#downloadsoftware ol li {line-height: 140%;margin: 0 0 0.7em;}
#downloadsoftware span#latestdate {color: #fe4444;}
#downloadsoftware #latest {margin: 1em 0 3em;padding: 1em 0 0;position: relative;}
#downloadsoftware #latest img {padding: 0 3px;}
#downloadsoftware span#preset {background: none repeat scroll 0 0 #fee6e6;}
#downloadsoftware p.annotation {color: #223264;font-size: 85%;}
div#related_item{float:right; width:250px; padding-top: 90px;}
div#related_item .item{margin: 0 65px 2em 65px;}
/* @end */

/** @group download */
div.paragraph div{margin-left: 1em;}
div.paragraph ul{list-style-type: disc;margin: 0 0 1em 2em;}
/* @end */

/* @group request form */

#request {}

#request h2.rq_head {
    background: #5ddcff;
    text-indent: 1em;
    color: #fff;
    width: 100%;
    margin: 0;
}
#req_form {
    background: #cfefff;
    width: 100%;
    margin: 0;
    padding: .5em 0;
}

#req_form label#label_comment {display: block;}
#req_form textarea {height: 3em;line-height:1.5em;}
#req_form form {padding-left: 1em; line-height: 200%}
#req_form span.comment {display: inline-block;text-align: right;}
#req_form input#send {margin-top: 3px;}

#request_statistics,
#request_statistics th,
#request_statistics td {
    margin: 0;
    padding: 0;
    line-height: 1em;
    border: 1px solid #fff;
    border-collapse: collapse;
}
#request_statistics td a{color: #f66;}

#request_statistics {width: 100%;}
#request_statistics th {
    padding: .5em;
    background: #5ddcff;
    color: #fff;
}
#request_statistics td {
    padding: .5em;
    background: #cfefff;
    vertical-align: middle;
}
#request_statistics tbody td {word-break: break-all;}
#request_statistics td.fig {text-align: center;word-break: keep-all;}
#statistics {margin: 2em 0;}
#statistics h2 {color: #444;border-bottom: 1px dotted #444;width: 100%;}

#request_main {width: 67%;float: left;}
#request_ad {width: 30%;float: right;}

#request_main h1 {margin-bottom: .5em}
#request_main div.go_back {text-align: right;font-weight: bold;}
#request_main .guide {margin: 1em 0;font-weight: bold;}
#request_main .alert {margin: 1em 0;}
#request_main p {font-size: 1.1em}

#req_comments {}
#req_comments .each-comment {margin: 0 0 1em 0;padding: .5em 0 0 60px;position: relative;background: transparent url(../i/bg_topic.gif) no-repeat 48px 2.3em;}
#req_comments .each-comment .comment_body {margin: 0;padding: 15px;background: transparent url(../i/bg_topic_bottom.gif) no-repeat right bottom;min-height: 35px;}
#req_comments .each-comment .postedby {margin-left: -60px;}
#req_comments .each-comment .nickname {font-size: 1em;font-weight: bold;color: #ff6666;}
#req_comments .each-comment .country {font-size: .85em;color: #A3A380;font-weight: bold;margin-left: 1em;}
#req_comments .each-comment .dtposted {font-size: .85em;color: #A3A380;font-weight: bold;margin-left: 1em;}

#share-section h2 {font-size: small;}
#share-section ul { padding: 0; list-style: none; border-bottom: 1px dotted #e6e6e0; }
#share-section ul.borderless { border: none; }
#share-section li { float: left; height: 30px; line-height: 20px; }
#share-section .tweet { margin-right: 1em; }
#share-section .tweet-count { margin-right: -15px; }
#share-section .fb-like { margin-right: 1em; }
#share-section .fb-share { margin-right: 1em; }
#share-section .g-share { margin-right: 0; }
#share-section input,
#share-section label { display: inline; }
#share-section input[type="text"] { font-size: .85em; vertical-align: top; height: 18px; width: 200px; margin: 0; padding: 0 2px; cursor: pointer; border: 1px solid #B8B8A8; }
#share-section .link-share { margin-left: -1.5em; }
#share-section .link-share label { cursor: pointer; margin: 0; padding: 0; }

#work-detail #share-section h4 { border-bottom: 1px dotted #cccccc; font-size: small; margin: 1.5em 0 1em; padding: .5em 0 .2em; }

/* @group lyrics */
img.lyric-jacket {border: 1px solid #cccccc;padding: 1px;}
.request-composers {background: none repeat scroll 0 0 #ff6666;border-radius: 3px 3px 3px 3px;color: #ffffff;font-size: x-small;font-weight: normal;padding: 3px 6px;vertical-align:bottom;}

h1#lyrics-h {font-size: large;}
#browse-lyric-main {float: left;width: 69%;}
#browse-lyric-aside {float: right;width: 30%;}
#browse-lyric-option {float: right;width: 20%;}
#browse-lyric-option #ad {text-align: center;}

.r-posts {border-bottom: 1px dotted #dddddd;line-height: 1.4em;margin: 0 0 7px;padding: 0 0 7px;}
.r-posts div.lyric-thumb-left {float: left;width: 8%;}
.r-posts div.lyric-thumb-right {float: right;width: 90%;}
.r-posts h3 {height: 22px;line-height: 22px;margin: 0;padding: 0;font-size: 1.1em;overflow: hidden;}
.r-posts div.digest {color: #666666;font-size: .9em;line-height: 1.4em;margin: 2px 0;padding: 0;}
.r-posts span.postinfo {color: #999999;font-size: x-small;line-height: 1.5em;}

#lyric-main {float: left;width: 67%;}
#lyric-aside {float: right;margin: 0;padding: 0;width: 30%;}

#lyric-main #lyric-title {border-bottom: 1px solid #e6e6e0;margin: 0 0 .5em;padding: 0;}
#lyric-main #lyric-title div#jacket {float: left;min-height: 70px;}
#lyric-main #lyric-title img.lyric-jacket {margin: 0 1em .5em 0;}
#lyric-main #lyric-title h2 {font-weight: bold; font-size: large/1.2em;margin: 0;padding: 0 0 .3em;}

#lyric-main #lyric-attribute {font-size: .85em;padding: .3em 0 .7em;}
#lyric-main #lyric-attribute img {vertical-align: bottom;}
#lyric-main #lyric-attribute span#post-date {display: inline-block;width: 62px;color: #767676;}

#lyric-main #lyric-content {margin: 0;padding: 1em 0 0;position: relative;}
#lyric-main #lyric-content img,
#lyric-main #lyric-description img {border: 1px solid #cccccc;padding: 1px;}
#lyric-main h4 {border-bottom: 1px dotted #cccccc;font-size: small;margin: 1.5em 0 1em;padding: .5em 0 .2em;}

#lyric-main #share-section {border-bottom: none;padding-bottom: 20px;}

#lyric-main #about-copyright {color: #d73200;font-size: 85%;margin: 1.5em 0 0;padding: .5em 0 0;}

#lyric-main #lyric-footer {border-top: 1px dotted #cccccc;margin: 1em 0 0;padding: .5em 0;}
#lyric-main #lyric-footer p {margin: 0;}
#lyric-main #lyric-footer #post-tags {font-size: .9em;}

#lyric-main #lyric-tags span {color: #666666;font-size: x-small;font-weight: bold;}
#lyric-main #lyric-tags p {margin: 0;}

#lyric-aside .box {margin: 0 0 1em;padding: 0;}
#lyric-aside .box h4 {border-bottom: 1px dotted #cccccc;font-size: small;margin-bottom: .5em;}
#lyric-aside .box li {font-size: .97em;line-height: 140%;margin-bottom: .5em;}
#lyric-aside .archives-date {color: #666666;font-size: .8em;}

#filter.lyrics-filter h4 {border-bottom: 1px solid #dddddd;padding-bottom: .3em;color: #abbb39;font: bold small/1.2em "lucida grande",lucida,verdana,sans-serif;margin: 0 0 1em;}
#filter li a#request-composers {background: none repeat scroll 0 0 #ff6666;border-radius: 3px 3px 3px 3px;color: #ffffff;display: inline;font-weight: normal;padding: 3px 6px;text-decoration: none;}

#recent-lyrics .r-posts div.lyric-thumb-left {float: left;width: 11%;}
#recent-lyrics .r-posts div.lyric-thumb-right {float: right;width: 88%;}
/* @end */

/* @group music-player */
.musicquotation {margin: .7em 0;padding: 0 1em 1em 0;width: 80%;}
.musicquotation div.title {background: url("../i/mq.gif") no-repeat scroll left top transparent;padding-left: 30px;}
.musicquotation strong {font-size: 0.9em;line-height: 1.2em;}
.musicquotation .players {font-size: x-small;line-height: 1.2em;}
/* @end */

/* @group music appeal */
.appeal-box {margin-bottom: 1em;}
h3.appeal {background: none;color: #0d0d0d;font-size: 100%;font-weight: bold;height: auto;line-height: 160%;border-bottom: 1px solid #e6e6e0;margin: 2px 0 .5em;padding: 0 0 3px;}

table.appealmusics {margin-bottom: 2em;border-collapse:separate;border-spacing:2px;}
table.appealmusics td {width: 296px;}

ul.appealmusics {}
ul.appealmusics li,
table.appealmusics td {background: url("../i/avtbg_f_blue.gif") repeat scroll left top transparent;color: #fff;border: solid 1px #ccc;margin: 0 0 5px;padding: 5px;font-size:75%;vertical-align: top;}

.appealmusics .appeal-head {height: 54px;}
.appealmusics a {color: #fff;text-decoration: underline;}
.appealmusics .jacket {float: left;margin: 2px 4px 2px 2px;text-align: center;width: 50px;height: 50px;}
.appealmusics .jacket img {max-width: 50px;max-height: 50px;}
.appealmusics h4,
#c_side .appealmusics h4 {font-size:small; margin: 0; padding: 0; border: none; height: 35px;}
.appealmusics .appeal-artist {font-size:small; font-weight: bold;text-align: right;}
.appealmusics .appeal-message {clear: both;margin-top: .6em;min-height: 37px;}
.appealmusics .properties {height: 20px;}
.appealmusics .properties img {float: left;margin: 3px 5px 0 0;}
.appealmusics .resources {clear: both;line-height: 140%;min-height: 29px;margin-top: 3px;}
.appealmusics .appeal-footer {clear: both;margin-top: 2px;height: 15px;}
.appealmusics .datetime {float: left;}
.appealmusics .next {float:right;font-weight: bold;text-decoration: underline;}
/* @end */