/*============================================================*
 * reset css
 *  default
 *  text or font
 *  clearfix
 *  none
 *  simplemodal error reset
 *============================================================*/

/*------------------------------------------------------------*
 * default
 *------------------------------------------------------------*/
html, body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", Osaka, "メイリオ", "MS PGothic", sans-serif;
}

H1 {
	color: #fff;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.baseLine {
	vertical-align: baseline;
}

.fnt23 {
	font-size: 23px;
	line-height: 1.2em;
}

.fnt26 {
	font-size: 26px;
}

.top {
	vertical-align: top;
}

.bottom {
	vertical-align: bottom;
}

.middle {
	vertical-align: middle;
}

.marginBottom5 {
	margin-bottom: 5px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.breakWord {
	word-wrap: break-word;
}

.textAlignLeft {
	text-align: left;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.floatLeft {
	float: left;
}

/*------------------------------------------------------------*
 * contents
 *------------------------------------------------------------*/

.contentsWrapper {
	background-color:#FFFFFF;
	width:800px;
	table-layout:fixed;
	margin: 0 auto;
	box-shadow: 0px 0px 15px #666;
	-moz-box-shadow: 0px 0px 15px #666;
	-webkit-box-shadow: 0px 0px 15px #666;
	behavior: url(/css3/PIE.htc);
}

.headLine {
	text-align: left;
	background-color: #747474;
}

/*------------------------------------------------------------*
 * snsLink
 *------------------------------------------------------------*/

ul.snsImg {
	background:url(/image/sns_background.gif) repeat-x !important;
	display: -webkit-box;
	display: -moz-box;
	width: 100%;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li.snsAmeba {
	border-right: 1px solid #747474;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2.2px;
	margin-bottom: 2.2px;
	width: 266.6px;
}

li.snsFb {
	border-left: 1px solid #2a2a2a;
	border-right: 1px solid #747474;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2.2px;
	margin-bottom: 2.2px;
	width: 266.6px;
}

li.snsTw {
	border-left: 1px solid #2a2a2a;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	text-align:center;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 2.2px;
	margin-bottom: 2.2px;
	width: 266.6px;
}

.snslink {
	color: #B4B4B4;
	font-size: 14px;
	text-decoration: none;
	display: block;
}

.topContents {
	background-color: #F5F5F5;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px;
}

.topContents td {
	padding: 5px;
}

.topContents td.shopIntroduction {
	text-align: left;
	width: 580px;
}

.topContents td.areaLabel {
	text-align: center;
	height: 50px;
}

.topContents td.shopData {
	text-align: left;
	font-size: 12px;
}

.topContents td.shopDataTel {
	text-align: center;
	color: #999;
}

/*------------------------------------------------------------*
 * info
 *------------------------------------------------------------*/

.infoWrapper {
	clear: both;
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.infoWrapper th {
	padding: 10px;
}

.infoWrapper td {
	padding: 10px;
}

.infoTblTopLeft {
	border-bottom: 1px solid #dcdcdc;
	border-top: #B3B3B3 4px solid;
	border-left: 1px solid #dcdcdc;
}

.infoTblTopRight {
	border-bottom: 1px solid #dcdcdc;
	border-top: 4px solid #E8E8E8;
	border-right: 1px solid #dcdcdc;
}

.infoTblMiddleLeft {
	border-bottom: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

.infoTblMiddleRight {
	border-bottom: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}

.infoWrapper H3 {
	font-size: 12px;
}

.infoWrapper .infoTblTopLeft th {
	color: #666;
}

.mapLink {
	text-decoration: underline!important;
	color: #7F7F7F!important;
}

/*------------------------------------------------------------*
 * google_map
 *------------------------------------------------------------*/

#google_map {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	width: 490px;
	height: 490px;
}

.mainContents {
	width: 800px;
}

/*------------------------------------------------------------*
 * shopContents
 *------------------------------------------------------------*/

.shopContents {
	width: 280px;
}

.shopContents .qrImage {
	width: 280px;
	margin-bottom: 5px;
}

.shopContents .menuTbl {
	background-color: #fff;
}

.shopContents .menuTbl tr.middle {
	background-color: #f5f5f5;
}

/*------------------------------------------------------------*
 * menu
 *------------------------------------------------------------*/

.menuTbl {
	width: 280px;
	table-layout: fixed;
	word-wrap: break-word;
}

.menuTbl td {
	padding: 5px;
}

td.shopContentsSpace {
	padding: 3px;
}
