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

body { background: #f0f0f0; color: #333; font-size: 12px; margin: 0; }
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
a { color: #6e80df; text-decoration: underline; }
a:active, a:focus, a:hover { color: #8293ee; text-decoration: none; }
a.normal { color: #333; text-decoration: none; }
a.normal:active, a.normal:focus, a.normal:hover { color: #6e80df; text-decoration: underline; }
h1 { height: 38px; font-size: 24px; font-weight: bold; padding-left: 2px; color: #666; }
h3 { font-weight: bold; color: #000; border-bottom: 1px solid #CCC; margin-bottom: 6px; }
h4 { font-weight: bold; color: #333; margin-bottom: 5px; letter-spacing: 0.1em; }
div { overflow: hidden; }
p { line-height: 17px; padding-top: 5px; }
img { vertical-align: bottom; }

.clearboth { clear: both; line-height: 0; height: 0; }

.txt_alert { color:#F00; }
.txt_attention { font-size: 10px; color:#666; }
.txt_mono, .txt_mailmag { font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; }

.txt_sign { text-align: right; color: #666; }
.txt_mailmag { font-size: 14px; line-height: 18px; }

.txt_red { color: #E00; }
.txt_blue { color: #66F; }
.txt_pink { color: #F9C; }
.txt_green { color: #393; }
.txt_orange { color: #F60; }
.txt_lightblue { color: #69F; }

.box0 { width: 1004px; margin: 0 auto 0; }
.box1_1 { width: 194px; float: left; }
.box1_2 { width: 604px; margin: 0 6px 0; float: left; }
.box1_2_half { width: 270px; margin-left: 20px; float: left; }
.box1_2_tri { width: 177px; margin-left: 20px; float: left; }

.box1_1 h2 { width: 174px; height: 24px; margin: 0; border: 0; padding: 0 10px 0; font-size: 12px; line-height: 24px; text-align: center; font-weight: normal; }
.box1_1 h2 { color: #FFF; background: url(../img/bd_frm01.gif) no-repeat 0px -26px; }
.box1_1 h2.cart {  background: url(../img/bd_frm01c.gif) no-repeat 0px -26px; }
.box1_2 h2 { color: #666; font-size: 18px; margin: 16px 0 3px 0; font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid #CCC; }
.box1_2 h3 { padding-top: 10px; }

ul.normallist { padding-left: 20px; padding-top: 5px; }
ul.normallist li { list-style-type: disc; line-height: 16px; margin-bottom: 4px; }

.box1_1 ul.links { padding-left: 20px; padding-top: 10px; }
.box1_1 ul.links li { list-style-type: disc; line-height: 16px; margin-bottom: 3px; }
.box1_1 ul.links2 { padding-left: 5px; padding-top: 15px; }
.box1_1 ul.links2 li { list-style-type: none; line-height: 16px; margin-bottom: 6px; }
.box1_1 ul.cart { padding-left: 5px; padding-top: 15px; }
.box1_1 ul.cart li { list-style-type: none; line-height: 16px; margin-bottom: 0; }
.box1_1 ul.cart li.price { line-height: 16px; margin-bottom: 6px; border-bottom: 1px dashed #CCC; text-align: right; color:#666; }
.box1_1 ul.cart li.sum { font-weight: bold; text-align: right; margin-top: 15px; border-bottom: 1px solid #CCC; }

.box1_1 img.banaimg { margin-bottom: 10px; vertical-align: bottom; }

ol.normal { padding: 5px 0 15px 20px; }
ol.normal li { list-style-type: decimal; line-height: 16px; margin-bottom: 3px; }

.header { width: 980px; height: 15px; line-height: 15px; padding: 5px 12px 0 12px; font-size: 10px; text-align: right; color:#666; }
.footer { width: 1004px; margin: 10px auto 20px; border-top: 1px solid #CCC; padding-top: 10px; font-size: 10px; text-align: center; color:#999; }

.gnavi { width: 1004px; height: 47px; background: url(../img/gn_back.gif) no-repeat; }
.gnavi .b0 { width: 152px; height: 47px; background: url(../img/gn_b0.gif) no-repeat 0px -94px; float: left; }
.gnavi a.b0 { display: block; float: left; background: url(../img/gn_b0.gif) no-repeat; text-indent: -9999px; }
.gnavi a.b0:active, .gnavi a.b0:focus, .gnavi a.b0:hover { background: url(../img/gn_b0.gif) no-repeat 0px -47px; }
.gnavi .b1 { width: 140px; height: 47px; background: url(../img/gn_b1.gif) no-repeat 0px -94px; float: left; color: #FFFFFF; text-align: center; line-height: 43px; font-weight: bold; }
.gnavi a.b1 { display: block; float: left; background: url(../img/gn_b1.gif) no-repeat; color:#999; text-decoration: none; }
.gnavi a.b1:active, .gnavi a.b1:focus, .gnavi a.b1:hover { background: url(../img/gn_b1.gif) no-repeat 0px -47px; color:#FFFFFF; }

.pank { height: 30px; line-height: 30px; padding-left: 4px; color: #666; }
.totop { clear: both; padding: 3px 0 3px 0; text-align: right; font-size: 10px; }

.plate1_head { width: 194px; height: 10px; background: url(../img/bd_frm01.gif) no-repeat; }
.plate1_body { width: 174px; background: url(../img/bd_frm01b.gif) repeat-y;  padding: 0 10px 0; }
.plate1_body_nopadding { width: 190px; background: url(../img/bd_frm01b.gif) repeat-y;  padding: 0 2px 0; }
.plate1_bottom { width: 194px; height: 13px; background: url(../img/bd_frm01.gif) no-repeat 0px -13px; margin-bottom: 10px; }

.plate2_head { width: 604px; height: 10px; background: url(../img/bd_frm02.gif) no-repeat; }
.plate2_head_color { width: 604px; height: 24px; background: url(../img/bd_frm02.gif) no-repeat 0 -26px; color: #fff; text-align: center; line-height: 24px; }
.plate2_head_store { width: 604px; height: 24px; background: url(../img/bd_frm02s.gif) no-repeat 0 -26px; }
.plate2_body { width: 560px; background: url(../img/bd_frm02b.gif) repeat-y; padding: 0 22px 10px; }
.plate2_body_nopadding { width: 600px; background: url(../img/bd_frm02b.gif) repeat-y; padding: 0 2px 0; }
.plate2_bottom { width: 604px; height: 13px; background: url(../img/bd_frm02.gif) no-repeat 0px -13px; margin-bottom: 10px; }

.plate1_body dt { font-weight: bold; margin: 10px 0 3px; }
.plate1_body dd { font-size: 10px; color: #666; }
.plate2_body_nopadding .full { width: 560px; margin-left: 20px; clear: both; }

a.bt_more, a.bt_cart, a.bt_editcart, a.bt_regi
{ display: block; float: right; width: 106px; height: 20px; margin-top: 10px; text-indent: -9999px;  overflow: hidden; }
a.bt_more { background: url(../img/bt_more01.gif) no-repeat; }
a.bt_more:active, a.bt_more:focus, a.bt_more:hover { background: url(../img/bt_more01.gif) no-repeat 0px -20px; }
a.bt_cart { background: url(../img/bt_tocart.gif) no-repeat; }
a.bt_cart:active, a.bt_cart:focus, a.bt_cart:hover { background: url(../img/bt_tocart.gif) no-repeat 0px -20px; }
a.bt_editcart { background: url(../img/bt_editcart.gif) no-repeat; float: none; margin: 10px auto 5px; }
a.bt_editcart:active, a.bt_editcart:focus, a.bt_editcart:hover { background: url(../img/bt_editcart.gif) no-repeat 0px -20px; }
a.bt_regi { background: url(../img/bt_toregi.gif) no-repeat; float: none; margin: 5px auto 5px; }
a.bt_regi:active, a.bt_regi:focus, a.bt_regi:hover { background: url(../img/bt_toregi.gif) no-repeat 0px -20px; }

a.bt_cart2, a.bt_todlstore, a.bt_shiryou, a.bt_mailmag
{ display: block; float: right; width: 176px; height: 30px; margin-top: 10px; text-indent: -9999px;  overflow: hidden; }
a.bt_cart2 { background: url(../img/bt_tocart2.gif) no-repeat; }
a.bt_cart2:active, a.bt_cart2:focus, a.bt_cart2:hover { background: url(../img/bt_tocart2.gif) no-repeat 0px -30px; }
a.bt_todlstore { background: url(../img/bt_dlstore.gif) no-repeat; }
a.bt_todlstore:active, a.bt_todlstore:focus, a.bt_todlstore:hover { background: url(../img/bt_dlstore.gif) no-repeat 0px -30px; }
a.bt_shiryou { background: url(../img/bt_shiryou.gif) no-repeat; }
a.bt_shiryou:active, a.bt_shiryou:focus, a.bt_shiryou:hover { background: url(../img/bt_shiryou.gif) no-repeat 0px -30px; }
a.bt_mailmag { background: url(../mailmag/img/bt_mailmag.gif) no-repeat; float: none; margin: 0 auto 0; }
a.bt_mailmag:active, a.bt_mailmag:focus, a.bt_mailmag:hover { background: url(../mailmag/img/bt_mailmag.gif) no-repeat 0px -30px; }

a.bt_download
{ display: block; width: 176px; height: 40px; margin:10px auto 10px;; text-indent: -9999px;  overflow: hidden; }
a.bt_download { background: url(../img/bt_down1.gif) no-repeat; }
a.bt_download:active, a.bt_download:focus, a.bt_download:hover { background: url(../img/bt_down1.gif) no-repeat 0px -40px; }

.footlink { text-align: center; clear: both; font-size: 10px; }
.footlink ul { border-top: 1px solid #CCC; padding-top: 10px; margin-top: 30px; }
.footlink ul li { display: inline; padding: 0 10px 0 10px; border-left: 1px solid #666; }
.footlink ul li.left { border-left: 0; }