﻿@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../image/background.jpg) repeat-x;
	font-size: 0.7em;
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	color: #222;
	text-align: center;
}

strong {
	font-style: normal;
	font-weight: normal;
}

img {
	border: none;
}

a:link, a:visited {
	text-decoration: none;
	color: #000;
}

a:hover {
	text-decoration: none;
	color: #369;
}

.clear {
	clear: both;
}

/****** HEADER ******/

div#header {
	width: 780px;
	height: 250px;
	margin: 0 auto;
	background: url(../image/background_header.jpg) no-repeat;
}

#header div.promotion-area {
	position: relative;
	top: 10px;
	width: 740px;
	height: 240px;
	margin: 0 auto;
}

/****** GLOBAL MENU ******/

div#global-menu {
	width: 100%;
	height: 37px;
}

#global-menu ul {
	position: relative;
	width: 746px;
	margin: 0 auto;
	list-style: none;
	text-indent: -1000em;
}

#global-menu ul li {
	float: left;
}

#global-menu ul li.menu1 a {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 104px;
	height: 20px;
	background: url(../image/menu1.gif) no-repeat top;
	overflow: hidden;
}
#global-menu ul li.menu1 a:hover {
	background: url(../image/menu1.gif) no-repeat bottom;
}

#global-menu ul li.menu2 a {
	position: absolute;
	top: 8px;
	left: 104px;
	width: 102px;
	height: 20px;
	background: url(../image/menu2.gif) no-repeat top;
	overflow: hidden;
}
#global-menu ul li.menu2 a:hover {
	background: url(../image/menu2.gif) no-repeat bottom;
}

#global-menu ul li.menu3 a {
	position: absolute;
	top: 8px;
	left: 206px;
	width: 117px;
	height: 20px;
	background: url(../image/menu3.gif) no-repeat top;
	overflow: hidden;
}
#global-menu ul li.menu3 a:hover {
	background: url(../image/menu3.gif) no-repeat bottom;
}

#global-menu ul li.menu4 a {
	position: absolute;
	top: 8px;
	left: 323px;
	width: 107px;
	height: 20px;
	background: url(../image/menu4.gif) no-repeat top;
	overflow: hidden;
}
#global-menu ul li.menu4 a:hover {
	background: url(../image/menu4.gif) no-repeat bottom;
}

#global-menu ul li.menu5 a {
	position: absolute;
	top: 8px;
	left: 430px;
	width: 116px;
	height: 20px;
	background: url(../image/menu5.gif) no-repeat top;
	overflow: hidden;
}
#global-menu ul li.menu5 a:hover {
	background: url(../image/menu5.gif) no-repeat bottom;
}

#global-menu ul li.menu6 a {
	position: absolute;
	top: 8px;
	left: 546px;
	width: 107px;
	height: 20px;
	background: url(../image/menu6.gif) no-repeat top;
	overflow: hidden;
}
#global-menu ul li.menu6 a:hover {
	background: url(../image/menu6.gif) no-repeat bottom;
}

#global-menu ul li.menu7 a {
	position: absolute;
	top: 8px;
	left: 653px;
	width: 93px;
	height: 20px;
	background: url(../image/menu7.gif) no-repeat top;
	overflow: hidden;
}
#global-menu ul li.menu7 a:hover {
	background: url(../image/menu7.gif) no-repeat bottom;
}

/****** LIST NAVIGATION ******/
p#list-navi {
	width: 730px;
	margin: 0px auto;
	padding: 14px 0px 10px;
	font-size: 0.85em;
	text-align: left;	
}

#list-navi a:link, #list-navi a:visited {
	color: #093;
}

#list-navi a:hover {
	color: #0C0;
}

/****** CONTENTS ******/

div#container {
	width: 780px;
	margin: 0 auto;
	background: url(../image/background_container.gif) repeat-y;
}

div#contents {
	width: 780px;
	margin: 0 auto;
	background: url(../image/background_contents.gif) no-repeat;
}

div#left-section {
	width: 435px;
	float: left;
	margin-left: 10px;
	display: inline;
	text-align: left;
}

/****** RIGHT CONTENTS ******/

div#right-section {
	width: 300px;
	float: left;
	margin-left: 25px;
	text-align: left;
}

div#right-section2 {
	width: 300px;
	float: left;
	margin-left: 15px;
	text-align: left;
}
*:first-child+html #right-section2 {
	width: 300px;
	float: left;
	margin-left: 25px;
	text-align: left;
}

html>/**/body #right-section2{
	width: 300px;
	float: left;
	margin-left: 25px;
	text-align: left;
}


img.banner-nail {
	margin-top: 30px;
}

img.banner-esthetics {
	margin: 10px 0px 15px;
}

h2.shopping {
	width: 300px;
	height: 30px;
	margin-bottom: 12px;
	background: url(../image/sub_shopping.gif) no-repeat right;
	text-indent: -1000em;
}

img.banner-shopping, img.banner-shop {
	margin-bottom: 12px;
}

#right-section p {
	width: 270px;
	padding: 3px;
	line-height: 1.5em;
}
#right-section2 p {
	width: 270px;
	padding: 3px;
	line-height: 1.5em;
}


#right-section ul {
	width: 265px;
	margin: 10px 0px 0px 5px;
	padding: 12px 0px 15px;
	list-style: none;
}
#right-section2 ul {
	width: 265px;
	margin: 10px 0px 0px 5px;
	padding: 12px 0px 15px;
	list-style: none;
}


#right-section ul li {
	margin: 0px 0px 6px 4px;
	background: url(../image/list_mark.gif) no-repeat left center;
	text-indent: 1.4em;
}
#right-section2 ul li {
	margin: 0px 0px 6px 4px;
	background: url(../image/list_mark.gif) no-repeat left center;
	text-indent: 1.4em;
}

#right-section ul.shop-info {
	width: 265px;
	margin: 0px 0px 0px 5px;
	padding: 15px 0px 15px;
	list-style: none;
	background: none;
	font-size: 0.85em;
}

#right-section2 ul.shop-info {
	width: 265px;
	margin: 0px 0px 0px 5px;
	padding: 15px 0px 15px;
	list-style: none;
	background: none;
	font-size: 0.85em;
}


#right-section ul.shop-info li {
	margin: 0px 0px 6px 4px;
	background: url(../image/list_mark2.gif) no-repeat left center;
	text-indent: 1.4em;
}
#right-section2 ul.shop-info li {
	margin: 0px 0px 6px 4px;
	background: url(../image/list_mark2.gif) no-repeat left center;
	text-indent: 1.4em;
}

h2.apre {
	width: 300px;
	height: 30px;
	margin: 10px 0px 12px;
	background: url(../image/sub_apre.gif) no-repeat right;
	text-indent: -1000em;
}

h2.prevail {
	width: 300px;
	height: 30px;
	margin: 10px 0px 12px;
	background: url(../image/sub_prevail.gif) no-repeat right;
	text-indent: -1000em;
}

/****** SHOP AREA ******/

div#shop-area {
	width: 710px;
	margin: 0px auto;
	padding-bottom: 5px;
	background: url(../image/background_shop_area.gif) repeat-x top;
	clear: both;
	font-size: 11px;
}

#shop-area div.apre {
	width: 350px;
	margin: 10px 0px 0px 5px;
	padding-bottom: 5px;
	float: left;
	display: inline;
	background: url(../image/background_shop_area2.gif) repeat-y right;
}

.apre img {
	float: left;
	margin: 10px 14px 0px 0px;
}

.apre ul {
	width: 210px;
	float: left;
	margin-top: 12px;
	list-style: none;
}

.apre ul li {
	margin-top: 3px;
	color: #634A3C;
}

#shop-area div.prevail {
	width: 350px;
	margin-top: 10px;
	float: left;
}

.apre ul {
	text-align: left;
}

.prevail img {
	float: right;
	margin: 10px 0px 0px 14px;
}

.prevail ul {
	width: 210px;
	float: right;
	margin-top: 12px;
	list-style: none;
	text-align: right;
}

.prevail ul li {
	margin-top: 3px;
	color: #634A3C;
}

#shop-area p.apre-text {
	width: 320px;
	margin-left: 5px;
	padding: 10px 0px;
	line-height: 1.6em;
}

#shop-area p.prevail-text {
	width: 320px;
	margin-left: 25px;
	padding: 10px 0px;
	line-height: 1.6em;
}

/****** FOOTER ******/

div#footer {
	width: 780px;
	margin: 0 auto;
	background: url(../image/background_footer.gif) no-repeat;
	font-size: 0.85em;
}

#footer p {
	padding: 30px 0px 25px;
	text-align: center;
}

address {
	margin-bottom: 30px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #634A3C;
}

/*** SHOPPING ***/

div#shopping-area {
	width: 730px;
	margin: 20px auto;
}

address.shopping {
	padding: 30px;
	background: #FFF;
}

