@charset "UTF-8";

div.container {
	margin: 0!important;
	padding: 0;
	width: 730px;
}

/*-----------------------------------------------------------
	メインバナー
-----------------------------------------------------------*/	

#slideshow {
	margin: 0 auto 5px auto;
	text-align: left;
	background: url("/design/natalie/images/common/bgMainPicture.png") repeat scroll left top transparent;
    padding-top: 8px;
    width: 730px;
}

#slider_main {
	margin: 0 8px;
	width: 713px;
	height: 222px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

#slider_main ul {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}
#slider_main ul li {
	margin: 0 auto;
	width: 713px;
	height: 300px;
	float: left;
	display: inline;
	overflow: hidden;
}

#slideshow div img {
	border: solid 1px #fff;
}

#slideshow div div {
	top: 0;
	left: 0;
	position: absolute;
}

#slider_thumb {
	margin: 0 auto 5px 113px;
}
#slider_thumb ul {
	
}
#slider_thumb ul li {
	width: 98px;
	margin-right: 3px;
	margin-bottom: 5px;
	float: left;
	cursor: pointer;
	display: inline;
}
#slider_thumb ul li.active {
	filter:alpha(opacity=1000)!important;
	-moz-opacity: 1000!important;
	opacity: 1000!important;
}



<!--ImageSlider-->

#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }

#image-navigation {
	margin-bottom: 5px;
	padding-top: 8px;
	width: 730px;
	background: url(/design/natalie/images/common/bgMainPicture.png) top left repeat;
}
#image-navigation .navi-image {
	margin: 0 8px 4px 8px; 
	width: 710px;
}

#image-navigation .navi-image a img {
	border: solid 1px #fff;
}

#image-navigation .navi {
	margin: 225px 0 5px 113px;
	width: 714px;
	text-align: center;
}

#image-navigation .navi ul {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#image-navigation .navi ul li {
	margin: 0;
	padding-right: 4px;
	float: left;
	width: 98px;
}
#image-navigation .navi ul li.last {
	padding-right: 0!important;
}
#image-navigation .navi-image {
	width: 714px;
	position:relative;
}
#image-navigation .navi-image a { display:block; }
#image-navigation .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation .navi-image a.active { z-index:10; }
#image-navigation .navi-image a.last-active { z-index:9; }


img {
  border:0;
}
ul,
li {
  margin:0;
  padding:0;
  list-style:none;
}
#image-navigation ul li a {
  display: block;
  width: 98px;
  height: 33px;
}
#image-navigation .navi {
  float: left;
}
#image-navigation .navi-image {
  float: left;
}

#image-navigation-text ul li a {
  display:block;
  width:98px;
  height:33px;
  color:#333;
  line-height:50px;
  text-align:center;
}
#image-navigation-text .navi {
  float:left;
}
#image-navigation-text .navi-image {
  float:left;
}
#image-navigation-text a {
  background:#eee;
}
#image-navigation-text a.active {
  background:#333;
  color:#fff;
}

/*-----------------------------------------------------------
	中バナー
-----------------------------------------------------------*/	

div.middleBnr {
	margin-bottom: 5px;
}
div.middleBnr ul {
	margin-bottom: 2px;
	width: 730px;
}
div.middleBnr ul li {
	margin: 0;
	width: 364px;
	float: left;
}
div.middleBnr ul li.item01 {
	padding-right: 2px;
}

/*-----------------------------------------------------------
	ランキング
-----------------------------------------------------------*/	

div.ranking {
	margin-bottom: 10px;
	width: 728px;
	border-bottom: solid 1px #eeede7;
	border-left: solid 1px #eeede7;
	border-right: solid 1px #eeede7;
	background: #fff;
}
div.ranking h2 {
	margin-bottom: 5px;
	padding: 5px 12px 5px 8px!important;
	background: #333;
}

div.ranking h2 img {
	margin: 0;
	padding: 0;
}

div.ranking h2 span.date {
	color: #fff;
	padding-top: 1px;
	font-size: 80%;
	font-weight: normal;
	text-align: right;
	line-height: 100%
}

div.ranking .rankingItems {
	margin: 12px 17px 5px 17px;
	width: 690px;
}
div.ranking .rankingItems div.itemBox {
	padding-right: 7px;
	width: 132px;
	float: left;
	font-size: 90%;
}
div.ranking .rankingItems div.last {
	padding-right: 0!important;
}

div.ranking .rankingItems p.product {
	padding: 0;
	vertical-align: bottom;
	height: 140px;
}
div.ranking .rankingItems .rank04 img,
div.ranking .rankingItems .rank05 img {
	margin-top: 8px!important;
}

div.ranking .rankingItems p {
	margin-bottom: 3px;
	width: 130px;
	line-height: 120%;
}
div.ranking .rankingItems p.productName {
	margin-bottom: 5px;
	text-align: center;
	min-height: 30px;
	height: auto!important;
	height: 30px;
}
div.ranking .rankingItems p.comment {
	font-size: 90%;
}


/*-----------------------------------------------------------
	新商品
-----------------------------------------------------------*/	

div#newItems {
	margin-bottom: 12px;
	padding-bottom: 10px!important;
	width: 728px;
	border-bottom: solid 1px #eeede7;
	border-left: solid 1px #eeede7;
	border-right: solid 1px #eeede7;
	background: #fff;
	font-size: 90%;
}
div#newItems table {
	margin: 0;
	padding: 0;
}

div#newItems table nth-child(2) {
	width: 728px!important;
}

div#newItems table td.lims {
	width: 170px!important;
	/*
		4つ padding: 10px 20px!important;
	*/
	/*5つ*/
	padding: 10px 10px 0 10px!important;
	vertical-align: top!important;
}

div#newItems table td.line {
	vertical-align: middle!important;
}

div#newItems table img {
	margin: 0 0 5px 0;
}

div#newItems table td a img {
	/*
		4つ 130px
	*/
	
	/*5つ*/
	width: 110px;
}

div#newItems a {
	font-size: 90%;
}

/*-----------------------------------------------------------
	最近チェックした商品
-----------------------------------------------------------*/	

div#recentItems {
	margin-bottom: 8px;
	padding-bottom: 5px;
	width: 728px;
	border-bottom: solid 1px #eeede7;
	border-left: solid 1px #eeede7;
	border-right: solid 1px #eeede7;
	background: #fff;
	font-size: 90%;
}

div#recentItems table#recent {
	margin-top: 5px;
}

table#recent td.itemBox {
	padding: 2px 20px 5px 20px;
	width: 170px!important;
	vertical-align: top!important;
}
table#recent td.line {
	vertical-align: middle!important;
}

div#recentItems table {
	margin: 0;
	padding: 0;
}

div#recentItems table img {
	margin: 0 0 10px 0;
}

div#recentItems table td a img {
	width: 130px;
}


div#recentItems a {
	font-size: 90%;
}


p.tweet {
	margin-top: 10px;
}

/*-----------------------------------------------------------
	特集バナーリスト 
-----------------------------------------------------------*/	

div#bannerList {
	margin-bottom: 8px;
	padding-bottom: 5px;
	width: 728px;
	border-bottom: solid 1px #eeede7;
	border-left: solid 1px #eeede7;
	border-right: solid 1px #eeede7;
	background: #fff;
	font-size: 90%;
}

/*-----------------------------------------------------------
	Tumblr　読み込み
-----------------------------------------------------------*/	

div.tumblrArea {
	margin-bottom: 12px;
	width: 728px;
	border-bottom: solid 1px #eeede7;
	border-left: solid 1px #eeede7;
	border-right: solid 1px #eeede7;
	background: #fff;
	font-size: 90%;
}
div.tumblrArea h2 {
	margin-bottom: 10px!important;
	padding: 4px 12px;
	background: #333;
}

div.tumblrArea div.article {
	margin: 0 0 10px 0;
	padding: 10px;
	width: 680px;
	background: #f5f5f5;
	border-radius: 5px;
}

p.introduction {
	margin: 0 20px 10px 20px;
}
	
.img {
	margin: 0;
	float: left;
	width: 120px;
}
.img a img {
	border: 3px solid #fff;
}
.img a:hover img {
	border: 3px solid #07a5a7;
}

.detail {
	float: right;
	width: 540px;
}
.detail p.date {
	margin: 0 0 5px 0;
	color: #666;
	line-height: 110%;
	font-size: 90%;
}
.detail p.title {
	margin: 0 0 5px 0!important;
	font-size: 110%;
	font-weight: bold;
}
.detail p.text {
	line-height: 120%;
	font-size: 100%;
}

/*-----------------------------------------------------------
	サーバーメンテナンス用
-----------------------------------------------------------*/	
p.caution {
	margin-bottom: 5px;
	border: solid 1px red;
	background: #fff;
	padding: 10px 20px;
	color: red;
}

/*-----------------------------------------------------------
	トップページ　バナー一覧
-----------------------------------------------------------*/
div#bannerList {
	margin: 10px 0 0 0;
	padding-bottom: 5px;
	width: 728px;
	border-bottom: solid 1px #eeede7;
	border-left: solid 1px #eeede7;
	border-right: solid 1px #eeede7;
	background: #fff;
	font-size: 90%;
}
div#bannerList h3 {
	padding: 6px 10px;
	border-bottom: solid 1px #eeede7;
}
div#bannerList ul {
	padding: 15px 0 5px 28px;
}
div#bannerList ul li {
	margin: 0!important;
	padding: 0 20px 15px 0;
	float: left;
}