/* @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.6em }
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;_NO__DOTCOMMA__AFTER__*/ }
/* 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 */
body {
    /*	font: 87.5%/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;*/
    font-size: 81.25%;
    line-height: 1.6;
    color: #3f3f3f;
}
body,
textarea { font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Geneva, Arial, Verdana, sans-serif }
*: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: #1F5B93;
    text-decoration: none;
}
a:active {
    color: #1F5B93;
    text-decoration: none;
}
a:visited {
    color: #1F5B93;
    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: #232323;
    font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
h1 {
    margin-bottom: 1em;
    padding: 0 0 1.3em 0;
    color: #464646;
    border-bottom: 2px solid #232323;
    position: relative;
    background-color: #fff;
    font-weight: normal;
    font-size: x-large;
    line-height: 1.2em;
}
h1 span {
    font-size: small;
    line-height: 1.2em;
    margin-left: .5em;
}
h2 {
    font-size: 1em;
    color: #393D3E;
    margin: 0 0 1.5em 0;
    padding: 0;
    line-height: 1.4em;
}
h2 span a {
    float: right;
    margin-right: 2em;
    font-size: .85em;
}
h3 {
    margin: 0 0 .5em 0;
    font-size: 1.1em;
}
p {
    margin: 0 0 1em 0;
    padding: 0;
}
li { line-height: 1.6em }
ul { }
ol {
    list-style-type: decimal;
    margin-left: 2em;
}
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;
}
/* @end */
/* @group com */
.cf:before, .cf:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.cf:after { clear: both; }
.cf { zoom: 1; }
.dcf { clear: both }
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;
}
.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 }
.guide li { margin: 0 0 1em 0 }
.guide li ul {
    margin: 1em 1em 1em 2em;
    list-style-type: circle;
}
.guide li li { margin: .3em 0 .3em 0 }
.chapter { margin: 0 0 2em 0 }
.chapter h2 {
    clear: both;
    margin: .7em 0;
    padding: 0 0 .35em 0;
    background: none;
    border-bottom: 1px solid #CFD1C6;
    font-weight: normal;
    font-size: 1.5em;
}
.chapter .p ul { }
.chapter .p ul li {
    margin-bottom: .5em;
    padding: .2em 0 .2em 12px;
    background: transparent url(../i/arr_gray.gif) no-repeat left center;
    line-height: 1.4em;
}
.chapter .p ol {
    list-style-type: decimal;
    padding-left: 2em;
    margin-left: 0;
}
.section { margin-bottom: 1.5em }
.section_hrzn_top {
    clear: both;
    float: left;
    margin-right: 2%;
}
.section_hrzn {
    float: left;
    margin-right: 2%;
}
.section h3,
.section_hrzn_top h3,
.section_hrzn h3 { padding-bottom: 0em }
.p { margin: 0 0 1em 0 }
.fig { margin-bottom: .3em }
.fig img {
    display: block;
    padding: 1px;
}
.fig span {
    display: block;
    margin-top: .5em;
    font-size: .85em;
    color: #666;
    line-height: 1.2em;
}
.al {
    float: left;
    margin-right: 1.5%;
}
.ar {
    float: right;
    margin-left: 1.5%;
}
.backtotop {
    margin-bottom: 1em;
    font-size: .85em;
    text-align: right;
    display: block;
}
.figs:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.figs {
    display: inline-table;
    min-height: 1%;
}
/* the holly hack \*/
* html .figs { height: 1% }
.figs { display: block }
/* eof the holly hack */
.pager {
    text-align: right;
    margin: 0 0 .7em 0;
}
/* @end */
/* @group #header */
#header {
    margin: 0 0 1em 0;
    nowhitespace: afterproperty;
    padding: 0;
    background: #0d1e33 url(../i/hbg.jpg) no-repeat center -410px;
    width: 100%;
    border-bottom: 2px solid #DD8822;
    /*#F6F8F8*/min-width: 920px;;
}
#header #sitetop {
    margin: 0 auto;
    padding: 0 15px;
    width: 916px;
    height: 90px;
    position: relative;
}
#header #sitetop a {
    position: absolute;
    bottom: 15px;
    left: 15px;
    display: block;
    width: 152px;
    height: 33px;
}
* html body #header #sitetop a {
    background: transparent url(../i/logo.gif) no-repeat top left;
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../i/logo.png', sizingMethod=scale);*/
}
* html body #header #sitetop a img { visibility: hidden }
#top {
    margin: 0;
    padding: 0;
    float: left;
}
#primary-nav {
    margin: 0;
    padding: 1.8em 0 2em 0;
    border-top: 1px solid #343434;
    border-bottom: 3px solid #F1F1EE;
    background: #0d0d0d url(../i/hborder.gif) repeat-x left bottom;
}
#primary-nav ul {
    margin: 0 auto;
    padding: 0 15px;
    width: 916px;
}
#primary-nav li {
    float: left;
    margin: 0 0 0 4em;
}
#primary-nav li#nav-home { margin: 0 }
#primary-nav li a {
    padding: 0;
    color: #DADADB;
    font-weight: bold;
}
#primary-nav li a strong {
    display: block;
    line-height: 1.4em;
}
#primary-nav li a span {
    font-weight: normal;
    color: #CBCBCE;
    font-size: x-small;
    line-height: 1.4em;
}
#primary-nav li a:hover {
    text-decoration: underline;
    color: #fff;
}
#primary-nav li a:hover span {
    color: #fff;
    text-decoration: none;
}
#primary-nav li.selected a { color: #fff }
#primary-nav li.selected a span { color: #fff }
#breadcrumb {
    margin: 0 auto;
    padding: 0 15px;
    width: 920px;
}
#breadcrumb p {
    margin: 0;
    padding: .8em 0;
    font-size: x-small;
    color: #A69972;
    line-height: 1em;
}
.none { display: none }
/* @end #header */
/* @group #container */
#wrapper {
    margin: 0;
    nowhitespace: afterproperty;
    padding: 0;
    width: 100%;
    /*background-color: #FBFBF7;*/;
}
#container {
    margin: 0 auto;
    nowhitespace: afterproperty;
    padding: 0 15px;
    width: 920px;
    /*background-color: #fff;border-right: 1px solid #DCDCD4;border-left: 1px solid #DCDCD4;*/;
}
#main {
    width: 65%;
    margin: 0;
    padding: 0;
    float: left;
}
#secondary {
    width: 31%;
    margin: 0;
    padding: 0;
    float: right;
}
/*#secondary a:link {color: #768E32;}
#secondary a:active {color: #768E32;}
#secondary a:visited {color: #768E32;}
#secondary a:hover {color: #EB4A47;}*/
/* @end #container */
/* @group #footer */
#footer {
    width: 100%;
    height: 12em;
    margin: 0;
    padding: 1.5em 0 .2em 0;
    background-color: #232323;
    border-top: 20px solid #E6E8E8;
    border-bottom: .8em solid #232323;
}
#footer #message {
    margin: 0 auto;
    padding: 0 15px;
    width: 920px;
}
#footer ul {
    padding: 0;
    margin: .5em 0;
}
#footer li { /*float: left;margin: 0 2em 0 0;*/ }
#footer li a {
    font-size: .9em;
    color: #C1BEB1;
    font-weight: normal;
}
#footer li a:hover { color: #D8E865 }
/*#footer li a:hover {font-size: .9em;}_NO__DOTCOMMA__AFTER__*/
#footer #copyright {
    clear: both;
    display: block;
    width: 100%;
    margin: 1.5em 0 0 0;
    padding: .5em 0 0 0;
    font-size: .9em;
    color: #AEB4B9;
    border-top: 1px solid #3C3C3C;
}
/* @group css sticky footer by http://www.cssstickyfooter.com/ */
html,
body,
#wrapper { height: 100% }
body > #wrapper {
    height: auto;
    min-height: 100%;
}
#container { padding-bottom: 22em } /* must be same height as the footer */
#footer {
    position: relative;
    margin-top: -14.5em;
    clear: both;
}
/* @end */
/* @end #footer */
/* @group 製品情報ページ */
#centered {
    margin-bottom: 1.5em;
    text-align: center;
}
#pickup { text-align: center }
#pickup img { margin: 0 0 .5em 0 }
#products-index #main { width: 50% }
#products-index #secondary { width: 46% }
#category-index #main { width: 70% }
#category-index #secondary { width: 26% }
#browseby { }
#manufactures { }
#manufactures #index-atoz { }
#manufactures #index-atoz {
    margin: 0 0 1em 0;
    font-size: medium;
    line-height: 1.1em;
    font-weight: bold;
}
#manufactures #index-atoz li {
    float: left;
    margin: 0 .5em .5em 0;
    line-height: 1em;
}
#manufactures #index-atoz li a {
    display: block;
    width: 1.5em;
    text-align: center;
    padding: .3em 0;
    border: 3px solid #D5B390;
}
#manufactures #index-atoz li.index-selected a { color: #EB9A47 }
#manufactures #index-atoz li a#browseall { width: 3em }
#manufactures dl { }
#manufactures dt {
    clear: both;
    width: 7%;
    font-size: x-large;
    line-height: 1.2em;
    color: #768E32;
    margin: 0;
    padding: 0;
}
#manufactures dd {
    float: right;
    width: 90%;
}
#categories {
    margin: 0 0 2em 0;
    padding: 0 0 1.5em 0;
    border-bottom: 1px solid #E6E8E8;
}
#categories li {
    float: right;
    width: 48%;
    margin: 0 0 .3em 0;
    font-size: .9em;
    display: block;
    height: 2em;
    overflow: hidden;
}
#categories li.posi {
    clear: both;
    float: left;
    margin-right: 1%;
}
#recently { }
#recently li {
    margin: 0 0 .7em 0;
    padding: .3em 1.5em .3em 8em;
    position: relative;
    background: transparent url(../i/bookmark.gif) no-repeat left .5em;
}
#recently li strong {
    color: #B1AB99;
    line-height: 1.4em;
    font-size: x-small;
    position: absolute;
    top: .3em;
    left: 20px;
}
#recently li p {
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    font-size: .9em;
}
/* @group category-top */
#browse-products {
    width: 69%;
    margin: 0;
    padding: 0;
    float: left;
}
#browse-othercategories {
    width: 27%;
    margin: 0;
    padding: 0;
    float: right;
}
/* @end */
.pmlist {
    margin: 0 0 2em 0;
    padding: 0 0 1em 150px;
    border-bottom: 1px solid #DBDEDE;
}
.pmlist h2 {
    width: 131px;
    height: 68px;
    float: left;
    margin: 0 0 0 -150px;
    padding: 0;
    position: relative;
    font-weight: bold;
    font-size: 1.2em;
    background: none;
}
* html .pmlist h2 { margin-left: -75px }
.pmlist h2 a {
    position: absolute;
    nowhitespace: afterproperty;
    top: .5em;
    left: 0;
    /*color: #232323;*/;
}
.pmlist h2 a:visited,
.pmlist h2 a:active { }
.pmlist .m-item {
    margin: 0 5% 0 0;
    padding: 0 0 .5em 0;
    width: 140px;
    float: left;
    text-align: center;
}
.pmlist .m-item img {
    margin: 0 0 3px 0;
    padding: 2px;
    border: 1px solid #DFDCD6;
}
.pmlist .m-item span {
    display: block;
    line-height: 1.2em;
    font-size: .85em;
    height: 3.5em;
    overflow: hidden;
}
.pmlist .posi {
    clear: both; /*float: left;*/;
}
.pmlist .nega { margin-right: 0 }
.subcatlist {
    margin: 0 0 .3em 0;
    padding: 0 0 .3em 0;
}
.subcatlist li {
    margin: 0 0 .7em 1.5%;
    padding: 0;
    width: 48%;
    float: right;
}
.subcatlist li div { padding: .2em 0 .5em }
.subcatlist li div img {
    margin: 0 0 3px 0;
    padding: 2px;
    border: 1px solid #CBC5BB;
}
.subcatlist li span {
    display: block;
    line-height: 1.2em;
    font-size: .85em;
}
.subcatlist .posi {
    clear: both;
    margin-left: 0;
    float: left;
}
.box {
    margin-bottom: 1.5em;
    line-height: 1.4em;
}
.box h2 { margin-bottom: 1em }
#box-ad { /*border-top: 1px dotted #ccc;*/ }
#box-ad p {
    margin-bottom: 2em;
    font-size: x-small;
}
#box-ad img.fl {
    float: left;
    margin-right: .7em;
}
#box-columns p {
    margin-bottom: 1em;
    padding-left: 70px;
}
#box-columns p img {
    float: left;
    margin-left: -70px;
    border: 1px solid #DBDEDE;
}
#box-columns a span { font-size: x-small }
#box-events li {
    margin-bottom: .8em;
    font-size: .9em;
}
#box-events strong {
    color: #666;
    line-height: 1em;
}
#box-nav { font-size: .9em }
#box-nav ul {
    padding: 1.5em;
    border: 3px double #ddd;
}
#box-nav li {
    padding: .3em 0 .3em 12px;
    background: transparent url(../i/sq_gray.gif) no-repeat left center;
}
#box-category li {
    margin: 0 0 .7em 0;
    padding: 0;
    display: block;
    vertical-align: bottom;
    line-height: 1.2em;
}
#box-category li a {
    text-indent: 1em;
    width: 100%;
    display: block;
    font-size: .9em;
    margin: 0;
    padding: .5em 0;
    background-color: #E8E8E8;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}
#box-category li a:hover {
    color: #fff;
    background-color: #CFCFD6;
    text-decoration: none;
}
#box-category li strong {
    text-indent: 1em;
    display: block;
    width: 100%;
    font-size: .9em;
    margin: 0;
    padding: .5em 0;
    color: #fff;
    background-color: #28456F;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}
#subcategories { margin: .7em 0 0 1.5em }
#box-archive { /*border-top: 1px dashed #C1C6CB;*/padding-top: 1em; }
.archive li {
    font-size: .9em;
    margin: 0 0 .7em 0;
    padding: 0 0 0 15px;
    background: transparent url(../i/disc_g.gif) no-repeat left center;
}
.archive li strong {
    color: #666;
    font-weight: normal;
}
#box-products {
    padding-bottom: 1em;
    border-bottom: 1px solid #DBDEDE;
}
#box-products li img {
    display: block;
    margin-bottom: .2em;
    padding: 1px;
    border: 1px solid #DBDEDE;
}
#contents {
    width: 72%;
    float: left;
}
#subcontents {
    width: 24%;
    float: right;
}
#classes {
    font-size: .9em;
    margin: 0 0 -1.8em 0;
    position: relative;
    top: -4.2em;
    width: 100%;
    text-align: right;
    color: #A69972;
}
.productheader { margin: 0 0 .7em 0 }
.productheader .productimage {
    float: left;
    margin: 0 2% 1em 0;
    border: 1px solid #fff;
}
.productheader a:hover .productimage { border: 1px solid #1f80b7 }
.productheader #productdescription {
    margin: 0 0 1em 0;
    font-size: .9em;
    line-height: 1.8em;
}
.productheader #lineup {
    width: 60%;
    float : right;
}
.productheader #headline {
    width: 35%;
    float: left;
}
.product#subpage #contents table { }
.product#subpage #contents td {
    line-height: 1.4em;
    font-size: .85em;
    border-left: 1px solid #EBE2D8;
    border-bottom: 1px solid #EBE2D8;
    padding: .5em 3px;
}
.product#subpage #contents thead td {
    text-align: center;
    vertical-align: middle;
}
.product#subpage #contents thead .item { border-left: 0 }
.product#subpage #contents tbody .item {
    text-align: left;
    border-left: 0;
}
.product#subpage #contents tbody .decimal { text-align: right }
#pageindex {
    font-size: .9em;
    nowhitespace: afterproperty;
    padding: .5em 0;
    margin: 0 0 1.5em 0;
    /*border-bottom: 1px dashed #C1C6CB;border-top: 1px dashed #ccc;*/;
}
#pageindex strong { display: none }
#pageindex ul { margin: 0 0 .5em 0 }
#pageindex li {
    min-height: 17px;
    line-height: 1.4em;
    margin-bottom: .7em;
    padding: 0 0 .5em 20px;
    background: transparent url(../i/arrow_down.gif) no-repeat left .2em;
    font-size: .9em;
}
#pageindex li a { font: inherit }
#pageindex span { color: #999 }
#subcontents > .product-attribute:first-child h2 { /*border: 0;*/padding-top: 0; }
#tags {
    margin: 0 0 2em 0;
    padding: 0 0 1.3em 0;
    line-height: 1.4em;
}
#tags li {
    font-size: .9em;
    margin-bottom: .5em;
    padding-left: 24px;
    background: transparent url(../i/tag.gif) no-repeat left center;
}
#files {
    margin: 0 0 2em 0;
    nowhitespace: afterproperty;
    padding: 0 0 1.3em 0;
    line-height: 1.4em;
    /*border-bottom: 1px dashed #C1C6CB;*/;
}
#files li {
    margin: 0 0 .7em 0;
    nowhitespace: afterproperty;
    padding: .7em 0 0 0;
    font-size: x-small;
    /*border-top: 1px dotted #C1C6CB;*/;
}
.file-pdf {
    padding: 0 0 0 24px;
    display: block;
    line-height: 1.4em;
    background: transparent url(../i/pdficon_small.gif) no-repeat left center;
}
dl.prices {
    margin: 0;
    padding: 0;
    font-size: .9em;
}
dl.prices dt {
    margin: 0;
    padding: 1em 1em 0 1em;
    border: 1px solid #CFD1C6;
    border-bottom: 0;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
}
dl.prices dd {
    line-height: 1.4em;
    margin: 0 0 1em 0;
    padding: .4em 1em 1em 1em;
    border: 1px solid #CFD1C6;
    border-top: 0;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}
/* @group #subcontents */
#subcontents h2 {
    border-bottom: 2px solid #232323;
    margin: 0 0 1.5em 0;
    padding: .7em 0 .2em 0;
    text-align: left;
    line-height: .9em;
    font-size: 1.1em;
    font-weight: bold;
}
#localnav {
    margin: 0 0 2em 0;
    padding: 3px 0;
    background-color: #EBEBEB;
    min-height: 13em;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}
#localnav li {
    margin: 0;
    padding: .8em 1em;
    line-height: 1.4em;
    text-align: left;
    font-size: .9em;
    text-shadow: #fff 1px 1px 0;
    border-top: 2px solid #fff;
}
#localnav li:first-child { border-top: 0 }
#localnav li.selected { color: #8F9599 }
#localnav a { color: #2C3248 }
#localnav a:hover { color: #EB4747 }
#videos {
    margin: 0 0 2em 0;
    padding: 0 0 1em 0;
    border-bottom: 1px solid #ebe2d8;
}
#videos li {
    margin: 0 0 1em 0;
    padding: 0;
    background: none;
}
#videos li img {
    border: 5px solid #E4E3C3;
    display: block;
}
#videos li span {
    font-size: .85em;
    line-height: 1.4em;
}
#product-videos {
    margin: 0 0 1em 0;
    nowhitespace: afterproperty;
    padding: 0 0 1em 0;
    /*border-bottom: 1px dashed #C1C6CB;*/;
}
#product-videos li {
    margin: 0 0 1.5em 0;
    padding: 0 1.5em 0 0;
    font-size: x-small;
}
#product-videos li .video-thumbnail {
    width: 60px;
    height: 45px;
    margin: 0 .7em 0 0;
    padding: 0;
    overflow: hidden;
    float: left;
    border: 1px solid #ECE9E6;
}
#product-videos li .video-thumbnail img { margin: -30px 0 0 -30px }
#product-videos .preffix { color: #c30 }
#related-products {
    margin: 0 0 .3em 0;
    padding: 0 0 .3em 0;
}
#related-products li {
    margin: 0 0 1.5em 0;
    padding: 1.2em 0 0 85px;
}
#related-products li div {
    float: left;
    margin-top: -1.2em;
    margin-left: -85px;
    width: 70px;
    height: 52px;
    overflow: hidden;
    border: 3px solid #e9e9e9;
}
#related-products li div img { margin: -5px 0 0 -19px }
#related-products li span {
    display: block;
    line-height: 1.2em;
    font-size: .9em;
}
/* @end */
/* @end */
/* @group #index */
#index #container { padding-top: 2em }
#index .featured { margin: 0 }
#index .featured img { }
#index #featured3 {padding-top: 10px;padding-bottom: 10px;border-bottom: 2px solid #232323;}
#index #featured3 .featured-row {padding-top: 10px;padding-bottom: 10px;}
#index #featured3 img {/*border-top: 3px double #8A8A75;*/border-bottom: 3px double #8A8A75;}
#index #featured3 p {margin: 0;padding: .7em 0 0 0;font-size: x-small;line-height: 1.4em;}
#index #recent-stuff {
    width: 32%;
    margin: 0;
    padding: 0;
    float: right;
}
#index #extra-stuff {
    width: 65%;
    margin: 0;
    padding: 0;
    float: left;
}
#index #extra-stuff #topics {
    margin: 0 0 2em 0;
    padding: 0 0 1em 0;
    border-bottom: 2px solid #232323;
}
#index #extra-stuff #featured-post {
    width: 66%;
    margin: 0;
    padding: 0;
    float: left;
}
#index #extra-stuff #youtube {
    width: 31%;
    float: right;
}
#index #extra-stuff #recentcolumns {
    width: 54%;
    margin: 0;
    padding: 0;
    float: left;
}
#index #extra-stuff #quotes {
    width: 41%;
    margin: 0;
    padding: 0;
    float: right;
}
#recent-stuff h2,
#extra-stuff h2 {
    border-top: 2px solid #232323;
    margin: 0 0 1.5em 0;
    padding: .7em 0 .2em 0;
    text-align: left;
    line-height: .9em;
    font-size: 1.1em;
    font-weight: bold;
}
#recent-stuff h2 a,
#extra-stuff h2 a { color: #002244 }
#recent-stuff h2 a:hover,
#extra-stuff h2 a:hover {
    color: #EB4A47;
    text-decoration: none;
}
#updatelog { margin: 0 0 3em 0 }
#updatelog li {
    display: block;
    margin: 0 0 1em 0;
    padding: 0 0 0 23px;
    font-weight: normal;
    font-size: .9em;
    line-height: 1.4em;
}
#updatelog li.log-link { background: transparent url(../i/bookmark.gif) no-repeat left .3em }
#updatelog li.log-entry { background: transparent url(../i/document_alt.gif) no-repeat left .3em }
#updatelog li .excerpt {
    font-size: .9em;
    color: #474943;
    line-height: 1.4em;
}
#updatelog li span {
    font-weight: normal;
    font-size: x-small;
    color: #A0A0A0;
    margin: 0 0 0 .5em;
    display: none;
}
.more { font-size: x-small }
#upcomings {
    margin: 0 0 2em 0;
    padding: 0 0 .5em 0;
}
#upcomings li {
    margin: 0 0 .7em 0;
    padding: 0 0 .7em 0;
    line-height: 1.4em;
    position: relative;
}
#upcomings li p {
    margin: 0;
    padding: 0;
    float: left;
}
#upcomings li strong {
    float: right;
    font-size: xx-small;
    padding: .3em .7em;
    margin: 0 0 0 .5em;
    /*background-color: #14A9DA;color: #fff;*/
    background-color: #EAEBE8;
    color: #3B4041;
    line-height: 1.6em;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
/*#options {border-top: 2px solid #232323;margin: 0;padding: 2em 0 0 0;}_NO__DOTCOMMA__AFTER__*/
#recentcolumns {
    margin: 0 0 .5em 0;
    padding: 0 0 .5em 0;
}
#recentcolumns h2,
#quotes h2 {
    border: 0;
    margin: 0 0 1.5em 0;
    padding: 0;
    text-shadow: none;
    background: no-repeat;
    line-height: 1.4em;
    font-size: .9em;
    letter-spacing: 1px;
    /*color: #996633;*/
    font-style: italic;
}
#recentcolumns .post {
    margin: 0 0 1em 0;
    nowhitespace: afterproperty;
    padding: 0 0 1em 0;
    /*border-bottom: 1px solid #ECE9E6;*/;
}
#recentcolumns .post img {
    float: left;
    nowhitespace: afterproperty;
    padding: 0;
    width: 50px;
    margin: 0 .7em .5em 0;
    /*border: 5px solid #EEEEE9;*/;
}
#recentcolumns .post h3 {
    margin: 0 0 .5em 0;
    padding: 0;
    font-weight: bold;
    font-size: small;
    line-height: 1.4em;
}
#recentcolumns .post h3 span { font-weight: normal }
#recentcolumns .post p {
    margin: 0 0 .3em 0;
    padding: 0;
    font-size: .9em;
    line-height: 1.6em;
    color: #3B4041;
}
#recentcolumns .title {
    font-weight: bold;
    font-size: x-small;
    line-height: 1.2em;
    color: #203C41;
}
/* override */
#index #recent-stuff.prependmovie { padding-top: 270px }
#youtube {
    margin: 0;
    padding: 0;
    position: relative;
}
#youtube .moviecontainer {
    position: absolute;
    top: 0;
    left: 207px;
    width: 294px;
    margin: 0;
    padding: 0;
}
#youtube .moviecontainer .movieplayer {
    margin: 0 auto .7em auto;
    display: block;
}
#youtube .moviecontainer .more {
    display: block;
    text-align: center;
    font-size: .9em;
}
#youtube ul { margin: 0 0 .5em 0 }
#youtube li {
    margin: 0 0 .2em 0;
    padding: 5px 5px 5px 75px;
    text-align: left;
    border: 1px solid #fff;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
}
#youtube li.nowplaying { border: 1px solid #DD5B22 }
#youtube li .video-thumbnail {
    float: left;
    width: 60px;
    height: 45px;
    display: block;
    margin: 0 .5em 0 -70px;
    overflow: hidden;
}
* html #youtube li .video-thumbnail { margin-left: -35px }
#youtube li .video-thumbnail img {
    border: 0;
    margin: -13px 0 0 -20px;
    padding: 0;
    width: 110px;
}
#youtube li span {
    font-size: x-small;
    font-weight: normal;
    line-height: 1.4em;
}
#youtube li a .preffix {
    color: #c30;
    padding: 0;
}
#featured-post {
    margin: 0;
    padding: 0;
}
#featured-post li {
    margin: 0 0 .7em 0;
    nowhitespace: afterproperty;
    padding: 0 5px .8em 145px;
    /*border-bottom: 1px solid #ECE9E6;*/;
}
#featured-post li img {
    width: 130px;
    height: 80px;
    float: left;
    margin: 0 0 0 -145px;
    border: 1px solid #DBDEDE;
}
#featured-post li strong {
    font-size: small;
    font-weight: bold;
    display: block;
    text-align: left;
    line-height: 1.2em;
}
#featured-post li p {
    margin: .7em 0 .3em 0;
    padding: 0;
    font-size: .85em;
    color: #3B4041;
    text-align: left;
    line-height: 1.4em;
}
.hreview {
    margin: 0 0 1.3em 0;
    padding: 0 0 1.2em 0;
    border-bottom: 1px dotted #ECE9E6;
}
.hreview .item {
    margin: 0 0 .3em 0;
    padding: 0;
    font-weight: bold;
    font-size: small;
    display: block;
}
.hreview .description {
    font-size: .9em;
    line-height: 1.6em;
    /*color: #DD5B22;*/
    margin: .5em 0 .3em 0;
    padding: 0 0 8px 0;
    background: transparent url(../i/openq.gif) no-repeat left top;
    text-indent: 26px;
    /*border-top: 1px solid #E0DECB;;
    border-bottom: 1px solid #E0DECB;*/
}
.hreview .description span {
    padding: 0 22px 2px 0;
    background: transparent url(../i/closeq.gif) no-repeat right bottom;
}
.hreview .reviewer {
    font-size: .9em;
    font-style: italic;
    margin: 0;
    padding: 0;
}
.option {
    margin: 0 0 .7em 0;
    padding: .7em;
    border: 1px solid #DBDEDE;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}
.option .box {
    margin: 0;
    nowhitespace: afterproperty;
    padding: 0;
    font-size: .85em;
    color: #333;
    /*border-bottom: 1px solid #E6E8E8;*/;
}
.option .box img {
    float: left;
    margin: 0 .7em 7px 0;
}
.option .box .p { margin: 0 }
/* @end */
/* @group #news */
.newsitem {
    margin: 0 0 1em 0;
    nowhitespace: afterproperty;
    padding: 0 0 1em 9em;
    position: relative;
    /*border-bottom: 1px solid #E6E8E8;*/;
}
.newsitem span {
    position: absolute;
    top: 0;
    left: 0;
    font-size: .9em;
    font-weight: bold;
    color: #C1B8A9;
}
.newsitem .summary {
    margin: 0 0 .3em 0;
    padding: 0;
    font-size: 1.1em;
    display: block;
}
.newsitem a:link,
.newsitem a:active,
.newsitem a:visited { text-decoration: none }
.option a:hover { text-decoration: underline }
.newsitem .excerpt {
    font-size: .9em;
    color: #474943;
}
.newsitem .p {
    font-size: .9em;
    color: #666;
}
#news #entry-posted {
    color: #A69972;
    font-size: .9em;
}
#news #entry-body { margin: .5em 0 1em 0 }
#news #entry-body a { text-decoration: underline }
#news #entry-cat {
    padding: .3em 0;
    font-size: .9em;
    text-align: right;
    border-top: 1px solid #DBDEDE;
    font-style: italic;
}
/* @end */
/* @group #support */
#support { }
.menu { margin: 0 0 2em 0 }
.menu li {
    margin-bottom: .5em;
    padding-left: 15px;
    background: transparent url(../i/disc.gif) no-repeat left center;
}
.menu#supportindex { }
.menu#supportindex ul {
    margin: 0;
    padding: 0;
}
.menu#supportindex li {
    margin: 0;
    padding: .5em 0;
    background: none;
    font-weight: bold;
}
.menu#supportindex li img {
    margin-right: 10px;
    padding: 5px;
    border: 4px solid #D5B390;
    vertical-align: middle;
    -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;
}
.menu#supportindex li#nav-registration { }
.menu#supportindex li#nav-upgrade { }
.menu#supportindex li#nav-download { }
.menu#supportindex li#nav-download ul {
    margin: -.5em 0 0 43px;
    padding: 0;
}
.menu#supportindex li#nav-download li {
    margin: 0;
    padding: .3em 0;
    font-size: .9em;
}
.menu#supportindex li#nav-account #nowlogin {
    margin: -.5em 0 0 43px;
    padding: 0;
    font-weight: normal;
    font-size: .85em;
    line-height: 1.2em;
}
#contactindex {
    padding: 1.5em;
    border: 1px solid #E3C1B5;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}
#contactindex li {
    margin: 0 0 .3em 0;
    padding: .3em;
    background: none;
    font-size: .9em;
}

/* @end */
.readmefirst {
    font-size: .9em;
    margin: 0 0 2em 0;
}
#dl-directories { }
#dl-directories li a {
    display: block;
    margin: 0;
    padding: .5em 0 .5em 25px;
    background: transparent url(../i/folder.gif) no-repeat left center;
    border-bottom: 1px dotted #e6e6e0;
}
.download-children { margin: 0 0 2em 0 }
.download-children h2 {
    background: none;
    margin: 0 0 .5em 0;
    padding: 0;
}
.download-items { }
.download-items li a {
    display: block;
    margin: 0;
    padding: .5em 0 .5em 25px;
    background: transparent url(../i/download.gif) no-repeat left center;
    font-size: .9em;
}
/* @group シリーズ */
#series #page_index {
    margin: 0 0 2em 0;
    padding: 0;
}
#series #page_index li {
    margin: 0 0 3px 0;
    line-height: 1.4em;
    text-align: left;
    font-size: .9em;
    text-shadow: #fff 1px 1px 0;
}
#series #page_index li:first-child { border-top: 0 }
#series #page_index li.selected { color: #8F9599 }
#series #page_index a {
    display: block;
    margin: 0;
    padding: .5em 1em;
    background-color: #EBEBEB;
    color: #2C3248;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
}
#series #page_index a:hover,
#series #page_index li a.current {
    background-color: #de0515;
    color: #fff;
    text-shadow: none;
}
#series .chapter { display: none }
#series .chapter.current { display: block }
#serieslineup { margin: 0 }
#serieslineup h2 { border: 0 }
#lineup-index { }
#lineup-index ul {
    margin: 0;
    padding: 0 0 1em 0;
    list-style-type: none;
}
#lineup-index li {
    float: left;
    margin: 0 0 1.5em 45px;
    width: 125px;
    font-size: .9em;
    line-height: 1.2em;
}
#lineup-index li.posi {
    margin-left: 0;
    clear: both;
}
#lineup-index .item_thumb {
    overflow: hidden;
    width: 125px;
    height: 62px;
    margin-bottom: .2em;
}
#lineup-index .item_thumb img { margin: -20px 0 0 -7px }
#pagination {
    margin: 0;
    padding: .5em 1em;
    text-align: right;
    line-height: 1.4em;
    margin-bottom: 1em;
}
#pagination a {
    margin-left: 1em;
    color: #de0515;
    padding: .2em 0;
}
#pagination a:hover { color: #ff250d }
#pagination a.disabled {
    color: #bbb;
    text-decoration: none;
    cursor: default;
}
#pagination a.backtolist {
    margin-left: 2em;
    padding-left: 20px;
    background: transparent url(../i/undo.gif) no-repeat left center;
    border-bottom: 1px dotted #d9d9d9;
}
.seriesitem {
    display: none;
    margin: 0;
    padding: 0 0 0 170px;
    min-height: 120px;
    position: relative;
}
.seriesitem h3 {
    margin: 0 0 .5em 0;
    font-size: 1.6em;
    font-weight: normal;
}
.seriesitem h4 {
    margin: 0 0 .5em 0;
    font-size: 1em;
    font-weight: bold;
}
.seriesitem .item-image {
    position: absolute;
    top: 4em;
    left: 0;
    width: 148px;
    border: 1px solid #cfd1c6;
}
.seriesitem .in-item-image {
    width: 140px;
    height: 105px;
    overflow: hidden;
    margin: 4px;
}
.seriesitem .item-description { padding: 0 }
.seriesitem .photos {
    font-size: .8em;
    line-height: 1.4em;
}
.seriesitem .photos .each-photo {
    margin: 0 14px 1em 0;
    padding: 0;
    width: 116px;
    float: left;
}
.seriesitem .photos .photo-container {
    maring-bottom: .5em;
    width: 116px;
    height: 87px;
    overflow: hidden;
    border: 1px solid #cfd1c6;
}
.seriesitem .photos .last { margin-right: 0 }
.seriesitem .photos img { }
.seriesitem .pagenation {
    position: absolute;
    nowhitespace: afterproperty;
    margin: 0;
    padding: .7em 0;
    width: 100%;
    top: 0;
    left: 0;
    /*border-bottom: 1px solid #CFD1C6;*/;
}
.seriesitem .pagenation_bottom {
    position: absolute;
    margin: 0;
    padding: .7em 0;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 1px solid #CFD1C6;
}
.seriesitem .pagenation .previous_item,
.seriesitem .pagenation_bottom .previous_item { float: left }
.seriesitem .pagenation .next_item,
.seriesitem .pagenation_bottom .next_item { float: right }
h3.makername {
    border-top: 1px solid #DBDEDE;
    margin-bottom: .3em;
    padding: 1em 0 .1em 0;
    font-size: small;
    background-color: transparent;
    text-shadow: none;
}
h3.makername a { color: #000 }
h3.makername a:hover { color: #7C0101 }
/* @end */
/* @group コレクション */
#collection { }
#collection #genres {
    border: 1px solid #dbdbdb;
    margin: 0 0 2em 0;
    padding: .8em 1.5em;
}
#collection #genres strong { }
#collection #genres span {
    padding: 0 .5em;
    color: #999;
    font-size: x-small;
}
#collection #genres li {
    float: left;
    margin: .3em 3% .3em 0;
}
#collection #genres #collection-index {
    margin: 1em 0 0 0;
    padding: .7em 0 0 0;
    border-top: 1px dashed #C1C6CB;
}
#collection #genres #collection-index strong {
    float: left;
    display: block;
    margin: .3em 2em .3em 0;
    line-height: 1.6em;
}
#collection ul#sozailist li.posi {
    clear: both;
    margin-left: 0;
}
#collection ul#sozailist li {
    float: left;
    width: 30%;
    margin: 0 0 2em 4%;
    min-height: 13em;
}
* html #collection ul#sozailist li { height: 13em }
#collection ul#sozailist li img.itemimg {
    float: left;
    margin-right: 3%;
}
#collection ul#sozailist li .cf { margin-bottom: .5em }
#collection ul#sozailist li .itemcode {
    font-weight: bold;
    font-size: .9em;
    color: #999;
}
#collection ul#sozailist li .itemgenre { font-size: .9em }
#collection ul#sozailist li strong {
    display: block;
    border-bottom: 1px dotted #ccc;
}
#collection ul#sozailist li p {
    margin: .3em 0 .5em 0;
    font-size: x-small;
    line-height: 1.4em;
}
#collection ul#sozailist li .samples { line-height: 1.2em }
#collection ul#sozailist li .samples img { margin: 0 3px .5em 0 }
#bundlesboxes ul#sozailist li {
    float: right;
    width: 48%;
    margin: 0 0 2em 0;
}
#bundlesboxes ul#sozailist li.posi {
    clear: both;
    float: left;
}
#bundlesboxes ul#sozailist li img.itemimg {
    float: left;
    margin-right: 3%;
}
#bundlesboxes ul#sozailist li .cf { margin-bottom: .5em }
#bundlesboxes ul#sozailist li .itemcode {
    font-weight: bold;
    font-size: .9em;
    color: #999;
}
#bundlesboxes ul#sozailist li .itemgenre { font-size: .9em }
#bundlesboxes ul#sozailist li strong {
    display: block;
    border-bottom: 1px dotted #ccc;
}
#bundlesboxes ul#sozailist li p {
    margin: .3em 0 .5em 0;
    font-size: x-small;
    line-height: 1.4em;
}
#bundlesboxes ul#sozailist li .samples { line-height: 1.2em }
#bundlesboxes ul#sozailist li .samples img { margin: 0 3px .5em 0 }
/* @end */
/* @group メーカー*/
.makerheader { margin: 0 0 3em 0 }
.catalog_s { margin: 0 0 2em 0 }
.catalog_s .item {
    float: left;
    margin: 0 1% 1em 1%;
    width: 15%;
    line-height: 1.2em;
    text-align: center;
}
.catalog_s .item img {
    margin: 0 0 3px 0;
    padding: 2px;
    border: 1px solid #DFDCD6;
}
.catalog_s .item.posi {
    clear: both;
    margin-left: 8%;
}
.catalog_s .item strong {
    font-weight: normal;
    font-size: .85em;
    line-height: 1.4em;
    display: block;
    height: 4em;
    overflow: hidden;
    margin-top: .5em;
}
.catalog_s .item h2 {
    margin: 0 0 .3em 0;
    padding: 0;
    background: none;
    font-size: small;
}
.catalog_l { font-size: .9em }
.catalog_l .item { margin: 0 0 1.5em 0 }
.catalog_l .item .item-image {
    float: left;
    margin: 0 2% .5em 0;
    border: 1px solid #DBDEDE;
}
.catalog_l .item h3 {
    padding: 0 0 .3em 0;
    border-bottom: 1px solid #DBDEDE;
}
.catalog_l .item.ar {
    float: right;
    width: 48%;
}
.catalog_l .item.al {
    float: left;
    width: 48%;
}
/* @end */
/* @group events */
#eventlist { }
.vcalendar dt.month {
    margin: 0 0 .3em 0;
    padding: 0;
    font-weight: bold;
    font-size: large;
    text-shadow: none;
    background: none;
    width: 17%;
    letter-spacing: 1px;
}
.vcalendar dd.month { margin: 0 0 0 17% }
.vcalendar .vevent {
    position: relative;
    padding: 0 0 .7em 0;
    margin-bottom: 1.3em;
    border-bottom: 1px solid #ECE9E6;
}
.vcalendar .vevent .date {
    margin: 0;
    padding: 0 0 .1em 0;
    line-height: 1.6em;
    font-size: .9em;
    font-weight: normal;
    border-bottom: 1px dotted #ccc;
    display: inline;
    color: #c30;
}
.vcalendar .vevent .summary {
    margin: 0 0 .3em 0;
    padding: 0;
    color: #333;
    font-size: 1.1em;
    text-shadow: none;
}
.vcalendar .vevent .location {
    margin: .5em 0 0 0;
    font-size: .9em;
}
.vcalendar .vevent .contact {
    margin: 0 0 .5em 0;
    font-size: .9em;
}
.vcalendar .vevent .contact dt {
    float: left;
    width: 8em;
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}
.vcalendar .vevent .contact dd {
    margin: 0 0 0 8em;
    padding: 0;
}
.vevent #about-event { margin: 1em 0 }
.vevent #about-event .date {
    font-size: 1.2em;
    font-weight: bold;
}
.vevent #eventinfo-side {
    float: right;
    width: 34%;
    padding: 1.5em 2%;
    border: 1px solid #D6D0C9;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
.vevent #eventinfo-side dl { margin-bottom: 1.3em }
.vevent #eventinfo-side dt {
    color: #64592F;
    color: #393D3E;
    margin: 0 0 .3em 0;
    padding: 0 0 0 20px;
    background: transparent url(../i/hcircle.gif) no-repeat left center;
}
.vevent #eventinfo-side dd { color: #3E3925 }
.vevent #eventinfo-side .location .fn {
    display: block;
    margin: 0 0 .5em 0;
    padding: 0;
}
.vevent #eventinfo-side .contact {
    border-top: 1px dotted #e6e6e0;
    padding-top: 1.5em;
}
.vevent #eventinfo-main {
    float: left;
    width: 56%;
}
.vevent .description { margin-top: .7em }
/* @end */
/* @group columns */
/* @group index */
/*#index-columns {width: 54%;float: left;}
#index-extraposts {width: 43%;float: right;}*/
#getrecently {
    width: 47%;
    float: left;
    margin: 0;
    padding: 0;
}
#post-indexes {
    width: 50%;
    float: right;
}
.post-index #articles {
    width: 54%;
    float: left;
}
.post-index #recentvideos {
    width: 40%;
    float: right;
}
.post-index .index-header h2 {
    float: left;
    width: 48%;
}
.post-index .index-header ul {
    float: right;
    font-size: .9em;
}
.post-index .index-header li {
    float: left;
    margin: 0 2em 0 0;
    text-align: right;
}
#post-indexes h2 {
    margin: 0 0 2em 0;
    padding: 0 0 .2em 0;
    text-align: left;
    line-height: 1.4em;
    font-size: small;
    font-weight: bold;
}
#recentposts {
    margin: 0 0 2em 0;
    padding: 0 0 2em 0;
}
#recentposts li {
    margin: 0 0 1em 0;
    padding: 0 0 0 15px;
    font-size: .9em;
    line-height: 1.3em;
    background: transparent url(../i/disc_g.gif) no-repeat left center;
}
#recentvideos {
    margin: 0 0 1.5em 0;
    padding: 0 0 1em 0;
}
#recentvideos ul.videoSelector {
    margin: 0;
    padding: 0;
}
#recentvideos ul.videoSelector li {
    margin: 0 0 1.2em 0;
    padding: 0;
    display: block;
    line-height: 1.2em;
}
#recentvideos ul.videoSelector li .video-thumbnail {
    width: 60px;
    height: 45px;
    margin: 0 .5em 0 0;
    padding: 0;
    overflow: hidden;
    float: left;
}
#recentvideos ul.videoSelector li .video-thumbnail img { margin: -30px 0 0 -22px }
#recentvideos ul.videoSelector .preffix { color: #c30 }
#recentvideos ul.videoSelector li strong {
    font-size: .85em;
    font-weight: normal;
}
.column-post {
    margin: 0 0 2em 0;
    padding: 0;
    line-height: 1.4em;
    position: relative;
}
.column-post .title {
    margin: 0;
    padding: 0;
    background: none;
    font-size: .9em;
    line-height: 1.2em;
    font-weight: normal;
}
.column-post .author {
    font-size: .9em;
    margin: 0;
    padding: 0;
}
.column-post .summary {
    margin: 0;
    padding: 0;
    font-size: small;
}
.column-post .description {
    margin: .5em 0 0 0;
    padding: 0;
}
.column-post .photo {
    margin: 0 .7em .5em 0;
    padding: 0;
    width: 50px;
    float: left;
}
.column-post .excerpt {
    margin: 0 0 .2em 0;
    padding: 0 3em 0 0;
    font-size: .9em;
    color: #3B4041;
}
.column-post span.date {
    font-size: x-small;
    color: #666;
}
.column-post .tobacknumber {
    padding: .3em 0;
    font-size: .9em;
    color: #666;
    line-height: 1.4em;
    text-align: right;
    display: block;
}
.blog-post {
    margin: 0 0 2em 0;
    padding: 0;
}
.blog-post .thumb {
    width: 100px;
    float: left;
    margin: 0 .7em .3em 0;
    border: 1px solid #DBDEDE;
}
.blog-post .summary {
    margin: 0 0 .5em 0;
    padding: 0;
    line-height: 1.4em;
    font-size: small;
    font-weight: bold;
}
.blog-post .excerpt {
    margin: 0;
    padding: 0 3em 0 0;
    font-size: .9em;
    color: #3B4041;
}
.blog-post .date { font-size: x-small }
#columns {
    margin: 0 0 2.5em 0;
    padding: 0 0 2em 0;
    border-bottom: 1px solid #DBDEDE;
}
#columns li {
    margin: 0 0 .7em 0;
    background: transparent url(../i/dot_gray.gif) repeat-x left .7em;
    text-align: right;
    font-size: .9em;
}
#columns li strong {
    font-weight: normal;
    float: left;
    width: 73%;
    text-align: left;
}
#columns li strong a {
    background: #fff url(../i/dot_db.gif) no-repeat left center;
    padding: 0 .5em 0 15px;
}
#columns li span {
    background-color: #fff;
    padding-left: .5em;
}
#articles { }
#articles ul { margin: 0 0 1em 0 }
#articles li {
    margin: 0 0 1.5em 0;
    font-size: .9em;
    line-height: 1.2em;
    background: transparent url(../i/dot_db.gif) no-repeat left center;
    padding-left: 15px;
}
/*#articles .more {font-size: .9em;}_NO__DOTCOMMA__AFTER__*/
/* @end */
.columns h1 span {
    font-size: .7em;
    margin: 0;
}
.columns #main {
    width: 62%;
    margin: 0;
    padding: 0 8% 0 0;
    line-height: 1.6em;
    float: left;
    border-bottom: 1px solid #DBDEDE;
}
.columns #sidebar {
    width: 27%;
    float: right;
}
.columns #main .p { margin: .5em 0 1em 0 }
.columns #main .fig { margin-bottom: 1em }
.columns #sidebar #author {
    margin: 0 0 1em 0;
    padding: 0 0 1.5em 0;
    font-size: .9em;
    line-height: 1.8em;
    border-bottom: 1px solid #DBDEDE;
}
.columns #sidebar #author img {
    float: right;
    margin: 0 0 .2em 1.5em;
    padding: 0;
    border: 5px solid #E8E8E5;
}
.columns #sidebar #author p { margin: 0 }
/* @group theme-index */
#extraposts-index { width: 60% }
.columns #theme-description {
    float: left;
    width: 32%;
}
.columns #theme-description #author {
    margin: 0 0 2em 0;
    padding: 0 0 1.5em 0;
    line-height: 1.6em;
}
.columns #theme-description #author h2 {
    margin: 0 0 1.5em 0;
    padding: 0;
}
.columns #theme-description #author img {
    float: left;
    margin: 0 1.5em .2em 0;
    padding: 0;
    border: 5px solid #E8E8E5;
}
.columns #theme-description #author .description {
    margin: 0;
    font-size: .9em;
}
/*.columns #backnumber {margin: 0;padding: 0 0 0 10em;}
.columns #backnumber h2 {margin: 0 0 0 -10em;width: 8em;float: left;}
.columns #backnumber li {margin-bottom: .3em;}*/
.columns #backnumber {
    margin: 0;
    padding: 0;
    width: 63%;
    float: right;
}
.columns #backnumber h2 {
    margin: 0 0 1.5em 0;
    padding: 0;
}
.columns #backnumber li {
    margin-bottom: .3em;
    padding: 0 0 0 13px;
    background: transparent url(../i/dot_db.gif) no-repeat left center;
}
/* @end */
#magazines {
    margin: 0 0 1.5em 0;
    padding: 0 0 1.5em 0;
    border-bottom: 1px solid #DBDEDE;
}
#magazines .serial { margin: 0 0 1.5em 0 }
#magazines .serial h3 {
    margin: 0 0 .5em 0;
    font-size: .9em;
}
#magazines .serial h3 a { color: #8B7931 }
#magazines .serial li {
    margin: 0 0 .7em 0;
    font-size: .85em;
    line-height: 1.4em;
    padding: 0 0 0 22px;
    background: transparent url(../i/pdficon_small.gif) no-repeat left center;
}
#paginator {
    margin: 0 0 2em 0;
    line-height: 1.2em;
}
#paginator #previous_post {
    float: left;
    text-align: left;
    display: block;
    width: 46%;
}
#paginator #next_post {
    float: right;
    text-align: right;
    display: block;
    width: 46%;
}
#article-contents {
    margin-bottom: 1.5em;
    padding: 0 0 2em 10px;
}
#article-contents p { 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 h2 {
    font-size: medium;
    margin: 1.7em 0 1.3em 0;
    padding: 0;
    background: none;
    color: #312F2A;
}
#article-contents h2:first-child { margin-top: 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 ul,
#article-contents ul li { list-style-type: disc }
#article-contents ol,
#article-contents ol li { list-style-type: decimal }
#article-contents ul,
#article-contents ol {
    margin: 0 0 1em 0;
    padding: 0 0 0 2em;
}
#article-contents li {
    margin: .5em 0;
    padding: 0;
}
/* @end */
/* @group videos */
#browse-channel h2 {
    margin: 0 0 1.5em 0;
    padding: 0;
    background: none;
    font-size: medium;
}
#browse-channel #videos {
    margin: 0 0 2em 0;
    nowhitespace: afterproperty;
    padding: 0 0 1em 0;
    border-bottom: 1px solid #DBDEDE;
    /*#ebe2d8;*/
}
#browse-channel #videos li {
    float: left;
    margin: 0 2% 1em 3%;
    width: 130px;
}
#browse-channel #videos li .video-thumbnail {
    height: 70px;
    border: 5px solid #D3D6D6;
    display: block;
    margin: 0 auto .5em auto;
    overflow: hidden;
}
#browse-channel #videos li img {
    border: 0;
    margin: -10px 0 0 0;
}
#browse-channel #videos li span {
    display: block;
    height: 5em;
    overflow: hidden;
    text-align: justify;
}
/* @end */
/* @group about */
.about table { width: 95% }
.about th {
    text-align: left;
    font-weight: normal;
    padding: .5em .5em .5em 0;
    border-bottom: 1px solid #DBDEDE;
}
.about td {
    padding: .5em;
    border-bottom: 1px solid #DBDEDE;
}
.about h2 { text-shadow: none }
.storelist { margin-bottom: 2em }
.storelist h2 {
    font-size: 1.2em;
    font-weight: bold;
    color: #666;
    border-bottom: 1px solid #DBDEDE;
}
.storelist ul { margin-bottom: 2em }
.about .chapter { margin-bottom: 1em }
/* @end */