@charset "euc-jp";

@import "top.css";
@import "news.css";
@import "news_article.css";
@import "atelier.css";
@import "brands.css";
@import "shops.css";
@import "shop_list.css";
@import "qa.css";
@import "request.css";
@import "product.css";

/* base CSS Document */

* {
	margin: 0;
	padding: 0;
	color: #777777;
	font-size: 11px;
	line-height: 18px;
}

img {
	border: 0;
}

a {
	color:#777777;
	text-decoration:none;
}

a:hover {
	color:#000000;
	text-decoration:none;
}

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}

body {
	background: transparent url(../img/bg01.gif) top left repeat-x;
	text-align: center;
}
div {
	text-align: left;
}

#wrapper {
	margin: 0px auto;
	width: 902px !important;
	width: 950px;
	padding:0 29px;
	background-color:#FFFFFF;
}


/* head */


#head {
	width: 902px;
	height: 60px;
	position:relative;
	top:0;
	left:0;
	z-index:10;
}

#head h1 {
	width: 114px !important;
	height: 39px !important;
	width: 155px;
	height: 60px;
	padding: 21px 0 0 39px;
	float: left;
}


#head ul {
	width: 687px;
	height: 10px;
	padding: 31px 0 0 0;
	list-style: none;
	float: right;
}

#head ul li {
	text-indent: -9999px;
	float: left;
	overflow: hidden;
}

#head #head_navi01 {
	width: 26px;
	height: 10px;
	margin:0 30px 0 0;
	background: transparent url(../img/head_navi01.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi01 a {
	width: 26px;
	height: 10px;
	display: block;
	background: transparent url(../img/head_navi01.gif) top left no-repeat;
	background-position: 0px 0px;
}

#head #head_navi01 a:hover {
	width: 26px;
	height: 10px;
	background: transparent url(../img/head_navi01.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi02 {
	width: 37px;
	height: 10px;
	margin:0 30px 0 0;
	background: transparent url(../img/head_navi02.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi02 a {
	width: 37px;
	height: 10px;
	display: block;
	background: transparent url(../img/head_navi02.gif) top left no-repeat;
	background-position: 0px 0px;
}

#head #head_navi02 a:hover {
	width: 37px;
	height: 10px;
	background: transparent url(../img/head_navi02.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi03 {
	width: 43px;
	height: 10px;
	margin:0 30px 0 0;
	background: transparent url(../img/head_navi03.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi03 a {
	width: 43px;
	height: 10px;
	display: block;
	background: transparent url(../img/head_navi03.gif) top left no-repeat;
	background-position: 0px 0px;
}

#head #head_navi03 a:hover {
	width: 43px;
	height: 10px;
	background: transparent url(../img/head_navi03.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi04 {
	width: 54px;
	height: 10px;
	margin:0 30px 0 0;
	background: transparent url(../img/head_navi04.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi04 a {
	width: 54px;
	height: 10px;
	display: block;
	background: transparent url(../img/head_navi04.gif) top left no-repeat;
	background-position: 0px 0px;
}

#head #head_navi04 a:hover {
	width: 54px;
	height: 10px;
	background: transparent url(../img/head_navi04.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi05 {
	width: 63px;
	height: 10px;
	margin:0 30px 0 0;
	background: transparent url(../img/head_navi05.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi05 a {
	width: 63px;
	height: 10px;
	display: block;
	background: transparent url(../img/head_navi05.gif) top left no-repeat;
	background-position: 0px 0px;
}

#head #head_navi05 a:hover {
	width: 63px;
	height: 10px;
	background: transparent url(../img/head_navi05.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi06 {
	width: 56px;
	height: 10px;
	margin:0 30px 0 0;
	background: transparent url(../img/head_navi06.gif) top left no-repeat;
	background-position: 0px -10px;
	position:relative;
	z-index:30;
}

#head #head_navi06 a {
	width: 56px;
	height: 10px;
	display: block;
	background: transparent url(../img/head_navi06.gif) top left no-repeat;
	background-position: 0px 0px;
}

#head #head_navi06 a:hover {
	width: 56px;
	height: 10px;
	background: transparent url(../img/head_navi06.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi07 {
	width: 104px;
	height: 10px;
	margin:0 30px 0 0;
	background: transparent url(../img/head_navi07.gif) top left no-repeat;
	background-position: 0px -10px;
	position:relative;
	z-index:30;
}

#head #head_navi07 a {
	width: 104px;
	height: 10px;
	display: block;
	background: transparent url(../img/head_navi07.gif) top left no-repeat;
	background-position: 0px 0px;
}

#head #head_navi07 a:hover {
	width: 104px;
	height: 10px;
	background: transparent url(../img/head_navi07.gif) top left no-repeat;
	background-position: 0px -10px;
}

#head #head_navi08 {
	width: 94px;
	height: 10px;
	background: transparent url(../img/head_navi08.gif) top left no-repeat;
	background-position: 0px -10px;
	position:relative;
	z-index:30;
}

#head #head_navi08 a {
	width: 94px;
	height: 10px;
	display: block;
	background: transparent url(../img/head_navi08.gif) top left no-repeat;
	background-position: 0px 0px;
}

#head #head_navi08 a:hover {
	width: 94px;
	height: 10px;
	background: transparent url(../img/head_navi08.gif) top left no-repeat;
	background-position: 0px -10px;
}
#head #head_navi_product {
	width:368px;
	height:266px;
	position:absolute;
	top:21px;
	left:485px;
	background: transparent url(../img/bg_productNavi.png) top left no-repeat;
	_background: transparent url(../img/bg_productNavi.gif) top left no-repeat;
	z-index:20;
}
#head #head_navi_product dl#head_navi_couples {
	width:131px;
	position:absolute;
	top:50px;
	left:20px;
	z-index:21;
}
#head #head_navi_product dl#head_navi_anniversary {
	width:171px;
	position:absolute;
	top:50px;
	left:181px;
	z-index:21;
}
#head #head_navi_product dl#head_navi_couples dt,
#head #head_navi_product dl#head_navi_anniversary dt {
	height:12px;
	margin:0 0 7px;
}
#head #head_navi_product dl#head_navi_couples dd,
#head #head_navi_product dl#head_navi_anniversary dd {
	height:14px;
	margin:0 0 4px;
	overflow:hidden;
}


/* main */


#main01 {
	width: 900px;
	height: 450px;
	border:solid 1px #dadada;
}

#main02 {
	width: 840px !important;
	width: 900px;
	height: auto;
	padding:20px 30px 30px 30px;
	border:solid 1px #dadada;
}

#contents {
	width: 840px;
	min-height:367px;
	height: auto !important;
	height:367px;
	margin:20px 0 0 0;
	background: transparent url(../img/side_bg.gif) top left repeat-y;
}

#contents02 {
	width: 840px;
	height: 367px;
	margin:20px 0 0 0;
}

#contents03 {
	width: 840px;
	min-height:367px;
	height: auto !important;
	height:367px;
	margin:20px 0 0 0;
}

#contents04 {
	width: 840px;
	min-height:367px;
	height: auto !important;
	height:367px;
	margin:18px 0 0 0;
	background: transparent url(../img/side_bg.gif) top left repeat-y;
}



#contents_left {
	width: 270px;
	height: auto;
	padding:0 0 30px 0;
	float:left;
}

#contents_left02 {
	width: 270px;
	height: auto;
	float:left;
}

#contents_right {
	width: 540px;
	height: 367px;
	float:right;
}

#contents_right02 {
	width: 540px;
	float:right;
}

#contents_left_image {
	width: 490px;
	height: 367px;
	float:left;
}

#contents_left_image img {
	display:block;
}

#contents_right_area {
	width: 320px;
	float:right;
}

#contents_left_list01 {
	width: 230px !important;
	width: 250px;
	padding:28px 0 0 20px;
}

.contents_left_list01_title {
	width:230px;
	padding:0 0 8px 0;
	font-size:12px;
	line-height:14px;
	color:#444444;
	font-weight:bold;	
}

#contents_left_list01 ul {
	width: 230px;
	padding:0 0 18px 0;
	list-style:none;
}


#contents_left_list01 li {
	width: 218px !important;
	width: 230px;
	padding:0 0 4px 12px;
	background: transparent url(../img/side_point01.gif) top left no-repeat;
	float:left;
}

#contents_left_list01 li a { 
	color:#666666;
	line-height:14px;
	padding:0;
	margin:0;
}

#contents_left_list01 li a:hover {
	color:#000000;
}

.page_toplink p {
	width: 91px;
	height: 9px;
	text-indent:-9999px;
	float:right;
	overflow:hidden;
}

.page_toplink p a {
	width: 91px;
	height: 9px;
	display: block;
	background: transparent url(../img/page_top.gif) top left no-repeat;
	background-position: 0px 0px;
}

.page_toplink p a:hover {
	background: transparent url(../img/page_top.gif) top left no-repeat;
	background-position: 0px -9px;
}






/* foot */



#foot {
	width: 902px;
	height: auto;
	padding:0 0 30px 0;
}

#foot ul {
	width: 302px;
	height: 20px;
	list-style: none;
	float: left;
}

#foot ul li {
	padding:12px 0 0 0;
	text-indent: -9999px;
	float: left;
	overflow: hidden;
}

#foot #foot_navi01 {
	width: 56px;
	height: 8px !important;
	height: 20px;
	margin:0 25px 0 0;
}

#foot #foot_navi01 a {
	width: 56px;
	height: 8px !important;
	height: 20px;
	display: block;
	background: transparent url(../img/foot_navi01.gif) top left no-repeat;
	background-position: 0px 0px;
}

#foot #foot_navi01 a:hover {
	width: 56px;
	height: 8px !important;
	height: 20px;
	background: transparent url(../img/foot_navi01.gif) top left no-repeat;
	background-position: 0px -10px;
}

#foot #foot_navi02 {
	width: 23px;
	height: 8px !important;
	height: 20px;
	margin:0 25px 0 0;
}

#foot #foot_navi02 a {
	width: 23px;
	height: 8px !important;
	height: 20px;
	display: block;
	background: transparent url(../img/foot_navi02.gif) top left no-repeat;
	background-position: 0px 0px;
}

#foot #foot_navi02 a:hover {
	width: 23px;
	height: 8px !important;
	height: 20px;
	background: transparent url(../img/foot_navi02.gif) top left no-repeat;
	background-position: 0px -10px;
}

#foot #foot_navi03 {
	width: 54px;
	height: 8px !important;
	height: 20px;
	margin:0 25px 0 0;
}

#foot #foot_navi03 a {
	width: 54px;
	height: 8px !important;
	height: 20px;
	display: block;
	background: transparent url(../img/foot_navi03.gif) top left no-repeat;
	background-position: 0px 0px;
}

#foot #foot_navi03 a:hover {
	width: 54px;
	height: 8px !important;
	height: 20px;
	background: transparent url(../img/foot_navi03.gif) top left no-repeat;
	background-position: 0px -10px;
}

#foot #foot_navi04 {
	width: 94px;
	height: 8px !important;
	height: 20px;
}

#foot #foot_navi04 a {
	width: 94px;
	height: 8px !important;
	height: 20px;
	display: block;
	background: transparent url(../img/foot_navi04.gif) top left no-repeat;
	background-position: 0px 0px;
}

#foot #foot_navi04 a:hover {
	width: 94px;
	height: 8px !important;
	height: 20px;
	background: transparent url(../img/foot_navi04.gif) top left no-repeat;
	background-position: 0px -10px;
}
#foot .tw {
	height: 14px;
	width: 207px;
	float: left;
	margin-top: 8px;
	margin-left: 18px;
	display: block;
}

#foot_copy {
	width: 370px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	text-align:right;
	float:right;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#foot_copy a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
}

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



/* notfound */



#main01 #notfound_text01 {
	width: 820px !important;
	width: 840px;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	margin:40px 0 0 30px;
	padding:0 0 10px 20px;
	border-bottom: dashed 1px #dadada ;
}

#main01 #notfound_text02 {
	width: 820px;
	font-size:14px;
	line-height:22px;
	margin:20px 0 0 50px;
}




/* mainBottom 201009Ãô)ÂÂ*/

#main01 ul.mainBottom {
	width:900px;
	list-style:none;
	border-top:1px solid #dadada;
	height:122px;
}
#main01 ul.mainBottom li {
	float:left;
	height:122px;
	position:relative;
}
#main01 ul.mainBottom li#news {
	width:349px;
	border-right:1px solid #dadada;
}
#main01 ul.mainBottom li#pickup {
	width:350px;
	border-right:1px solid #dadada;
}
#main01 ul.mainBottom li#onlineshop {
	width:199px;
}

/* mainBottom > news & pickup */

#main01 ul.mainBottom li#news h2,
#main01 ul.mainBottom li#pickup h2 {
	position:absolute;
	top:25px;
	left:29px;
}
#main01 ul.mainBottom li#news p.btList {
	position:absolute;
	top:25px;
	right:13px;
}
#main01 ul.mainBottom li#news dl,
#main01 ul.mainBottom li#pickup dl {
	margin:0;
	padding:4px 0 0 29px;
}
#main01 ul.mainBottom li#news dl dt,
#main01 ul.mainBottom li#pickup dl dt {
	float:left;
	width:65px;
}
#main01 ul.mainBottom li#news dl dd, 
#main01 ul.mainBottom li#pickup dl dd {
	padding:0 0 0 65px;
}
#main01 ul.mainBottom li#news dl dd a,
#main01 ul.mainBottom li#pickup dl dd a {
	background:url(../img/ic_arrow.gif) no-repeat left 2px;
	padding:0 0 0 10px;
}
#main01 ul.mainBottom li#news .jScrollPaneContainer,
#main01 ul.mainBottom li#pickup .jScrollPaneContainer { position:relative; overflow:hidden; top:45px;}
#main01 ul.mainBottom li#news .scroll-pane,
#main01 ul.mainBottom li#pickup .scroll-pane {width:312px; _width:341px; height:51px; _height:55px; overflow:auto; }
#main01 ul.mainBottom li#news .jScrollPaneTrack,
#main01 ul.mainBottom li#pickup .jScrollPaneTrack {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  height: 100%;
  background: #e2e2e2;
}
#main01 ul.mainBottom li#news .jScrollPaneDrag,
#main01 ul.mainBottom li#pickup .jScrollPaneDrag {
  position: absolute;
  background: #010101;
  cursor: pointer;
  overflow: hidden;
}
#main01 ul.mainBottom li#news .jScrollPaneDragTop,
#main01 ul.mainBottom li#pickup .jScrollPaneDragTop {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
#main01 ul.mainBottom li#news .jScrollPaneDragBottom,
#main01 ul.mainBottom li#pickup .jScrollPaneDragBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
#main01 ul.mainBottom li#news a.jScrollArrowUp,
#main01 ul.mainBottom li#pickup a.jScrollArrowUp {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden; /*background-color: #666;*/
  height: 9px;
}
#main01 ul.mainBottom li#news a.jScrollArrowDown,
#main01 ul.mainBottom li#pickup a.jScrollArrowDown {
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  text-indent: -2000px;
  overflow: hidden; /*background-color: #666;*/
  height: 9px;
}