@charset "utf-8";
/*========================================

　　　　　　　全体・共通設定

========================================*/

body {
	background-color:#ffffff;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","sans-serif";
	text-align:center;
}

#all {
	width:980px;
	margin:0 auto;
	text-align:left;
}

.clear {
	clear:both;
}

/*========================================

　　　　　　　　ヘッダー

========================================*/

#headerall {
	width:980px;
}

#header {
	margin:10px 0;
}

.h_left {
	float:left;
}

h1 {
	height:34px;
	line-height:34px;
}

h1 img {
	vertical-align:middle;
}

.h_middle {
	float:left;
	height:34px;
	line-height:34px;
}

.h_middle span {
	margin-left:24px;
	font-size:11px;
	vertical-align:middle;
}

.h_right {
	float:right;
}

.h_win {
	float:left;
	height:34px;
	line-height:34px;
	margin-right:20px;
}

.h_win img {
	height:34px;
}

.sns {
	float:right;
}

.sns li {
	float:left;
	margin-right:10px;
}

.sns .last {
	margin-right:0;
}

.sns li img {
	vertical-align:bottom;
}

#evbanner img {
  vertical-align:bottom;
}

/*========================================

　　　　　ヘッダーメニュー

========================================*/

#dropmenu{
  width:980px;
  height: 28px;
  background: #000000;
}

#dropmenu li{
  position: relative;
  float: left;
  text-align: center;
  background: #ffffff;
}

#dropmenu li a{
  display: block;
  margin: 0;
  padding: 0 21px;
  color: #ffffff;
  font-size: 11px;
  line-height: 28px;
  border-left:1px solid #ffffff;
  background: #000000;
}

#dropmenu li a:hover {
	text-decoration:none;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#dropmenu li:first-child a {
	border:none;
}

#dropmenu li ul{
  position: absolute;
  top: 100%;
  left: 0;
  z-index:99999;
  background-color:#ffffff;
}

#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #333333;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  background-color:#ffffff;
}

#dropmenu li ul li a {
	line-height:1;
}

#dropmenu li ul.item_child {
  overflow: hidden;
  width: 320%;
  color: #333333;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

#dropmenu li ul.item_child li{
  width: 50%;
  border:none;
}

#dropmenu li ul.childitem_about {
  overflow: hidden;
  width: 150%;
  color: #333333;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

#dropmenu li ul.childitem_about li{
  width: 100%;
  border:none;
}


#dropmenu li ul li a{
  color: #333333;
}

#dropmenu li ul li:hover > a{
  color: #999999;
}

#dropmenu li ul li a{
  padding: 10px 15px 10px 25px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  background: url(http://image.rakuten.co.jp/bleucommebleu/cabinet/00466056/img56736594.gif) no-repeat 10px 12px;
}

#dropmenu li:hover ul li{
  overflow: visible;
  height: 32px;
}

#dropmenu li:hover ul li:last-child{
  border-bottom: 1px solid #cccccc;
}

#dropmenu li:hover ul.item_child {
  border-bottom: 1px solid #cccccc;
}

#dropmenu li:hover ul.item_child li:last-child{
  border-bottom: 0;
}



/*
#dropmenu{
  height: 32px;
  background: #000000;
}
#dropmenu li{
  position: relative;
  float: left;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 10px 41px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  border-left:1px solid #ffffff;
}

#dropmenu li:first-child a {
	border:none;
}

#dropmenu li ul{
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999;
}

#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #000000;
  border-left:1px solid #cccccc;
  border-right:1px solid #cccccc;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

#dropmenu li ul li a{
  color: #000000;
}

#dropmenu li ul li:hover > a{
  color: #ff0000;
}

#dropmenu li ul li a{
  padding: 5px 15px;
  background: #ffffff;
  text-align: left;
  font-size: 10px;
  font-weight: normal;
}

#dropmenu li:hover ul li{
  overflow: visible;
  height: 20px;
}

#dropmenu li:hover ul li:last-child{
  border-bottom: 1px solid #cccccc;
}

*/

/*========================================

　　　　　サーチフォーム

========================================*/

#s_area {
	margin:15px 0;
}

#search {
	float:left;
	line-height:34px;
}

#search form {
	display:inline-block;
	vertical-align:middle;
}

.text {
	width:230px;
	height:24px;
	font-size:12px;
	line-height:24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:1px solid #dddddd;
}

.searchbutton {
	width:80px;
	background-color:#000000;
	color:#ffffff;
	cursor:pointer;
	font-size:12px;
	line-height:24px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border:1px solid #000000;
}

/*========================================

　　　　　楽天ポイント

========================================*/

#rakutenpoint {
	float:left;
	font-size:11px;
	font-weight:bold;
	margin-left:20px;
}

#rakutenpoint span {
	/*font-weight:bold;*/
	color:#FF0004;
}

.pointlink {
	margin-left:10px;
}


#csminfo {
	float:left;
	font-size:11px;
	margin-left:30px;
}

#csminfo li {
	float:left;
	background: url(http://image.rakuten.co.jp/bleucommebleu/cabinet/00466056/img56736594.gif) no-repeat 0 5px;
	margin-right:10px;
	padding-left:13px;
}

.csmlast {
	margin-right:0;
}


/*========================================

　　　　　スライド

========================================*/

/* #slider_main */

#slider_main {
	margin: 0 auto;
	width: 980px;
	height: 400px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#slider_main ul {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}
#slider_main ul li {
	width: 980px;
	height: 400px;
	float: left;
	display: inline;
	overflow: hidden;
}

/* #slider_thumb*/

#slider_thumb {
	margin: 10px auto;
	width: 980px;
	height: auto;
	text-align: center;
}
#slider_thumb ul {
	display: inline;
}
#slider_thumb ul li {
	cursor: pointer;
	display: inline;
}
#slider_thumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* =======================================
	ClearFixElements
======================================= */
#slider_main ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#slider_main ul {
	display: inline-block;
	overflow: hidden;
}


/*========================================

　　　　　タイムライン

========================================*/

/*レスポしたい場合
#timeline {
	max-width:980px;
	margin:0 auto;
}

.slider {
	max-width:980px;
	margin:0 auto;
}
*/

#timelinehead {
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	background-color:#000000;
	padding:3px 10px;
	margin:50px 0 0;
}

#timeline {
	padding:10px 0;
	background-color:#E9E9E9;
}

#container {
	margin:0 auto;
}

.item {
	margin-bottom: 12px;
	background-color:#ffffff;
	width:226px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	overflow:hidden;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18); /*水平方向 垂直方向 ぼかし距離 影の色*/
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
	position:relative;
	float:left;
}

.item a{
	display:block;
	margin:0;
	padding:0;
}

.item img {
	width:100%;
	border-bottom:1px solid #e7e7e7;
}

.tag {
	position:absolute;
	right:0;
	bottom:43px;
}

.days {
	font-size:10px;
	display:inline-block;
	background-color:#eeeeee;
	color:#333333;
	padding:3px;
	line-height:1;
}

.newtag {
	font-size:10px;
	display:inline-block;
	background-color:#BF0003;
	color:#ffffff;
	padding:3px;
	line-height:1;
}


.debuttag {
	font-size:10px;
	display:inline-block;
	background-color:#642EFE;
	color:#ffffff;
	padding:3px;
	line-height:1;
}

.fbtag {
	font-size:10px;
	display:inline-block;
	background-color:#3b5998;
	color:#ffffff;
	padding:3px;
	line-height:1;
}

.rankingtag {
	font-size:10px;
	display:inline-block;
	background-color:#FFD700;
	color:#ffffff;
	padding:3px;
	line-height:1;
}

.rearrivetag {
	font-size:10px;
	display:inline-block;
	background-color:#009140;
	color:#ffffff;
	padding:3px;
	line-height:1;
}


.bname {
	padding:5px 10px 0;
	font-size:11px;
	line-height:1;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.iname {
	padding:5px 10px;
	font-size:11px;
	line-height:1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#more a {
	display:block;
	margin:0 10px;
	text-align:center;
	padding:10px;
	background-color:#ffffff;
	text-decoration:underline;
}

#more a:hover {
	text-decoration:none;
}


.fctitle {
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	background-color:#000000;
	padding:3px 10px;
	margin:80px 0 10px;
}

/*========================================

　　　　　ブランドランキング

========================================*/

#brandrankinghead {
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	background-color:#000000;
	padding:3px 10px;
	margin:50px 0 10px;
}

#brandranking li {
	float:left;
	width:180px;
	font-size:10px;
	margin-left:20px;
	position:relative;
}

#brandranking li.brfirst {
	margin-left:0;
}

#brandranking li span {
	position:absolute;
	top:157px;
	left:0;
	display:inline-block;
	background-color:#000000;
	color:#ffffff;
	line-height:1;
	font-size:12px;
	padding:5px 10px;
}

#brandranking li a {
	display:block;
	margin:0;
	padding:0;
}


#brandranking li .brimg {
	border:1px solid #dddddd;
	width:178px;
	height:178px;
	display:inline-block;
}

#brandranking li .brimg img {
	width:100%;
	height:auto;
}

/*========================================

　　　　　ボトムコンテンツ

========================================*/

/*------- 全体・共通 -------*/

#bottomcontents {
	margin-top:50px;
}

#bottomleft {
	float:left;
	width:250px;
}

#bottomright {
	float:right;
	width:700px;
}

.contentstitle {
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	background-color:#000000;
	padding:3px 10px;
	margin-bottom:10px;
}

/*------- ピックアップブランド -------*/

.pickupbrandwrap {
	margin-bottom:30px;
}

.pickupbrandleft {
	width:300px;
	float:left;
	text-align:center;
}

.pickupbrandleft img {
	width:300px;
	height:auto;
}

.pickupbrandright {
	width:360px;
	font-size:12px;
	float:left;
	padding:10px 20px;
	line-height:22px;
}

.pballlist {
	text-align:left;
	font-size:14px;
	margin-top:50px;
}

#pickupbrand span a {
	color:#ffffff;
	background-color:#000000;
	padding:10px;
	text-decoration:none;
}

#pickupbrand span a:hover {
	text-decoration:none;
	opacity:0.7;
	filter:alpha(opacity=70);
}

/*------- 予約 -------*/

#reserv {
	margin-bottom:30px;
}

#reserv li {
	width:166px;
	margin:0 12px 10px 0;
	float:left;
	font-size:10px;
}

#reserv li.reservnone {
	margin:0 0 10px 0;
}

.resevimg {
	text-align:center;
	width:166px;
	height:166px;
	margin-bottom:5px;
}

.reservalllink {
	margin:20px 0 0;
	text-align:right;
}

.reservalllink span {
	display:inline-block;
}

.reservalllink span a{
	display:block;
	padding:5px 15px;
	background-color:#000000;
	color:#ffffff;
	font-size:14px;
	border-radius:3px;
}

.reservalllink span a:hover {
	opacity:0.7;
	text-decoration:none;
}

/*------- sns -------*/

#snstimeline {
	margin-bottom:30px;
}

#twittertl {
	width:340px;
	float:left;
}

#facebooktl{
	width:340px;
	float:right;
}

/*------- おすすめコンテンツ -------*/

#recomcontents li {
	float:left;
	width:345px;
	font-size:11px;
	margin-bottom:10px;
}

.recodd {
	margin-right:10px;
}

#recomcontents li a {
	display:block;
	margin:0;
	padding:0;
}

#recomcontents li img {
	width:345px;
}

/*===============================

　　　アイテムナビ

===============================*/
#itemnavititle {
	margin:0 0 10px;
	background-color:#EFEFEF;
	padding:10px;
	color:#696969;
	font-size:14px;
}

.topitemnavi {
	padding:10px 0 10px 10px;
	border-bottom:1px solid #dddddd;
	font-size:14px;
	color:#696969;
}

.topitemnavi p {
	float:right;
	padding:0 10px;
	color:#696969;
}

.topitemnavi:hover {
	cursor:pointer;
}

.itemsubnavi {
	font-size:12px;
	color:#696969;
	margin:10px 0 10px 20px;
}

.itemsubnavi li a {
	display:block;
	padding:5px 0;
}


/*===============================

　　　newブランドナビ

===============================*/
#brandnavititle {
	margin:50px 0 10px;
	background-color:#EFEFEF;
	padding:10px;
	color:#696969;
	font-size:14px;
}

#brandnaviwrap {
	width:248px;
	border:1px solid #dddddd;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}

.navialf {
	border-top:1px solid #dddddd;
}

.navialf li {
	display:inline-block;
	width:61px;
	height:30px;
	text-align:center;
	border-right:1px solid #dddddd;
	line-height:30px;
}

.navialf li a {
	display:block;
	margin:0;
	padding:0;
}

.navialf li a:hover {
	background-color:#000000;
	color:#ffffff;
}

.navialf li.now a {
	background-color:#000000;
	color:#ffffff;
}

.navialf li.now a:hover {
	background-color:#ffffff;
	color:#333333;
}

.navialf li.numlist {
	width:124px;
	height:30px;
	text-align:center;
	border-right:none;
	line-height:30px;
}

.yajirusi {
	margin-left:5px;
	font-size:10px;
}

.alflength {
	margin-left:2px;
}

/*ブランド一覧*/
.brandsubnavi li {
	border-bottom:1px solid #dddddd;
}

.brandsubnavi li a{
	display:block;
	margin:0;
	padding:8px 10px 8px 15px;
}

.brandkana {
	font-size:10px;
}

/*===============================

　　　ピックアップブランド

===============================*/

#recbrandnavititle {
	margin:25px 0 10px;
	background-color:#EFEFEF;
	padding:10px;
	color:#696969;
	font-size:14px;
}

.pickbrand {
	border-bottom:1px solid #dddddd;
}

.pickbrand a {
	display:block;
	padding:8px 0;
	margin:0;
}

.pickbrandimg {
	float:left;
	width:120px;
	height:45px;
	text-align:center;
}

.pickbrandimg span {
	display:inline-block;
	width:100px;
	height:35px;
	margin:5px 10px;
	line-height:1;
}

.pickbrandimg img {
	width:100%;
	height:auto;
}

.pickbrandname {
	float:left;
	font-size:14px;
	line-height:1;
	width:125px;
	margin:8px 5px 8px 0;
}

.pickbrandkana {
	margin-top:5px;
	font-size:10px;
}

/*===============================

　　　受賞

===============================*/

/*.honor {
	border-bottom:1px solid #dddddd;
}*/

.honorimg {
	float:left;
	width:100px;
	text-align:center;
	margin:5px 10px 5px 0;
}

.honorimg span {
	display:inline-block;
	width:100px;
	line-height:1;
}

.honorimg img {
	width:100%;
	height:auto;
}

.honorname {
	float:left;
	font-size:11px;
	line-height:1.2;
	width:130px;
	margin:8px 5px 8px 0;
}

/*.honorkana {
	margin-top:5px;
}*/

/*===============================

　　ガイド

===============================*/
#guidewrap {
	margin-top:20px;
}

#guidewrap li {
	border:1px solid #dddddd;
	margin:5px 0 0;
}

#guidewrap a{
	display:block;
	margin:0;
	padding:10px;
}

.guideimg {
	width:30px;
	float:left;
	margin-right:10px;
}

.guidename {
	width:180px;
	float:left;
	font-size:12px;
	line-height:24px;
}

/*===============================

　　海外発送

===============================*/
#oversea {
	margin:5px 0 0;
}

#oversea img {
	vertical-align:bottom;
}

/*========================================

　　　　　フッター

========================================*/
#footer {
	margin-top:80px;
}