@charset "utf-8";



/* @group Reset */

/* Reset
------------------------------------------------------------ */

html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,form,input,textarea,fieldset,legend,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
q:before,q:after{content:'';}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img,fieldset{border:0 none;}
abbr,acronym{border:0 none;font-variant:normal;}
li{list-style:none;}
caption,th{text-align:left;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}

/* @end */





/* @group Settings */

/* Settings
------------------------------------------------------------ */

body {
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",
				 "メイリオ","Meiryo",sans-serif;
}

* html body {
	font-size: 75%;
}

*:first-child+html body {
	font-size: 75%;
}

a:link,
a:visited {
	color: #5e703e;
}
a:link:hover,
a:visited:hover,
a:link:active,
a:visited:active {
	color: red;
}

/* @end */





/* @group Container / Layout */

/* Container / Layout
------------------------------------------------------------ */

body {
	text-align: center;
	background: #5d7038;
	padding-bottom: 30px;
	background: url(../img/bg.png);
}

#container {
	margin: 0 auto;
	width: 904px;
	text-align: left;;
}

#content_wrap {
	padding: 0 12px;
	background: url(../img/bg_content.png);
	padding-bottom: 30px;
}

#left {
	float: left;
	width: 194px;
	border-top: 1px solid #322c16;
}

#main {
	float: left;
	width: 494px;
	border-top: 1px solid #322c16;
}

#right {
	float: right;
	width: 192px;
	border-top: 1px solid #322c16;
}

#content_wrap:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ie6 */ * html #content_wrap {zoom: 1;}
/* ie7 */ *:first-child+html #content_wrap {zoom: 1;}

/* @end */





/* @group Header */

/* Header
------------------------------------------------------------ */

#header {
	position: relative;
	height: 95px;
	background: url(../img/bg_header.png);
}

#header h1 {
	position: absolute;
	top: 33px;	left: 34px;
}

p#site-description {
	position: absolute;
	top: 10px;	left: 42px;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #615432;
}

ul#navtop li {
	position: absolute;
	top: 11px;
}

ul#navtop li.btn1 {left: 483px;}
ul#navtop li.btn2 {left: 556px;}
ul#navtop li.btn3 {left: 631px;}
ul#navtop li.btn4 {left: 767px;}

p#salon-information {
	position: absolute;
	top: 36px;	left: 485px;
	width: 380px;	height: 45px;
	background: url(../img/header_salon-info.png);
	text-indent: -9993px;
}

ul#topmenu {
	position: relative;
	height: 28px;
	background: url(../img/bg_topmenu.png);
}

ul#topmenu li {
	position: absolute;
	top: 1px;
}

ul#topmenu li.btn1 {left: 347px;}
ul#topmenu li.btn2 {left: 442px;}
ul#topmenu li.btn3 {left: 539px;}
ul#topmenu li.btn4 {left: 637px;}
ul#topmenu li.btn5 {left: 739px;}

/* @end */





/* @group Header Image */

/* Header Image
------------------------------------------------------------ */

#topimg {
	position: relative;
	padding: 0 12px;
	width: 880px;	height: 270px;
	background: url(../img/bg_topimg.png);
}

/* @end */





/* @group Left Column */

/* Left Column
------------------------------------------------------------ */

#left li {
	line-height: 0;
}

#left h3 {
	margin: 2px auto 5px 3px;
}

ul#leftmenu {
	margin-bottom: 8px;
}

ul.randum-gallery img {
	margin-left: 3px;
	margin-bottom: 5px;
	border: 1px solid #5e703e;
}

p#left_shop-photo img {
	margin-left: 3px;
	margin-bottom: 5px;
	border: 1px solid #5e703e;
}

#left_shop-info {
	margin: 0 5px 20px;
	padding-top: 2px;
	background: #fff;
}

#left_shop-info p {
	margin-bottom: 0.4em;
	padding: 0 2px;
	line-height: 1.3em;
	font-weight: bold;
	color: #333;
}

#left_bookmark {
	margin-bottom: 20px;
	text-align: center;
}

#left_bookmark p {
	margin-bottom: 3px;
}

#left_bookmark a {
	line-height: 1.3em;
	font-size: 92%;
	font-weight: bold;
	color: #333;
	text-decoration: underline;
}

#left_bookmark a:hover {
	color: red;
}

ul#left_link {
	margin: 0 5px 20px;
	border-bottom: 1px solid #333;
	background: #fff;
}

ul#left_link li {
	padding: 3px;
	border: 1px solid #333;
	border-bottom: 0 none;
	text-align: center;
}

p#left_area {
	margin: 0 5px 10px;
	line-height: 1.3em;
}

p#left_media {
	margin-left: 4px;
}

/* @end */





/* @group Main Column */

/* Main Column
------------------------------------------------------------ */

#main h2 {
	margin-left: 8px;
}

p#about-nailc {
	margin: 12px 15px 10px 15px;
	font-size: 125%;
	line-height: 1.3em;
	font-weight: bold;
	color: #5d5436;
}

#month-nailc {
	position: relative;
	margin: 7px 27px 10px 17px;
	border: 1px solid #fff;
	background: #d2d88f;
}

#month-nailc dt {
	position: absolute;
	top: -10px;	left: 139px;
}

#month-nailc img.pic {
	margin: 5px;
}

#month-nailc dd {
	position: absolute;
	top: 35px;	left: 141px;
	margin-right: 5px;
	font-size: 109%;
	line-height: 1.3em;
	font-weight: bold;
	color: #5d5436;
}

#month-nailc img.btn {
	position: absolute;
	top: 94px;	left: 160px;
}

ul#jade-nailc {
	margin: 6px auto 20px 18px;
	line-height: 0;	
}

ul#jade-nailc li {
	float: left;
}

#jade-nailc:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ie6 */ * html #jade-nailc {zoom: 1;}
/* ie7 */ *:first-child+html #jade-nailc {zoom: 1;}


#main_news {
	margin-top: -3px;
	margin-bottom: 12px;
	width: 494px;	height: 162px;
	background: url(../img/main_news_bg.png);
}

#main_news iframe#news {
	margin: 36px auto auto 34px;
	width: 400px;	height: 110px;
}

ul#press-media {
	margin: 5px 15px auto 10px;
	padding: 12px;
	border: 1px solid #5e6f38;
	background: #fff;
	max-height: 333px;
	overflow-y: scroll;
}

ul#press-media li {
	padding-right: 7px;
	display: inline;
}

ul#press-media li img {
	padding-bottom: 5px;
}

p#coupon-banner {
	margin: 7px auto 12px 6px;
}

#before-after_wrap {
	position: relative;
	min-height: 140px;
}

#before-after_wrap p.nail_before img {
	position: absolute;
	top: 3px;	left: 10px;
	border: 1px solid #5e6f38;
}

#before-after_wrap p.nail_after img {
	position: absolute;
	top: 3px;	left: 179px;
	border: 1px solid #5e6f38;
}

#before-after_wrap p.gt {
	position: absolute;
	top: 41px;	left: 156px;
	width: 18px;	height: 37px;
	background: url(../img/main_before-after_gt.png);
	text-indent: -9993px;
}

#before-after_wrap dl {
	margin: 0 15px auto 335px;
	padding-top: 2px;
	text-align: center;
}

#before-after_wrap dt span {
	border-bottom: 1px solid;
	font-weight: bold;
}

#before-after_wrap dd {
	margin: 3px 0;
	line-height: 1.3em;
	font-size: 92%;
	text-align: left;
}

#before-after_wrap img.btn {
	margin-left: 335px;
	margin-bottom: 7px;
}

.nailist-blog_wrap {
	margin: 6px 12px 8px 10px;
	border: 1px solid #fff;
}

.nailist-blog_wrap p.blog-photo {
	float: left;
}

.nailist-blog_wrap p.blog-title {
	margin-top: 9px;
	margin-left: 106px;
}

.nailist-blog_wrap ul.blog-feed {
	margin-top: 5px;
	margin-left: 105px;
	line-height: 1.3em;
}

.nailist-blog_wrap ul.blog-feed .date {
	font-size: 92%;
}

.nailist-blog_wrap ul.blog-feed a {color: #02004f;}
.nailist-blog_wrap ul.blog-feed a:hover {color: #ff3000;}

.nailist-blog_wrap:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ie6 */ * html .nailist-blog_wrap {zoom: 1;}
/* ie7 */ *:first-child+html .nailist-blog_wrap {zoom: 1;}

#users-voice_wrap {
	margin: 5px 12px 10px 11px;
	padding: 3px;
	padding-right: 5px;
	background: #fff;
}

#users-voice_wrap img.user-voice_photo {
	float: left;
}

#users-voice_wrap p {
	width: 300px;
	float: right;
}

#users-voice_wrap p.user-voice_title {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 117%;
	font-weight: bold;
	text-decoration: underline;
}

#users-voice_wrap p.user-voice_title a {color: #333;}
#users-voice_wrap p.user-voice_title a:hover {color: #ff3000;}

#users-voice_wrap p.user-voice_body {
	line-height: 1.2em;
}

#users-voice_wrap img.btn {
	float: right;
}

#users-voice_wrap:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ie6 */ * html #users-voice_wrap {zoom: 1;}
/* ie7 */ *:first-child+html #users-voice_wrap {zoom: 1;}

p#bottom-partner {
	margin: 20px auto auto 10px;
}

/* @end */





/* @group Right Column */

/* Right Column
------------------------------------------------------------ */

#right h3 {
	margin-left: 2px;
}

#right_present {
	margin: 7px auto 7px 4px;
}

ol#right_ranking-nail {
	margin-bottom: 12px;
}

ol#right_ranking-nail li {
	position: relative;
}

ol#right_ranking-nail li img.okan {
	position: absolute;
	top: 0;
}

ol#right_ranking-nail li dt {
	position: absolute;
	top: 15px;	left: 50px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #e07a21;
}

ol#right_ranking-nail li.rank1 dt {
	left: 58px;
}

ol#right_ranking-nail li dd {
	margin-left: 4px;
	padding-top: 32px;
}

ol#right_ranking-nail li dd img {
	border: 1px solid #5d6f3d;
}

#right_mobile {
	margin-top: 8px;
	text-align: center;
}

#right_mobile p {
	margin-bottom: 8px;
}

#right_mobile p.form-btm {
	margin: 5px 7px 10px;
	text-align: left;
	line-height: 1.2em;
	font-size: 92%;
	color: #666;
}

#right_mobile input.email {
	margin-right: 2px;
	width: 110px;
}

p.ranking-jade_title {
	margin: 6px 0 2px;
	padding: 1px;
	text-align: center;
	background: #b88f60;
	color: #fff;
}

ol.ranking-jade_list li {
	margin-left: 12px;
	padding-top: 8px;
	padding-left: 33px;
	height: 22px;
	font-weight: bold;
}

ol.ranking-jade_list li.no1 {
	background: url(../img/right_ranking-jade-1.png) no-repeat;}
ol.ranking-jade_list li.no2 {
	background: url(../img/right_ranking-jade-2.png) no-repeat;}
ol.ranking-jade_list li.no3 {
	background: url(../img/right_ranking-jade-3.png) no-repeat;}

p#right_recruit {
	margin: 15px auto auto 4px;
}

/* @end */





/* @group Footer */

/* Footer
------------------------------------------------------------ */

#footer {
	position: relative;
	margin: 0 auto;
	width: 904px;	height: 137px;
	background: url(../img/bg_footer.png);
	font-size: 92%;
}

#footer-link {
	padding-top: 20px;
}

#footer-link * {
	text-decoration: none;
	color: #5d5436;	
}

#footer-link a:hover {
	text-decoration: underline;
	color: red;
}

#footer-menu {
	position: absolute;
	top: 130px;	left: 703px;
	color: #c8ce6c;
}

#footer-menu * {
	text-decoration: none;
	color: #505f2d;
}

#footer-menu a:hover {
	text-decoration: underline;
	color: #fff;
}

/* @end */





/* @group Pages */

/* Pages
------------------------------------------------------------ */

.PAGE-2 #content_wrap {
	background: url(../img/bg_content-page2.png);
}

.PAGE-2 #main-page {
	float: right;
	width: 686px;
	border-top: 1px solid #322c16;
}

.PAGE-2 #footer {
	background: url(../img/bg_footer-page2.png);
}

.PAGE-2 #footer-link {
	padding-left: 115px;
}

.PAGE-2 #topimg h2 {
	position: absolute;
	top: 195px;	left: 204px;
}

.PAGE-2 #pankuzu {
	padding-top: 9px;
	padding-left: 15px;
	background: url(../img/bg_pankuzu-page2.png) no-repeat bottom;
}

#pankuzu p {
	float: left;
	padding-right: 5px;
	border-bottom: 2px solid #c8ce6c;
	height: 23px;
}

#pankuzu p a {
	text-decoration: none;
}

#pankuzu:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ie6 */ * html #pankuzu {zoom: 1;}
/* ie7 */ *:first-child+html #pankuzu {zoom: 1;}

.PAGE-2 #pagefoot-banner {
	margin: 50px auto auto 55px !important;
}

.PAGE-2 #cmn-body {
	margin: 17px;
}

.PAGE-2 #cmn-body h6 {
	font-size: 117%;
	color: brown;
}

.PAGE-2 #cmn-body p {
	margin-bottom: 1em;
	width: 480px;
}

.PAGE-2 #cmn-body img.frimg {
	clear: both;
	display: block;
	float: right;
}

.PAGE-2 .cmn .clear {
	clear: both;
}

.PAGE-1 #content_wrap {
	background: url(../img/bg_content-page1.png);
}

.PAGE-1 #main-page {
	border-top: 1px solid #322c16;
}

.PAGE-1 #footer {
	background: url(../img/bg_footer-page1.png);
}

.PAGE-1 #pankuzu {
	padding-top: 9px;
	padding-left: 25px;
	background: url(../img/bg_pankuzu-page1.png) no-repeat bottom;
}

.PAGE-1 #pagefoot-banner {
	margin: 80px auto auto 190px;
}


/* @group Page: Before > After */

/* Page: Before > After
------------------------------------------------------------ */

.bfaf div.wrap {
	position: relative;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #999;
}

.bfaf p.nail_before,
.bfaf p.nail_after { 
	position: relative;
	width: 320px;	height: 248px;
	background: url(../img/page/before-after_bg.png);
}

.bfaf img.bf-nail,
.bfaf img.af-nail {
	position: absolute;
	top: 13px;	left: 12px;
	border: 1px solid #5e7038;
}

.bfaf img.bf-text,
.bfaf img.af-text {
	position: absolute;
	top: 1px;	left: 5px;
}

.bfaf p.gt {
	position: absolute;
	width: 19px;	height: 33px;
	background: url(../img/page/before-after_gt.png);
	text-indent: -9993px;
}

.bfaf p.nail_before {top: 12px; left: 7px;}
.bfaf p.gt {top: 120px; left: 330px;}
.bfaf p.nail_after {top: -236px; left: 351px;}

.bfaf .wrap dl {
	margin-top: -226px;
	padding: 0 16px;
}

.bfaf .wrap dl dt span {
	font-size: 109%;
	font-weight: bold;
	text-decoration: underline;
}


/* @end */


/* @group Page: Price / Menu */

/* Page: Price / Menu
------------------------------------------------------------ */

.price h2 {
	margin: 15px auto 10px 9px;
}

.price h4 {
	margin: 15px auto 2px 16px;
	font-size: 117%;
	line-height: 1em;
	color: brown;
}

.price p.h4-descri {
	margin-left: 16px;
	margin-bottom: 3px;
	width: 520px;
	line-height: 1.4em;
	color: #666;
}

.price dl {
	margin-top: 3px;
	margin-left: 16px;
	width: 570px;	height: 20px;
	background: url(../img/page/price-menu/dot.png) repeat-x;
	font-size: 109%;
}

.price dt {
	float: left;
	background: #fff;
}

.price dd {
	float: right;
	background: #fff;
}

.price dl:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ie6 */ * html .price dl {zoom: 1;}
/* ie7 */ *:first-child+html .price dl {zoom: 1;}

.price p.dl-descri {
	margin-left: 16px;
	width: 570px;
	color: #5b4b12;
	clear: both; /* firefox */
}

.price p.btm-descri {
	margin-top: 40px;
	margin-left: 16px;
	line-height: 1.4em;
}

/* @end */


/* @group Page: Customer */

/* Page: Customer
------------------------------------------------------------ */

.cus .cus_wrap {
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}

.cus div.photo {
	float: left;
	position: relative;
	margin-top: 20px;
	margin-left: 12px;
}

.cus div.photo p.main {
	width: 291px;	height: 221px;
	background-color: #dddddd;
}

.cus div.photo p.main img {
	display: block;
	width: 280px;	height: 210px;
	border: 5px solid #fff;
}

.cus div.photo p.sub {
	position: absolute;
	top: -10px;	left: 12px;
	width: 102px;	height: 107px;
	background-color: #dddddd;
}

.cus div.photo p.sub img {
	display: block;
	width: 95px;	height: 100px;
	border: 3px solid #fff;
}

.cus div.txt p {
	margin-right: 12px;
	margin-left: 312px;
}

.cus div.txt p.name {
	padding-top: 12px;
	font-weight: bold;
	font-size: 125%;
	text-decoration: underline;
}

.cus div.txt p.body {
	font-size: 109%;
}

.cus .cus_wrap:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ie6 */ * html .cus .cus_wrap {zoom: 1;}
/* ie7 */ *:first-child+html .cus .cus_wrap {zoom: 1;}

/* @end */


/* @group Page: Salon */

/* Page: Salon
------------------------------------------------------------ */

.PAGE-2 div.salon_wrap {
	margin: 10px 25px auto 15px;
}

.PAGE-2 div.salon_wrap p {
	margin-bottom: 0.5em;
	width: 380px;
	font-size: 109%;
	color: #544c33;
}

.PAGE-2 div.salon_wrap p.center {
	text-align: center;
}

.PAGE-2 div.salon_wrap img {
	float: right;
}

.salon_wrap:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ie6 */ * html .salon_wrap {zoom: 1;}
/* ie7 */ *:first-child+html .salon_wrap {zoom: 1;}

/* @end */


/* @group Page: Q&A */

/* Page: Q&A
------------------------------------------------------------ */

.qanda p.q {
	margin: 20px 20px 5px 17px;
	padding-top: 2px;
	padding-left: 30px;
	height: 23px;
	background: url(../img/page/question_q.png) no-repeat;
	font-size: 125%;
	font-weight: bold;
	color: #5c6e37;
}

.qanda p.a1 {
	margin-left: 19px;
	padding-top: 2px;
	padding-left: 28px;
	width: 500px;
	background: url(../img/page/question_a.png) no-repeat;
	font-size: 125%;
	font-weight: bold;
	color: #b54000;
}

.qanda p.a2 {
	margin: 8px 25px 35px 48px;
	color: #666;
}

.qanda p.btm {
	margin-left: 48px;
	font-size: 125%;
	font-weight: bold;
	color: #b54000;
}

/* @end */


/* @group Page: Recruit */

/* Page: Recruit
------------------------------------------------------------ */

.recr #recr-body {
	margin: 17px;
}

.recr #recr-body h6 {
	margin: 20px 0 7px;
	font-size: 117%;
	border-bottom: 1px dotted #333;
	color: brown;
}

.recr #recr-body p {
	margin: 1em 0;
}

.recr table {
	margin: 10px 0;
}

.recr th {
	width: 100px;
	border: 1px solid #577038;
	padding: 5px 7px;
}

.recr td {
	width: 400px;
	border: 1px solid #c8ce6c;
	padding: 5px 7px;
}

.recr th.head {
	width: 100%;
	text-align: center;
	background: #577038;
	font-weight: bold;
	color: #fff;
}

.recr input#recrInputText {
	margin-right: 5px;
	width: 250px;
	color: #999;
}

/* @end */


/* @end */





/* @group WordPress */

/* WordPress Archive
------------------------------------------------------------ */

.WP #main-page h3 {
	margin: 10px 0 5px;
}

.WP ul.thumb_wrap {
	padding-left: 40px;
	line-height: 1%;
}

.WP ul.thumb_wrap li {
	float: left;
}

.WP ul.thumb_wrap img {
	margin-right: 25px;
	margin-bottom: 20px;
	width: 100px; height: 100px;
}

.WP ul.thumb_wrap:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ie6 */ * html .WP ul.thumb_wrap {zoom: 1;}
/* ie7 */ *:first-child+html .WP ul.thumb_wrap {zoom: 1;}


/* Search Nail
------------------------------------------------------------ */

.wp-search p.title {
	margin: 12px auto 1px 15px;
	font-size: 117%;
	font-weight: bold;
	color: #333;
}

.wp-search form input.input-name {
	margin-left: 16px;
	width: 300px;
}

.wp-search input.input-num {
	margin-left: 16px;
	width: 100px;
}

.wp-search div.result_wrap {
	margin: 0 20px 7px 16px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ccc;
}

.wp-search div.result_wrap img {
	float: left;
	width: 50px; height: 50px;
	border-right: 10px solid #fff;
}

.wp-search div.result_wrap p {
	font-size: 109%;
	margin-bottom: .2em;
}

.WP div.result_wrap:after {content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ie6 */ * html .WP div.result_wrap {zoom: 1;}
/* ie7 */ *:first-child+html .WP div.result_wrap {zoom: 1;}

.WP p#s_err {
	margin: 50px auto 50px 15px;
	font-size: 125%;
	font-weight: bold;
	color: red;
}

/* PageNavi
------------------------------------------------------------ */

.wp-pagenavi {
	margin-top: 20px;
	width: 680px;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi a:link {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #505f2d;
	color: #505f2d;
}

.wp-pagenavi a:visited {
	border: 1px solid #505f2d;
	color: #505f2d;
}

.wp-pagenavi a:hover {	
	border: 1px solid #ff3000;
	color: #ff3000;
}

.wp-pagenavi a:active {
	border: 1px solid #505f2d;
	color: #505f2d;
}

.wp-pagenavi span {
	padding: 2px 4px 2px 4px;
	margin: 2px;
}

.wp-pagenavi span.pages {
}

.wp-pagenavi span.current {
	font-weight: bold;
	border: 1px solid #ff3000;
	color: #ff3000;
}

.wp-pagenavi span.extend {
}

/* @end */





/* @group JavaScripts */

/* JavaScripts
------------------------------------------------------------ */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(../img/fancybox/fancy_loading.png) no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url(../img/fancybox/fancy_close.png) top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url(../img/fancybox/fancy_title_over.png);
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url(../img/fancybox/fancy_title_left.png) repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url(../img/fancybox/fancy_title_main.png) repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url(../img/fancybox/fancy_title_right.png) repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url(../img/fancybox/blank.gif);
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url(../img/fancybox/fancy_nav_left.png) no-repeat;
}

#fancybox-right-ico {
	background: transparent url(../img/fancybox/fancy_nav_right.png) no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(../img/fancybox/fancy_shadow_n.png) repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(../img/fancybox/fancy_shadow_ne.png) no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(../img/fancybox/fancy_shadow_e.png) repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(../img/fancybox/fancy_shadow_se.png) no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url(../img/fancybox/fancy_shadow_s.png) repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(../img/fancybox/fancy_shadow_sw.png) no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url(../img/fancybox/fancy_shadow_w.png) repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url(../img/fancybox/fancy_shadow_nw.png) no-repeat;
}

.tipsy {
	padding: 5px;
	font-size: 10px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat; 
	background-image: url(../img/tipsy.gif);
}

.tipsy-inner {
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
}

.tipsy-north {background-position: top center;}
.tipsy-south {background-position: bottom center;}
.tipsy-east  {background-position: right center;}
.tipsy-west  {background-position: left center;}

/* @end */





/* @group for buggy Browsers */

/* for buggy Browsers
------------------------------------------------------------ */

/* (topimg's bottom margin) */
* html #topimg {font-size: 1px; margin-bottom: -1px;}

/* (leftcolumn list's bottom margin) */
* html #left li {font-size: 1px; margin-bottom: -1px;}
*:first-child+html #left li {font-size: 1px; margin-bottom: -1px;}

/* (position of monthly nailcollection) */
* html #month-nailc dt {top: -9px;}
* html #month-nailc img.btn {top: 99px;}
*:first-child+html #month-nailc img.btn {top: 97px;}

/* (nail-ranking position. this is indirectly approach) */
* html ol#right_ranking-nail li {zoom: 1;}
*:first-child+html ol#right_ranking-nail li dd img {margin-top: -15px;}

/* (jade-ranking chotto fix) */
* html ol.ranking-jade_list li {margin-bottom: -1px;}
*:first-child+html ol.ranking-jade_list li {margin-bottom: -2px;}

/* (pricelist-dl-dt-dd) */
* html .price * {zoom: 1;}
*:first-child+html .price * {zoom: 1;}

/* (alpha pngs) */
* html #content_wrap {background: url(../img/ie6_bg_content.png);}
* html #header {background: url(../img/ie6_bg_header.png);}
* html ul#topmenu {background: url(../img/ie6_bg_topmenu.png);}
* html #topimg {background: url(../img/ie6_bg_topimg.png);}
* html #footer {background: url(../img/ie6_bg_footer.png);}
* html #left h3 img {behavior: expression(IEPNGFIX.fix(this));}
* html #right img.okan {behavior: expression(IEPNGFIX.fix(this));}
* html .PAGE-2 #content_wrap {background: url(../img/ie6_bg_content-page2.png);}
* html .PAGE-2 #footer {background: url(../img/ie6_bg_footer-page2.png);}
* html .PAGE-2 #topimg h2 img {behavior: expression(IEPNGFIX.fix(this));}
* html .PAGE-1 #content_wrap {background: url(../img/ie6_bg_content-page1.png);}
* html .PAGE-1 #footer {background: url(../img/ie6_bg_footer-page1.png);}
* html .bfaf img.bf-text {
	behavior: expression(IEPNGFIX.fix(this));
	width: 92px;height: 51px;}
* html .bfaf img.af-text {
	behavior: expression(IEPNGFIX.fix(this));
	width: 82px;	height: 51px;}

/* @end */
