/* Base Theme ============================================================= */

/* Reset ------------------------------------------------------------------ */

/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css by beausmith.com
    http://developer.yahoo.com/yui/reset/
*/

html,body,div,
/* ul,ol,li,dl,dt,dd, */
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr {
    margin:0;
    padding:0;
}

/* Utilities ----------------------------------------------------------------- */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 0.1px; }
.pkg, #content-inner { display: block; min-height: 0; }
/* */

/* Content ---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl {
    margin-top: 0;
    margin-bottom: 20px;
}

/* Layout ----------------------------------------------------------------- */

body {
    margin: 0 auto;
    /* setting border: 0 hoses ie5 win window inner well border */
    font-family: verdana, 'trebuchet ms', sans-serif;
    font-size: 16px;
    color: #333;
    text-align: center;
    padding: 0;
    background: url(images/bg.gif) repeat-x left top #003;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


#container { width: 750px; text-align: center; margin: 0 auto; padding: 20px 0; line-height: 1.7; }


a { color: #f60; }
a:hover { color: #f00; }

#wrapper { background: url(images/bg_wrapper.gif) repeat-y left top #fff; padding: 75px; margin: 0 auto; text-align: left; }




#content { width: 750px; float: none; margin: 0; padding: 0; }

#footer { text-align: center; padding: 20px 0 0 0; line-height: 1.7; color: #fff; }


h1 {
    font-size: 13px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 10px;
}
h1 a { color: #fff; text-decoration: none; }
h1 a:hover { color: #fff; text-decoration: underline; }

h2 {
    width: 240px;
    height: 60px;
    margin: 0 10px 0 0;
    float: left;
    text-indent: -500px;
    font-size: 13px;
}
h2 a {
    width: 240px;
    height: 60px;
    display: block;
    overflow: hidden;
    background: url(images/header/logo.gif) no-repeat left top;
}
h2 a:hover { background: url(images/header/logo_on.gif) no-repeat left top; }

h3 { margin-bottom: 20px; }


h4 {
    font-size: 22px;
    font-weight: bold;
    color: #c90;
    margin-bottom: 20px;
}
h5 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}

.marker { background: #ff0; color: #f00; font-weight: bold; }
.green { color: #3c0; }
.red { color: #f00; }
.black { color: #000; }
.orange { color: #f60; }
.blue { color: #06c; }
.pink { color: #f06; }
.white { color: #fff; }
.yellow { color: #ff0; }
.gold { color: #960; }
.gray { color: #888; }
.silver { color: #ccc; }
.pagetop {
    text-align: right;
    font-size: 13px;
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 0;
    border-top: 1px dashed #ccc;
}
.pagetop a { color: #f60; }

.underline { text-decoration: underline; }
.none { text-decoration: none; }
.normal { font-weight: normal; }
.nowrap { white-space: nowrap; }
dfn, em, address { font-style: normal; }

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.first { margin-top: 0; }
.last { margin-bottom: 0; }

img.left {
    float: left;
    margin-right: 10px;
}
img.right {
    float: right;
    margin-left: 10px;
}
img, img a { border: 0; text-decoration: none; }
img, img a, img a:link, img a:hover, img a:visited, img a:active { 
    border-width: 0px; text-decoration: none;
}
.xxs { font-size: 11px; }
.xs { font-size: 13px; }
.s { font-size: 16px; }
.m { font-size: 18px; }
.l { font-size: 24px; }
.bold { font-weight: bold; }

.breadcrumbs {
    margin: 10px 0 0 0;
    padding-left: 10px;
    background: url(images/header/bg_breadcrumbs.gif) no-repeat left center;
    text-align: left;
    font-size: 11px;
}


table {
    /* border-collapse: collapse; */
    border: 1px solid #fc6;
    margin-bottom: 10px;
    line-height: 1.7;
    font-size: 13px;
}
table th {
    border: 1px solid #fc6;
    padding: 5px;
    background: #ffc;
}
table td {
    border: 1px solid #ccc;
    padding: 5px;
}
table td.left {
    border: 1px solid #fc6;
    background: #ffc;
}


.notice {
    padding: 20px 40px 0 40px;
    margin-bottom: 20px;
    background: #ffc;
    border: 5px double #f60;
}

.mag {
    padding: 20px 40px 0 40px;
    margin-bottom: 20px;
    background: #CEEFFF;
    border: 5px double #7BD3FF;
}

.review {
    padding: 20px 40px 0 40px;
    margin-bottom: 20px;
    background: #CEEFFF;
    border: 5px double #7BD3FF;
}

.manual {
    padding: 20px 40px 0 40px;
    margin-bottom: 20px;
    background: #ffc;
    border: 5px double #f60;
}

.buy {
    padding: 20px 40px 0 40px;
    margin-bottom: 20px;
    background: #ffc;
    border: 7px double #f60;
}

.voice-list {
    margin: 0 0 20px 0;
    padding: 20px 40px 0 40px;
    background: #eee;
    border: 1px solid #ccc;
}
.voice-list dt {
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.voice-list dd {
    margin: 0 0 20px 0;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}
.voice-list dd img { border: 1px solid #ccc; }

.bullet-list {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
}
.bullet-list li {
    margin: 0 0 10px 0;
    padding: 0 0 0 33px;
    font-weight: bold;
    background: url(images/icon_bullet-list.gif) no-repeat 5px center;
}




.faq-list {
    margin: 0 0 20px 0;
    padding: 0;
}
.faq-list dt {
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
    background: #3c6;
    border: 1px solid #cf6;
    border-bottom: 0;
    padding: 10px;
}
.faq-list dd {
    margin: 0 0 20px 0;
    padding: 0;
    border: 2px solid #cf6;
    border-top: 0;
    padding: 20px 40px 0 40px;
    background: #E6FFB3;
}







.benefit-list {
    margin: 0 0 20px 0;
    padding: 0;
    padding: 20px 40px;
    background: #fcc;
    border: 7px double #f00;
}
.benefit-list dt {
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #f00;
}
.benefit-list dd {
    margin: 0 0 0 100px;
    padding: 0;
}








.button {
    text-align: center;
}
.button a:hover {
    position: relative;
    top: 1px;
}




.entrance {
    background: url(images/bg_entrance.gif) no-repeat right top;
}