/* @group category styles */

h2.cat-visual {
	height: 204px;
	background: no-repeat center;
}

h2.cat-visual img {
	position: relative;
	left: -2px;
	top: 81px;
}



/* @end */

/* @group top page styles */

h2.top-visual {
	background: url(../../images/top-visual.jpg) no-repeat center;
	height: 294px;
	text-align: center;
}

h2.top-visual img {
	position: absolute;
	right: 3px;
	top: 53px;
}

.campaign,
.hair-tips,
.dairy-info-shop {
	background: url(../images/line01.png) repeat-x 0 bottom;
	padding-bottom: 20px;
	margin-bottom: 17px;
}

.dairy-info {
	margin-bottom: 34px;
	background-color: #fff;
	padding: 10px;
	color: #4B423B;
}
.dairy-info dl {
	padding: 0 10px;
}
.dairy-info dt {
	font-weight: bold;
	font-size: 116%;
}
.dairy-info-shop dt {
	color: #ffffff;
	font-weight: bold;
}

.dairy-info dd:before,
.dairy-info-shop dd:before {
	content: " + ";
	color: #DB436B;
	font-weight: bold;
}

.topics,
.news {
	padding-top: 10px;
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 20px;
	border-bottom: 0.5px solid #6f6863;
	position: relative;
}

.topics p a{
	position: absolute;
	right: 0;
	top: 10px;
}

.dairy-info dl,
.topics dl {
	line-height: 1.6;
}

.topics dt {
	clear: left;
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
}

.dairy-info dd,
.topics dd {
	margin-left: 100px;
	margin-bottom: 10px;
}
.topics p {
	position: absolute;
	right: 0;
	top: 0;
}
.dairy-info dl,
.topics dl {
	line-height: 1.6;
}
.topics dt {
	clear: left;
	float: left;
	margin-bottom: 10px;
	font-weight: bold;
}
.dairy-info dd,
.topics dd {
	margin-left: 100px;
	margin-bottom: 10px;
}
.news {
	color: #eae6e4;
}
.news dt {
	margin-bottom:5px;
	font-weight: bold;
	font-size: 116%;
	color: #fff;
}
.news dd {
	margin-bottom: 10px;
}



/* @end */



/* @group salon category styles */

h2#salon-visual {
	background-image: url(../../salon/images/cat-visual.jpg);
}

ul.shoplist li.shop-info {
	clear: both;
	padding-bottom: 25px;
	margin-bottom: 35px;
	background: url(../images/line04.png) repeat-x 0 bottom;
}

ul.shoplist li.last-child {
	background-image: none;
}

ul.shoplist li img,
div.shop-info img {
	float: left;
	margin-right: 15px;
	border: 1px solid #d9d9d9;
}

ul.shoplist li.shop-info a,
div.shop-info a {
	display: block;
	margin-bottom: 10px;
}

ul.shoplist ul.shop-text-navi {
	background-color: #5d554f;
	margin-left: 258px;
	margin-top: 5px;
	padding: 6px 10px 4px;
}

ul.shoplist ul.shop-text-navi li {	
	display: inline;
	margin-right: 20px;
}

ul.shoplist ul.shop-text-navi li a {
	display: inline;
	background: url(../images/list-mark04.png) no-repeat left center;
	padding-left: 10px;
}

ul.shoplist table,
div.shop-info table {
	font-size: 93%;
	margin-top: 10px;
}

ul.shoplist table th,
ul.shoplist table td,
div.shop-info table th,
div.shop-info table td {
	padding: 5px 0;
}

ul.shoplist table th,
div.shop-info table th {
	width: 5em;
	font-weight: normal;
	color: #4b423b;
}

ul.shoplist table td,
div.shop-info table td {
	padding-left: 10px;
}

ul.shoplist table td.tel,
div.shop-info table td.tel {
	font-weight: bold;
	font-size: 123%;
}

ul.shoplist table th span,
div.shop-info table th span {
	display: block;
	padding-top: 3px;
	background-color: #dad8d7;
}

p.inquiry {
	margin-left: 258px;
}



/* @end */

/* @group gallery styles */
h2#gallery-visual {
	background-image: url(../../gallery/images/cat-visual.jpg);
}

div.g-style-list {
	margin-bottom: 25px;
}

div.g-style-list li {
	float: left;
	width: 150px;
	margin-right: 15px;
	text-align: center;
	line-height: 1.4;
}

div.g-style-list li.last-child {
	margin-right: 0;
}

div.g-style-list li a,
div.g-style-list li a:link {
	text-decoration: none;
}

div.g-style-list li a:hover {
	text-decoration: underline;
}

div.g-style-list li img {
	display: block;
	margin-bottom: 5px;
}

div.g-style-list p.show-more {
	text-align: right;
	margin-top: 10px;
}


div.style-img {
	float: left;
}

div.style-img img#mainphoto {
	margin-bottom: 15px;
}

ul.photo-selector li {
	display: block;
	float: left;
	margin-right: 10px;
}

ul.photo-selector li.last-child {
	margin-right: 0;
}

div.gallry-description {
	margin-left: 320px;
}

div.gallry-description h3 {
	font-size: 153%;
	color: #ffffff;
	position: relative;
	top: -9px;
	margin-bottom: 5px;
}

table.spec {
	margin-top: 15px;
	width: 320px;
}

table.spec th,
table.spec td {
	border: 1px solid #8c8681;
	padding: 5px 10px 3px;
}

table.spec th {
	text-align: left;
	font-weight: normal;
	background-color: #5d554f;
}

div.gallry-description h4 {
	margin-top: 25px;
	background-color: #5d554f;
	padding: 3px 5px 0;
}

table.style {
	margin-top: 15px;
}

table.style th,
table.style td {
	padding: 0 0 7px;
}

table.style th {
	vertical-align: middle;
	padding-right: 13px;
	width: 2.2em;
	font-size: 93%;
}

table.style td img {
	margin-right: 11px;
}

table.style td img.last-child {
	margin-right: 0;
}

/* @end */

/* @group price page styles */

h2#menu-visual {
	background-image: url(../../menu/images/cat-visual.jpg);
}

ul.other-menu li {
	float: left;
	margin-right: 16px;
}

ul.other-menu li.last-child {
	margin-right: 0;
}


/* @end */

/* @group qa page styles */

dl.qadl {
	padding-top: 5px;
}

dl.qadl dt {
	color: #ffffff;
	font-weight: bold;
	font-size: 123%;
	margin-top: 20px;
}

dl.qadl dt img {
	margin-right: 10px;
	vertical-align: text-bottom;
}

dl.qadl dd {
	padding-bottom: 20px;
	background: url(../images/line01.png) repeat-x 0 bottom;
}

dl.qadl dd.last-child {
	background: none;
}

/* @end */




/* @group common element styles */

h2#others-visual {
	background-image: url(../images/cat-visual.jpg);
}

div.cont-block {
	background: url(../images/line01.png) repeat-x 0 bottom;
	padding-bottom: 10px;
	margin-bottom: 30px;
	clear: both;
}

div.cont-block-b {
	margin-bottom: 50px;
}

div.cont-block-nb {
	margin-bottom: 30px;
}

div.cont-block-nb h5 {
	color: #ffffff;
	font-weight: normal;
}
div.cont-block-nb ul.decimal,
div.cont-block-nb ul.disc,
div.cont-block-nb ul.latin {
	margin-bottom: 20px;
}

div.cont-block-nb ul.decimal {
	list-style: inside decimal;
}
div.cont-block-nb ul.disc,
div.cont-block-b ul.disc {
	list-style: inside disc;
}
div.cont-block-nb ul.latin {
	list-style: inside lower-latin;
}




table.basic-table {
	color: #b7b3b1;
	margin-bottom: 20px;
	width: 100%;
}

table.basic-table thead {
	background-color: #4b423b;
}

table.basic-table thead th {
	text-align: center;
	color: #ffffff;
	border: 1px solid #948f8b;
	font-weight: normal;
}

table.basic-table tbody th,
table.basic-table tbody td {
	border: 1px solid #948f8b;
	padding: 10px;
	text-align: left;
	font-weight: normal;
}

table.basic-table thead th.menu {
	width: 140px;
}
table.basic-table thead th.price {
	width: 165px;
	padding: 5px;
}

table.basic-table td.price {
	text-align: right;
}


table.basic-table tr.odd th,
table.basic-table tr.odd td {
	background-color: #544c45;
}

table.basic-table tr.even th,
table.basic-table tr.even td {
	background-color: #5d554e;	
}

span.tel {
	font-size: 116%;
	font-weight: bold;
	color: #fff;
}

div.footer span.tel {
	color: #333;
}

/* @end */

h2#goods-visual {
	background-image: url(../../goods/images/cat-visual.jpg);
}
/* @group goods page styles */



div.goods-list {
	padding-top: 10px;
	margin-bottom: 25px;
}

div.goods-list li {
	float: left;
	width: 150px;
	min-height: 215px;
	_height: 215px;
	margin-right: 11px;
	line-height: 1.4;
}

div.goods-list li.last-child {
	margin-right: 0;
}

div.goods-list li a,
div.goods-list li a:link {
	text-decoration: none;
}

div.goods-list li a:hover {
	text-decoration: underline;
}

div.goods-list li img {
	display: block;
	margin-bottom: 5px;
}

div.goods-list span.price {
	display: block;
	color: #ffffff;
	font-weight: bold;
}

div.goods-detail {
	padding-bottom: 10px;
}

div.goods-detail p.main-img {
	float: left;
	padding-right: 20px;
	margin-bottom: 10px;
}

div.goods-detail h3 {
	font-size: 138%;
	color: #ffffff;
	position: relative;
	top: -6px;
	margin-bottom: 0;
}

div.goods-detail p.price {
	text-align: right;
	padding-right: 10px;
	font-size: 116%;
	color: #ffffff;
}

div.goods-detail h4 {
	clear: left;
	padding-top: 10px;
}

p.back2-goods-ls {
	text-align: right;
	padding-right: 10px;
	padding-bottom: 30px;
}
/* @end */

div.page-index p.volume {
	width: 150px;
	float: left;
}

div.page-index p a,
div.page-index p span {
	padding-right: 10px;
}