@charset "UTF-8";

/*グルメページ用 CSS*/

/*

information{
	FILE NAME : /css/gourmet.css;
}
 */
/*----------------------------------------------------
	グルメindexページ
----------------------------------------------------*/

/* --- メインタイトルエリア --- */
.page_tit{
	width:660px;
	margin-bottom:20px;
}
.page_tit .page_tit_l{
	float:left;
	width:330px;
}
.page_tit .page_tit_l h2{
	font-weight:bold;
	font-size: 14px;
	margin-left:5px;
}
.page_tit .page_tit_l .txt{
	font-weight:normal;
	font-size: 12px;
	line-height: 18px;
	margin-left:5px;
}
.page_tit .page_tit_r{
	float:left;
	width:330px;
}

/* --- タブ --- */
#tabs ul {
	width:540px;
	text-align:center;
	margin:0 auto 15px auto;
    position: relative;
}
#tabs ul li {
    float: left;
    height: 25px;
    margin: 0;
    width: 90px;
	list-style:none;
}
#tabs ul li a {
    display: block;
    height: 25px;
    width: 90px;
}
#tabs ul li.ui-state-default a#ui-id-1 {
    background-image: url("../img/tab01.gif");
}
#tabs ul li.ui-state-default a#ui-id-1:hover {
	background-image: url("../img/tab01_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-active a#ui-id-1, #tabs ul li.ui-state-active a#ui-id-1:hover {
    background-image: url("../img/tab01_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-default a#ui-id-2 {
    background-image: url("../img/tab02.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-default a#ui-id-2:hover {
    background-image: url("../img/tab02_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-active a#ui-id-2, #tabs ul li.ui-state-active a#ui-id-2:hover {
    background-image: url("../img/tab02_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-default a#ui-id-3 {
    background-image: url("../img/tab03.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-default a#ui-id-3:hover {
    background-image: url("../img/tab03_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-active a#ui-id-3, #tabs ul li.ui-state-active a#ui-id-3:hover {
    background-image: url("../img/tab03_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-default a#ui-id-4 {
    background-image: url("../img/tab04.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-default a#ui-id-4:hover {
    background-image: url("../img/tab04_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-active a#ui-id-4, #tabs ul li.ui-state-active a#ui-id-4:hover {
    background-image: url("../img/tab04_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-default a#ui-id-5 {
    background-image: url("../img/tab05.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-default a#ui-id-5:hover {
    background-image: url("../img/tab05_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-active a#ui-id-5, #tabs ul li.ui-state-active a#ui-id-5:hover {
    background-image: url("../img/tab05_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-default a#ui-id-6 {
    background-image: url("../img/tab06.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-default a#ui-id-6:hover {
    background-image: url("../img/tab06_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li.ui-state-active a#ui-id-6, #tabs ul li.ui-state-active a#ui-id-6:hover {
    background-image: url("../img/tab06_current.gif");
	background-repeat: no-repeat;
	background-position: center top;
}
#tabs ul li a span {
    display: none;
}

/* --- 記事 --- */
.article_box:first-child{
	border-top:1px dotted #808080;
	padding-top:10px;

}
.article_box{
	width:660px;
	border-bottom:1px dotted #808080;
	padding-top:10px;

}
.article_box dt{
	float:left;
	width:170px;
}
.article_box dd{
	float:right;
	width:480px;
	margin-bottom:10px;
}
.article_box dd .date{
	font-size:10px;
	margin:0;
}
.article_box dd .title{
	font-size:16px;
	font-weight:bold;
}
.article_box dd .text{
	font-size:12px;
}

/* --- ページネーション --- */
.pagenavi {
	text-align:center;
	margin:50px auto;
}
.pagenavi a, .pagenavi span {
    border: 1px solid #d8d8d8;
    margin: 5px;
    padding: 6px 10px;
    text-decoration: none;
	color:#999;
}
.pagenavi a:hover, .pagenavi span.current {
	border:1px solid #ea3036;
	background-color:#ea3036;
	color:#fff;
}
.pagenavi .first {
	border:1px solid #000;
	background-color:#000;
	color:#fff;
}.pagenavi .last {
	border:1px solid #000;
	background-color:#000;
	color:#fff;
}

/*----------------------------------------------------
	グルメdetailページ
----------------------------------------------------*/
.detail_page_tit{
	border-bottom:1px dotted #7f7f7f;
	border-top:1px dotted #7f7f7f;
	padding:20px;
	width:620px;
	margin-bottom:30px;
	position:relative;
}
.detail_page_tit ul.option li{
	float:left;
	list-style:none;
	margin-right:5px;
}

.detail_page_tit ul.option li.icon{
	background-color:#000;
	color:#fff;
	display:block;
	padding:2px 5px;
}
.detail_page_tit ul.option li.date{
	display:block;
	padding:2px 5px;
	font-size:12px;
}
.detail_page_tit .article_tit{
	font-size:24px;
	line-height:30px;
	font-weight:bold;
}
.detail_page_tit .sns_box{
	position:absolute;
	top:20px;
	right:0;
}
/*
.sns_box{
	width:200px;
	height:67px;
}
.sns_box li{
	list-style:none;
	float:left;
	padding-left:5px;
}*/

.article_box_detail{
	width:620px;
	padding:0 20px;
	margin-bottom:50px;
}
.article_box_detail p{
	font-size:14px;
	line-height:24px;
}
.shop_box{
	border:5px solid #e6e6e6;
	width:610px;
	padding:20px;
	margin-bottom:30px;
}
.shop_box .shop_cont_L{
	width:320px;
	float:left;
}
.shop_box .shop_cont_L p{
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
}

.shop_box .shop_cont_L table th{
	width:25%;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	padding:5px;
}
.shop_box .shop_cont_L table td{
	width:75%;
	text-align:left;
	vertical-align:top;
	padding:5px;
}
.shop_box .shop_cont_L table span.tel{
	font-size:16px;
	color:#ea3036;
	font-weight:bold;
}

.shop_box .shop_cont_R{
	width:260px;
	float:right;
}
.link_arrow li{
	list-style-position: inside;
	list-style-image: url(../img/link_arrow.gif);
	list-style-type: none;
}
.topics_box .link_arrow li{
	margin:0 0 20px 20px;;
}


/*----------------------------------------------------
	クチコメグルメindexページ
----------------------------------------------------*/

.LeadR  {
	width:429px;
	padding-left:21px;
	float:left;
}

.GourmetTtlArea .icon{
	float:left;
	margin-right:10px;
}

.GourmetTtlArea h3.ttl01{
	font-size:12px;
	font-weight:normal;
	line-height:1.4;
	padding-top:12px;
	margin-bottom:15px;
	float:left;
}

.GourmetTtlArea h3.ttl01 span{
	font-weight:bold;
	font-size:16px;
}

.GourmetTtlArea h3.ttl02{
	font-size:12px;
	font-weight:normal;
	line-height:1.4;
	padding-top:5px;
	margin-bottom:15px;
	float:left;
}

.GourmetTtlArea h3.ttl02 span{
	font-weight:bold;
	font-size:16px;
}

p.LeadHP {
	margin-top:20px;
	border-top:1px dotted #E0E0E0;
	padding-top:5px;
	border-bottom:1px dotted #E0E0E0;
	padding-bottom:5px;
}
	p.LeadHP span { color:#f01b11;}

.GourmetL {
	/*width:320px;*/
	float:left;
}

.GourmetR {
	/*width:320px;*/
	padding-left:20px;
	float:left;
}

h3.GourmetShopTtl{
	width:320px;
	font-size:14px;
	font-weight:bold;
}

h3.GourmetShopTtl .txtSmall{
	font-size:10px;
	margin-left:3px;
}

.GourmetBox{
	background:url("../img/arrow.gif") no-repeat 140px 25px ;
	padding-top:5px;
	overflow:hidden;
}

.GourmetPht {
	font-size:0;
	line-height:0;
	float:left;
}

.CommentArea {
	margin-left:16px;
	width:164px;
	background:url("../img/comment_bg02.gif") no-repeat left bottom;
	float:left;
}

.CommentBody {
	background:url("../img/comment_bg01.gif") no-repeat left top;
	padding:10px 12px;
}

.GourmetBtnArea {
	clear:both;
	padding-top:10px;
}

.GourmetBtn {
	width:320px;
	height:20px;
	line-height:0;
	font-size:0; 
	/* ¥*/position:relative;
	overflow:hidden;
	/*¥*//*/
	display:inline-table;
	/**/
}

.GourmetBackNum {
	padding:20px;
	margin-top:30px;
	background:url("../img/bg_backnumber.jpg") bottom left no-repeat #F9F9F9;
	min-height: 100px;
 	height: auto !important;
 	height: 100px;
	border:1px solid #E0E0E0;
	position:relative;
}
.BackNumTtl {
	left:20px;
	top:20px;
	position:absolute;
}

dl.BackNum {
	margin-left:225px;
	padding-left:21px;
	border-left:1px solid #E0E0E0; 
	min-height: 100px;
 	height: auto !important;
 	height: 100px;
}
	dl.BackNum dt {
		width:60px;
		color:#FF9900;
		font-weight:bold;
		float:left;
	}

	dl.BackNum dd {
		margin-left:60px;
	}
	

.TobeContinue02 {
	width:335px;
	background:#EEEEEE;
	margin:50px auto 0 auto;
	padding:15px 30px;
	text-align:center;
}
	.TobeContinue02 ul {
		width:277px;
		margin:0 auto;
		padding-top:10px;
		overflow:hidden;
	}

	.TobeContinue02 ul li {
		width:277px;
		height:27px;
		font-size: 0px;
		line-height: 0px;
		/* ¥*/position:relative;
		overflow:hidden!important;
		/*¥*//*/
		display:inline-table;
		/**/
		float:left;
	}
	.TobeContinue02 ul li.Rside {	margin-left:7px; width:277px;}
	.TobeContinue02 ul li a { display:block;}
	.TobeContinue02 ul li a:hover {  position:relative; top:-27px;}


/*----------------------------------------------------
	サブウィンドウ｜店舗詳細
----------------------------------------------------*/
body#SubWin {
	border:none;
}

#ShopDtlBox {
	width:710px;
	padding-bottom:30px;
	margin:0 auto;
	text-align:left;
}

.ShopInfo {
	padding-top:14px;
	overflow:hidden;
}

.ShopDtlPht {
	font-size:0;
	line-height:0;
	float:left;
}
	.ShopDtlPht img { padding-bottom:1px;}

.InfoTxt {
	width:415px;
	padding-left:25px;
	float:left;
}

.InfoTxt h1 {
	width:415px;
	height:25px;
	margin-bottom:10px;
}

.InfoTxt02 {
	width:415px;
	padding-left:25px;
	float:left;
}

.InfoTxt02 h1 {
	width:415px;
	height:41px;
	margin-bottom:10px;
}

.ShopAddL {
	width:383px;
	border:1px solid #FF9900;
	padding:12px 15px;
	margin-top:15px;
} 

.ShopAddD {
	width:383px;
	border:1px solid #7033CC;
	padding:12px 15px;
	margin-top:15px;
} 
.ShopAddS {
	width:383px;
	border:1px solid #EB613A;
	padding:12px 15px;
	margin-top:15px;
} 

.ShopAdd6 {
	width:383px;
	border:1px solid #E95350;
	padding:12px 15px;
	margin-top:15px;
} 

.ShopAddB {
	width:383px;
	border:1px solid #96c568;
	padding:12px 15px;
	margin-top:15px;
} 

.ShopAddC {
	width:383px;
	border:1px solid #7a563c;
	padding:12px 15px;
	margin-top:15px;
} 

.ShopAddBeverage {
	width:383px;
	border:1px solid #38b7e1;
	padding:12px 15px;
	margin-top:15px;
} 


table.ShopAddTbl {
	border-collapse: collapse;
    border-spacing: 0;
}

	table.ShopAddTbl caption {
		padding-bottom:10px;
		font-weight:bold;
		text-align:left;
	}
		.Lunch { color:#FF9900;}
		.Dinner { color:#7033CC;}
		.Sweets { color:#EB613A;}
		.Brunch { color:#d13365;}
		.Bakery { color:#96c568;}
		.Cafe { color:#7a563c;}
		.Date { color:#e95350;}
		.Beverage { color:#38b7e1;}
	table.ShopAddTbl caption p {
		color:#777777;
		font-size:10px;
	}
	
	
	table.ShopAddTbl th {
		width:80px;
		padding:2px 10px 0 0;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	table.ShopAddTbl td {
		padding:2px 10px 0 0;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	table.ShopAddTbl td.Org {
		font-size:14px;
		font-weight:bold;
		color:#FF9900;
	}

	table.ShopAddTbl td.Ppl {
		font-size:14px;
		font-weight:bold;
		color:#7033CC;
	}

	table.ShopAddTbl td.Org2 {
		font-size:14px;
		font-weight:bold;
		color:#EB613A;
	}
	
	table.ShopAddTbl td.red {
		font-size:14px;
		font-weight:bold;
		color:#E95350;
	}
	
	table.ShopAddTbl td.Pnk {
		font-size:14px;
		font-weight:bold;
		color:#d13365;
	}
	
	table.ShopAddTbl td.Grn {
		font-size:14px;
		font-weight:bold;
		color:#96c56b;
	}
	
	table.ShopAddTbl td.Brw {
		font-size:14px;
		font-weight:bold;
		color:#7a563c;
	}

	table.ShopAddTbl td.Blu {
		font-size:14px;
		font-weight:bold;
		color:#38b7e1;
	}


.ShopAddHp {
	position:absolute;
	bottom:36px;
	right:15px;
}

.ShopAddMap {
	position:absolute;
	bottom:12px;
	right:15px;
}

ol.PhtNoto {
	font-size:10px;
	padding-top:10px;
	padding-left:20px;
	_padding-left:25px;
	list-style-type: decimal;
	clear:both;
}

*+html ol.PhtNoto {
	font-size:10px;
	padding-top:10px;
	padding-left:25px;
	list-style-type: decimal;
	clear:both;
}
	ol.PhtNoto li {	list-style-type: decimal;}



ul.BtnArea {
	height:20px;
	overflow:hidden;
	margin-top:10px;
}
	ul.BtnArea li {
		height:20px;
		font-size: 0;
		line-height: 0;
		float:left;
		padding-right:8px;
	}
	ul.BtnArea li a { display:block;}
	ul.BtnArea li a:hover { margin-top:-20px;}