@charset "utf-8";
/* ===================================================================
CSS information
 file name  :pages.css

トップパーツ
特集記事
ショップ一覧
ショップ詳細
固定ページ

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


/*-------------------------------------------------------------------
	TOP&Feature 最新ショップ情報  shopDB用はDB用スタイル個所
-------------------------------------------------------------------*/
#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;
}

/* -----------------------------------------------------------
	#feature
		特集記事
----------------------------------------------------------- */
/* ------------- 一覧 ------------- */
#feature #main article.feature-list{
	width:650px;
}
#feature #main article.feature-list nav{
	width:640px;
	padding-left:10px;
	background:url("../imgdir/feature/line_list.gif") repeat-x bottom;
}
#feature #main article.feature-list nav li{
	float:left;
	width:131px;
	height:51px;
	padding-right:17px;
}
#feature #main article.feature-list nav li.eat{ background:url("../imgdir/feature/Feature_category_eat_on.gif") no-repeat; }
#feature #main article.feature-list nav li.enjoy{ background:url("../imgdir/feature/Feature_category_enjoy_on.gif") no-repeat; }
#feature #main article.feature-list nav li.play{ background:url("../imgdir/feature/Feature_category_play_on.gif") no-repeat; }
#feature #main article.feature-list nav li.learn{ background:url("../imgdir/feature/Feature_category_learn_on.gif") no-repeat; }

#feature #main article.feature-list nav li a { display: block; }
#feature #main article.feature-list nav li a:hover{ background: none; }
#feature #main article.feature-list nav li a:hover img { visibility: hidden; }
/* アクティブ */
#feature #main article.feature-list nav li a.active{visibility: hidden;}


#feature #main article.feature-list .list{
	
	padding:13px 8px 0 9px;
	border-bottom:solid 1px #ddd2b4;
	border-left:solid 1px #ddd2b4;
	border-right:solid 1px #ddd2b4;
}

#feature #main article.feature-list .list .fbox{
	float:left;
	width:200px;
	padding:0 0 15px 0;
	border-bottom:dotted 1px #ccc;
	margin:0 5px 20px 5px;
}
#feature #main article.feature-list .list .fbox h2 span {color:#C30;}
#feature #main article.feature-list .list .fbox .socialblock div {float:left;line-heiht:100%;padding:0;margin:0;height:20px;overflow:hidden;width:96px;}
#feature #main article.feature-list .list .fbox .socialblock div.facebook {width:100px;}
#feature #main article.feature-list .list .fbox .photo{
	width:200px;height:150px;
	margin-bottom:10px;
}
#feature #main article.feature-list .list .fbox .data,
#feature #main article.feature-list .list .fbox p{
	font-size:10px;
}

#feature #main article.feature-list .list .pagenate {clear:left;margin:0 auto 25px;text-align:left;position: relative;left: 50%;float:left;}
#feature #main article.feature-list .list .pagenate li {float:left;margin:5px 2px 0;position: relative; left: -50%;}
#feature #main article.feature-list .list .pagenate li a {background:#e7e6e4; padding:4px 10px; line-height:100%;color:#000;}
#feature #main article.feature-list .list .pagenate li span {background:#000;color:#fff;padding:5px 10px;line-height:100%;}

/* ------------- 詳細 ------------- */
#feature #main article.detail{
	width:618px;
	padding:15px;
	border:dotted 1px #ccc;
	color:#666;
	position:relative;
}
#feature #main article.detail .data{
	text-align:right;
	margin:-5px 0 22px;
}
#feature #main article.detail .socialblock {position:absolute;top:12px;left:15px;}
#feature #main article.detail .socialblock div {float:left;line-heiht:100%;padding:0;margin:0;height:20px;overflow:hidden;width:96px;}
#feature #main article.detail .socialblock div#fb {width:100px;}
#feature #main article.detail h2{
	border-bottom:dotted 1px #ccc;
	padding-bottom:15px;
	margin-bottom:6px;
	font-size:20px;
	font-weight:bold;
	line-height:1.8em!important;
}

#feature #main article.detail .dbox img {margin-bottom:3px;}
#feature #main article.detail .dbox .left,
#feature #main article.detail .dbox .right{
	width:305px;
	font-size:10px;
}
#feature #main article.detail h3{
	padding-bottom:15px;
	font-size:16px;
	font-weight:bold;
}

#feature #main article.detail table{
	width:618px;
	border-left:dotted 1px #ccc;
	border-top:dotted 1px #ccc;
	margin-bottom:20px;
}
#feature #main article.detail table th,
#feature #main article.detail table td{
	padding:10px 10px 8px;line-height:140%;
	border-right:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
}
#feature #main article.detail table th{
	width:100px;
	background:#e8e8e4;
}

#feature #main article.detail #map {width:618px;height:320px;}

#feature #main article.detail .contactus {text-align:right;margin:0 0 15px;}

#feature #main article.detail .pagenate {margin:-30px auto 0;text-align:left;position: relative;left: 50%;float:left;}
#feature #main article.detail .pagenate li {float:left;margin:5px 2px 0;position: relative; left: -50%;}
#feature #main article.detail .pagenate li a {background:#e7e6e4; padding:4px 10px; line-height:100%;color:#000;}
#feature #main article.detail .pagenate li span {background:#000;color:#fff;padding:5px 10px;line-height:100%;}



/*----------------------------------------------------
	ショップカテゴリ 
----------------------------------------------------*/
#db .shop_category{
	width:470px;
}

#db .shop_category a{
	color:#333;
	text-decoration:underline;
}
#db .shop_category a:hover{
	color:#333;
	text-decoration:none;
}
#db .shop_category .dbinner {width:227px;margin:0 0 20px;}
#db .shop_category .dbinner.boxl{
	float:left;
}
#db .shop_category .dbinner.boxr{
	float:right;
}
#db .shop_category .dbinner:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#db .shop_category .cateLabel {margin:0 0 10px;padding-bottom:10px;border-bottom:dotted 1px #ccc;}
#db .shop_category .icon{
	float:left;
	width:41px;
	padding-right:10px;
}
#db .shop_category h3{
	font-size:14px;font-weight:bold;
	padding-top:13px;
	font-size:14px;
}
#db .shop_category h3 a{
	text-decoration:none;
}
#db .shop_category h3.beauty,
#db .shop_category h3.art,
#db .shop_category h3.amusement{
	padding-top:3px;
}

#db .shop_category .dbinner li{
	display:inline;
	padding-right:8px;
	margin-right:6px;
	background:url("../imgdir/shop/line_category.gif") no-repeat right;
}

/* -----------------------------------------------------------
	ショップ一覧
----------------------------------------------------------- */
#db .shoplist_box {
	padding:10px 17px 10px 8px;
	border-bottom:1px dotted #DDD2B4;
}
#db .shoplist_box:hover{
	background:#fef9e3;
}
#db .shoplist_box h4 {
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
}
#db .shoplist_box p{
	font-size:10px;
	margin-bottom:5px;
}
#db .shoplist_box dl {
	font-size:10px;
	
}
#db .shoplist_box dt {display:inline;margin-right:5px;}
#db .shoplist_box dl dd {display:inline; margin-right:10px;}
#db #gmap {
	border:1px solid #cccc99;
	width:298px;
	height:328px;
	margin-bottom:12px;
}


#db #main-column .pagenate {clear:left;margin:30px auto 25px;text-align:left;position: relative;left: 50%;float:left;}
#db #main-column .pagenate li {float:left;margin:3px 2px 0;position: relative; left: -50%;}
#db #main-column .pagenate li a {background:#e7e6e4; padding:4px 10px; line-height:100%;color:#000;}
#db #main-column .pagenate li span {background:#000;color:#fff;padding:5px 10px;line-height:100%;}


/* -----------------------------------------------------------
	#single
		ショップ詳細
----------------------------------------------------------- */

#db #main-column{
	width:470px;
}
#db #main-column .title{
	width:460px;
	padding:9px 0 9px 1px;
	margin-bottom:8px;
	background:url("../imgdir/common/title_bg.gif") no-repeat;
}

#db #main-column .socialblock {padding:0 0 17px 0px;}
#db #main-column .socialblock div {float:left;line-heiht:100%;padding:0;margin:0;height:20px;overflow:hidden;width:96px;}
#db #main-column .socialblock div#fb {width:100px;}

#db #main-column h2.shopname{
	font-size:18px;
	font-weight:bold;
	border-bottom:solid 1px #ccc;
	padding:0 0 10px 0px;
	margin-bottom:10px;
	line-height:120%;
}
#db #main-column .photo{
	float:left;
	width:180px;
	margin:0 15px 10px 0;
}
#db #main-column .photo .zoom{
	text-align:center;
	padding:4px 0 0;
}
#db #main-column .box{
	/*float:left;*/
	/*margin:0 0 0 195px;*/
	/*width:275px;*/
}
#db #main-column .box p {margin-bottom:10px;}

#db #main-column table{
	width:469px;
	border-left:dotted 1px #ccc;
	border-top:dotted 1px #ccc;
	margin-bottom:20px;
}
#db #main-column table th,
#db #main-column table td{
	padding:10px 10px 8px;line-height:140%;
	border-right:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
}
#db #main-column table th{
	width:100px;
	background:#e8e8e4;
}
#db #main-column table td{
}
/* マップ */
#db #map_canvas{width: 470px;height: 320px;margin-bottom:20px;}


#db #main-column .shop {width:470px;margin-bottom:20px;}

/* タイトル */
#db #main-column .shop .title_2line {
	position:relative;
	width:470px;
	height:40px;
	margin-bottom:15px;
}
#db #main-column .shop .title_2line div{
	position:absolute;
	top:12px;
	right:18px;
	padding-left:18px;
	background:url("../imgdir/common/icon_list.gif") no-repeat 0 2px;
}


#db #main-column .shop .box{
	float:left;
	width:234px;
}
#db #main-column .shop  .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#db #main-column .shop .box a{
	display:block;
	width:218px;
	padding:8px;
}
#db #main-column .shop .box a:hover{
	background:#fef9e3;
	text-decoration:none;
}
#db #main-column .shop .box div{
	float:left;
	width:40px;
	padding-right:10px;
}
#db #main-column .shop .box h4{
	float:left;
	width:168px;
	font-size:10px;
	font-weight:bold;
}
#db #main-column .shop .box a h4{
	color:#e89de4;
	line-height:100%;
	margin-bottom:3px;
}
#db #main-column .shop .box a:hover h4{
	color:#e89de4;
}
#db #main-column .shop .box p{
	float:left;
	width:168px;
	font-size:10px;
	line-height:140%;
}


/* shopTweets */
#shopTweets {margin:0 0 20px;}
#shopTweets h1 {background:#e8e8e4;padding:8px 0 8px 10px;border:dotted 1px #ccc;border-bottom:none;line-height:100%;font-size:12px;}
#shopTweets ol {/*height:140px;overflow-y:auto;*/padding:10px 10px 0 10px;border:dotted 1px #ccc;}
#shopTweets.loading {padding: 6em 0;background: url('../imgdir/common/loading.gif') no-repeat center;}
#shopTweets li {padding:0 0 8px 0;margin:0 0 10px 0;border-bottom: 1px solid #e9e9e9;}
#shopTweets p.name {color: #666;}
#shopTweets p.body {font-size:10px;line-height:140%;}

#shopTweets p span.time {font-size: 10px;color: #bbb;}

#shopTweets .user img {padding: 5px;border: 1px solid #e9e9e9;background:#fff;}
#shopTweets .grid_l {float:left;margin:0 10px 0 0;}
#shopTweets .grid_r {float:left;width:380px;}


/*----------------------------------------------------
	ホームタウン吉祥寺とは
----------------------------------------------------*/
.about section.line		{background:url(../imgdir/common/dot.gif) repeat-x 0 bottom;}
.about section .case	{width:313px;}
.about .w375			{width:375px;}
.about .spot			{width:208px;padding-right:13px;}
.about .spot-last		{width:208px;}

/*----------------------------------------------------
	無料登録
----------------------------------------------------*/
.free-post section.line		{background:url(../imgdir/common/dot.gif) repeat-x 0 bottom;}
.free-post .orange			{color:#ff8926;}
.free-post .red				{color:#f61100;}

.free-post .w415			{width:415px;}
.free-post a:hover img.alpha{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}
.free-post .recommend		{background:url(../imgdir/free_post/info.jpg) no-repeat 0 0;height:350px;padding:145px 395px 0 0;}
.free-post .posted ul		{border:3px solid #f0ecdc;padding:10px 0 10px 10px;}
.free-post .posted ul li	{width:195px;float:left;background:url(../imgdir/free_post/mark.gif) no-repeat 0 5px;padding-left:15px;}
.free-post .flow dl			{width:180px;float:left;}
.free-post .flow dl.arrow	{background:url(../imgdir/free_post/arrow.gif) no-repeat right 10px;padding-right:35px;}

/* 申し込みフォームテーブル */
.free-post .contact_form table		{width:649px;border-left:dotted 1px #ccc;border-top:dotted 1px #ccc;margin-bottom:20px;}
.free-post .contact_form table th,
.free-post .contact_form table td	{padding:10px 10px 6px;line-height:120%;border-right:dotted 1px #ccc;border-bottom:dotted 1px #ccc;}
.free-post .contact_form table th	{width:150px;background:#e8e8e4;}
.free-post .contact_form td input,
.free-post .contact_form td textarea{width:400px;}
.free-post .contact_form td input.auto {width:auto;}

.free-post .works_step { width: 510px; margin:0 auto; }
.free-post .works_attention { margin-left: 2em; margin-bottom: 20px; line-height: 1.7;}
.free-post .works_attention li { margin-left: -1em; text-indent: -1em; }

/*----------------------------------------------------
	吉祥寺レンタルスペース&ギャラリー
----------------------------------------------------*/

/* ------------- 一覧 ------------- */
#gallery #main article.gallery-list{
	width:650px;
}
#gallery #main .gallery-list .r_g {
	font-size: 12px;
	display: block;
	margin-bottom: 20px;
}
#gallery #main article.gallery-list nav{
	width:640px;
	padding-left:10px;
	background:url("../imgdir/feature/line_list.gif") repeat-x bottom;
}
#gallery #main article.gallery-list nav li{
	float:left;
	width:279px;
	height:51px;
	padding-right:17px;
}
.intro  {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;

}
.intro img,{
vertical-align:middle;
}

#gallery #main article.gallery-list nav li.space{ background:url("../imgdir/gallery/Gallery_category_space_on.gif") no-repeat; }
#gallery #main article.gallery-list nav li.gallery{ background:url("../imgdir/gallery/Gallery_category_gallery_on.gif") no-repeat; }

#gallery #main article.gallery-list nav li a { display: block; }
#gallery #main article.gallery-list nav li a:hover{ background: none; }
#gallery #main article.gallery-list nav li a:hover img { visibility: hidden; }
/* アクティブ */
#gallery #main article.gallery-list nav li a.active{visibility: hidden;}


#gallery #main article.gallery-list .list{
	
	padding:13px 8px 0 9px;
	border-bottom:solid 1px #ddd2b4;
	border-left:solid 1px #ddd2b4;
	border-right:solid 1px #ddd2b4;
}

#gallery #main article.gallery-list .list .fbox{
	float:left;
	width:200px;
	height:300px;
	padding:0 0 15px 0;
	border-bottom:dotted 1px #ccc;
	margin:0 5px 20px 5px;
}
#gallery #main article.gallery-list .list .fbox h2 span {color:#C30;}
#gallery #main article.gallery-list .list .fbox .socialblock div {float:left;line-heiht:100%;padding:0;margin:0;height:20px;overflow:hidden;width:96px;}
#gallery #main article.gallery-list .list .fbox .socialblock div.facebook {width:100px;}
#gallery #main article.gallery-list .list .fbox .photo{
	width:200px;height:150px;
	margin-bottom:10px;
}

#gallery #main article.gallery-list .list .fbox .url,
#gallery #main article.gallery-list .list .fbox p{
	font-size:10px;
	margin-bottom:5px;
	margin-top:5px;
}

#gallery #main article.gallery-list .list .fbox .url_long,{
	font-size:10px;
	margin-bottom:10px;
	margin-top:5px;
}

#gallery #main .gallery-list .list .fbox .url .url_btn {
	margin-bottom:1px;
	margin-right:5px;
}

#gallery #main article.gallery-list .list .fbox p{
	font-size:10px;
}

#gallery #main .gallery-list .fbox .detail {
	font-size: 10px;
	line-height: 1.2em;
}

#gallery #main .gallery-list .fbox .option img{
	margin:0 5px 5px 0;
}

.intro img{
	margin:0 5px 5px 0;
}
/*
#gallery #main article.gallery-list .list .pagenate {clear:left;margin:0 auto 25px;text-align:left;position: relative;left: 50%;float:left;}
#gallery #main article.gallery-list .list .pagenate li {float:left;margin:5px 2px 0;position: relative; left: -50%;}
#gallery #main article.gallery-list .list .pagenate li a {background:#e7e6e4; padding:4px 10px; line-height:100%;color:#000;}
#gallery #main article.gallery-list .list .pagenate li span {background:#000;color:#fff;padding:5px 10px;line-height:100%;}

*/
/*----------------------------------------------------
	暮らしの一覧
----------------------------------------------------*/
/* 左カラムリスト */
#left-column .list			{width:134px;padding:10px 10px 0;border-bottom:solid 3px #f1ebdc;border-left:solid 3px #f1ebdc;border-right:solid 3px #f1ebdc;margin-bottom:20px;}
#left-column .list ul li	{background:url(../imgdir/common/icon_list.gif) no-repeat 0 2px;padding-left:20px;margin-bottom:10px;}
#left-column .list ul li a	{color:#424242;text-decoration:underline;}

/* 一覧 */

#main-column .by_category h2{
	font-size:16px;
	font-weight:bold;
	border-bottom:solid 1px #ccc;
	padding:0 0 10px 7px;
	margin-bottom:10px;
	line-height:120%;
}

#main-column .by_category #life01 {
	background:#fff;
	border:1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#main-column .by_category #life01 h2 {padding:10px 0 7px 10px;}
#main-column .by_category #life01 p {padding:0 10px 0 10px;margin-bottom:10px;line-height:200%}

.by_category dl				{border-bottom:1px solid #ccc;padding:0 10px 10px 8px;margin-bottom:10px;}
.by_category dl dt			{width:135px;float:left;}
.by_category dl dt a		{text-decoration:underline;}
.by_category dl dd			{margin:0 0 0 145px;}

/* 一覧のdlクリア */
.by_category dl:after 		{ content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0.1em;line-height:0;}
.by_category dl 			{ display:inline-block; }
* html .by_category dl		{ height:1%; }
.by_category dl				{ display:block; }
* html .by_category dl		{display:inline-block;}
*+html .by_category dl		{display:inline-block;}


/*----------------------------------------------------
	サイトマップ
----------------------------------------------------*/

#sitemap ul {margin:0 5px;}
#sitemap ul .iconList {border-bottom:1px dotted #ccc;padding-bottom:5px;margin-bottom:8px;}

#sitemap ul li ul {margin-left:0;}
#sitemap ul li ul li {color:#360;}


/*----------------------------------------------------
	検索
----------------------------------------------------*/

#main section.search .pagenate {margin:0 auto;text-align:left;position: relative;left: 50%;float:left;}
#main section.search .pagenate li {float:left;margin:5px 2px 7px;position: relative; left: -50%;}
#main section.search .pagenate li a {background:#e7e6e4; padding:4px 10px; line-height:100%;color:#000;}
#main section.search .pagenate li span {background:#000;color:#fff;padding:5px 10px;line-height:100%;}

#main section.search .search_result {margin:0 0 12px 0;padding:0 0 12px 0;border-bottom:1px dotted #ccc;}
	#main section.search .search_result h2 {font-size:14px;font-weight:bold;margin:0 0 6px;}
	#main section.search .search_result p.postmetadata {padding:6px 0 0;font-size:10px;}
.intro {
	width: 100%;
	clear: both;
	display: block;
	height: 23px;
}