@charset "utf-8";
/* CSS Document */

#headerArea {
 width:1000px;
 height:69px;
 position:relative;
 }
#headerArea h1 {
  display:block; padding:0; margin:0;
  width:73px; height:69px;
   position:absolute;
   left:0; top:0;
   }
#headerArea ul {
  display:block; padding:0; margin:0;
	 width:927px; height:30px;
  position:absolute;
  left:73px; top:19px;
  z-index:1;
 }

#headerArea ul::after {
 height: 0;
 visibility: hidden;
 content: ".";
 display: block;
 clear: both; 
 }
 
#headerArea ul li {
 display:inline; padding:0; margin:0 0 0 0; list-style:none;
 float:left;
 position:relative;
 }
#headerArea ul li a {
 display:block;
 height:30px; padding:0; margin:0 0 0 25px;
 background-repeat:no-repeat;
 background-position:left top;
 cursor:pointer;
 }
#headerArea ul li.selected a,
#headerArea ul li.selected a:hover,
#headerArea ul li a:hover {
 background-position:0 -30px;
 }
#headerArea ul li a span {
 display:none;
 }

#headerArea ul li.news a {
  width:55px;
  background-image:url(/_common_new/images/headerNew/new_menu_news.png);
 }
#headerArea ul li.collection a {
  width:99px;
  background-image:url(/_common_new/images/headerNew/new_menu_collection.png);
}
#headerArea ul li.charity a {
  width:75px;
  background-image:url(/_common_new/images/headerNew/new_menu_charity.png);
 }
#headerArea ul li.stores a {
  width:66px;
  background-image:url(/_common_new/images/headerNew/new_menu_stores.png);
 }
 

#headerArea ul li.philosophy a {
  width:100px;
  background-image:url(/_common_new/images/headerNew/new_menu_philosophy.png);
 }
#headerArea ul li.magazine a {
  width:86px;
  background-image:url(/_common_new/images/headerNew/new_menu_magazine.png);
 }
#headerArea ul li.ec a {
  width:78px;
  background-image:url(/_common_new/images/headerNew/new_menu_ecstore.png);
 }
#headerArea ul li.mailmagazine a {
  width:121px;
  background-image:url(/_common_new/images/headerNew/new_menu_mailmagazine.png);
 }


#headerArea ul li ul {
 width:auto!important;
 padding:0; margin:0;
 position:absolute;
 left:30px; top:30px;
 display:none;
 }
#headerArea ul li ul li {
 display:block;
 float:none;
 width:auto !important;
 }
#headerArea ul li ul li a {
  background:none !important;
  background-image:none !important;
  height:auto;
  display:block;
  width:auto !important;
  font-size:10px;
  line-height:1.1;
  color:#FFF;
  text-decoration:none;
  padding:5px 12px 5px 12px;
  margin:0;
  background-color:#000 !important;
  border-bottom:1px #27291f solid;
  cursor:pointer;
  }
  
#headerArea ul li ul li a:hover {
  background-color:#333 !important;
}
#headerArea ul li ul li a span {
 display:block;
 white-space:nowrap;

 }


#headerSubNav {
	width:100%;
	height:25px;
	padding:0; margin:0;
	background-color:#000000;
	position:absolute;
	top:0px; left:0;
	z-index:8;
	text-align:center;
	}
#headerSubNav div {
	width:974px;
	height:25px;
	padding:0; margin:0 auto;
	position:relative;
	text-align:left;
	}
	
#headerSubNavMailmagazine {
	width:190px !important;
	height:25px !important;
	padding:0; margin:0 0 0 331px !important;
	position:relative !important;
	background-image:url(/_common_new/images/headerAdd/split.png);
	background-position:center;
	background-position:right;
	background-repeat:no-repeat;
	}

#headerSubNavMailmagazine .title {
	position:absolute;
	width:91px;
	height:15px;
	background-image:url(../images/headerAdd/txMM.png);
	background-position:left top;
	background-repeat:no-repeat;
	left:0; top:5px;
	}
#headerSubNavMailmagazine .title span { display:none; }
#headerSubNavMailmagazine .btn {
	position:absolute;
	width:82px;
	height:15px;
	left:98px; top:5px;
	padding:0; margin:0;
	}
#headerSubNavMailmagazine .btn a {
	display:block;
	width:82px;
	height:15px;
	padding:0; margin:0;
	background-image:url(../images/headerAdd/btnMM.png);
	background-position:left top;
	background-repeat:no-repeat;
	}
#headerSubNavMailmagazine .btn a:hover {
	background-position:left bottom;
	}
#headerSubNavMailmagazine .btn a span { display:none; }

#headerSubNavCollection {
	width:456px !important;
	height:25px !important;
	padding:0 !important; margin:0 !important;
	position:absolute !important;
	top:0 !important;
	left:528px !important;
	}
#headerSubNavCollection form {
	display:block;
	width:456px;
	height:25px;
	padding:0 !important; margin:0 !important;
	position:relative !important;
	}
#headerSubNavCollection form .title {
	position:absolute;
	width:81px;
	height:15px;
	margin:0; padding:0;
	background-image:url(../images/headerAdd/txIS.png);
	background-position:left top;
	background-repeat:no-repeat;
	left:0; top:5px;
	}
#headerSubNavCollection form .title span { display:none; }
#headerSubNavCollection form .selectItemTypeHead {
	position:absolute;
	width:208px;
	left:89px;
	top:4px;
	}

#headerSubNavCollection form .selectItemTypeHead div {
	position:relative;
	width:208px;
	font-size:10px !important;
	color:#797979 !important;
	line-height:1.1 !important;
	padding:0; margin:0;
	}


#headerSubNavCollection form .selectItemGenderHead {
	position:absolute;
	width:58px;
	left:305px;
	top:4px;
	}

#headerSubNavCollection form .selectItemGenderHead div {
	position:relative;
	width:58px;
	font-size:10px !important;
	color:#797979 !important;
	line-height:1.1 !important;
	}
	
* html #selectItemTypeHead {
	width:208px;
}

#headerSubNavCollection form input.submitSearchJpHead {
	position:absolute;
	width:82px;
	height:15px;
	left:374px;
	top:5px;
	background-image:url(/_common_new/images/headerAdd/btnSearch.png);
	background-repeat:no-repeat;
	}
#headerSubNavCollection form img.submitSearchJpHead {
	position:absolute;
	width:82px;
	height:15px;
	left:374px;
	top:5px;
	}



#footerContainer a.mailmagazine {
 background-image:url(/_common_new/images/footNav_05.png);
 width:136px; left:287px;
 }





/** ======================
プルダウンの装飾
======================= **/
.has_sb{
	position:absolute;
	left:-999999em;
	text-indent:-999999em;
	}
.selectbox{
	display:inline-block;
	*display:inline;
	position:relative;
	vertical-align:middle;
	zoom:1;
	padding:0 0 0 0 !important;
	margin:0 !important;
	font-size:10px !important;
	line-height:1 !important;
	}
.selectbox .display {
	background:#2e2e2e !important;
	border:none;
	/*border:1px solid #000000 !important;*/
	border-left:1px solid #000000 !important;
	padding:0 0 0 0 !important;
	cursor:default;
	display:block;
	font-weight:normal;
	overflow:hidden;
	outline:none;
	position:relative;
	text-decoration:none;
	overflow:hidden;
	text-align:left;
	height:17px !important;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size:10px !important;
	line-height:1 !important;
}

.selectItemTypeHead .selectbox .display {
	width:208px !important;
	background-image:url(../images/headerAdd/bgArrow1.png) !important;
	background-repeat:no-repeat !important;
	}
	
	.selectItemTypeHead .selectbox .display .text {
		width:192px !important;
		margin-top:-2px !important;
	}
	
.selectItemGenderHead .selectbox .display {
	background-image:url(../images/headerAdd/bgArrow2.png) !important;
	background-repeat:no-repeat !important;
	width:58px !important;
}

	.selectItemGenderHead .selectbox .display .text {
		margin-top:-2px !important;
	}

.selectbox .text {
	padding:4px !important;
	font-size:11px !important;
	line-height:1.1 !important;
   }
.selectbox.disabled .display{
	}
.selectbox.focused .display {
	display:inline-block;*display:inline;zoom:1;
	}
.selectbox .display.active{border-color:#7b7d83;}
.selectbox .display .arrow_btn{
}
.selectbox .display .arrow_btn .arrow{
}
.selectbox .display.active .arrow_btn{}
.selectbox .display.hover .arrow_btn{}
.selectbox .value{display:none;}
.selectbox.items{
	background:#020c03;
	text-align:left;
	font-size:10px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	border:1px solid #333;
	display:block;
	list-style-type:none;
	margin:0;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:left;
	z-index:99999;
	-moz-box-shadow:0 3px 5px rgba(0,0,0,.5);-webkit-box-shadow:0 3px 5px rgba(0,0,0,.5);
}
.selectbox.items.above{}
.selectbox.items li{ display:block;margin:0;padding:0;}
.selectbox.items li.first{margin-top:0; border-top:none; color:#666;}
.selectbox.items li>.item{
	cursor:default;
	display:block;
	text-decoration:none;
	border-top:1px #333 dotted;
	color:#666;
	}
.selectbox.items li>.item>.text{display:inline-block;*display:inline;zoom:1;}
.selectbox.items li.selected>.item{background-color:#52544c; color:#FFF;}
.selectbox.items li.disabled>.item{color:#999;}
.selectbox.items li.hover>.item{background-color:#CCC;color:#000000 !important;}
.selectbox.items .value{display:none;}
.selectbox.items .optgroup .items{border:none;margin:0;padding:0;-moz-box-shadow:none;-webkit-box-shadow:none;}
.selectbox.items .optgroup>.label{cursor:default;font-weight:bold;line-height:1em;}
.selectbox.items .optgroup .items li>.item{padding-left:1em;}
.selectbox .round_sb.display{padding:2px 26px 2px 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.selectbox .round_sb.display .arrow_btn{right:2px;top:2px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.selectbox.round_sb.items{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.selectbox.round_sb.items>li>a{padding:4px 6px;}
.selectbox.round_sb.items>li.first>.item{-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}
.selectbox.round_sb.items>li.last>.item{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;}
.selectbox.round_sb.items>li>.label{line-height:2.08em;padding:4px 6px;}
.selectbox.round_sb.items>li>.items li>.item{padding:4px 6px 4px 12px;}
.clear { font-size:0; line-height:0; height:0; }
