@charset "utf-8";

@import url("../packages/default/css/import.css");
br {letter-spacing: 0; }
#subcategorytree li {
  display: inline;
  margin: 0 5px;
}

body {
  background-color: #E6ECFF;
  text-align: center;
}

/* ヘッダーロゴ
------------------------------------------------ */
div#header h1 a {
    float: left;
    display: block;
    margin: 22px 0 0 15px;
    width: 302px;
    height: 65px;
}

/* グローバル
----------------------------------------------- */
div#global {
  clear: both;
  margin: 0 auto;
  text-align: center;
}

/* ナビゲーション
----------------------------------------------- */
div#navigation {
  background-color: #fff;
  width: 780px;
  height: 25px;
  margin: 0 auto;
  font-size: 11px;
  border-left: 1px solid #adb9c2;
  border-right: 1px solid #adb9c2;
  border-bottom:1px solid #2763A5;
}
div#navigation ul {
  margin:0;
  padding:0px 10px 0 10px;
  list-style:none;
}
div#navigation li {
  display:inline;
  margin:0;
  padding:0;
}
div#navigation a {
  float:left;
  background:url("../packages/default/img/common/tableft10.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
}
div#navigation a span {
  float:left;
  display:block;
  background:url("../packages/default/img/common/tabright10.gif") no-repeat right top;
  padding:5px 5px 4px 5px;
  color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
div#navigation a span {float:none;}
/* End IE5-Mac hack */
div#tabs9 a:hover span {
  color:#FFF;
}
div#navigation a:hover {
  background-position:0% -42px;
}
div#navigation a:hover span {
  background-position:100% -42px;
}

div#navigation #current a {
  background-position:0% -42px;
}
div#navigation #current a span {
  background-position:100% -42px;
}

div#container {
  clear: both;
  border-left: 1px solid #adb9c2;
  border-right: 1px solid #adb9c2;
}

/* フッター
----------------------------------------------- */
#pagetop {
  border-left: 1px solid #adb9c2;
  border-right: 1px solid #adb9c2;
}

#fotter {
  text-align: right;
  background-color: #707070;
  border-left: 1px solid #adb9c2;
  border-right: 1px solid #adb9c2;
}

#fotter a {
  color: white;
}

/* ログイン
----------------------------------------------- */
.loginarea_left {
  float: left;
  width: 300px;
  border: 5px solid #ccc;
  margin: auto 0;
  padding: 20px 15px;
}

.loginarea_right {
  float: right;
  width: 300px;
  border: 5px solid #ccc;
  margin: auto 0;
  padding: 20px 15px;
}

.inputtext {
  margin: 20px 0px;
}

.passwd {
  margin: 10px 0px;
}

.mini {
  text-align: right;
  font-size: 10px;
}

.inputtext02 {
  text-align: right;
  font-size: 10px;
  margin: 20px 0px;
}

.inputbox02 {
  text-align: center;
}


/* カテゴリー
----------------------------------------------- */
div#categoryarea {
    width: 144px;
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #f1f4f6;
}

.subcategoryarea {
  clear: both;
  width: 560px;
  margin: 0 auto;
  padding: 20px 5px;
  background-color: #f9f9ec;
  border: 1px solid #ccc;
}



/* 商品一覧 */

/* タイトル
----------------------------------------------- */
div#listtitle {
    background-color: #e8f8ff;
}

div.listrightblock .in_cart {
    width: 420px;
    margin: auto 0;
    padding: 5px;
}

div#customervoicearea {
  padding: 0 0;
}

div.btnbox {
  text-align: center;
  margin-top: 15px;
}

.pricebox {
  clear: both;
  margin-bottom: 10px;
  padding: 0;
}

div.listphoto {
  text-align: center;
}

.pagenumberarea {
  text-align: center;
}

/* 商品詳細（レビュー） */

/* タイトル
----------------------------------------------- */
div#detailtitle {
    width: 580px;
    margin: 0 0 10px 0;
    border-top: 2px solid #ff0000;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 2px solid #999;
    background: url("../packages/default/img/products/title_icon.gif") no-repeat left center;
    background-color: #e8f8ff;
}


/* 在庫表示 */
body#stock {
    margin: 0;
    padding: 0;
    background-color: #FFF;
    border-top: 12px solid #333;
}
#stock div {
    width: 500px;
    margin: 10px auto;
    text-align: left;
}
#stock form {
    text-align: center;
}
#tb-stock-info {
    width: 480px;
    margin: 10px auto 30px;
    padding: 0;
    font-size: 80%;
    border-bottom: 2px solid #777;
}
#tb-stock-info th, #tb-stock-info td {
    padding: 5px;
}
#tb-stock-info th {
    color: #FFF;
    background: #777;
    border-left: 1px solid #FFF;
}
#stock-title {
    margin-top: 30px;
    font-size: 120%;
}
#stock-name {
    font-size: 120%;
}
.odd {
    background: #F3F3F3;
}
#close_button {
    cursor : pointer;
}


/* 問い合わせ
----------------------------------------------- */
.mini_inquiry {
  font-size: 10px;
}

/* ブロック
----------------------------------------------- */
div#newsarea {
  width: 166px;
}
div#newsarea p {
  margin: 0px 5px;
}
div#newsarea dl {
  margin: 0px 5px;
}

div#recomendarea {
  width: 166px;
  margin-bottom: 15px;
}
div.recomendblock {
  width: 166px;
  background: transparent url("../packages/default/img/common/line_166.gif") no-repeat scroll center bottom;
}