@charset "UTF-8";

body {
  background: url("../img/oiwai/bk.jpg");
}

/** main
----------------------------*/
#container #main {
  width:700px;
  height:100%;
  margin:0 auto;
  padding-top:17px;
  float:left;
}

#container #main #swf {
  padding:0px;
  margin:0px;
}

#container #main .m_container{
  width:703px;
  overflow:hidden;
  margin:0 0 20px 0;
}

#container #main .m_container .top{
  background:url("../img/top/center_border-cc.gif") no-repeat bottom;
}

#container #main .m_container .banner{
  width:700px;
  height:30px;
  position:relative;
  margin:0px 0 7px 0;
}

#container #main .m_container .osusume{
  height:40px;
}

#container #main .m_container .banner img.title{
  width:auto;
  height:auto;
  position:absolute;
  bottom:0px;
}

#container #main .m_container .banner img#to_osusume_list{
  width:auto;
  height:auto;
  position:absolute;
  bottom:4px;
  right:5px;
}

#container #main .m_container .banner img.to_list{
  position:absolute;
  bottom:4px;
  left:544px;
}

#container #main .m_container .item1{
  width:232px;
  background:url("../img/top/center_border-l.gif") repeat-y;
  background-color:#ffffff;
}

#container #main .m_container .item2{
  width:237px;
  background:url("../img/top/center_border-cw.gif") repeat-y;
  background-color:#ffffff;
}
#container #main .m_container .item3{
  width:234px;
  background:url("../img/top/center_border-r.gif") repeat-y right;
  background-color:#ffffff;
}

#container #main .m_container .top_news{
  height:100%;
  width:auto;
}

#container #main .m_container .top_news dl{
  width:698px;
  border-bottom:1px dashed #a29b81;
}

#container #main .m_container .top_news dl:after{
  height:0;
  visibility:hidden;
  content:"";
  display:block;
  clear:both;
}

#container #main .m_container .top_news dl{display: inline-block;}
#container #main .m_container .top_news dl{display: block;}
/* for Mac IE \*//*/
#container #main .m_container .top_news dl { overflow: hidden; }
/* */



#container #main .m_container .top_news dt{
  color:#67686c;
  float:left;
  width:90px;
  padding:6px 0 6px 10px;
  line-height:1.4em;
  clear:both;
}

#container #main .m_container .top_news dd{
  letter-spacing:0.1em;
  width:580px;
  margin-left:100px;
  padding:6px 0 6px 10px;
  line-height:1.4em;
}

#container #main .m_container .top_news p{
  line-height:1.5em;
  border-bottom:1px dashed #a29b81;
  position:relative;
}

#container #main .m_container .struct_head{
  background:url("../img/top/center_border-h.gif") no-repeat left top;
  padding-top:12px;
}

#container #main .m_container .struct_head#bottom{
  background:url("../img/top/center_border-c.gif") no-repeat left top;
  padding-top:12px;
}

#container #main .m_container .struct_head .struct_bottom {
  background:url("../img/top/center_border-f.gif") no-repeat left bottom;
  padding-bottom:7px;
}

#container #main .m_container .struct_head .struct_bottom .struct_center{
  background:url("../img/top/center_border-cc.gif") top no-repeat;
  padding:8px 0 0 0;
}

#container #main .m_container .struct_head .struct_bottom .struct_border{
  width:703px;
  background:url("../img/top/center_border-c.gif") repeat-y left top;
  overflow:hidden;
  /*padding-bottom:8px;*/
}

#container #main .m_container .struct_head .struct_bottom .struct_border a{
  padding:10px 20px 0px 20px;
  display:inline;
  width:182px;
  _width:181px;
  float:left;
  text-align:center;
  text-decoration:none;
  background:#ffffff;
  position:relative;
}

#container #main .m_container .struct_head .struct_bottom .struct_border p.daishi{
  /*padding:20px 0;*/
  position:absolute;
  bottom:10px;
  left:37px;
  cursor:pointer;
}

#container #main .m_container .struct_head .struct_bottom .struct_border .status_div_outstock p.daishi{
  /*padding:20px 0;*/
  position:absolute;
  bottom:10px;
  left:15px;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a.goods1{
  margin:0px 0 -0px 12px;
  _margin:0px 0 -0px 12px;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a.goods2{
  margin:0px 0 -0px 7px;
  padding:10px 19px 0px 20px;
  _padding:10px 18px 0px 20px;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a.goods3{
  margin:0px 0 -0px 8px;
  _margin:0px 0 -0px 8px;
  padding:10px 19px 0px 20px;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a:hover{
 background:#ffc;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .goods_name{
  font-weight:bold;
  color:#3c89e7;
  text-align:left;
  padding:5px 0 3px 23px;
  margin-top:10px;
  background: url("../img/oiwai/icon_arrow4.gif") 0 50% no-repeat;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a:hover .goods_name{
  text-decoration:underline;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .kind{
  text-align:center;
  display:block;
  float:left;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .price{
  color:#000000;
  text-align:left;
  margin-top:10px;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .item_text{
  color:#5a5a5a;
  text-align:left;
  margin-top:10px;
  line-height:1.5em;
  letter-spacing: 0.1em;
  padding:0 0 40px 0;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .status_div_new{
 width:184px;
 position:relative;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .status_img_new{
 text-align:left;
 position:absolute;top:0px;left:0px;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .status_img{
 float:left;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .status_div_outstock{
 position:relative;
 float:left;
 overflow:hidden;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .status_img_outstock{
 width:184px;
 height:31px;
 float:left;
 text-align:left;
 position:absolute;
 top:10px;
 left:10px;
 z-index:3;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a.outstock:hover{
 background:#fff;
 cursor:default;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a.outstock:hover .goods_name{
  text-decoration:none;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .outstock_bg{
 width:184px;
 position:relative;
 float:left;
 margin-bottom:-32768px;
 z-index:2;
 background:url("../img/common/body/outstock_bg.png") left top repeat;

}

#container #main .m_container .struct_head .struct_bottom .struct_border a .outstock_padding{
 height:0px;
}

#container #main .m_container .struct_head .struct_bottom .struct_border a .outstock_padding .no_disp{
 display:none;
}