@charset "utf-8";

@import url("../packages/default/css/import.css");

/* 追加スタイル
---------------------------------------------------------------------------------------------- */
div.arrivaltitle{
  position: relative;
}

div.arrivaltitle div.rss{
  position: absolute;
  top: 8px;
  right: 20px;
}

dl.arrival{
  width: 580px;
  border: none;
}

dl.arrival dt{
  padding: 2px;
  padding-left: 10px;
  border: none;
  border-bottom: #ccc 1px dotted;
  color: #444;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  clear: left;
}

dl.arrival dd{
  padding: 2px;
  border: none;
  border-bottom: #ccc 1px dotted;
  color: #444;
  float: left;
  height: 32px;
}

dl.arrival dd.clear{
  border-bottom: none;
  clear: left;
  width: 30px;
}

dl.arrival dd.image{
  padding-left: 10px;
  width: 45px;
}

dl.arrival dd.itemname{
  width: 250px;
}

dl.arrival dd.price{
  text-align: right;
  padding-right: 10px;
  width: 150px;
}

/*dl.arrival dd.image img{*/
dl.arrival img{
  width: 32px;
}

dl.arrival dd.info{
  border-bottom: none;
  position: relative;
  top: 8px;
  left: 50px;
}

dl.arrival dd.info:after{
  content: "価格は随時変更されます。";
}

dl.arrival dd.mail{
  border-bottom: none;
  position: relative;
  top: 8px;
  left: 50px;
}

dl.arrival dd.mail:before{
  content: "ホームページに無い商品は";
}

dl.arrival dd.mail:after{
  content: "にてご注文を承ります。";
}


/* 商品詳細のアイコン説明で使用 */

div.icon_info {
	margin-top: 5px;
	width: 260px;
                height: 50px;
	font-size: 10px;
}
div.icon_info img {
	position: relative;
	margin-top: 5px;
                margin-bottom: 28px;
	margin-right: 5px;
	height: 17px;
	width: 60px;
	float:left;
}
div.icon_info p.info {
	position: relative;
	margin-left: 5px;
}
div.icon_info p.link {
	position: relative;
	text-align:right;
	margin-left: 5px;
}

/* No Export */
div#noexport{
     background: url(../packages/default/images/noexport.jpg) no-repeat;
    width: 210px;
    height:210px;
}

/* トップページのバナーで使用 */
div#ak{
    width: 675px;
    height:200px;
    background: url(../packages/default/images/ak.jpg) no-repeat;
    margin: 10px 0 0 0;
}
div#ak a {
    display: block;
    width: 675px;
    height:200px;
    text-indent: -9999px;
}
div#ak a:hover{
    background: url(../packages/default/images/ak.jpg) no-repeat;
    background-position: 0 -200px;
}
div#ergo{
    width: 675px;
    height:167px;
    background: url(../packages/default/images/ergo.jpg) no-repeat;
    margin: 10px 0 0 0;
}
div#ergo a {
    display: block;
    width: 675px;
    height:167px;
    text-indent: -9999px;
}
div#ergo a:hover{
    background: url(../packages/default/images/ergo.jpg) no-repeat;
    background-position: 0 -167px;
}

div#wilsoncombat{
    width: 675px;
    height:167px;
    background: url(../packages/default/images/wilsoncombat.jpg) no-repeat;
    margin: 10px 0 0 0;
}
div#wilsoncombat a {
    display: block;
    width: 675px;
    height:167px;
    text-indent: -9999px;
}
div#wilsoncombat a:hover{
    background: url(../packages/default/images/wilsoncombat.jpg) no-repeat;
    /*background-position: 0 -264px;*/
}

div#railsystem{
    width: 675px;
    height:167px;
    background: url(../packages/default/images/railsystem.jpg) no-repeat;
    margin: 10px 0 0 0;
}
div#railsystem a {
    display: block;
    width: 675px;
    height:167px;
    text-indent: -9999px;
}
div#railsystem a:hover{
    background: url(../packages/default/images/railsystem.jpg) no-repeat;
    background-position: 0 -167px;
}

div#muzzledevice{
    width: 675px;
    height:264px;
    background: url(../packages/default/images/muzzledevice.jpg) no-repeat;
    margin: 10px 0 0 0;
}
div#muzzledevice a {
    display: block;
    width: 675px;
    height:264px;
    text-indent: -9999px;
}
div#muzzledevice a:hover{
    background: url(../packages/default/images/muzzledevice.jpg) no-repeat;
    /*background-position: 0 -264px;*/
}

div#dueck{
    width: 675px;
    height:200px;
    background: url(../packages/default/images/dueck.jpg) no-repeat;
    margin: 10px 0 0 0;
}
div#dueck a {
    display: block;
    width: 675px;
    height:200px;
    text-indent: -9999px;
}
div#dueck a:hover{
    background: url(../packages/default/images/dueck.jpg) no-repeat;
    background-position: 0 -200px;
}