@charset "UTF-8";

body {
	background: #282828 url(img/bg.jpg) repeat-x;
	margin: 0px;
	padding: 10px 0px 0px;
	text-align: center;
	color: #CCCCCC;
	font-size: 12px;
	line-height: 150%;
}

h1 { font-size: 10px; line-height: 130%; color: #CCCCCC; margin: 0px; padding: 0px;}
h2 { margin: 0px; padding: 0px; text-align: left;}
h3 { margin:0;}

a:link { color:#FFFFCC;}
a:visited { color:#FFFFCC;}
a:hover { color:#CCCCCC}

div,img { border:none;}

.clears { clear:both;}

form { margin: 0px; padding: 0px;}

div#wrap { margin: 0px auto; padding: 0px; width: 900px; overflow: hidden;}

/*-- Color --*/
.color_red { color:#F00;}
.color_yellow { color:#FF0;}
.color_green { color:#6F6;}
.color_pink { color:#F9F;}
.color_purple { color:#96C;}

/*-- div --*/
div#wrap div#rightarea,div#leftarea,div#sidemenu,div#main { float:left; padding-bottom: 32700px; margin-bottom: -32700px;}

/*-- Float Clear --*/
.cl { display:inline-block;}
.cl:after { content: ""; display:block; clear:both;}

div#leftarea {
	width: 450px;
	background: #000000;
	margin-right: 1px;
}
div#rightarea {
	width: 449px;
	background: #000000;
}

div#rightarea p {
	margin: 0px 0px 12px;
	padding: 0px;
}

div#sidemenu {
	width: 211px;
	background: #000000;
	margin-left: 1px;
	text-align: left;
}
div#sidemenu p { margin: 0px 0px 5px;}

div#main {
	width: 687px;
	background: #000000;
	padding-top: 20px;
}
div#main p { text-align:left;}

div#main .common {
	width:640px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-bottom: 20px;
}
div#main .common dl { margin: 0px; padding: 0px;}

div#campaign_main {
	width: 900px;
	background: #000000;
	padding-top: 20px;
	padding-bottom: 20px;
}


/*-- List Thumbnail --*/
div#main .thumb { width:600px; margin: 10 auto 0; padding: 0; list-style:none;}
div#main .thumb ul { list-style:none; margin: 0px; padding: 0px;}
div#main .thumb li { background: #FFF; padding: 5px; height: 60px; width: 60px; margin: 0px 10px 10px 0px; float: left; text-align: center;}
div#main .thumb li img { border: 1px solid #CCC;}


/*-- List Icon --*/
.recruit dt { margin: 30px 0px 0px; padding: 0px;}
.recruit dd { background: url(img/list_icon.gif) no-repeat 0px 6px; margin:  10px 0px 10px 40px; padding: 0px 0px 0px 20px; line-height: 180%;}


/*-- Header --*/
div#header { background: url(img/header.jpg) no-repeat; margin: 0px auto; padding: 5px 5px 0px 0px; height: 69px; width: 895px; text-align: right; font-size: 10px; line-height: 130%; color: #CCCCCC;}
* html div#header { background: url(img/header.jpg) no-repeat; margin: 0px auto; padding: 5px 5px 0px 0px; height: 74px; width: 900px; text-align: right; font-size: 10px; line-height: 130%; color: #CCCCCC;}
div#header ul { padding: 0px; margin: 10px 0px 0px;}
div#header li { display: inline; list-style: none; margin: 0px 5px 0px 0px; padding: 0px;}

/*-- Flash --*/
div#flash {
	width:900px;
	height:260px;
	margin: 1px auto 0px;
	padding: 0px;
	background: #333333;
}


/*-- Global Menu --*/
div#gmenu {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 46px;
}

div#gmenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#gmenu li {
	height:46px;
	float:left;
	margin: 0px;
	padding: 0px;
}
div#gmenu ul li a { display:block; height:46px; text-decoration:none;}
div#gmenu ul li a:hover { background-position: 0px -46px; text-decoration:none;}
.menutext { visibility:hidden;}
div#gmenu .menu1 a {
	background: url(img/btn_home.jpg) no-repeat;
	width: 131px;
	height: 46px;
}
div#gmenu .menu2 a {
	background: url(img/btn_price.jpg) no-repeat;
	width: 127px;
	height: 46px;
}
div#gmenu .menu3 a {
	background: url(img/btn_nailart.jpg) no-repeat;
	width: 127px;
	height: 46px;
}
div#gmenu .menu4 a {
	background: url(img/btn_accsece.jpg) no-repeat;
	width: 128px;
	height: 46px;
}
div#gmenu .menu5 a {
	background: url(img/btn_qa.jpg) no-repeat;
	width: 127px;
	height: 46px;
}
div#gmenu .menu6 a {
	background: url(img/btn_reservation.jpg) no-repeat;
	width: 128px;
	height: 46px;
}
div#gmenu .menu7 a {
	background: url(img/btn_recruit.jpg) no-repeat;
	width: 132px;
	height: 46px;
}


/*-- Footer --*/
div#footer {
	background: #2E2E2E url(img/footer.jpg) no-repeat;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	font-size: 10px;
	clear: both;
}
div#footer ul {
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
div#footer li {
	display: inline;
	list-style: none;
	margin: 0px 25px 0px 0px;
	padding: 0px;
}

/*-- MENU --*/
.menu {
	width:660px;
	margin:0px 0px 40px 25px;
	_zoom: 1;
	padding: 0px;
}
.menu li {
	float:left;
	margin-right: 15px;
	margin-bottom: 20px;
	list-style: none;
}
.menu li p {
	width: 180px;
	text-align: left;
	font-size: 10px;
	padding: 0px;
	margin: 0px auto;
}
.detail {
	width: 200px;
	display: block;
	margin: 42px 0px 0px;
	padding: 0px;
	clear: both;
}

/*-- SALON MENU --*/
.salonemenu {
	padding: 0px;
	margin:0px;
}
head~/* */body .salonemenu { padding: 0px 0px 0px 18px; margin:0px;}

.salonemenu ul {
	width:430px;
	margin:0px -15px 0px 0px;
	overflow: hidden;
	_zoom: 1;
	padding: 0px;
}
.salonemenu li {
	float:left;
	margin-right: 15px;
	list-style: none;
	margin-bottom: 20px;
}
.salonemenu li p {
	width: 180px;
	text-align: left;
	font-size: 10px;
	margin: 0px auto;
	padding: 0px;
}
div.menu_gel {
	background: #000000 url(img/menu_gel.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.menu_sculp {
	background: #000000 url(img/menu_sculp.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.menu_foot {
	background: #000000 url(img/menu_foot.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.menu_nailart {
	background: #000000 url(img/menu_nailart.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.menu_option {
	background: #000000 url(img/menu_option.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.menu_store {
	background: #000000 url(img/menu_store.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.menu_hand {
	background: #000000 url(img/menu_hand.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.menu_mobile {
	background: #000 url(img/mobile.jpg) no-repeat;
	width: 432px;
	text-align: left;
	padding: 66px 0px 0px 15px;
	margin: 0px auto 15px 8px;
	height: 20px;
}
div.menu_link {
	width: 200px;
}

/*-- Nail Art Sample Box --*/
div.art_simple {
	background: #000000 url(img/art_simple.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.art_elegant {
	background: #000000 url(img/art_elegant.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.art_cute {
	background: #000000 url(img/art_cute.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.art_cool {
	background: #000000 url(img/art_cool.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.art_pop {
	background: #000000 url(img/art_pop.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}
div.art_gorgeous {
	background: #000000 url(img/art_gorgeous.jpg) no-repeat;
	height: 235px;
	width: 200px;
	padding-top: 5px;
}



/*-- Q&A --*/
div.qa_gel { background: #000000 url(img/qa_gel.jpg) no-repeat; height: 174px; width: 200px; padding-top: 5px;}
div.qa_sculp { background: #000000 url(img/qa_sculp.jpg) no-repeat; height: 174px; width: 200px; padding-top: 5px;}
div.qa_foot { background: #000000 url(img/qa_foot.jpg) no-repeat; height: 174px; width: 200px; padding-top: 5px;}
div.qa_use { background: #000000 url(img/qa_use.jpg) no-repeat; height: 174px; width: 200px; padding-top: 5px;}
div.qa_time { background: #000000 url(img/qa_time.jpg) no-repeat; height: 174px; width: 200px; padding-top: 5px;}
div.qa_other { background: #000000 url(img/qa_other.jpg) no-repeat; height: 174px; width: 200px; padding-top: 5px;}
div.qa_public { background: #000000 url(img/qa_public.jpg) no-repeat; height: 174px; width: 200px; padding-top: 5px;}

.q {
	background: url(img/q_bg.jpg) no-repeat;
	margin:  25px 0px 0px;
	padding: 20px 0px 0px 80px;
	line-height: 180%;
	color: #DFFFBF;
	height: 70px;
}
.a {
	background: url(img/a_bg.jpg) no-repeat;
	margin:  0px;
	padding: 20px 0px 0px 80px;
	line-height: 180%;
	color: #FFDDDD;
	height: 70px;
}

/*-- Pankuzu --*/
div#pankuzu {
	padding: 0px;
	height: 29px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #252525;
	background: url(img/pankuzu_bg.jpg) repeat-x;
	text-align: left;
	font-size: 10px;
}
div#pankuzu p { display: block; padding: 0px; height: 29px; float: left; margin: 0px;}
div#pankuzu .link{ background: url(img/pankuzu_a_bg.jpg) repeat-x; padding-top: 6px; padding-right: 20px; padding-left: 20px;}
div#pankuzu .nolink{ padding-top: 6px; padding-right: 20px; padding-left: 20px;}

/*-- Title --*/
div#ttl { width: 900px; margin-right: auto; margin-left: auto; border-top: 1px solid #252525; border-bottom: 1px solid #252525; background: #000000; text-align: left; clear: both;}
div#ttl h2 { margin: 0px; padding: 0px; text-align: left;}

/*-- SideMenu --*/
div#sidemenu ul { list-style: none; margin: 0px 0px 40px; padding: 0px;}
div#sidemenu li { height:46px; margin: 0px; padding: 0px;}
div#sidemenu ul li a { display:block; height:46px; text-decoration:none;}
div#sidemenu ul li a:hover { background-position: 0px -46px; text-decoration:none;}
div#sidemenu .art1 a { background: url(img/side_art1.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .art2 a { background: url(img/side_art2.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .art3 a { background: url(img/side_art3.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .art4 a { background: url(img/side_art4.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .art5 a { background: url(img/side_art5.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .art6 a { background: url(img/side_art6.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .menu1 a { background: url(img/side_menu1.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .menu2 a { background: url(img/side_menu2.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .menu3 a { background: url(img/side_menu3.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .menu4 a { background: url(img/side_menu4.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .menu5 a { background: url(img/side_menu5.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .menu6 a { background: url(img/side_menu6.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .menu7 a { background: url(img/side_menu7.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .qa1 a { background: url(img/side_qa1.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .qa2 a { background: url(img/side_qa2.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .qa3 a { background: url(img/side_qa3.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .qa4 a { background: url(img/side_qa4.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .qa5 a { background: url(img/side_qa5.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .qa6 a { background: url(img/side_qa6.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .qa7 a { background: url(img/side_qa7.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .reserve1 a { background: url(img/side_reserve1.jpg) no-repeat; width: 211px; height: 46px;}
div#sidemenu .reserve2 a { background: url(img/side_reserve2.jpg) no-repeat; width: 211px; height: 46px;}

/*-- Nail Art Sample Photo --*/
div#simple { background: #FFF url(nail_sample/simple/01.jpg) no-repeat center center; padding: 10px; width: 600px; display: block; margin-right: auto; margin-left: 20px; height: 380px;}
div#elegant { background: #FFF url(nail_sample/elegant/01.jpg) no-repeat center center; padding: 10px; width: 600px; display: block; margin-right: auto; margin-left: 20px; height: 380px;}
div#cute { background: #FFF url(nail_sample/cute/01.jpg) no-repeat center center; padding: 10px; width: 600px; display: block; margin-right: auto; margin-left: 20px; height: 380px;}
div#cool { background: #FFF url(nail_sample/cool/01.jpg) no-repeat center center; padding: 10px; width: 600px; display: block; margin-right: auto; margin-left: 20px; height: 380px;}
div#pop { background: #FFF url(nail_sample/pop/01.jpg) no-repeat center center; padding: 10px; width: 600px; display: block; margin-right: auto; margin-left: 20px; height: 380px;}
div#gorgeous { background: #FFF url(nail_sample/gorgeous/01.jpg) no-repeat center center; padding: 10px; width: 600px; display: block; margin-right: auto; margin-left: 20px; height: 380px;}
div.common .image {
	float: left;
	border: 1px solid #282828;
	padding: 5px;
	margin-right: 15px;
	margin-bottom: 20px;
}
div.common p {
	overflow:hidden;
	zoom: 1;
	margin: 15px 0px;
}
div.common .title { background: url(img/list_icon.gif) no-repeat 0px 6px; margin:  10px 0px 10px 40px; padding: 0px 0px 0px 20px; line-height: 180%; color:#CCCCFF; font-size: 14px;}

div.common .price {
	clear: both;
	border: 1px solid #333333;
	margin-bottom: 20px;
	width: 640px;
}
div.common .price div {
	background: #000000 url(img/price_bg.jpg) repeat-x;
	border: 1px solid #000;
	padding: 10px 10px 10px 20px;
}
div.common .price div p {
	margin: 5px 0px;
}
div.common .price div img {
	float:right;
	margin: 0px 10px 10px;
	padding: 1px;
	border: 1px solid #333;
}
div.common .price div .ttl { color:#CCCCFF;}

div.common .price table {
	width: 520px;
	margin:  10px 0px 10px 40px;
	padding: 10px;
	background: #000000;
	font-size: 13px;
}
div.common .price th {
	background-color:#202020;
	text-align:center;
	padding: 10px;
	font-weight: normal;
	width: 33%;
}
div.common .price td {
	background-color:;
	text-align:center;
	padding: 10px;
	width: 33%;
} 




div.common .price2 {
	clear: both;
	border: 1px solid #333333;
	margin-bottom: 20px;
	width: 640px;
}
div.common .price2 div {
	background: #000000 url(img/price_bg.jpg) repeat-x;
	border: 1px solid #000;
	padding: 10px 10px 10px 20px;
}
div.common .price2 div p {
	margin: 5px 0px;
}
div.common .price2 div img {
	float:right;
	margin: 0px 10px 10px;
	padding: 1px;
	border: 1px solid #333;
}
div.common .price2 div .ttl { color:#CCCCFF;}

div.common .price2 table {
	width: 520px;
	margin:  10px 60px 10px;
	padding: 10px;
	background: #000000;
	font-size: 13px;
}
div.common .price2 th {
	background-color:#202020;
	text-align:center;
	padding: 10px;
	font-weight: normal;
	width: 50%;
}
div.common .price2 td {
	background-color:;
	text-align:center;
	padding: 10px;
	width: 50%;
} 


/*-- Campaign --*/
div.campaign {
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: auto;
	margin-left: auto;
}

/*-- Information --*/
div.information {
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	overflow:auto;
	height: 230px;
}
div.information dl { margin: 0px; padding: 0px;}
div.information dt {
	color: #FCF;
	font-weight: bold;
	line-height: 140%;
	margin-top: 5px;
}
div.information dd {
	line-height: 140%;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

/*-- Accesemap --*/
div#map img { border: 1px solid #282828; padding: 5px;}

/*-- Table --*/
div.common table {	
	width: 638px;
	margin: 20px auto 0px;
	padding: 0px;
	background: #000000;
	font-size: 13px;
	border: 1px solid #333;
	}
div.common table img { float:right;	margin: 0px; padding: 1px; border: 1px solid #333;}

div.common th {
	background-color:#202020;
	padding: 10px;
	font-weight: normal;
	text-align: center;
	width: 25%;
}
div.common td {
	background-color:#333;
	padding: 10px;
	line-height: 130%;
} 

/*-- SITEMAP --*/
div.sitemap dl {
	margin-left: auto;
	float: left;
	margin-right: auto;
}

div.sitemap dt {
	background: url(img/list_icon.gif) no-repeat 0px 6px;
	margin:  0px 0px 5px 40px;
	padding: 0px 0px 0px 20px;
	line-height: 180%;
	font-weight: bold;
}
div.sitemap dd {
	margin-bottom: 5px;
	padding-left: 30px;
}
/*-- CAMPAIGN --*/
div.campaign {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

/*-- Google Map --*/

#gmap iframe {
	border: 1px solid #282828;
	text-align: center;
	width: 430px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
/*-- Link Banner --*/
.linkbanner { margin-bottom:20px;}
.linkbanner dl { margin: 0px 10px;}
.linkbanner dt {	float:left; margin-left: 10px;}
.linkbanner dd {
	float:left;
	margin-left: 10px;
	text-align: left;
}

/*-- 来店取材 --*/
div#hayasaka a:link { color:#FF3399;}
div#hayasaka a:visited { color:#FF3300;}
div#hayasaka a:hover { color:#FF3399;}
div#hayasaka {
	width: 813px;
	background: #000000;
	margin-right: auto;
	margin-left: auto;
	color: #333333;
}
div#hayasaka p {
	margin: 0px;
	padding: 0px;
}
div#hayasaka .base1 {
	background: url(img/report_hayasaka_1.jpg) no-repeat;
	height: 584px;
}
div#hayasaka .base2 {
	background: url(img/report_hayasaka_2.jpg) no-repeat;
	height: 417px;
}
div#hayasaka .base3 {
	background: url(img/report_hayasaka_3.jpg) no-repeat;
	height: 437px;
}
div#hayasaka .text1 {
	margin-right: 0px;
	margin-left: auto;
	float: right;
	text-align: left;
	font-size: 12px;
}
div#hayasaka .text2 {
	margin-right: auto;
	text-align: left;
	font-size: 12px;
	clear: both;
}
div#hayasaka ul {
	float:right;
	padding: 0px;
	margin-left: auto;
	margin-top: 60px;
	width: 250px;
}
div#hayasaka li {
	list-style: none;
	text-align: left;
	padding: 0px;
	margin: 0px;
}
div#hayasaka .comment {
	padding-top: 150px;
	padding-left: 140px;
}
div#hayasaka .comment { /padding-top: 160px; /padding-left: 140px;
}
