@charset "utf-8";

/* 店舗ヘッダー
---------------------------------------------*/
#header-shop {
	overflow:hidden;
	margin-bottom:20px;	
}
#header-shop .shop-category {
	width:30px;
	float:left;
	margin-right:10px;
}
#header-shop .shopname-box {
	width:720px;
	float:left;
	overflow:hidden;
}
#header-shop #shop-namekana {
	margin-bottom:5px;
	font-size:10px;
	letter-spacing:1px;
	color:#666;
}
#header-shop h1 {
	font-size:22px;
	font-weight:bold;
}
#header-shop .shoptel {
	font-size:15px;
	font-weight:bold;
	mih-height:13px;
	margin-bottom:5px;
	background:url(/common/images/icon_tel.png) no-repeat 0 4px;
	padding-left:25px;
	font-family:Verdana;
}

/* 店舗ナビゲーション
----------------------------------- */
dl#shop-nav {
	clear:both;
	width:100%;
}
dl#shop-nav dt {
	display:none;
}
/* タブメニュー */
dl#shop-nav dd ul.tab {
	clear:both;
	position:relative;
	border-bottom:1px solid #dedede;
	overflow:hidden;
}
dl#shop-nav dd ul.tab li {
	display:block;
	float:left;
	margin:10px 10px 0 0;
	border-top:1px solid #dedede;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	text-align:center;
	position:relative;
	top:1px;
}
dl#shop-nav dd ul.tab li a {
	display:block;
	height:16px;
	float:left;
	padding:5px 10px;
	background:url() repeat-y -300px 0;/* background指定はcustomに記述済み */
}
dl#shop-nav dd ul.tab li.on a {
	border-bottom:1px solid #ffffff;
	background:none;
	color:#333;
	cursor:default
}
dl#shop-nav dd ul.tab li a:hover,
dl#shop-nav dd ul.tab li.c-point a:hover { background:url() repeat-y -600px 0; }/* background指定はcustomに記述済み */
dl#shop-nav dd ul.tab li.on a:hover {background:none;}
dl#shop-nav dd ul.tab li.c-point a {color:#fff;background:url() repeat-y -900px 0;}/* background指定はcustomに記述済み */
#shop-nav .tab .new {
	position:absolute;
	top:-10px;
	right:-5px;
	padding:0 5px;
	color:#fff;
	font-size: 10px;
	background-color: #c00;
	border-radius: 3px;
	font-weight: bold;
}
/* 操作ナビゲーション */
.nav-operation {
	background-color:#ccc;
	padding:5px 10px;
	text-align:right;
	overflow:hidden;
}
.nav-operation ul {overflow:hidden;float:right;}
.nav-operation li {
	display:inline-block;
	/display: inline;  
    /zoom: 1;  
	margin-left:10px;
	padding-left:20px;
	cursor:pointer;
	color:#0000de;
}
.nav-operation #grape {	background:url(/common/images/icons_shops.png) no-repeat 0 -298px;}
.nav-operation #fav {	background:url(/common/images/icons_shops.png) no-repeat 0 -400px;}
.nav-operation #memo {	background:url(/common/images/icons_shops.png) no-repeat 0 -500px;}
.nav-operation #print {	background:url(/common/images/icons_shops.png) no-repeat 0 -600px;}
/* 自分のキニイッタ */
.edit-myfavorite {
	background-color:#eee;
	padding:5px 10px;
	border-bottom:1px solid #ccc;	
	margin-bottom:5px;
	color:#666;
	font-size:10px;
}
.edit-myfavorite dt {
	width:13em;
	float:left;
	font-weight:bold;
}
.edit-myfavorite li {
	display:inline-block;
	/display:inline;
    /zoom:1;
	margin-right:10px;}
/* memo */
.edit-memo {clear:both;}
/* みんなのキニイッタ！ */
.allfavorite {
	font-size:10px;
	overflow:hidden;
	clear:both;
	color:#666;
	margin:0 0 0 10px;
}
.allfavorite dt {
	width:110px;
	float:left;
	font-weight:bold;
	white-space:nowrap;
}
.allfavorite dd {
	width:620px;
	float:right;
	padding-left:10px;
}
.allfavorite ul,
.allfavorite li,
.allfavorite p {
	display:inline-block;
	/display: inline;  
    /zoom: 1;
	margin-right:10px;
}
/* プレゼント */
#shop-presents {
	background:#FFE3C8;
	margin-top:10px;
}
#shop-presents {
	background:#FFE3C8;
	padding:5px;
	overflow:hidden;
}
#shop-presents dt {
	width:84px;
	height:17px;
	float:left;
	background:url(/common/images/shop/title_present.png) no-repeat 0 0;
	text-indent:-999999em;
	margin-top:5px;
}
#shop-presents dd {
	width:630px;
	float:right;
	background-color:#ffffff;
	padding:0 10px;
}
#shop-presents dd .shop-present li {
	border-bottom:1px dotted #dddddd;
	padding:5px 0;
	overflow:hidden;
}
#shop-presents dd .shop-present li:last-child {
	border-bottom:none;
}
#shop-presents dd .present-content {
	width:530px;
	float:left;
	font-size:14px;
	margin-top:1px;
}

#shop-presents dd .btn-apply {
	width:70px;
	float:right;
}
#shop-presents dd .btn-apply a {
	display:block;
	width:70px;
	white-space:nowrap;
	float:right;
	padding:3px;
	font-weight:bold;
	color:#FFF;
	background-color:#FF9933;
	text-align:center;
	letter-spacing:1px;
}


/* 左サイドテーブル */
.basic-info {
	width:420px;
	float:left;
	margin-bottom:20px;
}

.basic-info .cmn-table td img {
	padding:3px 6px 3px 0;
}

/* 右サイド */
.detail-info {
	width:320px;
	float:right;
	margin-bottom:20px;
}
.detail-info div#photo{
	width:320px;
	text-align:center;
	margin-bottom:20px;
}
.detail-info div#map{text-align:right;}
.basic-info table th{ width:80px; }
.basic-info table td{
	width:320px;
	word-break: break-all;
	word-wrap: break-word;
	text-overflow: ellipsis; /* Safari 用 */
	-o-text-overflow: ellipsis; /* Opera 用 */
}
/* 操作エリア */
.operation-area{
	background-color:#eee;
	border-top:1px dotted #CCC;
	margin-bottom:20px;
}
.operation-area ul.express,.operation-area #permalink-anchor,.operation-area .share,.operation-area .mobile {
	border-bottom:1px dotted #CCC;
	padding:10px;
	overflow:hidden;
}
.operation-area ul.express li {
	padding-left: 20px;
	margin-bottom:5px;
	min-height:15px;
}
.operation-area ul.express li.inquiry {background:url(/common/images/icons_shops.png) no-repeat 0 0;}
.operation-area ul.express li.report {background:url(/common/images/icons_shops.png) no-repeat 0 -100px;}
#permalink-anchor dt {
	padding-left: 20px;
	margin-bottom:5px;
	min-height:15px;
	background:url(/common/images/icons_shops.png) no-repeat 0 -200px;
}
#permalink-anchor dd textarea {width:290px;}
#permalink-anchor dd input {width:730px;}
.operation-area .mobile { overflow:hidden;}
.operation-area .mobile .txt {
	width:200px;
	float:left;
}
.operation-area .mobile .qr {
	width:95px;
	float:right;
	text-align:right;
}
.operation-area .mobile { overflow:hidden;}
.operation-area .mobile .txt {
	width:320px;
	float:left;
}
.operation-area .mobile .qr {
	width:95px;
	float:right;
	text-align:right;
}
.operation-area.operation-area-pc ul.express li {width:310px; float:left; margin-bottom:0;}
.operation-area.operation-area-pc .share {width:300px;float:left; border:none;}
.operation-area.operation-area-pc .mobile {width:420px;float:right; border:none;}
.operation-area.operation-area-pc .line {border-bottom:1px dotted #CCC;overflow:hidden;}
/* 最新情報 */
#shop-news li {
		border-bottom:1px dotted #CCC;
		padding:0 0 5px 0;
		margin-bottom:5px;
		overflow:hidden;
		background:none;
		font-size:12px;
}
#shop-news .icon {
	display:inline-block;
	/display:inline;
    /zoom:1;
	width:7em;
	padding:1px 2px;
	font-size:10px;
	text-align:center;
	color:#fff;
	margin-right:5px;
}
#shop-news .news-txt {width:100%; vertical-align:top;}
#shop-news .news-photo {
	width:auto;
	padding-left:10px;
	cursor:pointer;
	vertical-align:top;
}
#shop-news .news-photo p{position:relative;}
#inquiry .cmn-list li {font-size:12px; }
/* 拡大アイコン */
#shop-news .news-photo em {
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	cursor:pointer;
	width:35px;
	height:13px;
	background:url(/common/images/icon_zoom.png) no-repeat 0 0;
	text-indent:-99999em;
}
/* オススメアイテム */
#recommend-item table th,
#recommend-item table td {width:50%; vertical-align:top;font-size:12px;}
/* QA */
#inquiry .cmn-list {margin-bottom:5px;border-bottom:1px dotted #dedede;}
/* クチコミ
-------------------------------- */
#kuchikomi {
	overflow:hidden;
	margin-bottom:20px;
}
/* 推薦者 */
#recommender {
	background-color:#FFC;
	padding:5px 10px;
	margin-bottom:10px;
	overflow:hidden;
}
#recommender dt {
	width:10em;
	float:left;
	padding-top:5px;
}
#recommender dd {margin-left:10em;}
/* リスト */
#kuchikomi .list-kuchikomi li {
	border-bottom:1px solid #dedede;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
	overflow: hidden;
}
#kuchikomi .list-kuchikomi .tagname {
	display:inline-block;
	/display:inline;
	/zoom:1;
	font-size:0.8em;
	margin: 5px 0;
    padding: 0 5px;
}
/* 左カラム固定・右カラム可変 */
#kuchikomi .list-kuchikomi li .l_col_fix {
  float: left;  /* 左方向にフロート */
  width: 100px; /* 左カラムをpxで固定 */
  margin-bottom:5px;
  z-index:2;
}
#kuchikomi .list-kuchikomi li .r_col_liquid {
  float: right; /* 右方向にフロート */
  width: 100%;  /* 左カラムで指定した100px以外の幅を保持 */
  margin: 0 0 5px -100px; /* 左カラムと同じ幅をマイナス指定し横並びに */
  z-index:0;
}
 
#kuchikomi .list-kuchikomi li .r_col_liquid .r_contents {
  margin: 0 0 0 110px; /* 左カラムとの左マージンを調整 */
}
#kuchikomi .list-kuchikomi li .r_col_liquid .r_contents {
  margin: 0 0 0 110px; /* 左カラムとの左マージンを調整 */
}

/* プリント用
----------------------------------- */
#page-print {
	width:640px;
	margin:5px auto;
	line-height:1;
}

#page-print h1 {
	width:160px;
	float:left;
}
#page-print #shopname-area {
	width:370px;
	float:left;
	margin-left:10px;
}
#page-print #shopname-area p.kana { font-size:0.6em; line-height:1.2;}
#page-print #shopname-area h2 {
	font-size:1em;
	line-height:1.1;
	font-weight:bold;
}
#page-print #shopname-area p.tel { font-weight:bold;}
#page-print div#wrapper-cnt #left {
	float:left;
	width:340px;
}
#page-print ul.operate-buttons {
	clear:none;
	width:90px;
	float:right;
	text-align:center;
}
#page-print ul.operate-buttons li a,
#page-print ul.operate-buttons li span {
	display:block;
	width:80px;
	padding:2px 5px;
	font-size:0.8em;
	font-weight:bold;
	color:#FFFFFF;
	line-height:1.2;
	letter-spacing:1px;
	margin-bottom:5px;
	cursor:pointer;
}
#page-print ul.operate-buttons li a:hover,
#page-print ul.operate-buttons li span:hover {
	filter:alpha(
			 style=1,
			 opacity=60,
			 finishopacity=40,
			 startx=0,
			 starty=0,
			 finishx=100,
			 finishy=100
			 );/* IE用透過設定 */
	-moz-opacity:0.6;
	opacity:0.6;/* IE以外透過設定 */
	
}
#page-print ul.operate-buttons li a.prt { background-color:#FF6600;}
#page-print ul.operate-buttons li span.cls { background-color:#666666;}
#page-print .cmn-coupon {margin-bottom:5px;}
#page-print .cmn-coupon .coupon-title {width:300px;}
#page-print .cmn-coupon .left-box {width:520px;}
#page-print div#map {
	clear:both;
	overflow:hidden;
	width:100%;
	margin-bottom:5px;
}
#page-print div#map p {
	width:160px;
	float:left;
}
#page-print div#gmap2 {
	width:460px;
	float:right;
	height:300px;
}
#page-print div#gmap {
	width:640px;
	height:300px;
}
#page-print div.shop-data {
	clear:both;
	width:100%;
	overflow:hidden;
}
#page-print div.shop-data table {
	width:530px;
	float:left;
	font-size:0.8em;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	line-height:1.1;
}
#page-print div.shop-data table th,
#page-print div.shop-data table td {
	border-right:1px solid #CCCCCC; 
	border-bottom:1px solid #CCCCCC;
	padding:2px;
	vertical-align:top;
}
#page-print div.shop-data table th {
	background:#EFEFEF;
	width:85px;
}
#page-print div.shop-data div.qr {
	width:100px;
	float:right;
	line-height:1.4;
	font-size:0.8em;
}
#page-print div.shop-data div.qr p {
	display:block;
	width:90px;
	margin:0 auto;
}
#page-print div#bn-area {
	width:468px;
	margin:5px auto;
}
#page-print address {
	text-align:center;
	font-style:normal;
	font-size:80%;
	margin:5px 0;
	color:#666666;
}



