@charset "Shift_JIS";

/* clear
---------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
/* base
---------------------------------------------------- */
body {
	font-family: Verdana, "�q���M�m�p�S Pro W3", Osaka, "�l�r �o�S�V�b�N", sans-serif;
	font-size:80%;
	color:#454545;
	text-align: center;
	line-height: 1.5;
	padding-top: 10px;
}
ul,li {
	list-style-type: none;
}
img {
	border:0;
}
p {
	margin-bottom: 10px;
}
.clearfix{
	clear: both;
}

/* wrap
---------------------------------------------------- */
#wrap {
	width:780px;
	margin:0 auto;
	background-color: #FFFFFF;
}

/* link
---------------------------------------------------- */
a:link,a:visited,a:active {
	color: #669933;
	text-decoration:underline;
}
a:hover {
	color: #FFA2A2;
}

/* header
---------------------------------------------------- */
#header{
	background-image: url(img/base/header.gif);
	background-repeat: no-repeat;
	height: 81px;
	width: 780px;
}
#header h1 {
	float: left;
	height: 81px;
	width: 200px;
	font-size: 5px;
}
#header h1 a {
	text-decoration:none;
	display:block;
	height: 81px;
	width: 200px;
	text-indent:-9877em;
}
#header h2.salon-copy {
	color: #666600;
	text-align: right;
	width: 560px;
	margin-left: 200px;
	font-size: 12px;
	padding-top: 30px;
	font-weight: normal;
}

/* container
---------------------------------------------------- */
#container {
	width: 780px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
}

/* menu
---------------------------------------------------- */
/*------menu*/
/*\*//*/
 overflow:auto;
/**/
#menu {
	height:30px;
	clear: both;
	width: 769px;
	background-image: url(img/base/navi-back.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 5px;
	_margin-left: 0px;
}
#menu ul {
	margin: auto;
}
#menu li {
	display:inline;
}
#menu li a {
	height:25px;
	display:block;
	float:left;
	text-decoration:none;
	overflow:hidden;
	color: #333333;
	padding-top: 5px;
	width: 107px;
	font-size: 5px;
	text-indent: -9877px;
}

/*------menu off*/
#menu li.menu01 {
	width:84px;
}
#menu li.menu02 {
	width:148px;
}
#menu li.menu03 {
	width:137px;
}
#menu li.menu04 {
	width:60px;
}
#menu li.menu05 {
	width:56px;
}
#menu li.menu06 {
	width:107px;
}
#menu li.menu07 {
	width:177px;
}

/*------menu on*/
#menu li.menu01 a {
	width:84px;
}
#menu li.menu02 a {
	width:148px;
}
#menu li.menu03 a {
	width:137px;
}
#menu li.menu04 a {
	width:60px;
}
#menu li.menu05 a {
	width:56px;
}
#menu li.menu06 a {
	width:107px;
}
#menu li.menu07 a {
	width:177px;
}

/*------menu hover*/
#menu li.menu01 a:hover {
	background-image: url(img/base/navi-back.gif);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
#menu li.menu02 a:hover {
	background-image: url(img/base/navi-back.gif);
	background-repeat: no-repeat;
	background-position: -84px -30px;
}
#menu li.menu03 a:hover {
	width:137px;
	background-image: url(img/base/navi-back.gif);
	background-repeat: no-repeat;
	background-position: -232px -30px;
}
#menu li.menu04 a:hover {
	width:60px;
	background-image: url(img/base/navi-back.gif);
	background-repeat: no-repeat;
	background-position: -369px -30px;
}
#menu li.menu05 a:hover {
	width:56px;
	background-image: url(img/base/navi-back.gif);
	background-repeat: no-repeat;
	background-position: -429px -30px;
}
#menu li.menu06 a:hover {
	width:107px;
	background-image: url(img/base/navi-back.gif);
	background-repeat: no-repeat;
	background-position: -485px -30px;
}
#menu li.menu07 a:hover {
	width:177px;
	background-image: url(img/base/navi-back.gif);
	background-repeat: no-repeat;
	background-position: -592px -30px;
}


/* left
---------------------------------------------------- */
#left {
	width: 425px;
	padding-left: 17px;
	float: left;
	margin-right: 15px;
	text-align: left;
	margin-top: 20px;
}
h3 {
	margin-bottom: 15px;
}
td.message {
	padding-left:15px;
	vertical-align: top;
}
#salon-contact {
	background-image: url(img/base/contact-navi.gif);
	background-repeat: no-repeat;
	height: 130px;
	width: 429px;
	margin-top: 15px;
}
#salon-contact .contact-navi {
	padding-top: 62px;
	padding-left: 192px;
}
#salon-contact .open {
	padding-left: 192px;
	font-size:85%;
}

/* right
---------------------------------------------------- */
#right {
	width: 306px;
	margin-left: 460px;
	text-align: left;
	padding-top: 43px;
	margin-top: 20px;
}
* html#right {
	width: 306px;
	text-align: left;
	padding-top: 43px;
	margin-top: 20px;
}
.margin-bottom15 {
	margin-bottom: 15px;
}

/* footer
---------------------------------------------------- */
#footer {
	clear: both;
	width: 780px;
	background-image: url(img/base/foot-line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 20px;
	padding-bottom: 15px;
	text-align: center;
}
#footer .copy {
	margin-left: 17px;
	font-size: 85%;
}

/* text
---------------------------------------------------- */
.text-pink {
	font-weight: bold;
	color: #E9697C;
	font-size: 14px;
}
.text-pink2 {
	color: #E4475F;
}
.text-nomal {
	color: #454545;
	font-weight: normal;
}
.font-s {
	font-size: 85%;
}
.font-s2 {
	font-size: 75%;
}



/* contents�E�各ペ�Eジ設定！E
-------------------------------------------------------------------------------------------------------- */
/* 共通部刁E
---------------------------------------------------- */
#left-bar {
	width: 190px;
	padding-left: 22px;
	float: left;
	text-align: left;
}
#main {
	width: 524px;
	margin-left: 220px;
	_margin-left: 190px;
	text-align: left;
}
.midashi {
	padding-top: 35px;
	width: 300px;
	padding-right: 145px;
}
#main h3 {
	font-size: 18px;
	font-weight: bold;
	color: #AD8361;
}
#main h4 {
	font-size: 16px;
	font-weight: bold;
	color: #669933;
	background-image: url(img/base/point-01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
	margin-top: 30px;
	margin-bottom: 10px;
}
#main h5 {
	margin-bottom: 15px;
}
#main p {
	padding-left: 5px;
}
.margin-left30 {
	margin-left: 30px;
}
.margin-left150 {
	margin-left: 130px;
}
.margin-top50 {
	margin-top: 50px;
}
.margin-bottom50 {
	margin-bottom: 50px;
}
#under-navi {
	clear: both;
	padding: 0px;
	width: 100%;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#under-navi a {
	text-decoration:none;
	overflow:hidden;
	font-size: 75%;
	padding-right: 10px;
	padding-left: 10px;
}
.pagetop {
	text-align: right;
	font-size: 75%;
	padding-bottom: 30px;
}
.img-left {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.table_01 {
	width: 100%;
}
.table_01 th {
	vertical-align: top;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.table_01 td {
	vertical-align: top;
	padding: 5px;
}
.img-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 10px;
}

/* artmake
---------------------------------------------------- */
#artmake-container {
	width: 780px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url(img/artmake/artmake-title2-2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 90px;
}
#artmake-container2 {
	width: 780px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url(img/artmake/artmake-title2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 90px;
}
.artmake-midashi {
	background-image: url(img/artmake/artmake-title2.jpg);
	padding-top: 35px;
	width: 379px;
	padding-right: 145px;
	background-repeat: no-repeat;
	background-position: top;
}
ul.osusume {
	color: #E3425A;
	padding-left: 40px;
	background-color: #FDEEF0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	border: 1px solid #F8CBD1;
	margin-left: 5px;
}
.osusume li {
	list-style-type: circle;
	padding-bottom: 5px;
}
li.text-gy {
	color: #666666;
	padding-left: 20px;
	list-style-type: none;
	margin-bottom: 12px;
	font-weight: normal;
}

/* process
---------------------------------------------------- */
#process-container {
	width: 780px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url(img/process/process-title.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 90px;
}

/* eyelash&example
---------------------------------------------------- */
#eyelash-container {
	width: 780px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url(img/eyelash/eyelash-title2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 90px;
}

/* q & a
---------------------------------------------------- */
#qa-container {
	width: 780px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url(img/qa/qa-title.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 90px;
}
#qa-container ul {
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 5px;
	margin-left: 5px;
}
#qa-container li.qa  {
	padding-bottom: 10px;
	background-image: url(img/qa/q2.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	text-indent: 38px;
	color: #669933;
}
#qa-container li.qa-a {
	padding-bottom: 45px;
	background-image: url(img/qa/a2.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin-left: 35px;
	padding-left: 38px;
}

/* price
---------------------------------------------------- */
#price-container {
	width: 780px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url(img/price/price-title.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 90px;
}
#price table th,#price table td {
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#price table {
	margin-bottom: 50px;
}
#price th {
	color: #999999;
}
#price th.menu-t {
	color: #669933;
	width: 270px;
	background-image: url(img/price/point-1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 15px;
}
#price th.menu-t2 {
	width: 127px;
}
#price th.menu-t3 {
	color: #E4475F;
}
#price th.menu-t4 {
	width: 254px;
}

/* salon
---------------------------------------------------- */
#salon {
	width: 780px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url(img/salon/salondate-title2.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 90px;
}
#salon ul {
	background-color: #FDEEF0;
	padding-left: 25px;
	padding-top: 5px;
	padding-right: 5px;
}
#salon li {
	list-style-type: disc;
	padding-bottom: 5px;
}
p.width400 {
	width: 455px;
	margin-left: 35px;
	margin-top: 15px;
}
.profile {
	background-image: url(img/salon/kiyomi.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 450px;
	margin-left: 40px;
	height: 271px;
}
.profile p {
	width: 230px;
	margin-top: 90px;
	margin-left: 220px;
}
.message {
	width: 430px;
	margin-left: 45px;
	padding: 4px;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #669933;
	margin-bottom: 15px;
}

/* contact
---------------------------------------------------- */
#conact {
	width: 780px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
	float: left;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	background-image: url(img/contact/contact-title.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 90px;
}
.dot-line {
	background-image: url(img/contact/dot-line.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#form table,th,td {
	padding-top: 10px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
#form table,th.style1,td.style1 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	padding-top: 15px;
}
#form table,td.style2 {
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.padding-top10 {
	padding-top: 10px;
}

.link-navi {
	font-size: 75%;
	text-align: left;
}