/*
 *  YUI RESET
 */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin:0;
  padding:0;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

fieldset, img {
    border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style:normal;
    font-weight:normal;
}

ol, ul {
    list-style:none;
}

caption, th {
    text-align:left;
}

h1, h2, h3, h4, h5, h6 {
    font-size:100%;
    font-weight:normal;
}

q:before, q:after {
    content:'';
}

abbr, acronym {
  border:0;
}

/*
 *  UraHara Style
 */

body {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  color:#555;
  background:#fff;
  font-size:0.83em;
  line-height:1.5;
  letter-spacing:1px;
  border-top:solid 4px #b8932b;
  text-align:center;
}

body.men   { border-color:#8bc1d6; }
body.women { border-color:#ed76b9; }

a { text-decoration:none; outline:none; }
a:link { color:#b8932b; }
a:visited { color:#98730b; }
a:hover { color:#d8b34b; }

hr {
  clear:both;
  visibility:hidden;
  margin-bottom:-1px;
  height:1px;
}

#wrapper {
  width:960px;
  margin:auto;
}

#header {
  padding-top:10px;
  width:960px;
  margin:0 auto 5px;
}

#header .uhst {
  border-bottom:dotted 1px #181818;
  padding-bottom:2px;
  margin-bottom:5px;
  height:100px;
}

#header .uhst .logo {
  float:left;
  width:395px;
  padding-top:5px;
}

#header .uhst .logo .sitetitle {
  margin-left:30px;
  display:block;
  width:305px;
  height:50px;
  background:url("/img/header/logo.gif");
  text-align:left;
  text-indent:-999em;
}

#header .uhst .logo .catchcopy {
  width:305px;
  height:25px;
  background:url("/img/header/catchcopy.gif");
  text-indent:-999em;
  margin-left:30px;
}

#header .uhst #header-banner {
  float:right;
  padding-top:10px;
  clear:right;
}

#header .uhst #header-banner a {
}

#header .uhst #header-banner a img {
  display:block;
  width:550px;
  height:70px;
  /*
  width:468px;
  height:60px;
  */
  border:solid 1px #ccc;
}

#header .nav,
#header .breadcrumb {
  font-size:0.9em;
  padding-bottom:10px;
}

#header .nav {
  float:right;
}

#header .breadcrumb {
  float:left;
}

#header .breadcrumb a.men   { color:#8bc1d6; }
#header .breadcrumb a.women { color:#ed76b9; }

div#contents {
  clear:both;
  width:960px;
  margin:0 auto;
}

div#contents div.main {
  width:700px;
  float:right;
}

body.normal div#contents div.main {
  width:960px;
  float:none;
}

div#contents div.sub {
  width:240px;
  float:left;
  padding-bottom:50px;
}

/* MEN | WOMEN
----------------------------------------------- */
.sub .menwomen {
  width:210px;
  height:35px;
}

.sub .menwomen ul {
  width:210px;
  height:25px;
}

.sub .menwomen ul li {
  width:105px;
  float:left;
}

.sub .menwomen ul li a {
  background-image:url(/img/btn-menwomen.gif);
  background-repeat:no-repeat;
  width:105px;
  height:25px;
  display:block;
  text-align:left;
  text-indent:-999em;
}

.sub .menwomen ul li#men a   { background-position:0 0;      }
.sub .menwomen ul li#women a { background-position:-105px 0; }
.sub .menwomen ul li#men.on a   { background-position:0 -25px;      }
.sub .menwomen ul li#women.on a { background-position:-105px -25px; }
.sub .menwomen ul li#men a:hover   { background-position:0 -25px;      }
.sub .menwomen ul li#women a:hover { background-position:-105px -25px; }

.sub .menwomen ul li.on a:hover {
  cursor:default;
}


/* btn-sub
----------------------------------------------- */

.sub .shoplist h3 a,
.sub .category h3 a,
.sub .search h3 {
  background-image:url(/img/btn-sub.gif);
  display:block;
  width:210px;
  height:50px;
  text-indent:-999em;
  text-align:left;
}

.sub .shoplist h3 a       { background-position:0 0;     }
.sub .shoplist h3 a:hover { background-position:0 -50px; }
body.men .sub .shoplist h3 a       { background-position:-210px 0;     }
body.men .sub .shoplist h3 a:hover { background-position:-210px -50px; }
body.women .sub .shoplist h3 a       { background-position:-420px 0;     }
body.women .sub .shoplist h3 a:hover { background-position:-420px -50px; }

.sub .category h3 a       { background-position:0 -100px; }
.sub .category h3 a:hover { background-position:0 -150px; }
body.men .sub .category h3 a       { background-position:-210px -100px; }
body.men .sub .category h3 a:hover { background-position:-210px -150px; }
body.women .sub .category h3 a       { background-position:-420px -100px; }
body.women .sub .category h3 a:hover { background-position:-420px -150px; }

.sub .shoplist h3,
.sub .category h3 {
  margin-bottom:10px;
}

.sub .search h3 {
  height:70px;
}

.sub .search h3 { background-position:0 -200px; }
body.men .sub .search h3 { background-position:-210px -200px; }
body.women .sub .search h3 { background-position:-420px -200px; }

/* 検索
----------------------------------------------- */
div.sub .search {
  width:210px;
  background:#e9e9e9 url(/img/bg-corner-bottom-gray.gif) no-repeat center bottom;
  margin-bottom:30px;
}

div.search dl {
  width:190px;
  margin:auto;
  padding:10px 0;
  overflow:hidden;
}

div.search dt {
  background-image:url(/img/label-search.gif);
  background-repeat:no-repeat;
  width:150px;
  height:15px;
  text-indent:-999em;
  margin:10px auto 10px 0;
  overflow:hidden;
}

div.search dt.category {
  background-position:0 0;
}

div.search dd {
  text-align:left;
}

div.search dd select optgroup {
  font-style:normal;
  background:#eee;
  color:#666;
  padding:2px 0;
}

div.search dd select option {
  background:#fff;
  color:#333;
  padding:2px 0 2px 10px;
}

div.search dt.color {
  background-position:0 -15px;
}

div.search dd.color {
  width:31px;
  height:25px;
  float:left;
}

div.search dd.color.left {
  width:24px;
}

div.search dl dd.color label {
  display:block;
  width:20px;
  height:15px;
  border:solid 2px #fff;
  text-indent:-999em;
  overflow:hidden;
}

div.search dl dd.color label:hover {
  border:solid 2px #ddd;
}

div.search dl dd.white label  { background:url(/img/color/color-white.gif); } /* ホワイト系 */
div.search dl dd.black label  { background-color:#000000; } /* ブラック系 */
div.search dl dd.gray label   { background-color:#8E8E8E; } /* グレー系   */
div.search dl dd.brown label  { background-color:#60381F; } /* ブラウン系 */
div.search dl dd.beige label  { background-color:#EBD299; } /* ベージュ系 */
div.search dl dd.green label  { background-color:#33CB98; } /* グリーン系 */
div.search dl dd.blue label   { background-color:#1E8CBF; } /* ブルー系   */
div.search dl dd.purple label { background-color:#CE65CE; } /* パープル系 */
div.search dl dd.yellow label { background-color:#FFFF33; } /* イエロー系 */
div.search dl dd.pink label   { background-color:#FF0283; } /* ピンク系   */
div.search dl dd.red label    { background-color:#f83240; } /* レッド系   */
div.search dl dd.orange label { background-color:#FCA436; } /* オレンジ系 */
div.search dl dd.silver label { background:url(/img/color/color-silver.gif); } /* シルバー系 */
div.search dl dd.gold label   { background:url(/img/color/color-gold.gif); } /* ゴールド系 */
div.search dl dd.others label { background:url(/img/color/color-others.gif); } /* その他     */

div.search div.submit {
  clear:left;
  text-align:center;
  padding-bottom:15px;
}

div.search div.submit a {
  display:block;
  width:193px;
  height:33px;
  background:transparent url(/img/btn-search.gif) no-repeat 0 0;
  text-indent:-999em;
  margin:auto;
}

div.search div.submit a:hover {
  background-position:0 -33px;
}

/* FavoriteShop
----------------------------------------------- */

.sub .favoriteshop {
  width:210px;
}

.sub .favoriteshop h3 {
  width:210px;
  border-bottom:dotted 1px #181818;
  height:40px;
  margin-bottom:20px;
  text-align:left;
  background:transparent url(/img/title.gif) no-repeat 0 -160px;
  text-indent:-999em;
}

.sub .favoriteshop ul.shoplist {
  clear:right;
}

.sub .favoriteshop ul.shoplist li {
  height:95px;
}

.sub .favoriteshop ul.shoplist li a {
  display:block;
  padding:3px;
  border:solid 1px #eee;
  text-align:center;
  width:156px;
  margin:0 auto;
}

body.men .sub .favoriteshop ul.shoplist li a:hover   { border-color:#8bc1d6; }
body.women .sub .favoriteshop ul.shoplist li a:hover { border-color:#ed76b9; }

.sub .favoriteshop ul.shoplist li a img {
  width:152px;
  margin:0 auto;
  background:#eee;
  display:block;
}

.sub .favoriteshop ul.shoplist li div {
  display:none;
}

/* タイトル
----------------------------------------------- */

#newstopics h2,
#favoriteshop h2,
#pickup h2,
#newitem h2,
#itemlist h2,
#page_Items .main h1,
#page_Category .main h1,
#page_Shops .main h1,
#page_Magazine .main h1,
#page_Ranking .main h1,
#page_Magazine .main h1,
#page_Help .main h1,
#page_Contact .main h1,
#page_Privacy .main h1,
#page_Terms .main h1,
#page_Guide .main h1,
#page_Sizeguide h1 {
  border-bottom:dotted 1px #181818;
  height:40px;
  margin-bottom:20px;
  font-weight:bold;
  font-size:1.5em;
  text-align:left;
  background-image:url(/img/title.gif);
  background-repeat:no-repeat;
  text-indent:-999em;
}

#itemlist h2            { background-position:0 0;      }
#newstopics h2          { background-position:0 -40px;  }
#pickup h2              { background-position:0 -80px;  }
#newitem h2             { background-position:0 -120px; }
#favoriteshop h2        { background-position:0 -160px; }
#page_Items .main h1    { background-position:0 0;      }
#page_Ranking .main h1  { background-position:0 -200px; }
#page_Shops .main h1    { background-position:0 -240px; }
#page_Category .main h1 { background-position:0 -280px; }
#page_Magazine .main h1 { background-position:0 -320px; }
#page_Help .main h1     { background-position:0 -360px; }
#page_Contact .main h1  { background-position:0 -400px; }
#page_Privacy .main h1  { background-position:0 -440px; }
#page_Terms .main h1    { background-position:0 -480px; }
#page_Guide .main h1    { background-position:0 -520px; }
#page_Sizeguide h1      { background-position:0 -560px; }

#page_Root .main h2 {
  padding:0;
}

.main h2 {
  text-align:left;
  font-weight:bold;
  font-size:1.2em;
  padding:5px;
  border-bottom:dotted 1px #ccc;
  color:#888;
  clear:left;
}

/* more
----------------------------------------------- */
.more {
  position:relative;
  top:-10px;
  float:right;
}

.more a {
  width:55px;
  height:15px;
  display:block;
  background-image:url(/img/btn-more.gif);
  background-repeat:no-repeat;
  text-indent:-999em;
  overflow:hidden;
}

.more a:hover {
  background-position:0 -15px;
}


/* totop
----------------------------------------------- */
.totop {
  text-align:right;
  padding-bottom:20px;
}


/* News&Topics
----------------------------------------------- */
#newstopics {
  clear:both;
  float:left;
  width:600px;
  text-align:left;
}

#newstopics img {
  height:157px;
  padding-bottom:5px;
}

#newstopics dl {
  position:relative;
  top:-15px;
  clear:right;
  border-bottom:dotted 1px #181818;
  height:70px;
  overflow:auto;
  line-height:1.2;
}

#newstopics dl dt {
  width:110px;
  float:left;
  clear:left;
  font-size:0.9em;
  font-weight:bold;
  text-indent:0.5em;
}

#newstopics dl dd {
  width:450px;
  float:left;
}

#header .banner {
  float:right;
  clear:right;
  width:342px;
}

#header .banner a,
#header .banner span {
  display:block;
  border:solid 1px #b8932b;
  width:340px;
  height:284px;
}

body.men #header .banner a,
body.men #header .banner span   { border-color:#8bc1d6; }
body.women #header .banner a,
body.women #header .banner span { border-color:#ed76b9; }

#header .banner a img,
#header .banner span img {
  display:block;
  width:336px;
  height:280px;
  margin:2px;
}

/* 商品一覧
----------------------------------------------- */
ul.itemlist {
  width:710px;
  overflow:hidden;
}

ul.itemlist li {
  width:141px;
  height:215px;
  float:left;
  padding-bottom:20px;
}

ul.itemlist li a {
  display:block;
  vergical-align:center;
  width:134px;
  height:134px;
}

ul.itemlist li div a {
  height:3.2em;
  text-align:left;
  padding:0 5px;
}

ul.itemlist li a img {
  margin:auto;
  padding:2px;
  border:solid 1px #fff;
}

body.men ul.itemlist li a:hover img   { border-color:#8bc1d6; }
body.women ul.itemlist li a:hover img { border-color:#ed76b9; }

ul.itemlist li span.price {
  text-align:center;
  display:block;
  font-family:Meiryo, Helvetica, Arial, Verdana, sans-serif;
  font-weight:bold;
  font-size:0.9em;
  color:#888;
}

#page_Items .sortnav {
  float:right;
}

#page_Items .current {
  text-align:left;
  margin-bottom:15px;
}

#page_Items .pagenav {
  background:#eee;
  padding:10px;
  margin-bottom:15px;
}

#page_Items .pagenav div {
  display:inline;
}

#page_Items .pagenav .disabled {
  color:#ccc;
}

/* ShopList
----------------------------------------------- */

#page_Shops .main .nav {
  text-align:left;
  padding-bottom:20px;
}

#page_Shops .main .nav a {
  margin-right:10px;
}

#page_Shops .main ul.shoplist {
  padding:10px 0 30px;
}

#page_Shops .main ul.shoplist:after {
  content:"";
  visibility:hidden;
  clear:both;
  display:block;
}

#page_Shops .main ul.shoplist li {
  width:230px;
  height:120px;
  float:left;
  text-align:left;
}

#page_Shops .main ul.shoplist li a {
  width:202px;
  height:101px;
  display:block;
  padding:2px;
  border:solid 1px #fff;
}

body.men#page_Shops .main ul.shoplist li a:hover   { border-color:#8bc1d6; }
body.women#page_Shops .main ul.shoplist li a:hover { border-color:#ed76b9; }

#page_Shops .main ul.shoplist li a img {
  width:202px;
  height:101px;
}

#page_Shops .main ul.shoplist li span {
  display:block;
  width:207px;
  text-align:right;

}

#tooltip {
    position:absolute;
    background:#333;
    padding:5px 1em;
    opacity:0.85;
    filter:alpha(opacity=85);
}

#tooltip h3, #tooltip div {
    font-size:1em;
    font-weight:normal;
    margin:0;
    color:#fff;
}

/* Category
----------------------------------------------- */
#page_Category .main .left {
  width:50%;
  float:left;
}

#page_Category .main .right {
  width:50%;
  float:left;
}

#page_Category .main .block {
  padding-bottom:20px;
}

#page_Category .main .block img {
  float:left;
  width:70px;
  height:70px;
}

#page_Category .main .block h2 {
  padding:0;
  font-size:1em;
  margin:auto 10px 5px 10px;
  float:left;
  width:250px;
  clear:none;
}

#page_Category .main .block ul {
  padding-left:80px;
  text-align:left;
  line-height:1.2;
  margin-right:10px;
}

#page_Category .main .block ul:after {
  content:"";
  display:block;
  clear:left;
  height:1px;
  margin-top:-1px;
}

#page_Category .main .block ul li {
  padding:1px 5px 0 0;
}


/* FooterPages
----------------------------------------------- */

.main .onecolumn {
  width:650px;
  margin:auto;
  text-align:left;
}

/* Magazine
----------------------------------------------- */

#page_Magazine .main .onecolumn div.block {
  margin:10px 20px 30px;
  padding:30px;
  background:#eee;
}

#page_Magazine .main .onecolumn p {
  margin:10px 20px 30px;
  padding:15px;
}

#page_Magazine .main .onecolumn div.block dl {
  padding-bottom:15px;
}

#page_Magazine .main .onecolumn div.block dl dt {
  width:130px;
  float:left;
}

#page_Magazine .main .onecolumn div.block div {
  text-align:center;

}

#page_Magazine .main .onecolumn div.block div input {
  padding:3px 1em;
}

/* Help
----------------------------------------------- */

#page_Help .main ul {
  list-style:disc;
}

#page_Help .main ul,
#page_Help .main ol {
  padding-left:2em;
}

#page_Help .main .nav {
  padding:0 0 20px 25px;
}

#page_Help .main .nav:after {
  content:"";
  visibility:hidden;
  clear:left;
  display:block;
}

#page_Help .main .nav,
#page_Help .main .note {
  list-style:none;
}

#page_Help .main .nav li {
  list-style-type:disc;
/*
  width:33%;
  float:left;
*/
}

#page_Help .main .nav li dl {
  padding-right:15px;
}

#page_Help .main div.block {
  padding-bottom:30px;
}

#page_Help .main h2 {
  margin-bottom:5px;
}

#page_Help .main h3 {
  font-weight:bold;
  padding:20px 0 15px;
}

#page_Help .main div.block dl dt {
  padding-top:5px;
}

#page_Help .main div.block dl dd {
  padding-left:15px;
}

#page_Help .main ol li {
  list-style-type:decimal;
}

#page_Help .main .note {
  font-size:0.9em;
  padding-left:1.6em;
  text-indent:-1.4em;
}

#page_Help .main span.note {
  display:block;
}

/* News&Topics
----------------------------------------------- */
#page_News .list {
}

#page_News .list div.article {
  clear:left;
  padding-bottom:50px;
}

#page_News .list div.article div.head {
  padding-bottom:10px;
}

#page_News .list div.article div.head span.date {
  float:right;
  font-size:0.8em;
  position:relative;
  top:9px;
}

#page_News .list div.article div.head h2 {
  clear:none;
  margin-left:5px;
  font-size:1em;
  padding:3px;
}

#page_News .list div.article div.body a.img {
  border:solid 1px #ccc;
  padding:3px;
  float:right;
}

#page_News .list div.article div.body a.img:hover {
  border-color:#b8932b;
}

#page_News .list div.article div.body a.img img {
  display:block;
}

#page_News .list div.article div.body p {
  margin-left:5px;
}

#page_News table.nav {
  margin-bottom:30px;
  width:100%;
}


#page_News table.nav tbody tr td.prev {
  text-align:left;
  width:42%;
}

#page_News table.nav tbody tr td.list {
  width:16%;
  text-align:center;
}

#page_News table.nav tbody tr td.next {
  width:42%;
  text-align:right;
}

#page_News h2 span.date {
  color:#999;
  font-size:0.8em;
  float:right;
  display:block;
  font-weight:normal;
}

#page_News div.contents {
  margin-top:20px;
}

#page_News div.contents img {
  float:left;
  padding:3px;
  border:solid 1px #b8932b;
}

#page_News div.contents div.body {
  padding-left:320px;
}

#page_News div.noimg div.body {
  padding-left:5px;
}

/* Privacy + Terms + Guide
----------------------------------------------- */

#page_Privacy .area,
#page_Guide .area,
#page_Terms .area {
  display:block;
  height:400px;
  overflow:auto;
  padding:10px 20px 10px;
  border:solid 1px #ccc;
  background:#eee;
  font-size:0.9em;
}

#page_Privacy .area h2,
#page_Guide .area h2,
#page_Terms .area h2 {
  margin:20px auto 10px;
}

#page_Privacy .area ol,
#page_Guide .area ol,
#page_Terms .area ol {
  list-style-type:decimal;
  padding-left:2em;
}

#page_Privacy .area ol li,
#page_Guide .area ol li,
#page_Terms .area ol li {
  padding-top:3px;
}

#page_Privacy .area ul,
#page_Guide .area ul,
#page_Terms .area ul {
  list-style-type:disc;
  padding-left:1em;
}

#page_Privacy .area h3,
#page_Terms .area h3 {
  font-weight:bold;
  padding:5px 0 3px;
}

#page_Privacy .area div,
#page_Gide .area div {
  padding:3px 0;
}

#page_Privacy .area div.signature,
#page_Terms .area div.signature,
#page_Guide .area div.signature {
  text-align:right;
  padding-top:10px;
}

/* Contact
----------------------------------------------- */

#page_Contact div.note {
  background:#eee;
  padding:30px;
  margin:30px auto;
}

/*
 *  ここから下、ちゃんと見直す
 */

/* バナー
----------------------------------------------- */
ul#banner {
  padding:15px 0 0 0;
}

#banner li {
  padding:0 0 10px 0;
}

/* テキストフィールド
----------------------------------------------- */
input[type='text'],
input[type='password'] {
  border:solid 1px #ccc;
  padding:2px;
}

/* フッター
----------------------------------------------- */
#footer {
  width:960px;
  clear:both;
  margin:30px auto 0;
  padding:10px 0;
  font-size:0.9em;
  border-top:dotted 1px #181818;
}

#footer .nav {
  clear:both;
  text-align:center;
  padding-bottom:10px;
  line-height:1;
}

#footer .banners {
  border-top:dotted 1px #181818;
  clear:both;
  padding:10px;
}

#footer .banners li {
  float:left;
}

#footer .banners li a {
  border:dotted 1px #ccc;
  padding:4px;
  width:90px;
  height:40px;
  display:block;
  margin:5px;
}

#footer .banners li a img {
  border:solid 1px #ccc;
}

#footer .copyright {
  clear:left;
  text-align:center;
  font-size:0.9em;
}


/* ポップアップ
----------------------------------------------- */

.popup #wrapper {
  padding:20px;
  width:530px;
  margin:auto;
}

.popup #header,
.popup #contents,
.popup #footer {
  width:auto;
}

.popup #footer {
  padding:10px;
}

.popup #footer a {
  width:100px;
  padding:5px;
  margin:auto;
  display:block;
  background:#b8932b;
  color:#fff;
  font-weight:bold;
}

.popup #footer a:hover {
  background:#d8b34b;
}

/* Sizeguide
----------------------------------------------- */

#page_Sizeguide #header {
  text-align:left;
}

#page_Sizeguide #header ul.links {
  padding-top:15px;
}

#page_Sizeguide #header ul.links li {
  width:50%;
  float:left;
}

#page_Sizeguide #header ul.links li a {
  font-size:0.85em;
}

#page_Sizeguide #header ul.note {
  clear:left;
  padding-top:15px;
}

/* Error404
----------------------------------------------- */

.error404-msg {
}

.error404-msg p {
  font-weight:bold;
  padding:80px 0;
  font-size:1.3em;
}

.error404-msg a {
  margin:0 20px;
  font-size:1.2em;
}