@charset "UTF-8";
html
{
margin: 0;
padding: 0;
}
body
{
margin: 0;
padding: 0;
color: #2E2A1F;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align: center;
background-color: #FFFFFF;
background-image: url(../images/t_back01.png);
}
h1,h2,h3,h4,h5,h6,p,blockquote
{
margin: 0;
padding: 0;
font-size: 100%;
line-height: 1;
}
a
{
color: #006933;
text-decoration: none;
outline:0;
}
a:hover
{
text-decoration: underline;
}
img
{
border: 0;
}
span
{
}
strong
{
}
ul,li,dl,dt,dd
{
margin: 0;
padding: 0;
list-style-type: none;
}
address
{
font-style: normal;
}
.clr:after
{
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
}
.pagetop
{
text-align: right;
}
.red
{
color: #D72A56;
}
.blue
{
color: #69A81E;
}
.bold
{
}
.large
{
font-size: 130%;
}
.small
{
font-size: 80%;
}
.center
{
text-align: center;
}
.right
{
text-align: right;
}
.box
{
}
.box-left
{
float: left;
}
.box-right
{
float: right;
}
.padding-top
{
margin: 1em 0 0 0;
}
.padding-bottom
{
margin: 0 0 1.5em 0;
}
.line
{
border-bottom:solid #FF9900 1px;
}
.info
{
margin: 0 0 1em 0;
line-height: 1.4;
}
.stock
{
text-align:center;
font-size:14px;
font-weight:bold;
padding:10px 0;
color: #D72A56;
}
#pagetop
{
visibility: hidden;
position: absolute;
top: 0;
}
#wrapper
{
margin: 0 auto;
width: 800px;
background-color: #FFFFFF;
text-align: left;
}
#header
{
height: 170px;
width: 800px;
}
#header h1
{
width: 800px;
float: left;
height: 160px;
}
#header h1 a
{
width: 800px;
display: block;
height: 160px;
background-image: url(../images/title05.png);
text-indent: -10000em;
}
#header h1 a:hover
{
}
#header h2
{
text-indent: -10000em;
}
#gmenu
{
width: 800px;
height: 31px;
padding: 1px 0px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #8ec323;
border-bottom-color: #8ec323;
}
#gmenu ul
{
width: 800px;
margin: 0px 1px;
}
#gmenu ul li
{
float: left;
height: 31px;
}
#gmenu ul li a
{
height: 31px;
display: block;
text-indent: -10000px;
}
#gmenu ul li a:hover
{
}
#gmenu-tab1,#gmenu-tab1 a:hover
{
background-image: url(../images/menu_01_on.gif);
width: 110px;
}
#gmenu-tab1 a
{
background-image: url(../images/menu_01.gif);
width: 110px;
}
#gmenu-tab2,#gmenu-tab2 a:hover
{
background-image: url(../images/menu_02_on.gif);
width: 150px;
}
#gmenu-tab2 a
{
background-image: url(../images/menu_02.gif);
width: 150px;
}
#gmenu-tab3,#gmenu-tab3 a:hover
{
background-image: url(../images/menu_03_on.gif);
width: 140px;
}
#gmenu-tab3 a
{
background-image: url(../images/menu_03.gif);
width: 140px;
}
#gmenu-tab4,#gmenu-tab4 a:hover
{
background-image: url(../images/menu_04_on.gif);
width: 80px;
}
#gmenu-tab4 a
{
background-image: url(../images/menu_04.gif);
width: 80px;
}
#gmenu-tab5,#gmenu-tab5 a:hover
{
background-image: url(../images/menu_05_on.gif);
width: 160px;
}
#gmenu-tab5 a
{
background-image: url(../images/menu_05.gif);
width: 160px;
}
#gmenu-tab6,#gmenu-tab6 a:hover
{
background-image: url(../images/menu_06_on.gif);
width: 160px;
}
#gmenu-tab6 a
{
background-image: url(../images/menu_06.gif);
width: 160px;
}
#container
{
height: 1%;
width: 800px;
padding: 10px 0;
}
#main
{
width: 625px;
padding: 0;
margin-right: 5px;
}
#sub
{
width: 160px;
padding: 0;
}
#contents
{
width: 460px;
}
#banner
{
width: 160px;
padding: 0 0 0 5px;
}
#footer
{
width: 800px;
height: 34px;
background-color: #006933;
border-top-width: 8px;
border-top-style: solid;
border-top-color: #8ec323;
}
#footer address
{
text-align: center;
font-size: 10px;
color: #FFFFFF;
padding: 12px 0 0 0;
}
.banner-field1
{
background-image: url(common/banner-field1.gif);
width: 620px;
height: 300px;
margin: 0 0 10px 0;
clear:both;
}
.banner-field2
{
background-image: url(common/banner-field2.gif);
width: 625px;
height: 120px;
margin: 0 0 10px 0;
text-indent: -10000em;
clear:both;
}
.banner-field1 a,.banner-field2
{
width: 625px;
height: 120px;
display:block;
}
#item-attention
{
margin: 0 0 20px 0;
}
#item-attention h2
{
width: 460px;
height: 33px;
text-indent: -10000em;
background-image: url(../images/m_os.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#item-category
{
margin: 0 0 10px 0;
}
#item-category h2
{
width: 159px;
height: 37px;
text-indent: -10000em;
background-image: url(../images/s_cate.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#item-new
{
margin: 0 0 20px 0;
}
#item-new h2
{
width: 460px;
height: 33px;
text-indent: -10000em;
background-image: url(../images/m_new.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
}
.button-itemlist
{
width: 143px;
height: 37px;
background-image: url(../images/m_al_on.gif);
margin-top: 0;
margin-right: 157px;
margin-bottom: 0;
margin-left: 157px;
}
.button-itemlist a
{
background-image: url(../images/m_al.gif);
display: block;
text-indent: -10000em;
width: 143px;
height: 37px;
}
.button-itemlist a:hover
{
background-image: url(../images/m_al_on.gif);
}
#button-cartin
{
width: 148px;
height: 47px;
background-image: url(../images/cart_w.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#button-cartin a
{
background-image: url(../images/cart_won.gif);
display: block;
text-indent: -10000em;
width: 148px;
height: 47px;
}
#button-cartin a:hover
{
background-image: url(../images/cart_w.gif);
}
.padd
{
}
.item_wrapper
{
width:456px;
margin: 0 2px;
}
.at_item
{
width: 148px;
float: left;
margin: 0 0 10px 0;
padding: 0 2px;
}
.at_item p
{
margin: 0 0 5px 0;
text-align:center;
}
.at_item p.atimg
{
}
.at_item p.attxt
{
}
ul.item_wrapper
{
width:150px;
margin: 0 0 0 10px;
}
ul.item_wrapper li
{
width: 140px;
margin: 0 0 10px 0;
padding: 0 0 0 10px;
line-height:1.2;
text-align: left;
background-image:url(../images/li_01.gif);
background-repeat: no-repeat;
background-position: 0 1;
text-indent: 4px;
}
.new_entry_padd
{
}
.new_item
{
width: 148px;
float: left;
margin: 0 0 10px 0;
padding: 0 2px;
}
.new_item p
{
margin: 0 0 5px 0;
text-align:center;
}
.new_item p.newimg
{
}
.new_item p.newtxt
{
}
#box-sale
{
}
#box-sale h3
{
width: 153px;
height: 32px;
text-indent: -10000em;
background-image: url(../images/s_sale01.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#box-ranking
{
}
#box-ranking h3
{
width: 153px;
height: 32px;
text-indent: -10000em;
background-image: url(../images/s_rank01.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#box-feature
{
}
#box-feature h3
{
width: 153px;
height: 32px;
text-indent: -10000em;
background-image: url(../images/s_os01.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#box-info
{
}
#box-info h3
{
width: 153px;
height: 32px;
text-indent: -10000em;
background-image: url(../images/s_us01.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#box-payment
{
}
#box-payment h3
{
width: 153px;
height: 32px;
text-indent: -10000em;
background-image: url(../images/s_pay01.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
}
#box-payment h4
{
margin:0 0 5px 6px;
text-indent: -10000em;
}
#box-payment p
{
margin:0 0 10px 10px;
text-indent: -10000em;
}
#box-payment h4.cc
{
background-image: url(common/payment-cc.gif);
width: 104px;
height: 14px;
}
#box-payment h4.cvs
{
background-image: url(common/payment-cvs.gif);
width: 91px;
height: 15px;
}
#box-payment h4.bank
{
background-image: url(common/payment-bank.gif);
width: 91px;
height: 14px;
}
#box-payment h4.money
{
background-image: url(common/payment-money.gif);
width: 67px;
height: 15px;
}
#box-payment p.cc-image
{
background-image: url(common/image-cc.gif);
width: 141px;
height: 161px;
}
#box-payment p.cvs-image
{
background-image: url(common/image-cvs.gif);
width: 148px;
height: 102px;
}
#box-payment p.bank-image
{
background-image: url(common/image-bank.gif);
width: 138px;
height: 56px;
}
#box-payment p.money-image
{
background-image: url(common/image-money.gif);
width: 140px;
height: 32px;
}
#box-inq
{
}
#box-inq h3
{
width: 153px;
height: 32px;
text-indent: -10000em;
background-image: url(../images/s_form01.gif);
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 0;
}
#box-inq h4
{
width: 127px;
height: 13px;
text-indent: -10000em;
background-image: url(common/thisform.gif);
margin:0 0 10px 5px;
background-repeat: no-repeat;
}
#box-inq p
{
line-height: 1.5;
font-size: 10px;
margin:0 0 10px 0;
}
ul.sub-box-list
{
width:140px;
margin:0 10px;
}
ul.sub-box-list li
{
margin: 0 0 10px 0;
padding: 0 0 0 15px;
line-height:1.2;
text-align: left;
background-image:url(../images/li_03.gif);
background-repeat: no-repeat;
background-position: 0 1;
}
ul.sub-box-rank
{
width:140px;
margin:0 10px;
}
ul.sub-box-rank li
{
margin: 0 0 10px 0;
padding: 10px 0 10px 25px;
line-height:1.2;
text-align: left;
background-repeat: no-repeat;
background-position: 0;
}
.rank1
{
background-image: url(../images/r_01.gif);
}
.rank2
{
background-image: url(../images/r_02.gif);
}
.rank3
{
background-image: url(../images/r_03.gif);
}
.rank4
{
background-image: url(../images/r_04.gif);
}
.rank5
{
background-image: url(../images/r_05.gif);
}
ul.sub-box-list2
{
width:140px;
margin:0 10px;
}
ul.sub-box-list2 li
{
margin: 0 0 10px 0;
padding: 0 0 0 15px;
line-height:1.2;
text-align: left;
background-image:url(../images/li_02.gif);
background-repeat: no-repeat;
background-position: 0;
}
.quest_line
{
width:160px;
margin:0;
}
.quest_txt
{
width:160px;
height:134px;
text-indent:-10000em;
background-image: url(common/txt-inq.gif);
}
#quest
{
}
#quest form
{
}
#quest dl
{
width:150px;
}
#quest dl dt
{
margin: 0 0 5px 0;
}
#quest dl dd
{
margin: 0 0 5px 0;
text-align:center;
}
#quest form input
{
width:148px;
display:inline;
}
#quest form textarea
{
width:148px;
display:inline;
}
#quest form div.quest_submit
{
text-align:center;
}
#quest form div.quest_submit input
{
display:inline;
}
#msg_box {
font-size: 10px;
line-height: 1.5em;
}
.msg {
margin-bottom: 10px;
padding-right: 5px;
padding-left: 5px;
border: 1px solid #CCCCCC;
background-color: #FFFFFF;
padding-bottom: 10px;
}
.msg h3 {
font-size: 13px;
line-height: 1.5em;
font-weight: bold;
text-align: center;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CC9900;
margin-bottom: 10px;
}
#box-link {
text-align: center;
margin-top: 20px;
}