@charset "utf-8";
@import "default.css";

/* global selector */
body {
	text-align: cetner;
	line-height: 150%;
}
#body {
	background: url(../images/bg_body.jpg) repeat-x left top #ecf7fd;
}
a {
	color: #0b5cae;
}
a:hover {
	color: #3f9cf9;
}



/* layout */
#container {
	width: 914px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg_container.jpg) repeat-y left top;
}
#contents-wrapper {
	padding-top: 20px;
	padding-bottom: 40px;
	background: url(../images/bg_container_top.jpg) no-repeat left top;
}
#side {
	padding-left: 50px;
	margin-right: 23px;
	width: 203px;
	float: left;
}
#contents {
	width: 594px;
	float: right;
	padding-right: 30px;
}


/* common styles */
.wrapper {
}
.content {
	margin-bottom: 30px;
}

.content h2 {
	margin-bottom: 20px;
}
.content h3 {
	color: #8c4313;
	font-size: 120%;
	border-bottom: 1px solid #8c4313;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

.content p {
	margin-bottom: 1em;
}
.content em {
	font-weight: bold;
	color: #f00;
}
.content ol {
	margin-bottom: 1em;
}
.content ol li {
	list-style-type: decimal;
	margin-left: 20px;
}

.tc {
	text-align: center;
}

.menu-content table {
	width: 570px;
	margin: 0px 0px 20px 0px;
	border-collapse: collapse;
}
.menu-content table thead th {
	border-bottom: 1px solid #dbd2c8;
	padding: 5px;
	background: #f3f0ed;
	text-align: right;
}
.menu-content table thead th.price {
	width: 80px;
}
.menu-content table thead th.price-normal {
	width: 80px;
}
.menu-content table tbody th {
	border-bottom: 1px solid #dbd2c8;
	padding: 5px;
	width: 440px;
}
.menu-content table tbody td {
	border-bottom: 1px solid #dbd2c8;
	padding: 5px;
	vertical-align: top;
}
.menu-content table .note {
	font-weight: normal;
	color: #444;
}
.menu-content table td.price-normal {
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	width: 80px;
}
.menu-content table th.price-normal-head {
	text-align: right;
}
.menu-content table td.price {
	width: 80px;
	text-align: right;
	font-weight: bold;
	color: #c00;
	white-space: nowrap;
}
.menu-content strong.price {
	color: #c00;
}
.menu-content .normal {
	font-weight: normal;
}


/* header */
#header h1 {
	background: url(../images/bg_body.jpg) repeat-x left top;
	font-weight: normal;
	font-size: 8pt;
	text-align: center;
	padding-top: 5px;
	color: #0b4b67;
}

/* footer */
#footer {
	clear: both;
	width: 900px;
	background: url(../images/bg_footer.jpg) repeat-y left top;
	padding: 0px 7px;
	color: #514d4d;
	font-size: 8pt;
	display: inline-block;
}
#footer .wrapper {
	background: url(../images/bg_footer_up.gif) repeat-x left top;
	padding: 10px;
}
#footer .wrapper .left {
	padding: 14px 28px;
}
#footer .wrapper .right {
	padding: 21px 0px 0px 0px;
	margin-right: 36px;
	text-align: right;
	overflow: hidden;
}
#footer .wrapper .right ul {
	margin-right: -9px;
	padding: 6px 0px 12px 0px;
}
#footer .wrapper .right ul li {
	display: inline;
	border-right: 1px solid #514d4d;
	padding: 0px 10px;
	margin-right: -0px;
}
#footer .wrapper .right ul li a {
	color: #514d4d;
	text-decoration: none;
}
#footer .wrapper .right ul li a:hover {
	color: #09F;
}


/* side contents */
#salon-menu {
	background: url(../images/bg_salonmenu_btm.jpg) no-repeat left bottom;
	padding-bottom: 9px;
	margin-bottom: 15px;
}
#salon-menu ul {
	border: 4px solid #499bcf;
	border-width: 0px 4px;
}



/* top page */
#top-coupon {
	margin-bottom: 25px;
}
#top-coupon h2 {
	margin-bottom: 10px;
}
#top-coupon .right {
	width: 313px;
	padding: 0px 0px 0px 13px;
}
#top-coupon .right .button {
	margin-top: 15px;
}
#top-coupon .coupon {
	clear: both;
	padding-top: 10px;
}


#top-shopdata h2 {
	margin-bottom: 25px;
}
#top-shopdata .pic {
	text-align: center;
}
#top-shopdata table {
	margin: 0 auto;
	width: 552px;
}
#top-shopdata td {
	vertical-align: top;
	padding: 5px 3px;
}

/* guide */
#coupon-area {
	margin-top: 30px;
}
#coupon-area .coupon {
	text-align: center;
	margin-bottom: 20px;
}
#coupon-area .coupon-price {
	width: 484px;
	margin: 0 auto 20px auto;
	border: 1px solid #6cf;
}

#coupon-area .coupon-price td {
	padding: 2px 8px;
}
#coupon-area .coupon-price td.price {
	text-align: right;
}
#coupon-area .coupon-price .blue {
	color: #0cf;
}

#chirashi {
	margin: 20px 0px;
}
#chirashi li {
	display: inline;
}
#chirashi li img {
	border: 1px solid #ddd;
}


/* other */
.tbl-menu {
	width: 420px;
}
.tbl-menu td {
	padding: 3px;
}
.link-list {
	margin-bottom: 20px;
}
.link-list li {
	line-height: 200%;
}


.salon-navi {
	text-align: center;
	margin: 30px 0px;
}