@charset "utf-8";

@import "base.css";
@import "common.css";


/* What's new area */
#whatsnew span {
	display:none;
}


#whatsnew #text {
	position: absolute;
	top: 0px;
	left: 206px;
	right: 280px;
	text-align:left;
}

#whatsnew #text h2 {
	background:url(../../img/whatnew.gif) no-repeat; width: 80px;
	height: 20px;
}

#whatsnew #text ul {
	width: 364px;
	height: 55px;
	list-style: none;
	overflow: auto;
	scrollbar-face-color: #ffffff;       /* 表面の色 */
  	scrollbar-3dlight-color: #ffffff;    /* 左端と上端の色 */
  	scrollbar-highlight-color: #ffffff;  /* ハイライトの色 */
  	scrollbar-shadow-color: #ffffff;     /* 影の色 */
	scrollbar-darkshadow-color: #ffffff; /* 右端と下端 */
 	scrollbar-arrow-color: #333333;      /* 矢印の色 */
	scrollbar-track-color: #ffffff;      /* バーの背景の色 */
}

#whatsnew #text li a{
	color:#666;
	text-align:left;
	text-decoration: none;
}

#whatsnew #text li a:hover{
	color:#756A48;
}

/* Special area */
#special #text {
    position: absolute;
	top: 0px;
	left: 612px;
	right: 65px;
	text-align:left;
}

#special #text .link a{
	color:#931B34;
	text-decoration: underline;
}

#special #text .link a:hover {
	color:#756A48;
	text-decoration: underline;
}

/* Event area */
#event span {
	display:none;
}

#event #text {
    position: absolute;
	top: 18px;
	left: 612px;
	right: 0px;
	text-align:left;
	background-color:#ACACAC;
	margin: 0px;
	padding: 5px 8px;
}

#event #text h2 {
	float: left;
	background:url(../../img/event.gif) no-repeat; width: 66px;
	height: 15px;
}

#event #text .archive a{
	float: right;
	font-size: 10px;
	color:#fff;
	text-decoration: underline;
}

#event #text .archive a:hover {
	color:#756A48;
	text-decoration: underline;
}

#event #text ul {
	clear: both;
	width: 219px;
	height: 30px;
	list-style: none;
	overflow: auto;
    background-color:#ACACAC;
}

#event #text li a{
	color:#fff;
	text-align:left;
}

#event #text li a:hover{
	color:#756A48;
	text-decoration: none;
}


/* Top main area */
#topmainimg {
	clear: both;
	width: 848px;
	height: 350px;
}

#topmainimg #img {
	float:left;
	width: 690px;
	height:350px;
}

#topmainimg #bn {
	float: right;
	width:158px;
	height:350px;
	background-color: #C7C2B8;
	text-align: left;	
}


#topmainimg #bn ul {
	width: 100px;
	height: 300px;
	margin-left: 25px;
	list-style: none;
}

#topmainimg #bn li {
	height: 50px;
	
}

.main_bn_01{ margin-top: 30px; width: 100px; height:50px;}
.main_bn_02{ margin-top: 10px; width: 100px; height:50px;}
.main_bn_03{ margin-top: 10px; width: 100px; height:50px;}
.main_bn_04{ margin-top: 10px; width: 100px; height:50px;}
.main_bn_05{ margin-top: 10px; 	margin-bottom: 20px; width: 100px; height:50px;}



/* Top検索エリア */
#topsearch {
	clear: both;
	width: 848px;
	height: 30px;
	margin-top: 30px;
	text-align: left;
  	border: 0px;

}

#topsearch span {
	float: left;
}

#topsearch h3 {
	float: left;
	background:  url(../../img/top_search.gif) no-repeat; width: 80px; height: 20px;
	margin-right: 10px;
	text-indent: -9999px;
	overflow: hidden;
	width: 80px;
	height: 20px;
}

#topsearch input {
	float: left;
}

#topsearch input.keywords {
	width:100px;
}

#topsearch input.topsearchbtn {
  	height:20px;
  	width:60px;
	margin-left: 5px;
	background:  url(../../common/img/search_btn.gif) no-repeat 0px 0px;
	text-indent: -9999px;
  	border: 0px;
  	cursor: pointer;
}

#topsearch .text {
	margin-left: 10px;
	background:  url(../../img/top_search_text.gif) no-repeat; width:300px; height:20px;
	text-indent: -9999px;
	overflow: hidden;
	width: 300px;
	height: 20px;
  	border: 0px;
}

#topsearch .more {
	margin-left: 10px;
	width: 70px;
	height: 20px;
	background: url(../../img/top_search_more.gif) no-repeat; width: 70px; height: 20px;
}

#topsearch .more a {
	display: block;
	text-indent:-10000em;
	text-decoration: none;
	height: 20px;
}

#topsearch a:hover.more {
	background: url(../../img/top_search_more_ov.gif) no-repeat; width: 70px; height: 20px;
}


/* Topcategory */
#topcategory span {
	display: none;
}

#topcategory {
	clear: both;
	margin-top: 30px;
	text-align: left;
}

#topcategory h4 {
	margin-bottom: 10px;
	margin-left: 10px;
	background: url(../../img/top_category.gif) no-repeat; width: 83px; height: 13px;
}

#topcategory ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	width: 848px;
	height: 50px;
}
	
#topcategory li {
	float: left;
	height: 50px;
}

#topcategory li a {
	display: block;
	text-decoration: none;
	text-indent:-10000em;
}

.category_ladies a { background: url(../../img/category01.jpg) no-repeat; width: 141px; height: 50px; }
.category_mens a { background: url(../../img/category02.jpg) no-repeat; width: 141px; height: 50px; }
.category_home a { background: url(../../img/category03.jpg) no-repeat; width: 141px; height: 50px; }
.category_gift a { background: url(../../img/category04.jpg) no-repeat; width: 141px; height: 50px; }
.category_other01 a { background: url(../../img/category05.jpg) no-repeat; width: 142px; height: 50px; }
.category_other02 a { background: url(../../img/category06.jpg) no-repeat; width: 142px; height: 50px; }



.category_ladies a:hover { background: url(../../img/category01_ov.jpg) no-repeat; width: 141px;  height: 50px;}
.category_mens a:hover { background: url(../../img/category02_ov.jpg) no-repeat; width: 141px; height: 50px; }
.category_home a:hover { background: url(../../img/category03_ov.jpg) no-repeat; width: 141px; height: 50px; }
.category_gift a:hover { background: url(../../img/category04_ov.jpg) no-repeat; width: 141px;  height: 50px;}
.category_other01 a:hover { background: url(../../img/category05_ov.jpg) no-repeat; width: 142px; height: 50px; }
.category_other02 a:hover { background: url(../../img/category06_ov.jpg) no-repeat; width: 142px;  height: 50px;}


/* Shopcategory */
#shopcategory span {
	display: none;
}


#shopcategory {
	margin-top: 30px;
	text-align: left;
}

#shopcategory h5 {
	float:left;
	width: 642px;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 10px;
	background: url(../../img/top_shop.gif) no-repeat; width: 45px; height: 13px;
}

#shopcategory h6 {
	float: right;
	width: 206px;
	margin-bottom: 11px;
	margin-right: 10px;
}

#shopcategory h6 a{
	display: block;
	text-decoration: none;
	background: url(../../img/shop_list.gif) no-repeat; width:  206px; height: 12px;
}

#shopcategory h6 a:hover{ background: url(../../img/shop_list_ov.gif) no-repeat; width: 206px;  height: 12px;}


#shopcategory #shoplist {
	clear: both;
	width: 848px;
}

#shopcategory #shoplist table {
	width: 848px;
	border-collapse: collapse;
}


#shopcategory #shoplist th {
	width: 140px;
	text: bold;
}

#shopcategory #shoplist th a {
	display: block;
	text-decoration: none;
	text-indent:-10000em;
}

.lb a { background:url(../../img/lb.jpg) no-repeat; width:142px; height: 35px;}
.lisette a{ background:url(../../img/lisette.jpg) no-repeat; width:142px; height: 35px;}
.kohoro a{ background:url(../../img/kohoro.jpg) no-repeat; width:142px; height: 35px;}
.oxymoron a{ background:url(../../img/oxymoron.jpg) no-repeat; width:141px; height: 35px;}
.tiny a{ background:url(../../img/tiny.jpg) no-repeat; width:141px; height: 35px;}
.cafe_lisette a{ background:url(../../img/cafe_lisette.jpg) no-repeat; width:142px; height: 36px;}
.bonapetit a{ background:url(../../img/bonapetit.jpg) no-repeat; width:140px; height: 35px;}
.walkingpath a{ background:url(../../img/walkingpath.jpg) no-repeat; width:140px; height: 36px;}


.lb a:hover { background:url(../../img/lb_ov.jpg) no-repeat; width:142px; height: 35px;}
.lisette a:hover { background:url(../../img/lisette_ov.jpg) no-repeat; width:142px; height: 35px;}
.kohoro a:hover { background:url(../../img/kohoro_ov.jpg) no-repeat; width:142px; height: 35px;}
.oxymoron a:hover { background:url(../../img/oxymoron_ov.jpg) no-repeat; width:141px; height: 35px;}
.tiny a:hover { background:url(../../img/tiny_ov.jpg) no-repeat; width:141px; height: 35px;}
.cafe_lisette a:hover { background:url(../../img/cafe_lisette_ov.jpg) no-repeat; width:142px; height: 36px;}
.bonapetit a:hover { background:url(../../img/bonapetit_ov.jpg) no-repeat; width:140px; height: 35px;}
.walkingpath a:hover { background:url(../../img/walkingpath_ov.jpg) no-repeat; width:140px; height: 36px;}


.lb_category { background:url(../../img/lb_bg.jpg) no-repeat; width:142px; height: 240px;}
.lisette_category { background:url(../../img/lisette_bg.jpg) no-repeat; width:142px; height: 240px;}
.kohoro_category { background:url(../../img/kohoro_bg.jpg) no-repeat; width:142px; height: 102px;}
.oxymoron_category { background:url(../../img/oxymoron_bg.jpg) no-repeat; width:141px; height: 240px;}
.tiny_category { background:url(../../img/tiny_bg.jpg) no-repeat; width:141px; height: 240px;}
.cafe_lisette_category { background:url(../../img/cafe_lisette_bg.jpg) no-repeat; width:142px; height: 102px;}
.bonapetit_category { background:url(../../img/bonapetit_bg.jpg) no-repeat; width:140px; height: 102px;}
.walkingpath_category { background:url(../../img/walkingpath_bg.jpg) no-repeat; width:140px; height: 102px;}


#shopcategory #shoplist td {
	vertical-align: top;
}


#shopcategory #shoplist ul {
	list-style-type : none;
	margin-left:20px;
	margin-top: 20px;
	margin-bottom:10px;
	padding-left:0px;
	text-align: left;
}

#shopcategory #shoplist li {
	 margin-bottom: 5px;
}

#shopcategory #shoplist a {
	color: #666;
	text-decoration: none
}

#shopcategory #shoplist a:hover {
	color: #333;
	text-decoration: underline;
}


/* info */
#info {
	margin-top: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

#info span {
	display: none
}

#info ul {
	list-style-type : none;
	margin-left:0;
	padding-left:0;
	text-align: left;
	width: 828px;
	height:100px;
	
}
	
#info li {
	float: left;
	display: block;
	width: 207px;
	height:100px;
}

.info_mono { background:url(../../img/mono.jpg) no-repeat; width: 80px; height: 80px;}
.info_curtain { background: url(../../img/curtain.jpg) no-repeat; width: 80px; height: 80px; }
.info_order { background: url(../../img/order.jpg) no-repeat; width: 80px; height: 80px; }
.info_wrap { background: url(../../img/wrap.jpg) no-repeat; width: 80px; height: 80px; }


#info a {
	display: block;
}

.info_mono_t a { background:url(../../img/mono_t.gif) no-repeat; width: 83px; height: 20px;}
.info_curtain_t a { background:url(../../img/curtain_t.gif) no-repeat; width: 94px; height: 20px;}
.info_order_t a { background:url(../../img/order_t.gif) no-repeat; width: 83px; height: 20px;}
.info_wrap_t a { background:url(../../img/wrap_t.gif) no-repeat; width: 60px; height: 20px;}

.info_mono_t a:hover { background:url(../../img/mono_t_ov.gif) no-repeat; width: 83px; height: 20px;}
.info_curtain_t a:hover { background:url(../../img/curtain_t_ov.gif) no-repeat; width: 94px; height: 20px;}
.info_order_t a:hover { background:url(../../img/order_t_ov.gif) no-repeat; width: 83px; height: 20px;}
.info_wrap_t a:hover { background:url(../../img/wrap_t_ov.gif) no-repeat; width: 60px; height: 20px;}


#info p {
	margin-left: 90px;
	width: 105px;
	text-align: left;
}


/* その他 */
p.up {
	margin-top: 3em;
	margin-bottom: 1em;
	margin-right: 3em;
	text-align: right;
}