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

CSS information

 file name  :shoplist.css
 author     :miyazaki @ajike
 style info :ショップリスト個別レイアウト

 =================================================================== */

h2 {
	margin:0;
	padding-bottom:20px;
}
h2.globalCategory {
	margin:0;
	padding: 10px 20px 0px;
	text-align: left;
}
.categoryBlock {
	width:618px;
	overflow:hidden;
}
* html .categoryBlock {height:1%;}

.categoryBlock h3{
	width:auto;
	margin:0 0 20px;
	padding:0;
	line-height:1;
	border:none;
}
p.twitter {
	text-align:right;
	padding-bottom:12px;
}

/*----------------------------------------------------

	各ブログ設定

----------------------------------------------------*/
.fnshop .categoryBlock h3{
	background-color:#f7e9fe;
}
.btshop .categoryBlock h3{
	background-color:#FCE0EA;
}
.lsshop .categoryBlock h3{
	background-color:#f7e9fe;
}
.fnshop .categoryName{background-color:#f7e9fe;}
.btshop .categoryName{background-color:#FCE0EA;}

.fnshop #area ul a{color:#675180;}
.btshop #area ul a{color:#D84174;}

.fnshop .assetTitle a,
.fnshop .assetTitle h3{color:#675180;}

.btshop .assetTitle a,
.btshop .assetTitle h3{color:#D84174;}

.fnshop .sameArea,
.categoryLabel .sameArea{
	background-color:#7b5c8a;
}
.btshop .sameArea,
.btshop .categoryLabel .sameArea{
	background-color:#d15c83;
}

/*----------------------------------------------------

	エリアを探す

----------------------------------------------------*/
#area ul {
	width:auto;
	margin:0 6px;
}
#area ul ul {
	width:585px;
	overflow:hidden;
	margin:10px 0 0 4px;
}
* html #area ul ul { height:1%;}

#area ul li{
	float:left;
	width:auto;
	margin:0 3.5em 12px 0;
	font-weight:bold;
}
#area ul li.firstChild{
	margin-bottom:0;
}
#area ul li li{
	width:auto;
	margin:0 0 12px 0;
	padding:0 7px 0 7px;
	line-height:1;
	font-weight: normal;
	border-left:1px solid #090b16;
}
#area ul a{
	color:#675180;
}

/*----------------------------------------------------

	PickUP

----------------------------------------------------*/
#shoplist .assetImg {
	display:block;
	float:left;
	width:230px;
	height:190px;
	border:none;
	overflow:hidden;
}
#shoplist .assetImgInner {
	display:table-cell;
	width:230px;
	height:190px;
	border:1px solid #D7D2D4;
	text-align:center;
	vertical-align:middle;
}
#shoplist .assetMeta {
	margin:0 0 0 250px;
}
#shoplist .assetMeta abbr{
	float:none;
	width:auto;
	margin: 0 0 8px;
	text-align:left;
}
#shoplist .assetMeta .categoryName{
	display:inline-block;
	width:auto;
	min-width:80px;
	height:18px;
	margin:0 0 8px;
	padding:0 7px;
	font-size:84%;
	text-align:center;
	line-height:18px;
}
* html #shoplist .assetMeta .categoryName{
	display:block;
	width:7em;
	text-align:center;
}
#shoplist .assetTitle {
	margin:0 0 10px 250px;
	line-height:1.2;
	font-size:117%;
	color:#675180;
}
#shoplist .assetCatch {
	margin:0 0 5px 250px;
	font-weight:bold;
	color:#666;
}
#shoplist .assetBody {
	margin:0 0 10px 250px;
}
#shoplist .assetMore {
	position:static;
	bottom:auto;
	width:auto;
	text-align:right;
}
#shoplist #pickup {
	overflow:hidden;
	padding:0 0 25px;
}

/*----------------------------------------------------

	新着SHOP

----------------------------------------------------*/
#lastnlist ul {
	width:auto;
	margin:0;
}
#lastnlist ul li{
	float:none;
	width:auto;
	margin:0 0 20px;
	padding:0 0 21px 0;
	background:url(../img/bg_dotline.gif) bottom repeat-x;
}
#lastnlist .more {
	text-align:right;
}
#shoplist #lastnlist .assetImg {
	width:203px;
	height:166px;
	border:none;
}
#shoplist #lastnlist .assetImgInner {
	display:table-cell;
	width:203px;
	height:166px;
}
#shoplist .assetTitle {
	clear:none;
}
#shoplist #lastnlist .assetMeta,
#shoplist #lastnlist .assetTitle,
#shoplist #lastnlist .assetCatch,
#shoplist #lastnlist .assetBody{
	margin-left:225px;
}

/*----------------------------------------------------

	SHOP詳細　基本

----------------------------------------------------*/
.assetBase {
	overflow:hidden;
	margin:0 0 25px;
}
#shopDetail .assetTitle {
	overflow:hidden;
	position:relative;
	margin:0 0 10px;
	padding:0 0 5px 0;
	border-bottom:1px solid #777777;
	line-height:1.4;
}
* html #shopDetail .assetTitle { height:1%}

#shopDetail .assetTitle h3{
	position:relative;
	left:12px;
	line-height:1;
	font-size:120%;
	width:500px;
	padding:1px 0;
}
* html #shopDetail .assetTitle h3{
	display:inline;
	padding-left:1px;
}
*:first-child+html #shopDetail .assetTitle h3{
	display:inline;
	padding-left:5px;
}

#shopDetail .assetTitle .categoryName{
	display:inline-block;
	float:left;
	padding:0 10px;
	height:18px;
	line-height:18px;
}
.assetBase .assetImg {
	display:block;
	float:left;
	width:203px;
	height:166px;
	border:1px solid #D7D2D4;
}
.assetBase .assetImgInner {
	display:table-cell;
	width:203px;
	height:166px;
	text-align:center;
	vertical-align:middle;
}
* html .assetBase .assetImgInner {
	padding:5px;
}
* html .assetBase .assetImg { height:auto; margin-bottom:10px;}
* html .assetBase .assetImgInner { height:auto;}

*:first-child+html .assetBase .assetImgInner {
	padding:5px;
}
*:first-child+html .assetBase .assetImg { height:auto; margin-bottom:10px;}
*:first-child+html .assetBase .assetImgInner { height:auto;}

.assetBase .assetMeta {
	margin:0 0 0 230px;
}
.assetBase .assetMeta abbr{
	float:none;
	width:auto;
	margin: 0 0 8px;
	text-align:left;
	font-size:84%;
	color:#999;
}
.assetBase .assetCatch {
	margin:0 0 5px 230px;
	font-weight:bold;
	color:#666;
}
.assetBase .assetBody {
	margin:0 0 10px 230px;
}

/*----------------------------------------------------

	SHOP詳細 詳細データ

----------------------------------------------------*/
#shopDetail{
    background: white;
    padding: 20px;
}

.assetDetail {
	clear:both;
	margin:0 0 25px;
}
* html .assetDetail { height:1%;}

#shopDetail .assetDetail .assetTitle {
	margin:0 0 5px;
	padding:0;
	border-bottom:none;
	line-height:1;
	color:#666;
	font-size:108%;
	font-weight:bold;
}
#shopDetail .assetDetail .assetSubTitle {
	margin:0;
	line-height:1;
	color:#666;
	font-size:84%;
}
.assetGmap {
	overflow:hidden;
	width:181px;
	float:right;
	text-align:right;
}
.assetGmap #gMap{
	width:175px;
	height:175px;
	margin:0 0 5px;
	padding:2px;
	border:1px #c8c8c8 solid;
	text-align:left;
}
.assetGmap .mapError{
 background-color:#E5E3DF;
}

.assetGmap a {
	padding:0 3px 0 10px;
	background:url(../img/mak_arrow02.gif) left no-repeat;
}
.assetDetail table {
	width:428px;
	margin:10px 0 0;
	background-color:#efefef;
}
.assetDetail th {
	width:79px;
	padding:5px 0 8px 17px;
	background:url(../img/bg_detail_table.gif) bottom repeat-x;
	vertical-align:top;
	font-weight:normal;
}
.assetDetail td {
	padding:5px 0 8px 17px;
	background:url(../img/bg_detail_table.gif) bottom repeat-x;
	background-color:#FFF;
	vertical-align:top;
}
/*----------------------------------------------------

	twitter

----------------------------------------------------*/
#shopDetail div.twitter {
	margin:10px 0 15px;
	text-align:right;
	font-weight:bold;
	line-height:1;
}
#shopDetail div.twitter img{
	margin:0 3px 0 3px;
	padding:0 0 1px;
	vertical-align:bottom;
}
*:first-child+html #shopDetail div.twitter img{
	margin:0 3px 0 3px;
	padding:0;
	vertical-align:middle;
}
span.twitter{
	display:block;
	overflow:hidden;
	float:right;
	margin:2px 0 0;
	text-align:right;
	font-weight:bold;
	line-height:1;
	font-size:100%;
}
span.twitter img{
	margin:0 3px 0 0;
	padding:0 0 1px;
	vertical-align:bottom;
}
*:first-child+html span.twitter img{
	margin:0 3px 0 0;
	padding:0;
	vertical-align:middle;
}
.fnshop .assetTitle span.twitter a{
	color:#D84174;
}

/*----------------------------------------------------

	SHOP詳細 関連

----------------------------------------------------*/

#shopDetail .categoryBlock {
	position:relative;
	padding:0 0 6em;
}
* html #shopDetail .categoryBlock { margin-bottom:-2em;}
*:first-child+html #shopDetail .categoryBlock { margin-bottom:-2em;}

#areaEntry .assetImg,
#relEntry .assetImg{
	display:block;
	width:185px;
	height:123px;
	border:1px solid #D7D2D4;
	overflow:hidden;
}
#areaEntry .assetImgInner,
#relEntry .assetImgInner {
	display:table-cell;
	width:185px;
	height:123px;
	border:none;
	vertical-align:middle;
}
#shopDetail .categoryBlock h4.assetTitle{
	position:static;
	margin:0 0 5px;
	padding:0;
	border:none;
}
#shopDetail .categoryBlock .assetMeta {
	margin:15px 0 0;
	overflow:visible;
}
#shopDetail .categoryBlock .assetMeta .assetAuthor {
	display:block;
	float:right;
	width:6em;
	text-align:right;
	color:#966d4c;
	font-size:82%;
	font-weight:bold;
}
#shopDetail .categoryBlock .assetMeta .publishDate {
	display:block;
	float:none;
	width:auto;
	text-align:left;
	color:#99999;
	font-size:82%;
}
#shopDetail .categoryBlock .assetMeta .categoryName{
	display:inline-block;
	width:auto;
	margin:5px 0;
	padding:2px 7px;
	line-height:1;
	font-size:84%;
}
* html #shopDetail #areaEntry .assetMeta .categoryName{
	display:block;
	width:7em;
	text-align: center;
}

#shopDetail #relEntry .assetMeta .categoryName{
	background-color:transparent;
	padding:0;
}
#shopDetail .categoryBlock .assetBody {
	margin:0 0 15px;
}
#shopDetail .categoryBlock .assetMore {
	position: absolute;
	bottom:5em;
	margin:0;
	padding:0;
	width:185px;
	text-align:right;
}
* html #shopDetail .categoryBlock .assetMore { bottom:7em;}
*:first-child+html #shopDetail .categoryBlock .assetMore { bottom:7em;}

#shopDetail .categoryBlock li {
	float:left;
	width:187px;
	margin:0 28px 0 0;
}
#shopDetail .categoryBlock li.last {
	margin:0;
}
#shopDetail .categoryBlock .more {
	position:absolute;
	bottom:2.5em;
	left:0;
	width:618px;
	text-align:right;
}
* html #shopDetail .categoryBlock .more { bottom:4.5em;}
*:first-child+html #shopDetail .categoryBlock .more { bottom:4.5em;}

#shopDetail .categoryBlock .more a{
	padding:0 3px 0 10px;
	background:url(../img/mak_arrow02.gif) left no-repeat;
}
#shopDetail .sameArea,
.categoryLabel .sameArea{
	display:inline-block;
	height:26px;
	padding:0 20px;
	line-height:26px;
	color:#FFF;
	font-weight:normal;
}

/*----------------------------------------------------

	ページ分割

----------------------------------------------------*/
.pageBute {
	clear:both;
	position:relative;
	width:618px;
	padding:0 0 5px 0;
	background:url(../img/bg_pagenav_btm.gif) bottom no-repeat;
}
.pageBute .inner {
	width:618px;
	padding:5px 0 0;
	background:url(../img/bg_pagenav_top.gif) top no-repeat;
}
.pageBute p{
	padding:22px 0;
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
	text-align:center;
	font-size:108%;
}
.pageBute p.toTop{
	padding:13px 0;
}
.pageBute p.toTop a{
	padding:0;
}
.pageBute a{
		padding:0 0.3em;
		color:#D84174;
		font-weight:bold;
}
.pageBute span.current_page {
	font-weight:bold;
	padding:0 0.3em;
}
.pageBute span a{
	display:block;
	overflow:hidden;
	position:absolute;
	width:152px;
	height:36px;
	padding:0;
	text-indent:-9999px;
}
.pageBute span.before a:hover,
.pageBute span.next a:hover{
	background-position:0 -36px;
}
.pageBute span.before a{
	top:18px;
	left:20px;
}
.pageBute span.next a{
	top:18px;
	right:20px;
	background:url(../img/common/btn_next.gif) no-repeat;
}
.fnshop .pageBute span.before a{
	background:url(../../fashion/img/btn_before.gif) no-repeat;
}
.fnshop .pageBute span.next a{
	background:url(../../fashion/img/btn_next.gif) no-repeat;
}
.btshop .pageBute span.before a{
	background:url(../../beauty/img/btn_before.gif) no-repeat;
}
.btshop .pageBute span.next a{
	background:url(../../beauty/img/btn_next.gif) no-repeat;
}


/*----------------------------------------------------

	サイドバー

----------------------------------------------------*/
#rightside #areaSearch {
	padding:0;
	border:none;
}
#rightside .fnshop {background: url(../img/bg_fnsidebar.gif) repeat-y;}
#rightside .btshop {background: url(../img/bg_btsidebar.gif) repeat-y;}
#rightside .lsshop {background: url(../img/bg_lssidebar.gif) repeat-y;}

#rightside #areaSearch ul {
	margin:0;
	padding:15px 14px 5px 16px;
}
#rightside .fnshop ul{background:url(../img/bg_fnsidebar_btm.gif) left bottom no-repeat;}
#rightside .btshop ul{background:url(../img/bg_btsidebar_btm.gif) left bottom no-repeat;}
#rightside .lsshop ul{background:url(../img/bg_lssidebar_btm.gif) left bottom no-repeat;}

#rightside #areaSearch ul ul{
	margin:10px 5px;
	padding:0;
	background:none;
	overflow:hidden;
}
#rightside #areaSearch ul ul{ height:1%}

#rightside .entrylist li.firstChild {
	margin:0;
	padding:0;
	background:none;
}
#rightside #areaSearch ul li{
	clear:both;
	margin:0 0 6px 0;
	font-weight:bold;
}
#rightside #areaSearch ul li li{
	clear:none;
	width:auto;
	float:left;
	margin:0 0 10px 0;
	padding:0 7px 0 7px;
	line-height:1;
	font-weight: normal;
	border-left:1px solid #090b16
}
* html #rightside #areaSearch ul li li{
	white-space:nowrap;
}

#rightside .fnshop a{color:#675180;}
#rightside .btshop a{color:#D84174;}
#rightside .lsshop a{color:#44763C;}