@charset "utf-8";

/*
	* Name: shops.css
	* License: MIT License
	  - http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license
*/


/* Stylesheet Document */

@media all {

	/* ========================================
	   * 領域設定 - レイアウト -
	======================================== */

	body.shops {
	}


	/* ========================================
	   * 領域設定 - Main -
	======================================== */

	body.shops #main h5 + table.shoplist {
		margin-bottom: 42px;
		margin-top: -8px;
	}

	body.shops #main table.shoplist:last-child {
		margin-bottom: 0;
	}

	body.shops #main table.shoplist tr th {
		width: auto;
	}

	body.shops #main table.shoplist tr th.name {
		width: 24%;
	}

	body.shops #main table.shoplist tr th.address {
		width: 50%;
	}

	body.shops #main table.shoplist tr td:first-child {
		background-color: #F6F6F6;
	}

	body.shops #main h5.center {
		font-size: 168%;
		font-weight: normal;
		text-align: center;
	}

	body.shops #main div.gallery {
		margin: 0 18px 0 18px;
	}

	body.shops #main div.gallery > div.photo {
		margin: 0 18px 16px 18px;
	}

	body.shops #main div.gallery > div.photo > img {
		display: block;
		height: auto;
		margin: 0 auto 0 auto;
		max-height: 330px;
		width: auto;
	}

	body.shops #main div.gallery > div.photo > img.img_x {
		max-height: none;
		width: 100%;
	}

	body.shops #main div.gallery > div.photo > img.img_y {
		height: 330px;
	}

	body.shops #main div.gallery > div.photo.nophoto {
		border: 1px solid #d8d9da;
		padding: 4px;
	}

	body.shops #main div.gallery > div.photo.nophoto > div.background,
		body.shops #main div.gallery > div.photo.nophoto > div.background > div.message {
			position: relative;
	}

	body.shops #main div.gallery > div.photo.nophoto > div.background {
		background-color: #f4f3ee;
		color: #615d57;
		height: 100%;
		text-align: center;
	}

	body.shops #main div.gallery > div.photo.nophoto > div.background > div.message {
		font-size: 160%;
	}

	body.shops #main div.gallery > ul {
		list-style-type: none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}

	body.shops #main div.gallery > ul:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.shops #main div.gallery > ul > li {
		float: left;
		margin-left: 1%;
		margin-right: 1%;
		width: 31.3%;
	}

	body.shops #main div.gallery > ul > li > a,
		body.shops #main div.gallery > ul > li > a > span.photo,
			body.shops #main div.gallery > ul > li > a > span.photo > img {
				display: block;
	}

	body.shops #main div.gallery > ul > li > a {
		border: 1px solid #d8d9da;
		padding: 5px;
		overflow: hidden;
	}

	body.shops #main div.gallery > ul > li > a > span.photo,
		body.shops #main div.gallery > ul > li > a > span.photo > img {
			position: relative;
	}

	body.shops #main div.gallery > ul > li > a > span.photo {
		overflow: hidden;
	}

	body.shops #main div.gallery > ul > li > a > span.photo > img {
		height: 118px;
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}

	body.shops #main div.gallery > ul > li > a.current {
		border-color: #ed8b14;
		border-width: 4px;
		padding: 2px;
	}

	body.shops #main div.navigation.tab {
		border-bottom: 3px solid #e0dbcf;
		margin: 0 0 18px 0;
	}

	body.shops #main div.navigation.tab > ul,
		body.shops #main div.navigation.tab > ul > li {
			line-height: 0.0;
	}

	body.shops #main div.navigation.tab > ul {
		list-style-type: none;
		margin-bottom: 0;
		text-align: center;
	}

	body.shops #main div.navigation.tab > ul > li {
		display: inline-block;
		margin-bottom: 0;
		margin-left: 1%;
		margin-right: 1%;
	}

	body.shops #main div.navigation.tab > ul > li > a,
		body.shops #main div.navigation.tab > ul > li > a > span {
			display: block;
	}

	body.shops #main div.navigation.tab > ul > li > a {
		border: 1px solid #e0dbcf;
		border-bottom: none;
		color: #5f533f;
		font-size: 134%;
		line-height: 1.6;
		padding: 2px;
		text-decoration: none;
	}

	body.shops #main div.navigation.tab > ul > li > a > span {
		padding: 14px 48px 14px 48px;
	}

	body.shops #main div.navigation.tab > ul > li > a:hover > span,
		body.shops #main div.navigation.tab > ul > li > a.current > span {
			background-color: #f5f2e8;
	}

	body.shops #main ul.shopicon {
		list-style-type: none;
		margin-bottom: 16px;
		text-align: center;
	}

	body.shops #main ul.shopicon > li {
		display: inline-block;
		line-height: 1.2;
		margin-left: 3px;
		margin-right: 3px;
	}

	body.shops #main ul.shopicon > li > span {
		background-color: #9c0016;
		border-radius: 4px;
		color: #ffffff;
		display: block;
		padding: 4px 6px 4px 6px;
	}

	body.shops #main div#shopinfo.arrow {
		background: url("../../../shops/img/icon_arrow_orange_top.png") center top no-repeat;
		background-size: auto 9px;
		margin: 0 0 42px 0;
		padding: 9px 0 0 0;
	}

	body.shops #main div.frame,
	 body.shops #main div.frame > div.container {
	 	border-radius: 4px;
 }

	body.shops #main div.frame {
		background-color: #ed8b14;
		font-size: 120%;
		padding: 4px;
	}

	body.shops #main div.frame > div.container {
		background-color: #ffffff;
		padding: 1px;
	}

	body.shops #main div.frame > div.container > div.message {
		background-color: #fcfbf7;
		border-bottom: 1px solid #ede9d9;
		border-radius: 4px 4px 0 0;
		margin: 0;
		padding: 24px 26px 24px 26px;
	}

	body.shops #main div.frame > div.container > div.message > p:last-child {
		margin-bottom: 0;
	}

	body.shops #main div.frame > div.container > div.message > h5 {
		text-align: center;
	}

	body.shops #main div.frame > div.container > div.paragraph.shopinfo {
		margin-bottom: 0;
		margin-left: 28px;
		margin-right: 28px;
		padding-bottom: 28px;
	}

	body.shops #main div.frame > div.container > div.shopinfo > ul {
		list-style-type: none;
		margin-bottom: 18px;
		margin-left: 0;
	}

	body.shops #main div.frame > div.container > div.shopinfo > ul > li {
		border-bottom: 1px dotted #e2d9cc;
		padding: 14px 16px 14px 16px;
		position: relative;
	}

	body.shops #main div.frame > div.container > div.shopinfo > ul > li:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.shops #main div.frame > div.container > div.shopinfo > ul > li > div {
		float: left;
		position: relative;
	}

	body.shops #main div.frame > div.container > div.shopinfo > ul > li > div.icon {
		margin-right: 4%;
		width: 10%;
	}

	body.shops #main div.frame > div.container > div.shopinfo > ul > li > div.icon > img {
		display: block;
		height: auto;
		max-height: 52px;
		width: 100%;
	}

	body.shops #main div.frame > div.container > div.shopinfo > ul > li > div.information {
		width: 86%;
	}

	body.shops #main div.frame > div.container > div.shopinfo > ul > li.tel,
		body.shops #main div.frame > div.container > div.shopinfo > ul > li.address {
			font-size: 112%;
	}

	body.shops #main div.frame > div.container > div.shopinfo > ul > li.address > div.information > div.map {
		border: none;
		margin: 12px 0 0 0;
		padding: 0;
		width: auto !important;
	}

	body.shops #main div.frame > div.container > div.shopinfo > ul > li.address > div.information > div.map > iframe {
		border: none;
		height: 186px;
		width: 100%;
	}

	body.shops #main div.frame > div.container > div.shopinfo > table {
		margin-bottom: 0;
	}

	body.shops #main div.menu > img {
		display: block;
		height: auto;
		width: 100%;
	}

	body.shops #main div.img_c ul.icon {
		list-style-type: none;
		margin-top: 16px;
		text-align: center;
	}

	body.shops #main div.img_c ul.icon li {
		display: inline;
		margin-left: 2px;
		margin-right: 2px;
	}

	body.shops #main ul.shoplist {
		list-style-type: none;
		margin-left: -9px;
		margin-right: -9px;
		width: 664px;
	}

	body.shops #main ul.shoplist:after {
		clear: both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0; /* CSS HACK: Safari */
		font-size: 0; /* CSS HACK: Firefox3 */
		visibility: hidden;
	}

	body.shops #main ul.shoplist > li {
		border: 1px solid #D7D5CE;
		float: left;
		margin-bottom: 18px;
		margin-left: 9px;
		margin-right: 9px;
		padding: 16px;
		text-align: center;
		width: 280px;
	}

	body.shops #main ul.shoplist li div.photo {
		margin: 0 0 10px 0;
		height: 186px;
		overflow: hidden;
	}

	body.shops #main ul.shoplist li div.photo img {
		display: block;
		height: auto;
		width: 100%;
	}

	body.shops #main ul.shoplist li a {
		font-size: 120%;
	}

	body.shops #main ul.shoplist li div.area {
		margin: 8px 0 0 0;
	}

	body.shops #main ul.shoplist li div.area ul.button {
		list-style-type: none;
		margin-bottom: 0;
		margin-left: 0;
	}

	body.shops #main ul.shoplist li div.area ul.button li {
		display: none;
	}

	body.shops #main ul.shoplist li div.area ul.button li a {
		background-color: #71634A;
		border-radius: 4px;
		color: #FFFFFF;
		font-size: 100%;
		display: block;
		text-decoration: none;
		padding: 8px 0 8px 0;
	}

	body.shops #main ul.shoplist li div.area ul.button li a:hover {
		background-color: #4E4434;
	}

}