* { margin:0; padding:0 }
body { font:100% arial, sans-serif; color:#000; background-color:#4E4E4E; text-align:center; }
img { border:0 }
.aux { font-size:0.9em }
p.lead { margin:0.8em 1em 0.6em; color:#000 }
p.lead-2 { margin:1.5em 0; color:#0066CC; padding-bottom:1em; border-bottom:1px dashed #aaa }
hr { border-width:0; height:1px; border-top:1px dashed #aaa }
span.separate { color:#999 }

table.color caption { font-weight:bold; color:#CC9900; margin:0.5em 0 0.5em; text-align:left }
table.color { font-size:85%; border-collapse:collapse }
table.color td, table.color th { padding:0.3em 0.5em; }
table.color th { color:#19A6BA;width:10em }
table.color .head {
    }

dl.refs { font-size:90% }
dl.refs dt { font-weight:bold; }
dl.refs dd { margin: 0.5em 0 }
li.separate { border-top:1px dashed #aaa }

#wrapper {
    margin:0 auto;
    text-align:left;
    width:820px;
    background:url(../i/contents_bg.gif) repeat-y 50% 50%;
    }

#wrapper2 {
    padding:0 10px;
    }
#top {
    color:#fff;
    }
#top p {
    background:url(../i/top.gif) no-repeat;
    font-size:12px;
    line-height:12px;
    padding:4px 0 4px 1em;
    }
#navi-title {
    margin-left:6px;
    }
#navi {
    list-style-type:none;
    }
#navi li a {
    color:#000;
    text-decoration:none;
    display:block;
    background:url(../i/navi_bg.gif) no-repeat;
    margin-left:6px;
    padding:14px 0 14px 8px;
    font-size:16px;
    line-height:16px;
    }
#navi li a:hover {
    color:#3399FF;
    }
#footer {
    background:url(../i/footer.gif);
    height:185px;
    }
address {
    padding:30px 0 0 30px;
    line-height:1.4em;
    font-size:14px;
    font-style:normal;
    }
#copyright {
    color:#fff;
    font-size:12px;
    text-align:center;
    margin-top:15px;
    }
#contact-text {
    font-size:14px;
    text-align:center;
    }
#contact-text strong {
    font-size:1.6em;
    color:#19A6BA;
    }
#contents {
    margin-left:10px;
    }
#contents p {
    margin:1em 0;
    line-height:1.4em;
    }
ul.products {
    list-style-type:none;
    }
ul.products li {
    border:1px solid #ccc;
    float:left;
    margin:0 10px 10px 0;
    padding:5px;
    width:258px;
    height:275px;
    }
ul.products li.no {
    border-width:0px;
    }
ul.products li .head {
    background:url(../i/list_title_bg.gif) no-repeat;
    color:#fff;
    font-size:16px;
    line-height:16px;
    padding:6px 0;
    text-align:center;
    margin-bottom:8px;
    }
ul.products li .head a {
    color:#fff;
    }
ul.products li .desc {
    font-size:0.8em;
    }

#product {
    font-size:14px;
    }
#product p.desc {
    margin-left:0.5em;
    }
h1 {
    background:url(../i/h1_bg.gif) no-repeat;
    font-size:22px;
    padding:10px 1em 9px;
    color:#fff;
    }
span.aux {
    font-size:0.8em;
    }
span.error {
    color:#FF0033;
    }
#price {
    border-collapse:collapse;
    }
#price th, #price td {
    padding:0.3em 0.5em;
    border:1px solid #aaa;
    }
#price th {
    background-color:#FFFF99;
    }
#price td.price {
    color:#CC0033;
    }
.must {
    color:#FF0033;
    }
table .privacy_title {
    font-weight:bold;
    margin:0.5em 0;
    }
.privacy_note {
    line-height:1.4em;
    font-size:0.9em;
    }
#contents ul, #contents ol {
    margin:1em 0 1em 2em;
    }
#contents ul.products, #contents ol.products {
    margin:0;
    }
ol.links {
    list-style-type:none;
    }
ol.links li {
    float:left;
    width:170px;
    height:350px;
    padding:10px 6px;
    font-size:0.9em;
    }
/* ol.links li:hover { */
/*     background:#CCFF99; */
/*     } */
ol.links .title {
    padding:0.3em 0 0;
    font-weight:bold;
    color:#336600;
    }
ol.links .image {
    padding:3px;
    background:#eee;
    border:1px solid #ccc;
    }
ol.links .image:hover {
    background:#f00;
    }
ol.links .desc {
    font-size:0.9em;
    line-height:1.4em;
    }
ol.links p.desc {
    margin-top:0;
    }
ol.links .date {
    color:#777;
    font-size:0.8em;
    }