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

 file name  :pages.css
=================================================================== */



/*----------------------------------------------------
	トップメインビジュアル用 
----------------------------------------------------*/
:focus {
	outline:none;
}

/* 枠のドロップシャドウ */
#featured_box{
	background:#fff;
	padding:10px;
	border:solid 1px #ededed;
	-moz-box-shadow: #e3e3e3 0px 0px 4px; /* Firefox */
	-webkit-box-shadow: #e3e3e3 0px 0px 4px; /* safari, Chrome */
}

#featured{
	width:360px;
	height:340px;
	padding-right:268px;
	position:relative;
	line-height:1;
	background:#fff;
}

/* 右側サムネイル表示 */
#featured ul.ui-tabs-nav{ 
	width:268px;
	position:absolute;
	top:0;
	left:360px;
	list-style:none;
}
#featured ul.ui-tabs-nav li{
	margin-left:7px;
	font-size:10px;
	color:#666;
	line-height:1.4;
	margin-bottom:1px;
}
#featured ul.ui-tabs-nav li img{ 
	float:left;
	width:77px;
	height:77px;
	padding:0 5px 0 3px;
	/*margin:2px 5px;
	padding:2px;
	background:#fff;
	border:1px solid #eee;*/
}
#featured ul.ui-tabs-nav li span{
	font-size:12px;
	font-weight:bold;
	color:#336600;
	line-height:1.4;
	display:block;
	padding-bottom:3px;
}
#featured li.ui-tabs-nav-item a{ 
	display:block;
	height:77px;
	padding:4px 3px;
	color:#333;
	background:#fff;
	line-height:1.4;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#fbeeb3;
	text-decoration:none;
}
#featured li.ui-tabs-selected{
	background:#fbeeb3;
	/*background:url('../imgdir/top/selected-item.gif') top left no-repeat;*/
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:#fef9e3;
}
#feature-content {display:none;}
#featured .ui-tabs-panel{
	width:360px;
	height:340px;
	position:relative;
	overflow:hidden;
}
#featured .ui-tabs-panel a{
	text-decoration:none;
	color:#fff;
}
#featured .ui-tabs-panel a:hover{
	text-decoration:underline;
}

#featured .ui-tabs-panel .info{
	height:100px;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background: url('../imgdir/top/transparent-bg.png');
}
#featured .info h2{ 
	font-size:14px;
	margin:10px;
	color:#fff;
	overflow:hidden;
}
#featured .info p{
	margin:10px;
	font-size:10px;
	line-height:15px;
	color:#f0f0f0;
}
#featured .ui-tabs-hide{
	display:none;
}

#featured_box .inner{
	padding:10px 0 0 0 ;
	font-size:12px;
	color:#627f1e;
}
#featured_box .inner p{
	float:left;
	font-size:14px;
}
#featured_box .inner span{
	color:#ff8f21;
}

#featured_box .inner div{
	float:right;
	margin-top:3px;
	padding-left:18px;
	background:url("../imgdir/common/icon_list.gif") no-repeat 0 2px;
}


/*----------------------------------------------------
	最新ショップ情報 
----------------------------------------------------*/
#main .shop{
	width:650px;
	margin-top:20px;
	margin-bottom:20px;
}
#main .shop .box{
	float:left;
	width:216px;
}
#main .shop .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .shop .box a{
	display:block;
	width:200px;
	padding:8px;
}
#main .shop .box a:hover{
	background:#fef9e3;
	text-decoration:none;
}
#main .shop .box div{
	float:left;
	width:40px;
	padding-right:10px;
}
#main .shop .box h4{
	float:left;
	width:150px;
	font-size:10px;
	font-weight:bold;
}
#main .shop .box a h4{
	color:#e89de4;
	line-height:100%;
	margin-bottom:3px;
}
#main .shop .box a:hover h4{
	color:#e89de4;
}
#main .shop .box p{
	float:left;
	width:150px;
	font-size:10px;
	line-height:140%;
}


/*----------------------------------------------------
	最新ニュース 
----------------------------------------------------*/
#main .news{
	width:650px;
	margin-bottom:20px;	
}
#main .news dl{
	width:650px;
	padding-bottom:10px;
}
#main .news dl:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .news dl dt{
	float:left;
	width:118px;
	padding-left:10px;
}
#main .news dl dd{
	float:left;
}
#main .news dl dd.category{
	width:79px;
}
#main .news dl dd.txt{
	padding-left:10px;
	width:433px;
}

/*----------------------------------------------------
	ヘッセバナー
----------------------------------------------------*/
#main .bnr_hesse {margin-bottom:20px;}



/*----------------------------------------------------
	ショップカテゴリ 
----------------------------------------------------*/
#main .shop_category{
	width:650px;
	margin-bottom:20px;
}

#main .shop_category a{
	color:#333;
	text-decoration:underline;
}
#main .shop_category a:hover{
	color:#333;
	text-decoration:none;
}
#main .shop_category .bg{
	width:614px;
	padding:10px 15px;
	border-left:solid 3px #f1ebdc;
	border-right:solid 3px #f1ebdc;
	border-bottom:solid 3px #f1ebdc;
}
#main .shop_category .inner{
	width:614px;
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:dotted 1px #ccc;
}
#main .shop_category .inner:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .shop_category .icon{
	float:left;
	width:41px;
	padding-right:10px;
}
#main .shop_category h5{
	float:left;
	width:144px;
	padding-top:10px;
	font-size:14px;
	color:#000;
}
#main .shop_category h5 a{
	text-decoration:none;
}
#main .shop_category h5.beauty,
#main .shop_category h5.art,
#main .shop_category h5.amusement{
	padding-top:3px;
}

#main .shop_category ul{
	float:left;
	width:419px;
}
#main .shop_category .inner li{
	display:inline;
	padding-right:8px;
	margin-right:6px;
	background:url("../imgdir/shop/line_category.gif") no-repeat right;
}

/*2016.07.06 add*/

#main .bnr_works #fbdata {
	width: 682px;
	height: 210px;
	overflow: hidden;
	margin-bottom: 25px;
}

#main .bnr_works #fbdata dl {
float: left;
width: 195px;
margin-right: 32px;
}

#main .bnr_works #fbdata dt {
overflow: hidden;
height: 150px;
width: 130px;
margin: 0 auto;
}

#main .bnr_works #fbdata dt a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
}

#main .bnr_works #fbdata dd {
    _zoom: 1;
}
#main .bnr_works #fbdata .date {
padding: 0;
margin: 0;
font-size: 12px;
}

/*
#main .bnr_works #fbdata .txt {
font-size: 12px;
}
#main .bnr_works #fbdata .txt a {
	color: #000;
	text-decoration: none;
}
#main .bnr_works #fbdata .txt a:hover {
	text-decoration: underline;
}*/