@charset "UTF-8";


/* ---------- サイト内共通の設定 ---------- */

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

a:link { text-decoration: none; color:#c00; }
a:visited { text-decoration: none; color:#c00; }
a:hover { text-decoration: none; color:#09c; }
a:active { text-decoration: none; color:#c00; }
a:hover img, a img{border: none}

body{
  margin: 0;
  padding: 30px 0 30px 30px;
  line-height:1.8em;
  font-size: .85em;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


h1{
  font-size: 1.4em;
  margin-bottom: 15px;
}

h2{
  font-size: 1em;
  font-weight: bold;
}

h3{
  font-size: 1em;
}

p{
  margin-bottom: 12px;
}

strong{
  color: #c00;
}

strike{
 text-decoration: line-through
}

.caption{
  font-size: .85em;
}

.lead{
  margin-bottom: 30px;
  margin-top: 20px;
}

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

.attention02 {
	color: #f00;
}

.textArea p {
  font-size: .85em;
}

/* html4.01用tableフォントサイズ */
th, td{
/* font-size: .85em;*/
}

th p, td p{
 font-size: .85em;
 margin: 0;
 padding: 0;
 line-height: 1.8em;
}


/* ----------- 基本レイアウト ----------- */

#container{
	width: 100%;
	position: relative;
	text-align: left;
}

#header{
  width: 100%;
  margin-bottom: 30px;
}

.mainLogo{
   position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 151px;
    height: 55px;
    background: url('../common/hmr_logo.png') no-repeat left center;
    display: block;
}

.mainLogo a{
    display: block;
   width: 151px;
    height: 55px;
}


.mainLogo span{display: none;}

#menu{
  overflow: hidden;
  margin-left: 190px;
}

/* navigation */

.globalNavigation{
   clear: both;
	overflow: hidden;
	_margin-top: 6px;
	*margin-top: 6px;
/*	margin-top: 6px\9;*/
}

.globalNavigation:first-child{
	margin-top: 0;
}

.globalNavigation li{
	margin-bottom: 6px;
	list-style: none;
	float: left;
}

/* コンテンツ */

#contents{
  clear: both;
  padding: 0 30px 0 30px;
}

/* サイドバー */

#sidebar{
  clear: both;
  position: absolute;
  left: 0;
  float: left;
  width: 190px;
}

#sidebar h1{
  font-size: .85em;
  letter-spacing: .2em;
  font-weight: bold;
}

#sidebar .pageTitle{
  margin-top: 3px;
}

#sidebar .pageTitle a{
  display: block;
  height: 100%;
  width: 100%;
  }
#sidebar .pageTitle span{ display: none;}

#sidebar .pageTitle .TC{
  height: 13px;
  width: 139px;
  background: url('../common/sprite.gif') no-repeat -252px -308px;
  display: block;
}

#sidebar .pageTitle .ZU{
  height: 13px;
  width: 46px;
  background: url('../common/sprite.gif') no-repeat -396px -308px;
  display: block;
}

#sidebar .pageTitle .SK{
  height: 13px;
  width: 124px;
  background: url('../common/sprite.gif') no-repeat -447px -308px;
  display: block;
}

#sidebar .pageTitle .FH{
  height: 13px;
  width: 90px;
  background: url('../common/sprite.gif') no-repeat -576px -308px;
  display: block;
}

#sidebar .pageTitle .NE{
  height: 13px;
  width: 57px;
  background: url('../common/sprite.gif') no-repeat -5px -324px;
  display: block;
}

#sidebar .pageTitle .MB{
  height: 13px;
  width: 130px;
  background: url('../common/sprite.gif') no-repeat -67px -324px;
  display: block;
}

#sidebar .pageTitle .JV{
  height: 13px;
  width: 123px;
  background: url('../common/sprite.gif') no-repeat -580px -342px;
  display: block;
}

#sidebar .pageTitle .PL{
  height: 13px;
  width: 95px;
  background: url('../common/sprite.gif') no-repeat -202px -324px;
  display: block;
}

#sidebar .pageTitle .PA{
  height: 13px;
  width: 70px;
  background: url('../common/sprite.gif') no-repeat -302px -324px;
  display: block;
}

#sidebar .pageTitle .NM{
  height: 13px;
  width: 63px;
  background: url('../common/sprite.gif') no-repeat -286px -340px;
  display: block;
}

#sidebar .pageTitle .KC{
  height: 13px;
  width: 59px;
  background: url('../common/sprite.gif') no-repeat -417px -324px;
  display: block;
}

#sidebar .pageTitle .CC{
  height: 13px;
  width: 78px;
  background: url('../common/sprite.gif') no-repeat -477px -324px;
  display: block;
}

#sidebar .pageTitle .WK{
  height: 13px;
  width: 106px;
  background: url('../common/sprite.gif') no-repeat -671px -324px;
  display: block;
}

#sidebar .pageTitle .FG{
  height: 13px;
  width: 124px;
  background: url('../common/sprite.gif') no-repeat -671px -308px;
  display: block;
}

#sidebar .pageTitle .HT{
  height: 13px;
  width: 130px;
  background: url('../common/sprite.gif') no-repeat -50px -342px;
  display: block;
}

#sidebar .pageTitle .YO{
  height: 13px;
  width: 102px;
  background: url('../common/sprite.gif') no-repeat -181px -343px;
  display: block;
}

#sidebar .pageTitle .DS{
  height: 29px;
  width: 114px;
  background: url('../common/sprite.gif') no-repeat -805px -308px;
  display: block;
}

#sidebar .pageTitle .HR{
  height: 13px;
  width: 46px;
  background: url('../common/sprite.gif') no-repeat -5px -342px;
  display: block;
}

#sidebar .pageTitle .PJ{
  height: 13px;
  width: 56px;
  background: url('../common/sprite.gif') no-repeat -558px -323px;
  display: block;
}

#sidebar .pageTitle .NY{
  height: 13px;
  width: 33px;
  background: url('../common/sprite.gif') no-repeat -622px -323px;
  display: block;
}

#sidebar .pageTitle .ES{
  height: 13px;
  width: 102px;
  background: url('../common/sprite.gif') no-repeat -357px -343px;
  display: block;
}

#sidebar .pageTitle .BG{
  height: 13px;
  width: 112px;
  background: url('../common/sprite.gif') no-repeat -465px -342px;
  display: block;
}

#sidebar .pageTitle .CA{
  height: 13px;
  width: 185px;
  background: url('../common/sprite.gif') no-repeat -120px -357px;
  display: block;
}

#sidebar .pageTitle .SPBDPE{
  height: 13px;
  width: 110px;
  background: url('../common/sprite.gif') no-repeat -710px -344px;
  display: block;
}

#sidebar .pageTitle .SP{
  height: 13px;
  width: 69px;
  background: url('../common/sprite.gif') no-repeat -310px -357px;
  display: block;
}

#sidebar .pageTitle .MI{
  height: 13px;
  width: 74px;
  background: url('../common/sprite.gif') no-repeat -271px -619px;
  display: block;
}

#sidebar .pageTitle .TD{
  height: 13px;
  width: 117px;
  background: url('../common/sprite.gif') no-repeat -353px -619px;
  display: block;
}

#sidebar .pageTitle .KK{
  height: 13px;
  width: 114px;
  background: url('../common/sprite.gif') no-repeat -478px -619px;
  display: block;
}

#sidebar .pageTitle .KI{
  height: 13px;
  width: 45px;
  background: url('../common/sprite.gif') no-repeat -600px -619px;
  display: block;
}

#sidebar .pageTitle .AQ{
  height: 13px;
  width: 53px;
  background: url('../common/sprite.gif') no-repeat -653px -619px;
  display: block;
}

#sidebar .pageTitle .KR{
  height: 13px;
  width: 87px;
  background: url('../common/sprite.gif') no-repeat -714px -619px;
  display: block;
}

#sidebar .pageTitle .UT{
  height: 13px;
  width: 62px;
  background: url('../common/sprite.gif') no-repeat -655px -562px;
  display: block;
}

#sidebar .pageTitle .BB{
  height: 13px;
  width: 146px;
  background: url('../common/sprite.gif') no-repeat -655px -580px;
  display: block;
}

#sidebar .pageTitle .DA{
  height: 13px;
  width: 46px;
  background: url('../common/sprite.gif') no-repeat -725px -561px;
  display: block;
}

#sidebar .pageTitle .HS{
  height: 13px;
  width: 101px;
  background: url('../common/sprite.gif') no-repeat -749px -543px;
  display: block;
}

#sidebar .pageTitle .FS{
  height: 13px;
  width: 87px;
  background: url('../common/sprite.gif') no-repeat -780px -561px;
  display: block;
}

#sidebar .pageTitle .UE{
  height: 13px;
  width: 87px;
  background: url('../common/sprite.gif') no-repeat -654px -543px;
  display: block;
}

#sidebar .pageTitle .MT{
  height: 13px;
  width: 103px;
  background: url('../common/sprite.gif') no-repeat -5px -636px;
  display: block;
}

#sidebar .pageTitle .DW{
  height: 13px;
  width: 102px;
  background: url('../common/sprite.gif') no-repeat -118px -636px;
  display: block;
}

#sidebar .pageTitle .AT{
  height: 13px;
  width: 50px;
  background: url('../common/sprite.gif') no-repeat -229px -636px;
  display: block;
}

#sidebar .pageTitle .EW{
  height: 13px;
  width: 96px;
  background: url('../common/sprite.gif') no-repeat -289px -636px;
  display: block;
}

#sidebar .pageTitle .AC{
  height: 13px;
  width: 124px;
  background: url('../common/sprite.gif') no-repeat -395px -636px;
  display: block;
}

#sidebar .pageTitle .TB{
  height: 13px;
  width:  88px;
  background: url('../common/sprite.gif') no-repeat -528px -636px;
  display: block;
}

#sidebar .pageTitle .NS{
  height: 13px;
  width:  96px;
  background: url('../common/sprite.gif') no-repeat -623px -636px;
  display: block;
}

#sidebar .pageTitle .CH{
  height: 13px;
  width:  129px;
  background: url('../common/sprite.gif') no-repeat -730px -636px;
  display: block;
}

#sidebar .pageTitle .BA{
  height: 13px;
  width:  138px;
  background: url('../common/sprite.gif') no-repeat -5px -653px;
  display: block;
}

#sidebar .pageTitle .SD{
  height: 13px;
  width:  169px;
  background: url('../common/sprite.gif') no-repeat -154px -653px;
  display: block;
}

#sidebar .pageTitle .KS{
  height: 13px;
  width:  56px;
  background: url('../common/sprite.gif') no-repeat -487px -651px;
  display: block;
}

#sidebar .pageTitle .CM{
  height: 13px;
  width:  143px;
  background: url('../common/sprite.gif') no-repeat -334px -651px;
  display: block;
}

#sidebar .pageTitle .CB{
  height: 13px;
  width:  84px;
  background: url('../common/sprite.gif') no-repeat -550px -651px;
  display: block;
}

#sidebar .pageTitle .LP{
  height: 13px;
  width:  141px;
  background: url('../common/sprite.gif') no-repeat -645px -653px;
  display: block;
}

#sidebar .pageTitle .TG{
  height: 13px;
  width:  91px;
  background: url('../common/sprite.gif') no-repeat -797px -652px;
  display: block;
}

#sidebar .pageTitle .MF{
  height: 13px;
  width:  76px;
  background: url('../common/sprite.gif') no-repeat -5px -670px;
  display: block;
}

#sidebar .pageTitle .SA{
  height: 13px;
  width:  42px;
  background: url('../common/sprite.gif') no-repeat -91px -670px;
  display: block;
}

#sidebar .pageTitle .LC{
  height: 13px;
  width:  82px;
  background: url('../common/sprite.gif') no-repeat -143px -670px;
  display: block;
}

#sidebar .pageTitle .PI{
  height: 13px;
  width:  129px;
  background: url('../common/sprite.gif') no-repeat -236px -670px;
  display: block;
}

#sidebar .pageTitle .RF{
  height: 13px;
  width: 82px;
  background: url('../common/sprite.gif') no-repeat -372px -670px;
  display: block;
}

#sidebar .pageTitle .LL{
  height: 13px;
  width: 126px;
  background: url('../common/sprite.gif') no-repeat -790px -670px;
  display: block;
}

#sidebar .pageTitle .MM{
  height: 13px;
  width: 82px;
  background: url('../common/sprite.gif') no-repeat -703px -670px;
  display: block;
}

#sidebar .pageTitle .SI{
  height: 27px;
  width: 165px;
  background: url('../common/sprite.gif') no-repeat -709px -385px;
  display: block;
}

#sidebar .pageTitle .TR{
  height: 13px;
  width: 72px;
  background: url('../common/sprite.gif') no-repeat -456px -670px;
  display: block;
}

#sidebar .pageTitle .GC{
  height: 22px;
  width: 127px;
  background: url('../common/sprite.gif') no-repeat -713px -420px;
  display: block;
}

#sidebar .pageTitle .MO{
  height: 13px;
  width: 79px;
  background: url('../common/sprite.gif') no-repeat -527px -670px;
  display: block;
}

#sidebar .pageTitle .TJ{
  height: 13px;
  width: 79px;
  background: url('../common/sprite.gif') no-repeat -620px -670px;
  display: block;
}

#sidebar .pageTitle .JU{
  height: 13px;
  width: 131px;
  background: url('../common/sprite.gif') no-repeat -4px -688px;
  display: block;
}

#sidebar .pageTitle .MV{
  height: 13px;
  width: 89px;
  background: url('../common/sprite.gif') no-repeat -142px -688px;
  display: block;
}

#sidebar .pageTitle .PD{
  height: 13px;
  width: 87px;
  background: url('../common/sprite.gif') no-repeat -237px -688px;
  display: block;
}

#sidebar .pageTitle .BF{
  height: 13px;
  width: 181px;
  background: url('../common/sprite.gif') no-repeat -463px -688px;
  display: block;
}

#sidebar .pageTitle .SM{
  height: 13px;
  width: 126px;
  background: url('../common/sprite.gif') no-repeat -329px -688px;
  display: block;
}

#sidebar .pageTitle .NL{
  height: 13px;
  width: 48px;
  background: url('../common/sprite.gif') no-repeat -650px -688px;
  display: block;
}

#sidebar .pageTitle .HU{
  height: 13px;
  width: 52px;
  background: url('../common/sprite.gif') no-repeat -795px -688px;
  display: block;
}

#sidebar .pageTitle .ZL{
  height: 13px;
  width: 150px;
  background: url('../common/sprite.gif') no-repeat -6px -709px;
  display: block;
}

#sidebar .pageTitle .CL{
  height: 13px;
  width: 156px;
  background: url('../common/sprite.gif') no-repeat -167px -709px;
  display: block;
}

#sidebar .pageTitle .CG{
  height: 31px;
  width: 126px;
  background: url('../common/sprite.gif') no-repeat -549px -417px;
  display: block;
}

#sidebar .pageTitle .JA{
  height: 31px;
  width: 141px;
  background: url('../common/sprite.gif') no-repeat -582px -709px;
  display: block;
}

#sidebar .pageTitle .LT{
  height: 13px;
  width: 85px;
  background: url('../common/sprite.gif') no-repeat -706px -688px;
  display: block;
}

#sidebar .pageTitle .AM{
  height: 27px;
  width: 176px;
  background: url('../common/sprite.gif') no-repeat -6px -731px;
  display: block;
}

#sidebar .pageTitle .MP{
  height: 13px;
  width: 118px;
  background: url('../common/sprite.gif') no-repeat -192px -731px;
  display: block;
}

#sidebar .pageTitle .UP{
  height: 13px;
  width: 144px;
  background: url('../common/sprite.gif') no-repeat -320px -731px;
  display: block;
}

#sidebar .pageTitle .KE{
  height: 13px;
  width: 114px;
  background: url('../common/sprite.gif') no-repeat -478px -619px;
  display: block;
}

#sidebar .pageTitle .MR{
  height: 12px;
  width: 66px;
  background: url('../common/sprite.gif') no-repeat -730px -709px;
  display: block;
}

#sidebar .pageTitle .varietygoods{
  height: 13px;
  width: 72px;
  background: url('../common/sprite.gif') no-repeat -6px -765px;
  display: block;
}

#sidebar .pageTitle .interior{
  height: 13px;
  width: 66px;
  background: url('../common/sprite.gif') no-repeat -82px -765px;
  display: block;
}

#sidebar .pageTitle .tableware{
  height: 13px;
  width: 65px;
  background: url('../common/sprite.gif') no-repeat -150px -765px;
  display: block;
}

#sidebar .pageTitle .stationary{
  height: 13px;
  width: 76px;
  background: url('../common/sprite.gif') no-repeat -219px -765px;
  display: block;
}

#sidebar .pageTitle .babiesandkids{
  height: 13px;
  width: 65px;
  background: url('../common/sprite.gif') no-repeat -298px -765px;
  display: block;
}

#sidebar .pageTitle .booksandposters{
  height: 13px;
  width: 58px;
  background: url('../common/sprite.gif') no-repeat -366px -765px;
  display: block;
}

#sidebar .pageTitle .pcandmobile{
  height: 22px;
  width: 64px;
  background: url('../common/sprite.gif') no-repeat -6px -781px;
  display: block;
}

#sidebar .pageTitle .selectedbrands{
  height: 13px;
  width: 137px;
  background: url('../common/sprite.gif') no-repeat -126px -619px;
  display: block;
}

#sidebar .pageTitle .goodsandbooks{
  height: 13px;
  width: 113px;
  background: url('../common/sprite.gif') no-repeat -5px -619px;
  display: block;
}

#sidebar .pageTitle .gb_saleall{
  height: 28px;
  width: 123px;
  background: url('../common/sprite.gif') no-repeat -475px -731px;
  display: block;
}

#sidebar .pageTitle .ladiestops{
  height: 13px;
  width: 97px;
  background: url('../common/sprite.gif') no-repeat -5px -601px;
  display: block;
}

#sidebar .pageTitle .ladiesbottoms{
  height: 13px;
  width: 125px;
  background: url('../common/sprite.gif') no-repeat -110px -601px;
  display: block;
}

#sidebar .pageTitle .menstops{
  height: 13px;
  width: 78px;
  background: url('../common/sprite.gif') no-repeat -244px -601px;
  display: block;
}

#sidebar .pageTitle .mensbottoms{
  height: 13px;
  width: 106px;
  background: url('../common/sprite.gif') no-repeat -331px -601px;
  display: block;
}

#sidebar .pageTitle .accessories{
  height: 13px;
  width: 101px;
  background: url('../common/sprite.gif') no-repeat -446px -601px;
  display: block;
}

#sidebar .pageTitle .bags{
  height: 13px;
  width: 37px;
  background: url('../common/sprite.gif') no-repeat -556px -601px;
  display: block;
}

#sidebar .pageTitle .shoes{
  height: 13px;
  width: 45px;
  background: url('../common/sprite.gif') no-repeat -602px -601px;
  display: block;
}

#sidebar .pageTitle .kids{
  height: 13px;
  width: 36px;
  background: url('../common/sprite.gif') no-repeat -656px -601px;
  display: block;
}

#sidebar .pageTitle .books{
  height: 13px;
  width: 45px;
  background: url('../common/sprite.gif') no-repeat -701px -601px;
  display: block;
}

#sidebar .pageTitle .goods{
  height: 13px;
  width: 46px;
  background: url('../common/sprite.gif') no-repeat -755px -601px;
  display: block;
}

#sidebar .pageTitle .contact{
  height: 13px;
  width: 65px;
  background: url('../common/sprite.gif') no-repeat -623px -373px;
  display: block;
}

#sidebar .pageTitle .novelty{
  height: 13px;
  width: 68px;
  background: url('../common/sprite.gif') no-repeat -550px -373px;
  display: block;
}

#sidebar .pageTitle .checkbag{
  height: 13px;
  width: 44px;
  background: url('../common/sprite.gif') no-repeat -128px -373px;
  display: block;
}

#sidebar .pageTitle .mail{
  height: 13px;
  width: 118px;
  background: url('../common/sprite.gif') no-repeat -5px -373px;
  display: block;
}

#sidebar .pageTitle .mypage{
  height: 13px;
  width: 61px;
  background: url('../common/sprite.gif') no-repeat -176px -373px;
  display: block;
}

#sidebar .pageTitle .help{
  height: 13px;
  width: 36px;
  background: url('../common/sprite.gif') no-repeat -242px -373px;
  display: block;
}

#sidebar .pageTitle .login{
  height: 13px;
  width: 51px;
  background: url('../common/sprite.gif') no-repeat -324px -373px;
  display: block;
}

#sidebar .pageTitle .rule{
  height: 13px;
  width: 46px;
  background: url('../common/sprite.gif') no-repeat -380px -373px;
  display: block;
}

#sidebar .pageTitle .registration{
  height: 13px;
  width: 114px;
  background: url('../common/sprite.gif') no-repeat -431px -373px;
  display: block;
}
#sidebar .pageTitle .SEARCH{
  height: 13px;
  width: 68px;
  background: url('../common/sprite.gif') no-repeat -704px -372px;
  display: block;
}

#sidebar  ul.stateNavigation li{
  margin-bottom: 6px;
  list-style: none;
  padding-bottom: 0;
  font-size: .85em;
  line-height: 1.6em;
  font-weight: bold;
 }

#sidebar  ul.stateNavigation li span{
  font-weight: bold;
}


#sidebar  ul.stateNavigation li a{ color: #000; }
#sidebar  ul.stateNavigation li a:hover,
#sidebar  ul.stateNavigation li a.active{
	color: #0099CC;
}

#sidebar .mobile{
  margin-top: 60px;
}

#sidebar .mobile .qr_code{
  height: 68px;
  width: 68px;
  background: url('../common/sprite.gif') no-repeat -5px -388px;
  display: block;
}
#sidebar .mobile span{
  display: none;
}

#sidebar .mobile p{
  font-size: .85em;
  margin-top: 12px;
  line-height: 1.6em;
}


#main{
  margin-left: 160px;
}


#footer{
	margin: 30px 30px 0  190px;;
	clear: both;
	text-align: left;
}

.copyright{
   font-size: .85em;
	font-family:  sans-serif;
}

/* アイコン */

.arrowRight{
	padding: 2px 0 2px 16px;
	background: url("../common/arrowRight.gif") no-repeat left center;
}

.arrowLeft{
	padding: 2px 0 2px 16px;
	background: url("../common/arrowLeft.gif") no-repeat left center;
}

.arrowTop{
	padding: 2px 0 2px 16px;
	background: url("../common/arrowTop.gif") no-repeat left center;
}

.previous{
	padding: 2px 0 2px 16px;
	background: url("../common/arrowLeft.gif") no-repeat left center;
}

.next{
	padding: 2px 16px 2px 0;
	background: url("../common/arrowRight.gif") no-repeat right center;
}




/* ### 商品一覧 ### */
/* Newsの入り位置の調整 */

body#brand,
body#noveltys{
  padding-right: 0;
  margin-right: 0;
}

#brand #contents,
#brand #main
#noveltys #contents,
#noveltys #main{
  margin-right: 0;
  padding-right: 0;
}

/* アイテムリスト */
#brand .items,
#bag .items,
#noveltys .items{
  clear: both;
}
#brand .item,
#accessory .item,
#noveltys .item{
  float: left;

  overflow: hidden;
  width: 200px;
  height: 360px;
  margin-right: 40px;
  margin-bottom: 20px;
}

#brand .item a:hover img,
#noveltys .item a:hover img{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}

#brand .item ul.spec,
#noveltys .item ul.spec{
  list-style: none;
  text-align: center;
  font-size: .85em;
  line-height: 1.6em;
}


#brand .item ul.spec li,
#noveltys .item ul.spec li{
  display: block;
  list-style-type: none;
}
#brand .item ul.spec li a,
#noveltys .item ul.spec li a{
  color: #000;
}

#brand .item ul.spec li a:hover,
#noveltys .item ul.spec li a:hover{
  color: #09c;
}

#brand .item ul.spec .state,
#noveltys .item ul.spec .state{
  font-style:italic;
  color: #c00
}

#brand .item ul.spec .sale,
#noveltys .item ul.spec .sale{
  color: #c00
}


/* ページナビゲーション */

#brand .pageNavigation,
#noveltys .pageNavigation{
  clear: both;
  text-align: center;
    margin-right: 30px;
}

#brand .pageNavigation .pageTop,
#noveltys .pageNavigation .pageTop{
   margin-bottom: 15px;
}

#brand .pageNavigation strong,
#noveltys .pageNavigation strong{
 color: #000;
}



/* ページ制限 */

#brand .pageLimit,
#noveltys .pageLimit{
	margin-right: 30px;
	text-align: right;
}


/* トップ */

/* Newsバナー */

#brand  #newsBanner{
  height: 55px;
  margin: 0 0 30px 0;
  position:relative;
  width: 100%;
  overflow: hidden;
  visibility: hidden;
}

#brand .newsWrapper1{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#brand .newsWrapper2{
  position: absolute;
  top: 0;
  left: 260px;
  width: 100%;
}

#brand .newsWrapper3{
  position: absolute;
  top: 0;
  left: 520px;
  width: 100%;
}

/* 新着 */
.newArrivalHeader{
  font-size: .85em;
  margin-bottom: 12px;
  height: 20px;
  line-height: 1.8em;
}
.newArrival{
  float: left;
}
.newArrival .label,
.newArrival .date{
  margin-right: 30px;
}

.newArrival .label{
  margin-top: 4px;
  float: left;
  width: 103px;
  height: 9px;
  background: url('../common/sprite.gif') no-repeat -5px -358px;
  display: block;
}

.newArrival .label span{
  display: none;
}

.feed{
  padding-right: 30px;
}


/* ### 商品詳細 ### */

/* 共通 */

#brand  #detailWrapper{
  width: 800px;
  overflow: hidden;
}
#brand  #detail h2, #description h2{
  margin-bottom: 12px;
  line-height: 1em;
  font-size: .85em;
}


/* アイテム詳細画像カラム  */

#brand  #detail{
  float: left;
  width: 404px;
  margin-right: 30px;
  overflow:hidden;
}

#brand #detail .mainPhoto{
  height: 504px;
}

#brand #detail .mainPhoto{
  margin-bottom: 12px;
}

#brand #detail .detailPhoto{
  position: absolute;
  height: 504px;
}
#brand #detail .etc_goodsimg_item_ {
	float: left;
	list-style:none;
	margin-bottom: 12px;
	margin-right: 12px;
}
/* photo1を先頭に表示 */
#brand  #photo1{
 z-index: 1;
}


/* 拡大写真リンク */
#brand #detail .detailPhoto span{
  position: absolute;
  white-space: nowrap;
  top: 508px;
  left: 0;
  cursor : pointer;
  background: #fff;
  font-size: .85em;
}

#brand #detail .detailPhoto span.zoom{
  padding: 2px 0 2px 16px;
  width: 100%;
  background: #fff url("../common/zoom.gif") no-repeat left center;
}


#brand #detail div.zoom{
  padding: 2px 0 2px 16px;
  margin-bottom: 24px;
  font-size: .85em;
  width: 100%;
  background: #fff url("../common/zoom.gif") no-repeat left center;
}



/* Detailサムネール */
#brand .detailThumbnail{
  margin-top: 42px;
  width: 360px;
}

#brand .detailThumbnail ul li{
  list-style: none;
  float: left;
  margin-bottom: 12px;
  margin-right: 12px;
}

#brand .detailThumbnail ul li.break{
  margin-right: 0px;
  padding: 0;
  width: 50px;
}


#brand .detailThumbnail a:hover img,
#brand .detailThumbnail a.active img{
 border: 1px solid #09c;
 filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}

/* ## サイドバー例外処理 ## */

#brand #sidebar{
  margin-top: -2px;
}

#brand ul.brandTopics{
  margin-top: 30px;
  list-style: none;
  font-size: .85em;
  line-height: 1.6em;
}
#brand ul.brandTopics li{
	padding: 2px 16px 2px 16px;
	background: url("../common/arrowRight.gif") no-repeat left 6px;
	margin-bottom: 6px;
}



/* アイテム詳細データカラム */

#brand #description{
  float: left;
  width: 360px;
}

/* 商品名ID */
#brand #description .title{
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 4px solid #000;
  overflow:hidden;
}

#brand #description h1{
  font-weight: bold;
  clear: both;
  margin: 0;
  padding: 0;
}

#brand #description .id{
  float: left;
  width: 108px;
  font-size: .85em;
  padding-bottom: 6px;
}

/* ページ送り */
#description .itemNavigation{
  float: right;
  width: 252px;
  text-align: right;
  font-size: .85em;
}

/* ショップバック フォーム */
#brand #description .addToBag{
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #000;
  width: 360px;
}

#brand #description .addToBag .select01 {
	margin: 5px 0 0;
	clear: both;
}

#brand #description .addToBag .select01 label {
	display: block;
	float: left;
	width: 3.5em;
	line-height: 1.7;
	font-size: 0.85em;
}

#brand #description .addToBag .select01 select {
	display: block;
	width: 12em;
	margin-left: 4em;
}

#description .addToBag #errorMessages {
    margin:0 0 12px;
    padding: .5em;
    border: 1px solid #c00;
    font-size: .85em;
    color: #c00;
}

#description .addToBag #errorMessages .label {
    font-weight: strong;
    color: #000;
}


/* バックへ入れる */
#brand #description .addToBag .addToBagButtom{
	margin-top: 12px;
}

#brand #description .addToBag .addToBagButtom span{display: none;}
#brand #description .addToBag .addToBagButtom a{
  width: 120px;
  height:25px;
  background: url('../common/sprite.gif') no-repeat -81px -387px;
  display: block;
}
#brand #description .addToBag .addToBagButtom a:hover{
  background: url('../common/sprite.gif') no-repeat -81px -417px;
}
#brand #description .addToBag .addToReserveButtom{
	margin-top: 12px;
}

#brand #description .addToBag .addToReserveButtom span{display: none;}
#brand #description .addToBag .addToReserveButtom a{
  width: 120px;
  height:25px;
  background: url('../common/sprite.gif') no-repeat -205px -387px;
  display: block;
}
#brand #description .addToBag .addToReserveButtom a:hover{
  background: url('../common/sprite.gif') no-repeat -205px -417px;
}


/* 商品説明文 */
#brand #description .caption{
  clear: both;
  overflow: hidden;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #000;
  width: 360px;
}

#brand #description .caption p{
  margin: 0;
 }


/* Color & Size */
#brand #description .colorSize{
  clear: both;
  overflow: hidden;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 4px solid #000;
  width: 360px;
}

#brand #description div.spec{
  clear: both;
  overflow: hidden;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #000;
  width: 360px;
}

#brand #description div.spec .price{
  float: left;
  width: 165px;
  white-space: nowrap;
}

#brand #description div.spec .price span,
#brand #description div.spec .point span{
  font-size: 1.4em;
}

#brand #description div.spec .point {
	margin-left: 180px;
}
#brand #description div.spec .point .searchKeyPoint span {
	font-size: 0.83em;
}

#brand #description div.spec .material{
	clear: both;
	margin-top: 20px;
}

#brand #description div.spec strike{
 text-decoration: line-through;
 font-size: .85em;
 margin-right: 12px;
}

#brand #description div.spec span.priceDown{
 color: #C00;
 font-size: 1em;
}

#brand #description div.spec .material span{
  font-size: .85em;
}

#brand #description .colorSize h2{
  float:left;
  width: 180px;
}

#brand #description .colorSize .sizeChart{
  float:left;
  width: 180px;
  text-align: right;
  font-size: .85em;
  line-height: 1em;
  padding: 2px 0 0 0;
}

/* カラーバリエーションアイコン */
#brand #description .colorSize .variations{
  overflow: hidden;
  clear: both;
  width: 360px;
}

#brand #description .colorSize .variation {
  float: left;
  width: 180px;
  padding-bottom: 12px;
}

#brand #description .variation img{
  float: left;
  width: 48px;
  height: 67px;
}

#brand #description .variation  a img{
  border: 1px solid #c00;
}

#brand #description .variation a:hover img{
  border: 1px solid #09c;
  filter: alpha(opacity=100); /* IE bug Fix */
}

#brand #description .variation ul{
  list-style: none;
  margin-left: 60px;
  font-size: .85em;
  line-height: 1.4em;
}

#brand #description .variation li.label{
 margin-bottom: 12px;
  line-height: 1em;
}

#brand #description .variation li span{
  padding: 0 6px 0 6px;
}

#brand #description .variation  ul .soldout{
  padding: 0 6px 0 8px;
  color: #c00;
}

/* 在庫状況　説明 */
#brand #description .colorSize .stockGuide {
	font-size: 0.85em;
}

/* サイズチャート　リスト */
#brand #description .colorSize table{
 clear: both;
  width: 100%;
  background: #000;
 margin-bottom: 0;
}

#brand #description .colorSize table.chart th{ width: 10%;}

#brand #description .colorSize td,
#brand #description .colorSize th{
  text-align: center;
  width: 19%;
  background: #fff;
}

/* 問い合わせ */
#brand #description .colorSize .contact{
  margin-top: 12px;
  font-size: .85em;
}

/* 共有　エリア */
#brand #description .colorSize .shareArea {
	margin: 10px 0 0;
}
/* Twitter */
#brand #description .colorSize .shareArea .twitterBox {
	float: left;
	width: 140px;
}
/* Facebook */
#brand #description .colorSize .shareArea .facebookBox {
	margin: 0 0 0 150px;
}
/* blog */
#brand #description .colorSize .shareArea .blogBox {
	clear: both;
	margin: 10px 0 0;
	font-size: 0.85em;
}
#brand #description .colorSize .shareArea .blogBox textarea {
	display: none;
	width: 100%;
	padding: 5px;
	border: 1px solid #000000;
	line-height: 1.4;
	font-size: 1em;
}

/* blog iframe */
body#brandBlog{
  padding: 0;
}
#brandBlog .itemBlog{
  overflow: hidden;
  height: 140px;
}
#brandBlog .itemBlog img{
  float: left;
  margin-right:20px;
  width: 100px;
}
#brandBlog .itemBlog a:hover img{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}

#brandBlog .itemBlog ul.spec{
  list-style: none;
  text-align:left;
  font-size: .85em;
  line-height: 1.6em;
}

#brandBlog .itemBlog ul.spec li{
  display: block;
}
#brand .itemBlog ul.spec li a{
  color: #000;
}

#brandBlog .itemBlog ul.spec li a:hover{
  color: #09c;
}

#brandBlog .itemBlog ul.spec .state{
  font-style:italic;
  color: #c00
}

#brandBlog .itemBlog ul.spec .sale{
  color: #c00
}


/* Otherアイテムズ */
#brand .otherItems{
  width: 360px;
  clear: both;
}

#brand .otherItems ul li{
  list-style: none;
  float: left;
  margin-bottom: 12px;
  margin-right: 30px;
}

#brand .otherItems ul li.break{
  margin-right: 0px;
  padding: 0;
}

#brand .otherItems a:hover img{
 filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}


/* novelty */
#novelty{
	overflow: hidden;
}

#novelty h2{
	font-weight: bold;
	font-size: .85em;
}

#novelty .article{
  margin-bottom: 30px;
  overflow: hidden;
}

#novelty .goods{
   margin-bottom: 60px;
}

#novelty p, #novelty h3{
font-size: .85em;
}


#novelty  .description{
  margin: 0;
  width: 360px;
  overflow: hidden;
}

#novelty .photo{
float: left;
padding-right: 30px;
width: 360px;
}

#novelty .description img{
  margin-bottom: 30px;
}

#novelty .description p{
  margin-bottom: 30px;
}


#novelty .items{
  margin-bottom: 24px;
  overflow: hidden;
 }

#novelty .item{
  width: 100px;
  height: 150px;
}

#novelty .item img{
  width: 100px;
  height: 100px;
}

#novelty .title{
  margin-bottom: 12px;
  border-bottom: 4px solid #000;
  overflow:hidden;
}

#novelty .itemNavigation{
  float: right;
  width: 150px;
  text-align: right;
  font-size: .85em;
}



/* light box */

#lightbox{
    display:block;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }
#lightbox a:hover { background: none;}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	}

#imageContainer{
	padding: 0;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#imageData{
	font: 10px Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto 0 auto;
	height: 30px;
	padding-top: 10px;
	display:none;
}

#imageData #hoverNav{
    position:relative;
    width: 180px;
    margin: 0 auto 0 auto;
}

#imageData #imageDetails{
    position:relative;
    width: 60px;
    margin: 0 auto 0 auto;
    top: -18px;
    z-index: 500;
}

#imageData #bottomNavClose{
    position:absolute;
	width: 66px;
	top: 10px;
    right: 0;
}



#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #FFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac ＼*/
	height: 1%;
	/* End hide from IE-mac */
	}



/* ### 再入荷のお知らせ ### */
#brand #request{
  width: 750px;
  overflow: hidden;
}

#brand #request p{
 font-size: .85em;
  margin-bottom: 24px;
}

#brand #request h1{
  font-size: .85em;
  font-weight: bold;
}

#brand #request table p{
  margin-bottom: 0;
}

/* 詳細データ */
#brand #request h2{
  clear: both;
  font-size: 1.4em;
   line-height: 1.2em;
  margin-bottom: 0;
}

#brand #request h3{
  margin-bottom: 12px;
  line-height: 1em;
  font-size: .85em;
  font-weight: bold;
}

#brand #request  #description{
  float: left;
  margin: 0;
  width: 750px;
}

#brand #request div.spec{
width: 750px;
margin-bottom: 24px;
}

#brand #request table {
width: 100%;
 margin-bottom : 24px;
}

#brand #request table th{
padding: 0 0 9px 0;
  text-align: left;
  border-bottom: 4px solid #000;
}

#brand #request table th p{
  font-weight: bold;
}

#brand #request table td{
  padding: 9px 0 9px 0;
  border-bottom: 1px solid #000;
}

#brand #request table td.color{
  width: 180px;
}

#brand #request table td.size{
  width: 180px;
}


#brand #request  .thumbnail{
  float: left;
  width: 70px;
}

#brand #request  .data{
   font-size: .85em;
   list-style: none;
  margin-left: 56px;
  text-align: left;
}

#brand #request .addToAddress  table th{
  border-bottom: 1px solid #000;
  width: 180px;
}

#brand #request .continue{
 float: left;
 width: 350px;
 font-size: .85em;
}

#brand #request .submit{
 float: right;
 text-align: right;
 width: 350px;
  font-size: .85em;
}




/* コーディネート */
/* Detailサムネール */
#brand .detailThumbnail{
  width: 360px;
}

#brand .detailThumbnail ul li{
  list-style: none;
  float: left;
  margin-bottom: 12px;
  margin-right: 12px;
}

#brand .detailThumbnail ul li.break{
  margin-right: 0px;
  padding: 0;
  width: 50px;
}

#brand .detailThumbnail a img{
  border: 1px solid #c00;
  width: 48px;
  height: 67px;
}

#brand .detailThumbnail a:hover img{
 border: 1px solid #09c;
 filter: alpha(opacity=60);
  -moz-opacity:0.60;
  opacity:0.60;
}

/* 詳細データ */
#request h2{
  clear: both;
  font-size: 1.4em;
   line-height: 1.2em;
  margin-bottom: 0;
}

#request h3{
  margin-bottom: 12px;
  line-height: 1em;
  font-size: .85em;
  font-weight: bold;
}

#request  #description{
  float: left;
  margin: 0;
  width: 750px;
}

#request div.spec{
width: 750px;
margin-bottom: 24px;
}

#request table {
width: 100%;
 margin-bottom : 24px;
}

#request table th{
padding: 0 0 9px 0;
  text-align: left;
  border-bottom: 4px solid #000;
}

#request table th p{
  font-weight: bold;
}

#request table td{
  padding: 9px 0 9px 0;
  border-bottom: 1px solid #000;
}

#request table td.color{
  width: 180px;
}

#request table td.size{
  width: 180px;
}


#request  .thumbnail{
  float: left;
  width: 70px;
}

#request  .data{
   font-size: .85em;
   list-style: none;
  margin-left: 56px;
  text-align: left;
}

#request .addToAddress  table th{
  border-bottom: 1px solid #000;
  width: 180px;
}

#request .continue{
 float: left;
 width: 350px;
 font-size: .85em;
}

#request .submit{
 float: right;
 text-align: right;
 width: 350px;
  font-size: .85em;
}


/* ### スペシャルコンテンツ ###  */
/* アイテム詳細データカラム */

#special{
  float: left;
  width: 360px;
}

/* ブランドロゴ */
#special .brandLogo{
  width: 360px;
  height: 180px;
  text-align: center;
  position: relative;
}

#special .brandLogo img{
  position: absolute;
  top: 73px;
  left: 29px;
}

#special .title{
  width: 360px;
  margin: 12px 0 24px 0;
}

#special p.name, #special p.price, #special p.detail{
  font-size: .85em;
  margin-bottom: 0;
}

 #special p.detail{
  margin-top: 12px;
}

/* ### サイズチャート ### */
#size{
  font-size: .85em;
  width: 750px;
}

#size h2 a, #size h3{
    font-weight: bold;
}

#size h4{
  font-size: 1em;
}

#size .sizeChart{
  float: left;
  width: 360px;
  margin-right: 30px;
}

#size .dimension{
  float: left;
  width: 360px;
}

#size .sizeChart ul, #size .dimension ul{
  margin-bottom : 30px;
}

#size .articles h2{
  padding-bottom: 6px;
  margin-bottom: 12px;
  border-bottom: 4px solid #000;
}

#size .articles{
  clear: both;
  margin-bottom: 30px;
}

#size .article{
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #000;
}


#size ol, #size ul{
  margin: 0 0 0 24px;
}

#size .band1{
  width:283px;
  float:left;
  margin-right:30px;
}

#size .pageTop{
  width: 100%;
  text-align: right;
}

#size table.chart{
  background: #000;
  margin-bottom:12px;
}

#size table.chart th, #size table.chart td{
  background: #FFF;
  width: 10%;
  text-align: center;
}

#size ul.subMenu{
  list-style: none;
  font-size: .85em;
  line-height: 1.6em;
}


/* ### ブランドインフォメーション ### */

/* brandInfo */
#brandInfo{
	width: 750px;
	overflow: hidden;
}

#brandInfo h2{
	font-weight: bold;
	font-size: .85em;
}

#brandInfo .article{
  margin-bottom: 45px;
  overflow: hidden;
}

#brandInfo p, #brandInfo h3{
font-size: .85em;
}

#brandInfo  .photo{
  margin: 0;
  width: 360px;
  overflow: hidden;
}

#brandInfo .description{
float: left;
padding-right: 30px;
width: 360px;
}

#brandInfo .description img{
  margin-bottom: 30px;
}

#brandInfo .description p{
  margin-bottom: 30px;
}

/* ## ユーザー関連（登録等） ## */
#users #user,
#users #mypage{
  width: 750px;
}

#users #mypage ul{
list-style: none;
 font-size:  .85em;

}

#users #user p{
 font-size:  .85em;
}

#users #user .form table th,
#users #user .form table td{
  padding: 0 0 12px 0;
  border: none;
  vertical-align: top;
  text-align: left;
}


#users #user .form table th{
  width: 120px;
  white-space: nowrap;
}

#users #user .form{
  margin-bottom: 30px;
}

#users #user .form input.text{
  padding: 2px;
  font-size: 1.4em;
  background: #fff;
  border: 1px solid #999;
}

#users .arrowRight{
  white-space: nowrap;
}

#users input.text{
 margin-right: 5px;
 width: 250px;
}

#users input.address{
  width: 250px;
}

#users p.lead, ul.lead{
    font-size: .85em;
}

#users p.newRegistration a span{
  display: none;
}
#users p.newRegistration a{
 width: 80px;
  height:24px;
  background: url('../common/sprite.gif') no-repeat -330px -387px;
  display: block;
}

#users p.newRegistration a:hover{
   background: url('../common/sprite.gif') no-repeat -330px -418px;
}



/* メンバー登録 /  リマインダー */

#users #registration,
#users #reminder{
  width: 750px;
}

#users #registration h1,
#users #registration h2,
#users #reminder h1,
#users #reminder h2{
  font-size: .85em;
  font-weight: bold;
}

#users #registration ul{
  margin-left: 24px;
}

#users #registration .form,
#users #reminder .form{
  margin-bottom: 30px;
}

#users #registration .form table,
#users #reminder .form table{
  margin-top: 6px;
  width: 100%;
  border-top: 4px solid #000;
}



#users #registration .form table th,
#users #registration .form table td,
#users  #reminder .form table th,
#users #reminder .form table td{
  padding: 9px 0 9px 0;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #000;

}

#users  #registration .form table th  .must,
#users #registration .form table td .must{

}

#users #registration .form table th  .caption,
#users #registration .form table td .caption{
  color: #666;

}

#users #registration .form table th,
#users #reminder .form table th{
  width: 120px;
  padding-right: 15px;
  white-space: nowrap;
}

#users #registration .form table td table{
  border: none;
  margin: 0;
  padding: 0;
}

#users #registration .form table td table .first_column{
  padding-top: 0;
  }
#users #registration .form table td table .last_column{
  padding-bottom: 0;
  border: none;
  }

#users #registration .form input{
  padding: 2px;
  font-size: 1.4em;
}

#users #registration .form input{
	background: #fff;
	border: 1px solid #999;
}

#users #registration .form input.name{
  width: 150px;
}

#users .must{
  color: #F00;
}

#users .cancel{
  margin-top: 12px;
  font-size: .85em;
}

#users #registration .newPW{
  font-size: 130%;
  font-weight: bold;
  background-color:#b8e4f3;
  border: solid #999999 1px;
  padding: 5px 10px;
  margin-bottom: 15px;
}

/* 注文状況・ご購入履歴  */

#users .bag table{
  width: 750px;
  margin-bottom: 30px;
}

#users .bag table th,
#users .bag table td{
 padding: 9px 0 9px 0;
  vertical-align: top;
}

#users .bag table th{
  padding: 0 2px 6px 2px;
  text-align: left;
  border-bottom: 4px solid #000;
}

#users .bag table th p{
  font-weight: bold;
}

#users .bag table td{
  border-bottom: 1px solid #000;
}


#users .continue{
 float: left;
 width: 350px;
 font-size: .85em;
 margin-bottom: 30px;
}

#users .submit{
 float: right;
 text-align: right;
 width: 350px;
  font-size: .85em;
 margin-bottom: 30px;
}

/* リアルタイムバリデーション */

#users .LV_validation_message{
}
#users .LV_valid {
	color: #3f0;
	font-weight: bold;
}
#users .LV_invalid {
	color: #f00;
}

#users .errorMessage {
  font-size: .85em;
  margin:0 0 0 6px;
}
.errorMessage02 {
	padding-left: 1em;
	text-indent: -1em;
  font-size: .85em;
	color: #f00;
}

.inputError {
	background-color: #ffcccc !important;
}

#users .LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
}

#users #registration .form
#users  .LV_invalid_field,
#users #registration .form input.LV_invalid_field:hover,
#users #registration .form input.LV_invalid_field:active,
#users #registration .form textarea.LV_invalid_field:hover,
#users #registration .form textarea.LV_invalid_field:active {
	background: #ffeeee;
	border: 1px solid #FF0000;
}


/* ### HELP DOCS ### */

#docs #help{
  font-size: .85em;
  width: 750px;
}

#docs #help h2 a{
    font-weight: bold;
}

#docs #help .shoppingGuide{
  float: left;
  width: 360px;
  margin-right: 30px;
}

#docs #help .systemGuide{
  float: left;
  width: 360px;
}

#docs #help .shoppingGuide ul,
#docs #help .systemGuide ul{
  margin-bottom : 30px;
}

#docs #help .articles h2{
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: 4px solid #000;
}

#docs #help h3{
  font-weight: bold;
  margin: 12px 0 5px 0;
}

#docs #help .articles{
  clear: both;
  margin-bottom: 30px;
}

#docs #help .article{
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #000;
}

#docs #help ol,
#docs #help ul{
  margin: 0 0 0 24px;
}

#docs #help p{
 margin: 0 0 0 0;
}

#docs #help .pageTop{
  width: 100%;
  text-align: right;
}

#docs  #sidebar ul{
  margin-top: 30px;
  font-size: .85em;
}

#docs  #sidebar  ul li{
	margin: 0 0 0 0;
	list-style: none;
}
#docs #tablefont{
	font: 10px Helvetica, sans-serif;
}

/* ## ショッピングバッグ関連 ## */
#bag #main{
  width: 750px;
}

#bag #process{
  overflow: hidden;
  margin-bottom: 30px;
}

#bag #process span{
  font-size: .85em;
  line-height: 1.2em;
  padding: 0 18px 2px 0;
}

#bag #process .active{
  color: #09c;
}


/* バッグ */

#bag .bag table{
  width: 750px;
  margin-bottom: 40px;
}

#bag .bag table th, .bag table td{
 padding: 9px 0 9px 0;
  vertical-align: top;
}

#bag .bag table th{
  padding: 0 2px 6px 2px;
  text-align: left;
  border-bottom: 4px solid #000;
}

#bag .bag table th p{
  font-weight: bold;
}

#bag .bag table td{
  border-bottom: 1px solid #000;
}

#bag .bag td.brand p{
  font-size: .85em;
  font-weight: bold;
}

#bag .bag .thumbnail{
  width: 70px;
  float: left;
}

#bag .bag .data{
   font-size: .85em;
   list-style: none;
  margin-left: 56px;
  text-align: left;
}

#bag td.sum,
#bag td.sumPrice{
  text-align: right;
  border: none;
}

#bag .totalPrice{
  font-size: .85em;
  font-weight: bold;
}

#bag .addPoint{
  font-size: .85em;
  font-weight: bold;
}




/* お届け先・その他手続き */

#bag h2{
  font-size: .85em;
}

#bag p.lead{
    font-size: .85em;
}

#bag .form{
  margin-bottom: 30px;
}

#bag .form table{
   margin-top: 6px;
  width: 100%;
	border-top: 4px solid #000;
}

#bag #login_table {
	border-top: 0;
}

#bag .form table th,
#bag .form table td{
  padding: 9px 0 9px 0;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #000;
}

#bag .form table th{
  width: 25%;
  white-space: nowrap;
}

#bag ul.caption{
  margin-top: 15px;
  padding-left: 20px
}

#bag input.radio{
 margin-left: 3px;
}

#bag input.address{
  width: 300px;
}

#bag .continue{
 float: left;
 width: 350px;
 font-size: .85em;
 margin-bottom: 30px;
}

#bag .submit{
 float: right;
 text-align: right;
 width: 350px;
 margin-bottom: 30px;
}


/* 配送先フォーム */

#bag #delivery .form table th,
#bag #delivery .form table th{
  width: 120px;
  padding-right: 15px;
  white-space: nowrap;
}

#bag #delivery .form table td table{
  border: none;
  margin: 0;
  padding: 0;
}

#bag #delivery .form table td table td.first_column{
  padding-top: 0;
  }
#bag #delivery .form table td table .last_column{
  padding-bottom: 0;
  border: none;
  }

#bag #delivery .form input{
  padding: 2px;
  font-size: 1.4em;
}



#bag #delivery .form input.name{
  width: 150px;
}

#bag div#deliveryForms table {
    border-top: none;
    margin-top: 0px;
}

#bag div#deliveryForms .errorMessage,
#bag table#paymentForms .errorMessage {
  font-size: .85em;
  margin:0 0 0 6px;
}

#bag div#deliveryForms table th,
#bag div#deliveryForms table td,
#bag table#paymentForms th,
#bag table#paymentForms td {
  padding: 9px 4px 9px 0;
  vertical-align: top;
  text-align: left;
}

#bag div#deliveryForms input,
#bag table#paymentForms input {
    background: #fff;
	border: 1px solid #999;
    padding: 2px;
    font-size: 1.4em;
}

#bag .LV_validation_message{
}

#bag .LV_valid {
	color: #3f0;
	font-weight: bold;
}
#bag .LV_invalid {
	color: #f00;
}

#bag .LV_valid_field,
#bag input.LV_valid_field:hover,
#bag input.LV_valid_field:active,
#bag textarea.LV_valid_field:hover,
#bag textarea.LV_valid_field:active {
}

#bag div#deliveryForms .LV_invalid_field,
#bag div#deliveryForms input.LV_invalid_field:hover,
#bag div#deliveryForms input.LV_invalid_field:active,
#bag div#deliveryForms textarea.LV_invalid_field:hover,
#bag div#deliveryForms textarea.LV_invalid_field:active,
#bag table#paymentForms .LV_invalid_field,
#bag table#paymentForms input.LV_invalid_field:hover,
#bag table#paymentForms input.LV_invalid_field:active,
#bag table#paymentForms textarea.LV_invalid_field:hover,
#bag table#paymentForms textarea.LV_invalid_field:active {
	background: #ffeeee;
	border: 1px solid #FF0000;
}

/* 商品についてのお問い合せ */

#contact{
  width: 750px;
}


#contact .form{
  margin-bottom: 15px;
}

#contact h2{
  font-size: .85em;
}

#contact .form table{
   margin-top: 6px;
	width: 100%;
	border-top: 4px solid #000;
}

#contact .form table th, .form table td{
 padding: 9px 0 9px 0;
  vertical-align: top;
  text-align: left;
  border-bottom: 1px solid #000;
}

#contact .form table th{
  width: 150px;
  white-space: nowrap;
}

#contact input.text{
 width: 300px;
}

#contact textarea{
 margin:6px 0 6px 0;
 width: 450px;
}


#contact .continue{
 float: left;
 width: 350px;
 font-size: .85em;
 margin-bottom: 30px;
}

#contact .submit{
 float: right;
 text-align: right;
 width: 350px;
  font-size: .85em;
 margin-bottom: 30px;
}


/* ヘッダメニュー */

#menu li span{display: none;}

#menu li.registration a{
  width: 137px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -5px -90px;
  display: block;
}
#menu li.registration a:hover, #menu li.registration a.active{
  background: url('../common/sprite.gif') no-repeat -5px -120px;
}

#menu li.mypage a{
  width: 83px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -147px -90px;
  display: block;
}

#menu li.mypage a:hover, #menu li.mypage a.active{
  background: url('../common/sprite.gif') no-repeat -147px -120px;
}


#menu li.login a{
  width: 73px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -323px -90px;
  display: block;
}
#menu li.login a:hover, #menu li.login a.active{
  background: url('../common/sprite.gif') no-repeat -323px -120px;
}

#menu li.logout a{
  width: 84px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -235px -90px;
  display: block;
}
#menu li.logout a:hover, #menu li.logout a.active{
  background: url('../common/sprite.gif') no-repeat -235px -120px;
}

#menu li.checkbag a{
  width: 66px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -401px -90px;
  display: block;
}
#menu li.checkbag a:hover, #menu li.checkbag a.active{
  background: url('../common/sprite.gif') no-repeat -401px -120px;
}

#menu li.help a{
  width: 58px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -471px -90px;
  display: block;
}
#menu li.help a:hover, #menu li.help a.active{
  background: url('../common/sprite.gif') no-repeat -471px -120px;
}

#menu li.voice a{
 width: 68px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -534px -90px;
 display: block;
}
#menu li.voice a:hover, #menu li.voice a.active{
  background: url('../common/sprite.gif') no-repeat -534px -120px;
}

#menu li.humorshop a{
 width: 112px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -673px -210px;
 display: block;
}
#menu li.humorshop a:hover, #menu li.humorshop a.active{
  background: url('../common/sprite.gif') no-repeat -673px -240px;
}


#menu li.novelty a{
  width: 87px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -607px -90px;
  display: block;
}
#menu li.novelty a:hover, #menu li.novelty a.active{
  background: url('../common/sprite.gif') no-repeat -607px -120px;
}


#menu li.search{
  width: 168px;
   height: 25px;
  position: relative;
  background: url('../common/sprite.gif') no-repeat -699px -90px;
}

#menu li.search .search-field{
  margin: 0;
  padding: 0;
	width: 128px;
	height: 12px;
	position: absolute;
	top: 4px;
	right: 8px;
}

#menu li.search input{
font-size: 10px;
}

#menu li.search #search-btn{
	width: 18px;
	height: 18px;
	border: none;
	cursor: pointer;
	position: absolute;
	left: 8px;
	top: 3px;
	background: none;
}


#menu li.TC a{
  width: 160px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -5px -150px;
  display: block;
}
#menu li.TC a:hover, #menu li.TC a.active{
  background: url('../common/sprite.gif') no-repeat -5px -180px;
}

#menu li.ZU a{
  width: 68px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -170px -150px;
  display: block;
}

#menu li.ZU a:hover, #menu li.ZU a.active{
  background: url('../common/sprite.gif') no-repeat -170px -180px;
}

#menu li.SK a{
  width: 146px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -243px -150px;
  display: block;
}

#menu li.SK a:hover, #menu li.SK a.active{
  background: url('../common/sprite.gif') no-repeat -243px -180px;
}

#menu li.KS a{
  width: 80px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -742px -464px;
  display: block;
}

#menu li.KS a:hover, #menu li.KS a.active{
  background: url('../common/sprite.gif') no-repeat -742px -498px;
}

#menu li.FH a{
  width: 111px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -394px -150px;
  display: block;
}

#menu li.FH a:hover, #menu li.FH a.active{
  background: url('../common/sprite.gif') no-repeat -394px -180px;
}

#menu li.NE a{
  width: 77px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -510px -150px;
  display: block;
}

#menu li.NE a:hover, #menu li.NE a.active{
  background: url('../common/sprite.gif') no-repeat -510px -180px;
}

#menu li.NY a{
  width: 54px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -422px -210px;
  display: block;
}

#menu li.NY a:hover, #menu li.NY a.active{
  background: url('../common/sprite.gif') no-repeat -422px -240px;
}

#menu li.MB a{
  width: 151px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -592px -150px;
  display: block;
}
#menu li.MB a:hover, #menu li.MB a.active{
  background: url('../common/sprite.gif') no-repeat -592px -180px;
}

#menu li.TA a{
  width: 141px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -524px -27px;
  display: block;
}
#menu li.TA a:hover, #menu li.TA a.active{
  background: url('../common/sprite.gif') no-repeat -524px -57px;
}

#menu li.PL a{
  width: 116px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -748px -150px;
  display: block;
}
#menu li.PL a:hover, #menu li.PL a.active{
  background: url('../common/sprite.gif') no-repeat -748px -180px;
}

#menu li.MR a{
  width: 86px;
  height: 25px;
  background: url('/common/sprite.gif') no-repeat -745px -270px;
  display: block;
}
#menu li.MR a:hover, #menu li.MR a.active{
  background: url('/common/sprite.gif') no-repeat -835px -270px;
}

#menu li.PA a{
  width: 87px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -5px -210px;
  display: block;
}
#menu li.PA a:hover, #menu li.PA a.active{
  background: url('../common/sprite.gif') no-repeat -5px -240px;
}

#menu li.NM a{
  width: 86px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -566px -270px;
  display: block;
}
#menu li.NM a:hover, #menu li.NM a.active{
  background: url('../common/sprite.gif') no-repeat -656px -270px;
}

#menu li.KC a{
  width: 77px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -162px -210px;
  display: block;
}
#menu li.KC a:hover, #menu li.KC a.active{
  background: url('../common/sprite.gif') no-repeat -162px -240px;
}

#menu li.CC a{
  width: 96px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -243px -210px;
  display: block;
}
#menu li.CC a:hover, #menu li.CC a.active{
  background: url('../common/sprite.gif') no-repeat -243px -240px;
}

#menu li.WK a{
 width: 128px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -537px -210px;
 display: block;
}
#menu li.WK a:hover, #menu li.WK a.active{
  background: url('../common/sprite.gif') no-repeat -537px -240px;
}

#menu li.fuge a{
 width: 57px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -476px -210px;
 display: block;
}
#menu li.fuge a:hover, #menu li.fuga a.active{
  background: url('../common/sprite.gif') no-repeat -476px -240px;
}

#menu li.ZUPR a{
 width: 146px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -5px -270px;
 display: block;
}
#menu li.ZUPR a:hover, #menu li.ZUPR a.active{
  background: url('../common/sprite.gif') no-repeat -162px -270px;
}

#menu li.OkazakiYuko a{
 width: 124px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -312px -270px;
 display: block;
}
#menu li.OkazakiYuko a:hover, #menu li.OkazakiYuko a.active{
  background: url('../common/sprite.gif') no-repeat -438px -270px;
}

#menu li.PJ a{
  width: 77px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -344px -210px;
  display: block;
}
#menu li.PJ a:hover, #menu li.PJ a.active{
  background: url('../common/sprite.gif') no-repeat -344px -240px;
}

#menu li.DS a{
  width: 172px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -680px -210px;
  display: block;
}
#menu li.DS a:hover, #menu li.DS a.active{
  background: url('../common/sprite.gif') no-repeat -680px -240px;
}

#menu li.NL a{
 width: 124px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -312px -270px;
 display: block;
}
#menu li.NL a:hover, #menu li.NL a.active{
  background: url('../common/sprite.gif') no-repeat -438px -270px;
}

#menu li.humor a{
  width: 67px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -857px -210px;
  display: block;
}
#menu li.humor a:hover, #menu li.humor a.active{
  background: url('../common/sprite.gif') no-repeat -857px -240px;
}

#menu li.BG a{
  width: 133px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -383px -27px;
  display: block;
}
#menu li.BG a:hover, #menu li.BG a.active{
  background: url('../common/sprite.gif') no-repeat -383px -57px;
}

#menu li.CA a{
  width: 203px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -673px -27px;
  display: block;
}
#menu li.CA a:hover, #menu li.CA a.active{
  background: url('../common/sprite.gif') no-repeat -673px -57px;
}

#menu li.SP a{
  width: 108px;
  height: 25px;
  background: url('/common/sprite.gif') no-repeat -417px -387px;
  display: block;
}
#menu li.SP a:hover, #menu li.SP a.active{
  background: url('/common/sprite.gif') no-repeat -528px -387px;
}

#menu li.SL a{
  width: 61px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -97px -210px;
  display: block;
}
#menu li.SL a:hover, #menu li.SL a.active{
  background: url('../common/sprite.gif') no-repeat -97px -240px;
}

#menu li.ladiestops a{
  width: 123px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -5px -465px;
  display: block;
}
#menu li.ladiestops a:hover, #menu li.ladiestops a.active{
  background: url('../common/sprite.gif') no-repeat -5px -499px;
}

#menu li.ladiesbottoms a{
  width: 150px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -134px -464px;
  display: block;
}
#menu li.ladiesbottoms a:hover, #menu li.ladiesbottoms a.active{
  background: url('../common/sprite.gif') no-repeat -134px -498px;
}

#menu li.menstops a{
  width: 104px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -290px -464px;
  display: block;
}
#menu li.menstops a:hover, #menu li.menstops a.active{
  background: url('../common/sprite.gif') no-repeat -290px -498px;
}

#menu li.mensbottoms a{
  width: 132px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -400px -463px;
  display: block;
}
#menu li.mensbottoms a:hover, #menu li.mensbottoms a.active{
  background: url('../common/sprite.gif') no-repeat -400px -497px;
}

#menu li.accessories a{
  width: 127px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -537px -464px;
  display: block;
}
#menu li.accessories a:hover, #menu li.accessories a.active{
  background: url('../common/sprite.gif') no-repeat -537px -498px;
}

#menu li.bags a{
  width: 63px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -669px -463px;
  display: block;
}
#menu li.bags a:hover, #menu li.bags a.active{
  background: url('../common/sprite.gif') no-repeat -669px -497px;
}

#menu li.shoes a{
  width: 72px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -5px -533px;
  display: block;
}
#menu li.shoes a:hover, #menu li.shoes a.active{
  background: url('../common/sprite.gif') no-repeat -5px -567px;
}

#menu li.kids a{
  width: 62px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -81px -533px;
  display: block;
}
#menu li.kids a:hover, #menu li.kids a.active{
  background: url('../common/sprite.gif') no-repeat -81px -567px;
}

#menu li.books a{
  width: 71px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -147px -533px;
  display: block;
}
#menu li.books a:hover, #menu li.books a.active{
  background: url('../common/sprite.gif') no-repeat -147px -567px;
}

#menu li.goods a{
  width: 72px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -222px -533px;
  display: block;
}
#menu li.goods a:hover, #menu li.goods a.active{
  background: url('../common/sprite.gif') no-repeat -222px -567px;
}

#menu li.goodsandbooks a{
  width: 139px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -299px -533px;
  display: block;
}
#menu li.goodsandbooks a:hover, #menu li.goodsandbooks a.active{
  background: url('../common/sprite.gif') no-repeat -299px -567px;
}

#menu li.selectedbrands a{
  width: 164px;
  height: 25px;
  background: url('../common/sprite.gif') no-repeat -442px -533px;
  display: block;
}
#menu li.selectedbrands a:hover, #menu li.selectedbrands a.active{
  background: url('../common/sprite.gif') no-repeat -442px -567px;
}

#menu li.ZD a{
 width: 113px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -537px -210px;
 display: block;
}
#menu li.ZD a:hover, #menu li.ZD a.active{
  background: url('../common/sprite.gif') no-repeat -537px -240px;
}

#menu li.PN a{
 width: 178px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -162px -210px;
 display: block;
}
#menu li.PN a:hover, #menu li.PN a.active{
  background: url('../common/sprite.gif') no-repeat -162px -240px;
}

#menu li.TC25 a{
 width: 211px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -77px -778px;
 display: block;
}
#menu li.TC25 a:hover, #menu li.TC25 a.active{
  background: url('../common/sprite.gif') no-repeat -297px -778px;
}


#menu li.NEIG a{
 width: 151px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -522px -1px;
 display: block;
}
#menu li.NEIG a:hover, #menu li.NEIG a.active{
  background: url('../common/sprite.gif') no-repeat -690px -1px;
}

#menu li.PL1st a{
 width: 275px;
 height: 25px;
  background: url('../common/sprite.gif') no-repeat -5px -814px;
 display: block;
}
#menu li.PL1st a:hover, #menu li.PN a.active{
  background: url('../common/sprite.gif') no-repeat -5px -844px;
}


/* News バナー */


body#top{
	margin: 0;
	padding: 0;
	line-height:180%;
  	font-family:  'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','MS ゴシック','MS Gothic', sans-serif;
}

#top .mainLogo{
	position: absolute;
	margin: 30px 0 0 30px;
	z-index: 10;
	width: 151px;
    height: 55px;
    background: url('../common/hmr_logo.png') no-repeat left center;
    display: block;
}

#top .mainLogo a{
    display: block;
   width: 100%;
    height: 100%;
}

.mainLogo span{display: none;}

#top .mainLogo_bk{
	position: absolute;
	margin: 30px 0 0 30px;
	z-index: 10;
	width: 150px;
    height: 54px;
    background: url('common/sprite.gif') no-repeat -225px -5px;
    display: block;
}

#top .mainLogo_bk a{
    display: block;
   width: 100%;
    height: 100%;
}

.mainLogo_bk span{display: none;}


#top .coverPhotoBase{
  position: relative;
  width: 100%
}

/*  Newsバナー */

#top  #newsBanner{
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 36px;
  height: 55px;
}

#top .newsWrapper1,
#top .newsWrapper2,
#top .newsWrapper3,
#top .newsWrapper4,
#top .newsWrapper5{
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
}



#top  #newsBanner1,
#top #newsBanner2,
#top #newsBanner3,
#top #newsBanner4,
#top #newsBanner5 {
  visibility: hidden;
  z-index: 1;
}

/* はみ出しカバー1 */
#top  #cover_over #newsBanner{
  position: absolute;
  width: 100%;
  left: 0px;
  top: 60%;
  height: 55px;
}

#top  #cover_over #newsBanner .newsWrapper1,
#top  #cover_over #newsBanner .newsWrapper2,
#top  #cover_over #newsBanner .newsWrapper3,
#top  #cover_over #newsBanner .newsWrapper4,
#top  #cover_over #newsBanner .newsWrapper5{
  position: absolute;
  width: 100%;
  left: 0px;
  top: -85px;
}

#top  #cover_over #main{
  position: absolute;
  width: 100%;
  left: 0px;
  top: 60%;
}

/* はみ出しカバー2 */
#top  #cover_over2 #newsBanner{
  position: absolute;
  width: 100%;
  left: 0px;
  top: 60%;
  height: 55px;
}

#top #cover_over2 #newsBanner .newsWrapper1,
#top #cover_over2 #newsBanner .newsWrapper2,
#top #cover_over2 #newsBanner .newsWrapper3,
#top #cover_over2 #newsBanner .newsWrapper4,
#top #cover_over2 #newsBanner .newsWrapper5{
  position: absolute;
  width: 100%;
  left: 0px;
  top: -85px;
}

#top #cover_over2 #main{
  position: absolute;
  width: 100%;
  left: 0px;
  top: 60%;
}

#top #main{
  margin: 0;
  padding: 0;
}

#top #menu{
  margin: 36px 0 0 0;
  padding-bottom: 30px;
  overflow: hidden;
  width: 100%;
  position: relative;
}

#top .globalNavigation{
  clear: both;
  overflow: hidden;
  padding: 0 30px 0 0;
  margin-left: 210px;
}

#top .globalNavigation li{
	margin-bottom: 6px;
	list-style: none;
	float: left;
}

#top .brandNavigation{
  clear: both;
  overflow: hidden;
  padding: 0 24px 0 210px;
  _width: 100%;
  /* background: url('../common/labelAnet.gif') no-repeat 24px 0 ; */
} 

#top .brandNavigation li{
	margin-bottom: 6px;
	list-style: none;
	float: left;
}

#top .selectedNavigation{
	clear: both;
	overflow: hidden;
	_margin-top: 6px;
	*margin-top: 6px;
	margin-top: 6px\9;
	_width: 100%;
	padding: 0 24px 0 210px;
	/* background: url('../common/labelSelected.gif') no-repeat 24px 0 ; */
}

#top .selectedNavigation li{
   padding: 0 0 6px 0;
	list-style: none;
	float: left;
}

#top #footer{
	margin: 0 30px 30px  210px;;
	clear: both;
	text-align: left;
}



/* POPUP
-------------------------------------- */
body#popup {
	margin: 0;
	padding: 20px;
}
#popup #header .mainLogo {
	position: static;
	margin-bottom: 0;
	z-index: 1;
}
#popup #contents {
	padding: 0 10px;
	font-size: 0.85em;
}
#popup #contents h1 {
	font-weight: bold;
}
#popup #contents p,
#popup #contents ul {
	margin-bottom: 20px;
}
#popup #contents ul li {
	padding: 0 0 7px 1em;
	text-indent: -1em;
	list-style: none;
	line-height: 1.3;
}
#popup .popupClose {
	text-align: center;
}
#popup .popupClose a {
	display: inline-block;
	padding: 3px 6px 3px 25px;
	border: 1px solid #cc0000;
	background: url(../common/popupclose.gif) no-repeat 6px 0.7em;
}
#popup #footer {
	margin: 30px 10px 0;
}


/* search result
-------------------------------------- */
#brand .searchResult .mb0 {
	margin-bottom: 0 !important;
}

/* goodsSearch */
#brand .searchResult .goodsSearch input.searchText {
	width: 390px;
	margin: 0 10px 0 0;
	padding: 2px;
}
#brand .searchResult .goodsSearch .goodsLimit {
	margin: 15px 0 40px;
	font-size: 0.85em;
}
#brand .searchResult .goodsSearch .goodsCategory {
	margin: 0 30px 0 0;
}
#brand .searchResult .goodsSearch input[type="image"] {
	vertical-align:-0.60em;
}
/* title */
#brand .searchResult .title {
	margin: 0 30px 10px 0;
	padding: 0 0 3px;
	border-bottom: 2px solid #000000;
	line-height: 1.2;
	position:relative;
}
#brand .searchResult .title h1 {
	float: left;
	margin-bottom: 3px;
	padding: 4px 0 0;
	font-size: 0.85em;
	font-weight: bold;
	bottom:0;
}
#brand .searchResult .searchLimit {
	text-align: right;
	font-size: 0.83em;
}
#brand .searchResult .searchLimit form {
	display: inline;
}
#brand .searchResult .searchLimit select {
	margin: 0 0 0 10px;
}
#brand .searchResult .searchLimit strong {
	color: #000000;
	font-weight: bold;
}

/* pageNavigation */
#brand .searchResult .pageNavigation .pageTop {
	margin-bottom: 0;
}

/* resultText */
#brand .searchResult .resultText {
	margin: 0 30px 25px 0;
	text-align: right;
	font-size: 0.85em;
}

/* resultBox */
#brand .searchResult .resultBox {
	margin: 0 30px 10px 0;
	padding: 0 0 10px;
	border-bottom: 1px solid #000000;
}
#brand .searchResult .resultBox .photo {
	float: left;
}
#brand .searchResult .resultBox .text {
	margin: 0 10px 0 220px;
	line-height: 1.4;
	font-size: 0.85em;
}
#brand .searchResult .resultBox .text p {
	margin-bottom: 0;
}
#brand .searchResult .resultBox .text .lead {
	margin: 0 0 15px;
	font-weight: bold;
}


/* clearFix
-------------------------------------- */
#brand .searchResult .title:after,
#brand .searchResult .resultBox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
* html #brand .searchResult .title,
* html #brand .searchResult .resultBox { /* IE6 hacks */
	zoom: 1;
}
*:first-child+html #brand .searchResult .title,
*:first-child+html #brand .searchResult .resultBox { /* IE7 hacks */
	zoom: 1;
}

/*---------------- ecBeing追加分 ---------------------- */
#bag #delivery .form .hiddenEnter_{
width:0;
height:0;
padding:0;
border:none;
}

#bag #delivery .hiddenEnter_{
width:0;
height:0;
}
#users .form .hiddenEnter_{
width:0;
height:0;
padding:0;
border:none;
}

#users .hiddenEnter_{
width:0;
height:0;
}

#brand #description .colors_ .break_{
	clear:left;
}

#brand #description .colors_ .message_{
	float:left;
}

#brand #description .sizes_ .break_{
	clear:left;
}

#brand #description .sizes_ .message_{
	float:left;
}

div.cartbox_ div.colors_ {
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
}

div.cartbox_ div.colors_ br,div.cartbox_ div.sizes_ br {
	clear:left;
}
div.cartbox_ div.sizes_ {
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
}

.goodsproductdetail_ .goodsimg_ div.mask_ {
	position:absolute;
	z-index:10;
	color:#ff4a4a;
	font-weight:bold;
}
span.message_ {
	float: left;
}

#users #contents #main .form .error_,
#bag #contents #main .form .error_,
.error_{
	color: #FF0000;
}


/**/
/* バリエーションボックス */
div.cartbox_ div.colors_ {
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
}
div.cartbox_ div.colors_ div.color_ {
	float:left;
	margin:2px 5px 2px 5px;
	white-space: nowrap;
	width:30px;
	height:30px;
}
div.cartbox_ div.colors_ div.color_frame_ div.color2_ {
	float: left;
	margin: 2px 5px 2px 5px;
	white-space: nowrap;
	width: 48px;
	height: 67px;
	overflow: hidden;
	text-align: left;
	background-position: center;
}
div.cartbox_ div.colors_ div.color_EnableStock_ {
	border:solid 1px #C00;
	background-color:#FFF;
}
div.cartbox_ div.colors_ div.color_DisableStock_ {
	border:dashed 1px #c00;
	background-color:#909090;
}
div.cartbox_ div.colors_ div.color_Selected_Frame_ {
	border:solid 3px #09C;
	background-color:#ffe0e0;
}
div.cartbox_ div.colors_ div.color_DisableSelected_ {
	border:dashed 1px #09c;
	background-color:#909090;
	color:#ffc0c0;
}
div.cartbox_ div.colors_ br,div.cartbox_ div.sizes_ br {
	clear:left;
}
div.cartbox_ div.sizes_ {
	margin-bottom: 5px;
	width: 100%;
	overflow: hidden;
}
div.cartbox_ div.sizes_ div.size_ {
	float:left;
	padding:2px 5px 2px 5px;
	margin:2px 5px 2px 5px;
	white-space: nowrap;
	width:auto;
	height:auto;
	text-align:center;
}
div.cartbox_ div.sizes_ div.size_EnableStock_ {
	border:dotted 1px #d0d0d0;
	background-color:#FFF;
	cursor:pointer;
}
div.cartbox_ div.sizes_ div.size_DisableStock_ {
	border:dotted 1px #d0d0d0;
	background-color:#909090;
	cursor:pointer;
}
div.cartbox_ div.sizes_ div.size_Selected_ {
	border:solid 1px #ffc0c0;
	background-color:#ffe0e0;
}
div.cartbox_ div.sizes_ div.size_DisableSelected_ {
	border:dotted 1px #d0d0d0;
	background-color:#909090;
	color:#ffc0c0;
}
.goodsproductdetail_ .goodsimg_ div.mask_ {
	position:absolute;
	z-index:10;
	color:#ff4a4a;
	font-weight:bold;
}
span.message_ {
	float: left;
}

#dropframe {
    text-align:left;
    position: absolute;
    background-color: #dddddd;
    border-top: 1px solid #eeeeee;
    border-right: 1px solid #4c4c4c;
    border-bottom: 1px solid #4c4c4c;
    border-left: 1px solid #eeeeee;
    padding: 1px 3px 1px 3px;

}

ul.ziplist_
{
    position: absolute;
    top: auto;
    left: auto;
    background-color: #F0F0F0;
    list-style-type: none;
    padding:5px 3px 5px 3px;
}
ul.ziplist_ li
{
    padding-top: 1px;
    padding-bottom: 1px;
	text-align:left;
}
ul.ziplist_ li.hover
{
    background-color: #FFFF9A;
    cursor: pointer;
}

#newsBanner span{
  padding: 23px 0 0 29px;
  display: block;
  font-size: .85em;
  position:absolute;
}

#top #newsBanner span.newsBanner{
  top: -55px;
}

#brand td{
 font-size: .85em;
}
#brand #gallery{
 padding-bottom: 16px;
}

#top .notice_{
 padding-left: 160px;
}
#top ul.brandTopics li{
	padding: 2px 16px 2px 16px;
	background: url("../common/arrowRight.gif") no-repeat left 6px;
	margin-bottom: 6px;
}
#bag .address_title_ {
 font-size: .85em;
}
#bag .small_ {
 font-size: .85em;
}
#bag .destgoodslist_ {
 font-size: .85em;
}
#bag td.dest_goodsname_ {
 font-size: .85em;
}
#bag td.dest_qty_ {
 font-size: .85em;
}
#bag td.dest_comment_ {
 font-size: .85em;
}
#bag .card {
 font-size: .85em;
}
#bag .form input{
  padding: 2px;
  font-size: 1.4em;
  background: #fff;
  border: 1px solid #999;
}
#bag .form table th.dest_goodsname_,
#bag #delivery .form table th.method_goodsname_,
#users #registration .form table th.dest_goodsname_{
  width: 240px;
}
#bag .form table th.dest_qty_,
#bag #delivery .form table th.method_qty_,
#users #registration .form table th.dest_qty_{
  width: 60px;
}
#users .withdrawal {
 font-size: .85em;
}
#users .cardlist_ {
 font-size: .85em;
}
#users .message_ {
 font-size: .85em;
}
#users .small_ {
 font-size: .85em;
}

.top_tree_ {
 height: 40px !important;
}

#brand #description .colorSize .shareArea .blogBox textarea {
	width: 348px;
}

#brand #description .colorsize{
  clear: both;
  overflow: hidden;
  width: 360px;
}

#brand #description .colorsize h2{
  float:left;
  width: 180px;
}

#brand #description .colorsize .sizeChart{
  float:left;
  width: 180px;
  text-align: right;
  font-size: .85em;
  line-height: 1em;
  padding: 2px 0 0 0;
}
#brand #description .variationlist_ .colors_,
#brand #description .variationlist_ .sizes_{
  font-size: .85em;
}

#users .contactlist_{
  margin-bottom: 12px;
}

#users #registration .thumbnail{
  width: 70px;
  float: left;
}

#users #registration .data{
   list-style: none;
  margin-left: 56px;
  text-align: left;
}

#users #registration .form table th.delete{
  width: 45px;
}

#users #registration .form table th.cart_goods{
  width: 15px;
}

#users #registration .form .comment_ {
  width: 275px;
}

#users #registration .bookmark_buy_ {
  padding-bottom: 5px;
}

#users #registration .form .contact_comment_ {
  width: 510px;
}

#users #registration .contactdetail_title_ span {
  margin-left: 20px;
}

#users td span.input{
 font-size: .85em;
 margin: 0;
 padding: 0;
 line-height: 1.8em;
}
#brand .small_ {
 font-size: .85em;
}
#brand #detail .etc_goodsimg_  a img{
  border: 1px solid #c00;
}

#brand #detail .etc_goodsimg_ a:hover img{
  border: 1px solid #09c;
  filter: alpha(opacity=100); /* IE bug Fix */
}
#brand #detail .etc_goodsimg_ .select_goods{
  border: 1px solid #09c;
  filter: alpha(opacity=100); /* IE bug Fix */
}
#brand #detail .etc_goodsimg_ {
  margin-left: 20px;
}

#brand .mainPhoto_ {
  text-align: center;
  position: relative;
}
#brand .mainPhoto_ ul li{
  list-style:none;
}
#brand #next {
  position: absolute;
  display: block;
  top: 200px;
  right: 0;
  height: 173px;
  width: 20px;
  display: block;
  background: url("../img/sys/goods_next.png") no-repeat center center;
}
#brand #next:hover{
  background: url("../img/sys/goods_next_on.png") no-repeat center center;
  cursor: pointer;
}
#brand #prev {
  position: absolute;
  top: 200px;
  left: 0;
  height: 173px;
  width: 20px;
  display: block;
  background: url("../img/sys/goods_prev.png") no-repeat center center ;
}
#brand #prev:hover{
  background: url("../img/sys/goods_prev_on.png") no-repeat center center;
  cursor: pointer;
}
#brand .color_frame_{
  width: 180px;
  height: 90px;
  float: left;
}
#brand .selected_variation_name1_{
  color: #09C;
}

#brand .size_frame_{
  float: left;
  line-height: 1.0em;
}

#brand .size_frame_ td.size_{
  width: 20px;
}

li.image_s, p.image_s{
  width: 200px;
  height: 280px;
  overflow: hidden;
}
.image_s img{
  width: 200px;
  height: 280px;
}
#list a:hover .image_s img{
  filter: alpha(opacity=100);
  -moz-opacity:1.00;
  opacity:1.00;
}
#brand .item ul.spec a li,
#noveltys .item ul.spec a li{
  color: #000;
}
#brand .item ul.spec a li:hover,
#noveltys .item ul.spec a li:hover{
  color: #09c;
}
/**/