@charset "UTF-8";

*{
margin: 0;
padding: 0;
font-family: "MS PGothic", Osaka, sans-serif;
font-size: 12px;
line-height: 150%;
}

body{
background: url(img/bg.gif);
text-align: center;
}

img{
border: none;
}

li{
list-style: none;
}

#global{
margin: 0 auto;
width: 900px;
_width: 890px;
background: #ececec;
}

#global2{
margin: 0 auto;
width: 924px;
background: url(img/bg2.gif) repeat-y;
}

h1{
text-indent: -9999px;
width: 240px;
height: 83px;
background: url(img/h1_bg.jpg) no-repeat;
float: left;
}


#header{
text-align: left;
width: 900px;
height: 83px;
background: url(img/header_bg.jpg) repeat-x;
}

#header_block_1{
color: #300;
float: left;
width: 390px;
margin: 45px 0 auto 0;
}

#header_block_2{
width: 260px;
float: left;
padding-top: 7px;
margin-top:30px;
margin-right: 10px;
text-align: right;
}

#header_block_2 a{
text-decoration: none;
color: #300;
font-size: 11px;
font-weight: bold;
}
#header_block_2 a:hover{
text-decoration: underline;
}
#header_block_2 p{
margin-top: 25px;
}

#menu{
width: 900px;
height: 41px;
background: url(img/menu_bg.jpg) repeat-x;
}

#menu ul li{
list-style: none;
float: left;

}
#menu ul li a{
display: block;
width: 106px;
height: 39px;
text-indent: -9999px;
}

.b1 {
margin-left: 15px;
_margin-left: 8px;
background: url(img/b1.jpg) no-repeat;
}
.b1 a:hover{
background: url(img/b1_h.jpg) no-repeat;
}
.b2{
background: url(img/b2.jpg) no-repeat;
}
.b2 a:hover{
background: url(img/b2_h.jpg) no-repeat;
}
.b3{
background: url(img/b3.jpg) no-repeat;
}
.b3 a:hover{
background: url(img/b3_h.jpg) no-repeat;
}
.b4{
background: url(img/b4.jpg) no-repeat;
}
.b4 a:hover{
background: url(img/b4_h.jpg) no-repeat;
}
.b5{
background: url(img/b5.jpg) no-repeat;
}
.b5 a:hover{
background: url(img/b5_h.jpg) no-repeat;
}
.b6{
width: 107px;
background: url(img/b6.jpg) no-repeat;
}
.b6 a:hover{
background: url(img/b6_h.jpg) no-repeat;
}

#contents_body{
text-align: left;
width: 870px;
margin: 5px auto 0 auto;
}

#footer{
font-size: 10px;
color: #666;
border-top: 1px #999 solid;
font-family: arial, Osaka, sans-serif;
clear: left;
}

#body{
width:566px;
margin-left:55px;
}


#body a{
color:#009;
}

#body a:hover{
color:#900;
}


#body h2{
font-family:"ＭＳ Ｐ明朝","平成明朝",serif;
color:#562c2c;
border-top: 1px dashed #999;
font-size:22px;
line-height:90%;
}
.h2_eng{
font-size:16px;
font-family:"Times New Roman",Times,serif;
}

#body h3{
color: #600;
margin-top: 30px;
border-bottom: 1px dashed #999;
}

#body p{
margin: 10px 0 10px 0;
}

#contents_box2{
float: left;
width: 220px;
background: url(img/contents_box2_line.gif) repeat-y left top;
padding-left: 3px;
}
#contents_box2 h2{
text-indent: -9999px;
width: 232px;
height: 25px;
background: url(img/top_online_h2.jpg) no-repeat;
}

.discount{
color:#c33;
font-weight:bold;
font-size:120%;
}

.sold_out{
color:#f00;
font-weight:bold;
}

/*■■■■■■■■■■■■■■■■■■■■TOP■■■■■■■■■■■■■■■■■■■■*/

#contents_box1{
float: left;
width: 635px;
}

#topics_block{
float: left;
width: 225px;
}

#topics_block p{
margin: 27px;
}

#topics_block h2{
margin-top: 15px;
width: 213px;
height: 20px;
text-indent: -9999px;
background: url(img/top/topics_h2.jpg) no-repeat;
}

#pick_up_goods{
width: 410px;
float: left;
}
#pick_up_goods h2{
margin-top: 15px;
margin-bottom: 5px;
width: 400px;
height: 20px;
text-indent: -9999px;
background: url(img/top/pick_up_h2.jpg) no-repeat;
}
#pick_up_goods ul li{
list-style: none;
margin-right: 4px;
width: 130px;
height: 240px;
float: left;
}
#pick_up_goods ul li img{
border: 1px solid #ccc;
}
#pick_up_goods ul li a{
text-decoration: none;
}
#pick_up_goods ul li a:hover{
color: #900;
}
#pick_up_goods ul li a{
color: #333;
font-size: 11px;
text-decoration: underline;
}


/*■■■■■■■■■■■■■■■■■■■■LINK■■■■■■■■■■■■■■■■■■■■*/
.link{
background: url(img/link/body_bg.jpg) no-repeat bottom right;
}

/*■■■■■■■■■■■■■■■■■■■■COMPANY■■■■■■■■■■■■■■■■■■■■*/
.company table td{
vertical-align: top;
border: 1px #ccc solid;
padding:10px 10px;
}
.company th{
font-weight: normal;
width: 77px;
vertical-align: top;
border: 1px #ccc solid;
padding:10px 20px;
}

.company table{
margin-top: 10px;
border-collapse: collapse;
border: 1px #ccc solid;
width: 567px;
background: #fff;
}

/*■■■■■■■■■■■■■■■■■■■■SHOPPING_GUIDE■■■■■■■■■■■■■■■■■■■■*/
.shoping_guide table{
margin-top: 10px;
border-collapse: collapse;
border: 1px #ccc solid;
background: #fff;
}
.shoping_guide_table{
width: 567px;
}
.souryou1 tr, .souryou1 td{
background:#C8E8FF;
}

.souryou2 td{
background:#FFF1D2;
}

.souryou2 th{
text-align:center;
}

.shoping_guide th{
color:#663;
width:78px;
font-weight: normal;
vertical-align: top;
border: 1px #ccc solid;
padding:10px 10px;
}

.shoping_guide td{
vertical-align: top;
border: 1px #ccc solid;
padding:10px 10px;
}

.howto_pay{
color:#600;
}

.attention{
color:#c33;
font-size:16px;
font-weight:bold;
}
.litle_attention{
color:#c33;
font-weight:bold;
}

.souryou_header{
background:#eee;
}

.furikomi_h{
width:360px;
font-weight:bold;
border-bottom:1px dashed #666;
}

#furikomi{
width:360px;
padding:5px;
border:1px solid #666;
background:#ffddaa;
}
/*■■■■■■■■■■■■■■■■■■■■PRODUCTS■■■■■■■■■■■■■■■■■■■■*/
#products{
width: 726px;
_width: 757px;
clear: both;
border: 1px #ccc solid;
background: #fff;
padding: 15px;
margin-bottom: 15px;
}
#products h3{
margin: 0;
padding-left: 10px;
font-size: 17px;
color: #333;
border: none;
background: url(img/product/product_h3.jpg) left top no-repeat;
}


#products_pic{
float: left;
}
#products_pic{
border: 1px #ccc solid;
}

#products_recommend{
clear: left;
}

#product_menu{
width:756px;
height:45px;
}

#product_menu ul li{
float: left;
}

.products_b1 a{
display: block;
text-indent: -9999px;
width: 212px;
height: 45px;
background: url(img/product/zakka.jpg) no-repeat;
}

.products_b2 a{
display: block;
text-indent: -9999px;
width: 210px;
height: 45px;
background: url(img/product/kagu.jpg) no-repeat;
}
#product_menu ul .products_b3{
text-align:right;
width:330px;
height:15px;
margin-top:25px;
}

#product_menu ul .products_b3 a{
color:#c33;
}

#products_data{
height: 400px;
*height: 402px;
_height: 405px;
border: 1px #ccc solid;
float: left;
margin-left: 1px;
}
#products_data th{
color: #c96;
font-weight: normal;
width: 60px;
}
#products_data a{
color: #600;
}

#products_data ul li{
width: 256px;
padding-left: 5px;
padding-bottom: 5px;
}

.line{
border-bottom: 1px #ccc dashed;
}

#products_recommend table{
margin: 5px auto auto 1px;
border-collapse: collapse;
float: left;
}

#products_recommend table , #products_recommend td{
border: 1px solid #ccc;
}

#products_recommend h4{
margin: 5px auto auto 3px;
}

#products_recommend p{
font-size: 96%;
margin: 5px auto auto 8px;
width: 320px;
float: left;
}

#products_recommend p img{
display: block;
margin-left: -4px;
_width: 318px;
z-index: 5;
}
/*■■■■■■■■■■■■■■■■■■■■GOODS■■■■■■■■■■■■■■■■■■■■*/

#goods_line_up{
width: 676px;
_width: 757px;
clear: both;
border: 1px solid #ccc;
border-top: none;
margin-bottom: 10px;
padding: 40px;
padding-bottom: 20px;
}

.line_up1{
background: url(img/product/goods1_bg.jpg) left top no-repeat #fff;
}

.line_up2{
background: url(img/product/goods2_bg.jpg) left top no-repeat #fff;
}

#goods_line_up li{
width: 134px;
height:240px;
float: left;
}
.page_up{
text-align: right;
clear: both;
width: 676px;
}

#goods_line_up ul{
margin-top: 20px;
}

#goods_line_up a{
color: #300;
}

#goods_line_up li img{
border: 1px solid #ccc;
}
#goods_line_up li p{
margin-top: 0;
}
#goods_line_up li p a{
font-size: 10px;
color: #333;
}

.products h2{
width: 757px;
}

/*■■■■■■■■■■■■■■■■■■■■CONTACT■■■■■■■■■■■■■■■■■■■■*/
.contact h2{
width: 757px;
}

.contact h3{
border-bottom: none;
}
#form{
text-align: center;
width: 757px;
border: 1px solid #ccc;
background: #fff;
padding: 20px 0 20px 0;
margin-bottom: 20px;
}

.caution{
color: #f00;
}

#form form{
text-align: left;
width: 625px;
margin: 0 auto;
}

.form_kakunin{
text-align: left;
width: 625px;
margin: 0 auto;
}

.formBlock{
clear: both;
border-top: 1px dashed #ccc;
padding: 10px 0;
}

.formHead{
color: #792020;
width: 210px;
float: left;
}

.formBody_radio{
width:285px;
float:left;
}

.formBody{
width:400px;
float:left;
margin-bottom:10px;
}

.formBody_yubin{
width:400px;
float:left;
margin-bottom:10px;
}

.formBody_yubin input{
width: 100px;
height: 20px;
}

.formBody input{
width: 286px;
height: 20px;
}

.formBody textarea{
width: 286px;
height: 100px;
}

.formBlock2{
text-align: center;
clear: both;
border-top: 1px dashed #ccc;
padding: 10px 0;
}

.contact_text{
color: #600;
font-weight: bold;
}

.formBlock2 form{
display:inline;
}
.formValue{
color:#cc0000;
font-weight:bold;
}
/*■■■■■■■■■■■■■■■■■■■■CONCEPT■■■■■■■■■■■■■■■■■■■■*/

.concept_text{
float: left;
width: 383px;
margin-top:10px;
}

.concept_img{
float: left;
width: 180px;
text-align: right;
margin-top: -35px;
margin-bottom: 30px;
}