@charset "utf-8";

/* 店舗一覧 */
#contents div#shoplist {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 700px;
}

#contents div#shoplist ul {
	width: 700px;
	height: 200px;
	padding: 0px;
	margin: 0px;
}

#contents div#shoplist ul li{
	width: 116px;
	height: 200px;
	float: left;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* メニュー：共通 */
#contents div#shoplist ul li a {
	width: 116px;
	height: 200px;
	outline: none;
}

/* メニュー：大阪駅前店 */
#contents div#shoplist ul li.shop1 a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#contents div#shoplist ul li.shop1 a:hover {
	text-decoration: none;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: 0px -200px;
}

/* メニュー：緑地公園店 */
#contents div#shoplist ul li.shop2 a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: -116px 0px;
}

#contents div#shoplist ul li.shop2 a:hover {
	text-decoration: none;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: -116px -200px;
}

/* メニュー：雲雀丘花屋敷店 */
#contents div#shoplist ul li.shop5 a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: -232px 0px;
}

#contents div#shoplist ul li.shop5 a:hover {
	text-decoration: none;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: -232px -200px;
}

/* メニュー： */
#contents div#shoplist ul li.shop12 a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: -348px 0px;
}

#contents div#shoplist ul li.shop12 a:hover {
	text-decoration: none;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: -348px -200px;
}

/* メニュー：HSリフォーム */
#contents div#shoplist ul li.hsreform a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: -464px 0px;
}

#contents div#shoplist ul li.hsreform a:hover {
	text-decoration: none;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: -464px -200px;
}

/* メニュー：HS管理 */
#contents div#shoplist ul li.hskanri a {
	text-indent: -9999px;
	text-decoration: none;
	display: block;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: -580px 0px;
}

#contents div#shoplist ul li.hskanri a:hover {
	text-decoration: none;
	background-image: url(../images/banner_shop.jpg);
	background-repeat: no-repeat;
	background-position: -580px -200px;
}


/* 店舗紹介用レイアウト */
#shopinfo {
	margin-top: 5px;
	margin-bottom: 10px;
}

#shopinfo p{
	margin-left: 20px;
	margin-top: 5px;
}

#shopinfo table {
	margin-left: 20px;
	width: 690px;
	margin-top: 10px;
}

#shopinfo table td.photo {
	width: 260px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

#shopinfo table td.photo img {
	padding: 5px;
	border: 1px solid #999999;
}

#shopinfo table td {
	font-size: 116%;
	padding-left: 30px;
}

#shopinfo table td p.shopname {
	font-weight: bold;
	color: #34b4d1;
	font-size: 131%;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

/* アクセスマップ用レイアウト */
div#access-map {
	margin-top: 5px;
	text-align: center;
	margin-bottom: 20px;
	width: 690px;
	padding: 0px;
	margin-left: 20px;
}

/* Googleマップ用レイアウト */
#map{
	margin-top: 5px;
	margin-bottom: 15px;
	width: 690px;
	margin-left: 20px;
	height: 450px;
}

/* Googleマップ用レイアウト：情報ウインドウ */
#map div.infowindow {
	background-color: #FFFFFF;
}

/* スタッフ紹介用レイアウト */
#contents div.shopstaff {
	margin-top: 5px;
	margin-bottom: 15px;
}

#contents div.shopstaff p{
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#contents div.shopstaff table {
	margin-left: 20px;
	width: 690px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

#contents div.shopstaff table td.photo {
	width: 180px;
	text-align: center;
	vertical-align: middle;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#contents div.shopstaff table td.photo img {
	padding: 5px;
	border: 1px solid #999999;
}

#contents div.shopstaff table td {
	font-size: 100%;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contents div.shopstaff table td p {
	font-size: 100%;
	color: #666666;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#contents div.shopstaff table td p.staffname {
	font-size: 116%;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	color: #000000;
	padding: 0px;
}

/* 休業日のお知らせレイアウト */
#contents div#business-holiday {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 700px;
}

#contents div#business-holiday dl {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: 108%;
}

#contents div#business-holiday dt {
	margin: 0px;
}

#contents div#business-holiday dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

/* 会社概要用レイアウト */
#corpinfo {
	margin-top: 5px;
}

#corpinfo dl#base {
	margin-top: 5px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0px;
}

#corpinfo dl#base dt{
	font-weight: bold;
}

#corpinfo dl#base dd{
	margin-left: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
}

#corpinfo dl.sub {
	margin-top: 5px;
	margin-left: 10px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0px;
}

#corpinfo dl.sub dt{
	font-weight: bold;
}

#corpinfo dl.sub dd{
	margin-left: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* 店舗へのアクセス 写真でご案内 開始 */
div#contents div#access-map-link {
	padding-left: 20px;
}

div#contents div#access-map-link p.route {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

div#contents div#access-map-link p.route img {
	padding-right: 5px;
	padding-left: 5px;
}

div#contents div.photo-list {
	clear: both;
}

div#contents div.photo-list strong {
	margin-right: 10px;
	font-size: 116%;
}

div#contents div.photo-list div.image {
	float: left;
	width: 340px;
	margin-bottom: 10px;
	margin-left: 13px;
}

div#contents div.photo-list div.image img {
	padding: 3px;
	border: 1px solid #999999;
	margin-right: 5px;
	margin-left: 0px;
}

div#contents div.gotomap {
	margin-left: 12px;
	margin-bottom: 10px;
}
div#contents div.map-caption {
	font-size: 131%;
	margin-left: 20px;
	text-align: center;
	font-weight: bold;
}
/* 店舗へのアクセス 写真でご案内 終了 */

/* 会社概要 詳細 開始 */
div#contents div#corp-detail {
	padding: 0px;
}

div#contents div#corp-detail div#detail h3 {
	font-size: 167%;
	padding: 0px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #339966;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #D1EFE0;
	color: #005E1F;
}

div#contents div#corp-detail div#detail h4 {
	font-size: 131%;
	margin-top: 10px;
	margin-bottom: 5px;
}

div#contents div#corp-detail div#detail p {
	font-size: 116%;
}

div#contents div#corp-detail div#detail p img {
	float: right;
}

div#contents div#corp-detail div.works {
	padding: 0px;
}

div#contents div#corp-detail div.works h3 {
	font-size: 167%;
	padding: 0px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #339966;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #D1EFE0;
	color: #005E1F;
}

div#contents div#corp-detail div.works p {
	font-size: 116%;
}

div#contents div#corp-detail div.works p.right {
	font-size: 116%;
	text-align: right;
}

div#contents div#corp-detail div.works p img {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* 会社概要 詳細 終了 */