@charset "UTF-8";
@import "reset.css";

body { }
* html body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic"; }
*:first-child+html body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic"; }
head~/* */body body { font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic"; }
html:not(:target) body { font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", sans-serif; }

/* base font-size */
body { font-size:12px;}
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

/* !clearfix */
hr { display: none; }

.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }
.left { float: left; }
.right { float: right; }

a:link,
a:visited { color: #333; text-decoration: none; }
a:hover,
a:active { color: #e66a00; text-decoration: underline; }

.indent a:link,
.indent a:visited { color: #e66a00; text-decoration: none; }
.indent a:hover,
.indent a:active { color: #e66a00; text-decoration: underline; }


/* common class */
.left { float: left; }
.right { float: right;}
.txtRight { text-align: right;}

/* common layouts */
body { color: #333; background: url(../images/bg_body.gif) center top;}
.outer { min-width: 1003px; background: url(/common/images/bg_wrapper.gif) repeat-x bottom center; }
.wrapper { width: 1010px; margin: 0 auto; padding: 0; background: url(../images/bg_wrapper.gif) repeat-y center; }
#container { padding: 0 5px 10px; background: url(../images/bg_container.gif) no-repeat bottom;}
#header { border-bottom: 14px solid #e66a00; background: url(../images/bg_header.gif) no-repeat; }
#header #nav { height: 28px; padding: 19px 0 0 34px; }
#header #nav li { float: left; margin: 0 6px 0 0; }
#header #nav li img { display: block; }
#header #nav li#shop { position: relative; zoom: 1; }
#header #nav li#shop p { width: 256px; position: absolute; top: 28px; right: 0; background: #fff; background: url(../images/bg_storelink.png); display: none;}
#header #nav li#shop p a { padding: 5px 10px; display: block; zoom: 1; }
#header #nav li#shop p a.raku { border-bottom: 1px solid #999; } 

#footer { padding: 20px 0 0; clear: both;}
#footer p { float: right; }
#footer address { float: left; font-style: normal; font-family: Helvetica, Arial; font-size: 11px; padding: 2px 0 0; }

#main { width: 662px; float: left; }
#main h1 { border-bottom: 7px solid #e66a00;}
#main h1#logo { overflow: hidden; width: 662px; height: 130px; }
#main #leadcopy { display: none;}

#content { padding: 10px 38px 15px 31px;}
.contBody { min-height: 485px;}
#content .pageTitle { background: url(../images/dots_h.gif) repeat-x bottom left; padding: 10px 0 10px; margin: 0 0 10px; }
.indent { padding: 10px; line-height: 1.8;}
.indent p { margin: 0 0 1em;}
.section { margin: 0 0 30px;}

#stafblog { width: 160px; float: left; font-size: 1px; padding: 0 0 10px;}
#stafblog li { margin: 0 0 5px; }
#whatsnew { width: 370px; float: right; padding: 0 0 15px; background: url(../images/dots_h.gif) repeat-x bottom left; }
#whatsnew h2 { margin: 0 0 15px;}
#whatsnew dl { margin: 0 0 7px; padding:0 10px; position: relative; zoom: 1;}
#whatsnew dl dt { position: absolute; top: 0; left: 10px; }
#whatsnew dl dd { padding: 0 0 0 7em; }
#sub { width: 338px; float: right; }

#banner { position: relative; overflow: hidden; height:225px; width: 338px; background: #fff; }
#banner img { display: block; }
#banner ul li { float: left;}
#banner ul { position: absolute; top: 0; left: 0; }

#product { padding: 8px 20px; width: 288px; font-size: 1px; }
#product img { display: block; }
#product li { position: relative; height: 39px; zoom:1; }
#product li .yahoo { position: absolute; bottom: 6px; right: 0; }
#product li .rakuten { position: absolute; top: 4px; right: 0; }

.basicTB { border-top: 1px dashed #98816b; width: 100%; }
.basicTB th,
.basicTB td { border-bottom: 1px dashed #98816b; padding: 10px; vertical-align: top; }
.basicTB th { width: 8em;}

th,td { vertical-align: top;}

.basicDL { margin: 0 0 20px;}
.basicDL dt { margin: 0 0 5px; font-weight: bold;}
.basicDL dt02 { margin: 0 0 5px; color: red;}
.basicDL dt span { color: red;}
.basicDL dd { padding: 0 0 0 1em;}

.basicDL dd ol { padding: 0 0 0 2em;}
.basicDL dd ol li { list-style: decimal;}
.basicDL dd ol li ul { padding: 0 0 2em;}
.basicDL dd ol li li { list-style: disc;}