/* clearfix */
.cf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.cf {
  min-height: 1px;
}

* html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*-----------------------------------------------
 * メイン画像
 *----------------------------------------------*/
#image{
    margin-bottom:12px;
}
#main_image{
	line-height: 0;
	height: 300px;
}
#image #main_image img,
#image #roll_images img{
	vertical-align:bottom;
}
#image #roll_images{
	position:relative;
	top:-30px;
	margin-right:10px;
	float:right;
}
#image #roll_images ul li{
    cursor: pointer;
	float:left;
	list-style:none;
	margin-right:5px;
	margin-left: 0px;
}

/*-----------------------------------------------
 * ピックアップ & ショップニュース
 *----------------------------------------------*/

.top_content table{
	width: 100%;
	}
.in_block{
	padding: 10px 10px 15px;
}

#shopnews,
#pickup{
	margin-bottom:20px;
}
#shopnews td,
#pickup td{
	clear:both;
	vertical-align: top;
	width: 10px;
	padding: 10px 0;
}
#shopnews td.block,
#pickup td.block{
	width: 335px;
}
td.block .visual{
	background-color:#ffffff;
	border:solid 1px #D3C9B8;
	padding:2px;
	float:left;
}
td.block .visual img{
	width: 90px;
	height: auto;
	background-color: #FFF;
}
td.block .content {
	float:right;
	width:230px;
	color:#666666;
}
td.block .content .title {
	background:url(../img/index/pickup_arrow.gif) no-repeat left 2px;
	color:#422811;
	font-size:13px;
	padding-left: 15px;
	line-height: 1.2;
}
td.block .content .title a {
	color:#422811;
}
td.block p.body{
	font-size: 10px;
}

#pickup .block .content .title { margin-bottom:5px;}
#shopnews .content p.date{
	color: #ED1C24;
	margin: 2px 0;
	white-space: nowrap;
}
#shopnews .content h4{
	color: #019edf;
	font-weight: normal;
	font-size: 12px;
	clear: both;
	margin-bottom: 3px;
}

#pickup .content .title .date{
	color:#494949;
	font-size:10px;
	font-weight:normal;
}
#pickup .content .title .new{
	margin-left:5px;
	line-height: 1.5;
}
#pickup .list_content .block{
	float:left;
	width:325px;
	padding-right:15px;
	padding-bottom:20px;
}
#pickup .list_content .block .content,
#pickup .list_content .block .content .title{
	width:155px;
}
#pickup .list_content .block .content{
	float:left;
}
#pickup .list_content .block .content .title .date{
	margin-left:5px;
}
#pickup .nodata{
	margin-top:-22px;
}
#shopnews .more,
#pickup .more{
	text-align: right;
	clear: both;
}
#shopnews .more a,
#pickup .more a{
	background:url(../img/index/topics_all_arrow.gif) no-repeat left center;
	padding-left:15px;
	margin-right: 20px;
}

/*-----------------------------------------------
 * トピックス
 *----------------------------------------------*/
#topics{
	margin-bottom:5px;
}
#topics .in_block{
	padding-top:10px;
}
#topics .content{
	height:100px;
	overflow-y:scroll;
	width:670px;
	font-size:11px;
}
#topics .content .block{
	margin-top:10px;
}
#topics .content .block a{
	background:url(../img/_common/arrow-trans.png) no-repeat left 3px;
	padding-left:15px;
}
#topics .content .block a .date{
	display: inline-block;
	width: 40px;
}
#topics .more{
	float:right;
	margin:10px 5px;
}
#topics .more a{
	background:url(../img/index/topics_all_arrow.gif) no-repeat left center;
	padding-left:15px;
}

/*-----------------------------------------------
 * バナー
 *----------------------------------------------*/
#banners{
	background:url(../img/index/5sc_bg.gif) repeat-x top #ffffff;
	padding:15px;
}
#banners ul{
	list-style:none;
}
#banners ul li{
	float:left;
	margin:0px 2px;
	text-align: center;
	font-size: 10px;
}
#banners ul li img{
	margin-bottom: 3px;
}
#banners ul li.second{
	float:left;
	margin:0px 2px;
	margin-top:10px;
	text-align: center;
	font-size: 10px;
}

ul.mobile {
	list-style-type: none;
	margin: 0;
	padding: 0;
} 
ul.mobile li {
	margin: 0 0 10px 0;
} 

div.mobile_archive{
	border: 1px solid #af9776;
	background-color: #E9E4DD;
	margin: 20px 0;
}

div.mobile_archive h4{
	text-align: left;
	padding: 10px;
	font-size: 120%;
}

div.mobile_archive ul {
	list-style-type: none!important;

	margin: 0;
	padding: 0 0 10px!important;
} 
div.mobile_archive ul li {
	width: 220px;
	margin:0 10px 10px;
	padding:0;
}