/*
	$Id: common_shopb.css,v1 $

======================================================================
  Memo
・フォントサイズ固定のためOsakaとＭＳＰゴを指定。ヒラギノはおまけ。 060413
・共有ボックス専用
・小売店用青色

======================================================================
*/
/*------------------------------------
  タイトルジャンルセット
-------------------------------------*/
h2.genreST {
	background-image: url(title/sub_genre9.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 0px 0px;
	width: 500px;
	height: 42px;
	font-size: 10px;
	line-height: 10px;
	text-indent:-5000px;
}
h3.shopInfo {
	background-image: url(title/sub_sinfo9.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 0px 0px;
	width: 500px;
	height: 42px;
	font-size: 10px;
	line-height: 10px;
	text-indent:-5000px;
}
h3.shopData {
	background-image: url(title/sub_sdata9.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 0px 0px;
	width: 500px;
	height: 42px;
	font-size: 10px;
	line-height: 10px;
	text-indent:-5000px;
}
/*------------------------------------
  タイトルエリア
-------------------------------------*/
h2.areaST {
	background-image: url(title/sub_area9.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 0px 0px;
	width: 500px;
	height: 42px;
	font-size: 10px;
	line-height: 10px;
	text-indent:-5000px;
}
/*------------------------------------
  一覧
-------------------------------------*/
p.genre {
	margin: 10px 0px 0px 0px;
	background-color: #F0F0F0;
	padding: 2px 8px 1px 8px;
	font-size: 12px;
	line-height: 12px;
	color: #133c95;
}
h3.genre {
	margin: 0px;
	padding: 4px 8px 4px 8px;
	background-color: #7FB2FF;
	font-size: 18px;
	line-height: 18px;
	color: #133c95;
}
span.genre {
	font-size: 14px;
}
div.genrePhoto {
	margin: 0px;
	width: 250px;
	font-size: 0px;
	line-height: 0%;
	float: left;
}
img.genre {
	width: 250px;
}
div.genreText {
	margin: 10px 0px 0px 18px;
	width: 232px;
	float: left;
}
/*------------------------------------
  詳細 タイトル
-------------------------------------*/
div.conShopBox {
	background-color: #133c95;
	width: 500px;
}
div.shopTitle {
	width: 300px;
	float: left;
}
div.shopAdd {
	width: 200px;
	padding-top: 5px;
	text-align: right;
	float: left;
}
p.shopRubi {
	margin: 0px;
	background-color: #133c95;
	padding: 8px 8px 0px 8px;
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
}
h3.shop {
	margin: 0px;
	padding: 0px 8px 5px 8px;
	background-color: #133c95;
	font-size: 28px;
	line-height: 28px;
	color: #FFFFFF;
}
span.shop {
	font-size: 16px;
}
span.shopTel {
	background-image: url(icon/tel.gif);
	background-repeat: no-repeat;
	padding: 1px 12px 0px 25px;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
p.shopMap {
	margin: 8px 12px 4px 0px;
	text-align: right;
}
a.shopMap {
	border: 1px solid #FFFFFF;
	padding: 2px 12px 2px 12px;
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.shopMap:hover {
	border: 1px solid #FFFFFF;
	padding: 2px 12px 2px 12px;
	background-color: #7FB2FF;
	font-size: 12px;
	line-height: 12px;
	color: #133c95;
	text-decoration: none;
}

/*------------------------------------
  詳細 本文
-------------------------------------*/
p.shop {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #133c95;
	text-align: center;
}
div.shopPhoto {
	margin: 8px 18px 8px 0px;
	width: 300px;
	font-size: 10px;
	line-height: 140%;
	text-align: center;
	float: left;
}
img.shop0 {
	width: 300px;
}
div.shopText {
	padding: 10px 0px 0px 18px;
}
/*
　クーポン情報
*/
div.shopKupon {
	border: 2px solid red;
	padding: 5px 10px 15px 10px;
}
p.shopKuponT {
	font-size: 14px;
	color: #ff0000;
	text-align: center;
}
p.shopKuponN {
	text-align: center;
}

/*------------------------------------
  詳細 紹介・雰囲気
-------------------------------------*/
div.shopInfo2in {
	margin: 10px 0px 10px 0px;
	width: 248px;
	font-size: 10px;
	line-height: 140%;
	text-align: center;
	float: left;
}
div.shopInfo3in {
	margin: 10px 0px 10px 0px;
	width: 165px;
	font-size: 10px;
	line-height: 140%;
	text-align: center;
	float: left;
}
div.shopInfo4in {
	margin: 10px 0px 10px 0px;
	width: 123px;
	font-size: 10px;
	line-height: 140%;
	text-align: center;
	float: left;
}
div.shopInfo {
	margin: 10px;
	padding: 10px 25px 10px 25px;
	background-color: #F0F0F0;
	font-size: 12px;
	line-height: 12px;
	color: #666666;
}
p.shopInfo {
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #33333;
}
ul.shopInfo {
	margin-left: 10px;
}
/*------------------------------------
  詳細 詳細情報
-------------------------------------*/
img.shopP {
	margin: 8px 18px 18px 0px;
	float: left;
}
table.shopData {
	width: 460px;
	margin: 20px;
}
td.shopLt {
	width: 70px;
	background-color: #f0f0f0;
	padding: 5px 12px 4px 12px;
	font-size: 12px;
	line-height: 100%;
	text-align: right;
	color: #333333;
	border: 1px solid #7FB2FF;
}
td.shopRt {
	padding: 5px 12px 4px 12px;
	font-size: 12px;
	line-height: 100%;
	text-align: left;
	color: #333333;
	border: 1px solid #7FB2FF;
	border-left: none;
}
td.shopL {
	width: 70px;
	background-color: #f0f0f0;
	padding: 5px 12px 4px 12px;
	font-size: 12px;
	line-height: 100%;
	text-align: right;
	color: #333333;
	border: 1px solid #7FB2FF;
	border-top: none;
}
td.shopR {
	padding: 5px 12px 4px 12px;
	font-size: 12px;
	line-height: 100%;
	text-align: left;
	color: #333333;
	border-right: 1px solid #7FB2FF;
	border-bottom: 1px solid #7FB2FF;
}
/*------------------------------------
  備考
-------------------------------------*/
/*線種：border: *px (線種) #color;
none（無し）
solid（実線）・dotted（破線）・double（二重線）
groove（谷線）・ridge（山線）
inset（内線）・outset（外線）
*/

/*文字飾り：text-decoration
none（無し）
underline（下線）・overline（上線）
line-through（打ち消し線）
blink（点滅）・inherit（継承）

太字に限り以下：font-weight
normal（通常）と bold（太字）
*/

