/* CSS Document */

/* 基本装飾 */

body { font-size: 13px; line-height: 18px; text-align: center; margin-top:0; margin-bottom:0;
background-image: url(images/back.jpg); background-repeat:repeat-x; background-color:#FEFAF1;
}

p { font-size: 13px; margin: 10px 0; color:#333333; }
p em { visibility:hidden; }
img.whats_new { margin-top:20px; }
td { font-size: 14px; line-height: 18px; color:#333333; }

a{ color: #FF6666;
	text-decoration: none;
}
a:link{ color: #FF6666;
	text-decoration: none;
}
a:visited{ color: #FF6666;
	text-decoration: none;
}
a:hover{ color: #FF3366;
	text-decoration: underline;
}

.font10 { font-size: 10px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font24 { font-size: 24px; }
.font28 { font-size: 28px; }
.font32 { font-size: 32px; }
.red { color: #FF0000; }
.red_b { color: #FF0000; font-weight:bold; }
.orange_b { color: #FF9900; font-weight:bold; }
.orange { color: #FF9900; }
.blue { color: #0000FF; }
.blue02 { color: #00CCCC; }
.green { color: #006600; }
.green_b { color: #019944; font-weight:bold; }
.green_b02 { color: #019E97; font-weight:bold; }
.green02 { color: #00CC66; }
.gray { color: #666666; }
.purple { color: #BA01FF; }

.left { float: left; margin-right: 10px; margin-top:10px; margin-bottom:10px; }
.right { float: right; margin-left: 10px; margin-top:10px; margin-bottom:10px; }

.clear { clear:both; }

/* ページレイアウト */

#wrapper { width: 900px; margin: 0; padding: 0;
           text-align: left; margin-left: auto; margin-right: auto;
}

#header { width: 900px; font-size: 12px; color: #333333;
          height: 119px; text-align: left; line-height: 15px;
		  background-image: url(images/head.jpg); background-repeat: no-repeat;
		  margin-bottom: 0; margin-top:0;
		  clear:both; }

#header .l_head { float:left; width:250px; margin:0; padding:0; }
#header .r_head { float:right; width:650px; margin:0; padding:0; }

#header .l_head img.toplogo { margin: 22px 5px 0 10px;
	                          padding: 0;
	                          width:230px;
	                          display:block;
}
#header .r_head h1 { margin:5px 20px 5px 0px;
	color: #666666; line-height:16px;
	font-weight: normal;
	font-size: 12px;
	text-align:right;
}
#header .r_head img.head_inq { margin: 10px 20px 0 0; padding: 0; float:right;
}

/******上部横ナビ*****/

#header .r_head ul { list-style: none; margin:18px 0 0 0; padding:0; height:31px; font-size:12px; overflow:hidden;
                     float:right; clear:both; width:565px;
}
#header .r_head li { float: left; margin:0; padding:0;
}
#header .r_head li em { visibility:hidden;
}
#header .r_head li.n01 a { display:block; width:113px; line-height:31px; color: #333333; padding:0 ;
background-image:url(images/head_navi_home.jpg); background-position:left top; text-decoration: none;
text-align: center;
}
#header .r_head li.n01 a:hover { background-color: #FDFEFF;
background-position: right top; text-decoration: none;
}
#header .r_head li.n02 a { display:block; width:113px; line-height:31px; color: #333333; padding:0 ;
background-image:url(images/head_navi_nail.jpg); background-position:left top; text-decoration: none;
text-align: center;
}
#header .r_head li.n02 a:hover { background-color: #FDFEFF;
background-position: right top; text-decoration: none;
}
#header .r_head li.n03 a { display:block; width:113px; line-height:31px; color: #333333; padding:0 ;
background-image:url(images/head_navi_gallery.jpg); background-position:left top; text-decoration: none;
text-align: center;
}
#header .r_head li.n03 a:hover { background-color: #FDFEFF;
background-position: right top; text-decoration: none;
}
#header .r_head li.n04 a { display:block; width:113px; line-height:31px; color: #333333; padding:0 ;
background-image:url(images/head_navi_care.jpg); background-position:left top; text-decoration: none;
text-align: center;
}
#header .r_head li.n04 a:hover { background-color: #FDFEFF;
background-position: right top; text-decoration: none;
}
#header .r_head li.n05 a { display:block; width:113px; line-height:31px; color: #333333; padding:0 ;
background-image:url(images/head_navi_salon_info.jpg); background-position:left top; text-decoration: none;
text-align: center;
}
#header .r_head li.n05 a:hover { background-color: #FDFEFF;
background-position: right top; text-decoration: none;
}

/******メイン部分********/

#top_p_main { width:900px; height:400px; display:block; margin:0; padding:0;
              clear:both; background-image:url(images/flash_back.jpg); background-repeat:repeat-x; }

#main { float: left; width: 640px; margin: 0; padding: 0; border: none; }
#main_in { margin: 0; padding: 15px 35px 15px 15px; }


/* トップ */
#bottom_main { width:589px; margin: 0; padding:0; }
.mainright { float: right; width: 377px; margin-left:32px; margin-top:15px; }

p.topix_day {
	margin: 10px 0 0 0px;
	padding-left:25px;
	background-image:url(images/contents3_mark.jpg);
	background-repeat:no-repeat;
	background-position: left;
	font-size:13px;
	line-height:16px;
	color:#3A2426;
	font-weight:bold;
}
p.topix {
	margin: 5px 0 3px 0px;
	font-size:13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C8D8A;
	line-height:16px;
	color:#76715E;
}

.media { background-image:url(images/contents4_media.jpg); background-repeat:no-repeat;
         margin:25px 0 0 0; padding:0; width:377px; height:338px; display:block; }
.media p { font-size:13px; padding:186px 0 0 0; margin:0 35px 0 45px; line-height:20px; color:#635143; }


/* 枠内文章 */
.waku_text {
	margin:0px 0 10px 0 ;
	padding:7px;
	font-size:13px;
	background-color: #F4F1EA;
	border: 1px solid #BAB2A7;
	color:#333333;
	clear:both;
}

.waku_text p {
	margin:0px 0 7px 0;
	color:#333;
	padding:2px 0 0 0;
	font-size:13px;
}

/******横左ナビ********/

.mainleft { float: left; width: 180px; padding-bottom:20px; margin:15px 0 0 0; background-image:url(images/l_banner_back.jpg); }
.mainleft img { margin-top:15px; }
.mainleft ul { margin: 0; padding: 0; }
.mainleft li { margin: 0px; padding: 0; font-size: 12px; list-style: none; }
.mainleft li a { text-decoration: none; height: 33px; line-height: 33px; 
             padding-left: 24px; color: #666666 !important; display: block;
			 background-image: url(images/l_navi.jpg);
			 background-repeat:no-repeat; background-position:left top; }
.mainleft li a:hover { background-color: #FEEFEF;
			 background-position: right top; text-decoration: none;}

.mainleft p.staff_blog { list-style: none; margin:10px 0 0 0; padding:0; height:91px; font-size:12px; overflow:hidden;}
.mainleft p.staff_blog a { display:block; width:180px; line-height: 91px; color: #333333; padding:0 ;
           background-image: url(images/l_banner_blog.jpg); background-position:left top; text-decoration: none;
           text-align: center;}
.mainleft p.staff_blog a:hover { background-color: #D3C3A1;
           background-position: right top; text-decoration: none;}

.mainleft p.recruit { list-style: none; margin:10px 0 0 0; padding:0; height:67px; font-size:12px; overflow:hidden;}
.mainleft p.recruit a { display:block; width:180px; line-height: 67px; color: #333333; padding:0 ;
           background-image: url(images/l_banner_recruit.jpg); background-position:left top; text-decoration: none;
           text-align: center;}
.mainleft p.recruit a:hover { background-color: #D3C3A1;
           background-position: right top; text-decoration: none;}

.mainleft p.media_navi { list-style: none; margin:10px 0 0 0; padding:0; height:73px; font-size:12px; overflow:hidden;}
.mainleft p.media_navi a { display:block; width:180px; line-height: 73px; color: #333333; padding:0 ;
           background-image: url(images/l_banner_media.jpg); background-position:left top; text-decoration: none;
           text-align: center;}
.mainleft p.media_navi a:hover { background-color: #D3C3A1;
           background-position: right top; text-decoration: none;}

.mainleft p.nail_t_navi { list-style: none; margin:10px 0 0 0; padding:0; height:78px; font-size:12px; overflow:hidden;}
.mainleft p.nail_t_navi a { display:block; width:180px; line-height: 78px; color: #333333; padding:0 ;
           background-image: url(images/l_banner_nail.jpg); background-position:left top; text-decoration: none;
           text-align: center;}
.mainleft p.nail_t_navi a:hover { background-color: #D3C3A1;
           background-position: right top; text-decoration: none;}


/******横右ナビ********/

#navi { width: 245px; float: right; margin: 0 ;
        padding-bottom:15px; padding-right:15px; }

#navi p.r_menu_campaign { list-style: none; margin:15px 0 0 0; padding:0; height:153px; font-size:12px; overflow:hidden;}
#navi p.r_menu_campaign a { display:block; width:245px; line-height: 153px; color: #333333; padding:0 ;
           background-image: url(images/banner_campaign.jpg); background-position:left top; text-decoration: none;
           text-align: center;}
#navi p.r_menu_campaign a:hover { background-color: #FFF3E2;
           background-position: right top; text-decoration: none;}

#navi #navi_in { background-image:url(images/r_banner_back1.jpg);
                 margin:15px 0 0 0; padding:0; }
#navi #navi_in p { font-size: 13px; margin:0px; padding: 0;
}
#navi #navi_in p.r_salon_tokyo { list-style: none; margin:0; padding:0; height:142px; font-size:12px; overflow:hidden;}
#navi #navi_in p.r_salon_tokyo a { display:block; width:245px; line-height: 142px; color: #333333; padding:0 ;
           background-image: url(images/r_banner_salon_tokyo.jpg); background-position:left top; text-decoration: none;
           text-align: center;}
#navi #navi_in p.r_salon_tokyo a:hover { background-color: #ECE9B7;
           background-position: right top; text-decoration: none;}

#navi #navi_in p.r_salon_asahikawa { list-style: none; margin:0; padding:0; height:152px; font-size:12px; overflow:hidden;}
#navi #navi_in p.r_salon_asahikawa a { display:block; width:245px; line-height: 152px; color: #333333; padding:0 ;
           background-image: url(images/r_banner_salon_asahikawa.jpg); background-position:left top; text-decoration: none;
           text-align: center;}
#navi #navi_in p.r_salon_asahikawa a:hover { background-color: #E6B89C;
           background-position: right top; text-decoration: none;}

#navi #navi_in p.r_salon_akita { list-style: none; margin:0; padding:0; height:152px; font-size:12px; overflow:hidden;}
#navi #navi_in p.r_salon_akita a { display:block; width:245px; line-height: 152px; color: #333333; padding:0 ;
           background-image: url(images/r_banner_salon_akita.jpg); background-position:left top; text-decoration: none;
           text-align: center;}
#navi #navi_in p.r_salon_akita a:hover { background-color: #E6B89C;
           background-position: right top; text-decoration: none;}

#navi #navi_in p.r_hand_foot { list-style: none; margin:15px 0 0 0; padding:0; height:94px; font-size:12px; overflow:hidden;}
#navi #navi_in p.r_hand_foot a { display:block; width:245px; line-height: 94px; color: #333333; padding:0 ;
           background-image: url(images/r_banner_foot_hand.jpg); background-position:left top; text-decoration: none;
           text-align: center;}
#navi #navi_in p.r_hand_foot a:hover { background-color: #E6B89C;
           background-position: right top; text-decoration: none;}

#navi #navi_in a { text-decoration:none; color:#666666; cursor: pointer; }
#navi #navi_in a:hover { text-decoration:underline; color: #FF3366; cursor:pointer; }
#navi #navi_in .navi_eyelash { background-image:url(images/r_banner_eyelash.jpg); background-repeat:no-repeat;
                               margin:15px 0 0 0; padding:0; width:245px; height:94px; display:block; }
#navi #navi_in .navi_eyelash p { font-size:10px; padding:30px 0 0 0; margin:0 26px 0 118px; line-height:14px; color:#666666; }

#navi #navi_in .navi_eye_school { background-image:url(images/r_banner_school.jpg); background-repeat:no-repeat;
                                  margin:15px 0 0 0; padding:0; width:245px; height:94px; display:block; }
#navi #navi_in .navi_eye_school p { font-size:10px; padding:45px 0 0 0; margin:0 26px 0 118px; line-height:14px; color:#666666; }

#navi #navi_in .navi_salon_info { background-image:url(images/r_banner_salon_info.jpg); background-repeat:no-repeat;
                                  margin:15px 0 0 0; padding:0; width:245px; height:391px; display:block; }
#navi #navi_in .navi_salon_info p { font-size:13px; text-align:center;
                                    padding:52px 0 0 0; margin:0; line-height:20px; color:#635143; }
#navi #navi_in .navi_salon_info img.map { margin:0px ; }

#navi #navi_in img.bunner00 { margin:10px 0 5px 10px ; }
	   
#navi .exte-gyallery { margin-top:10px; width:245px; text-align:center; }

#navi img { margin-top:10px;}


/**************/

#ft_bg { clear:both; background-image: url(images/footer_back1.jpg); background-repeat:repeat-x; text-align:center; }


#footer {
	width: 900px; margin-left: auto; margin-right: auto;
	color: #666666;
	background-image:url(images/footer_back2.jpg); background-repeat:no-repeat;
	clear: both;
	padding: 0;
	height: 240px;
	display: block;
	text-align: left; 
}
#footer ul { list-style: none; margin: 0; padding:0; font-size:12px;
}
#footer li { list-style: none; margin:0 0 0 5px ; color: #FEFAF1;
	padding:0 0 0 12px;
	background-image: url(images/footer_mark.jpg);
	background-repeat:no-repeat;
	background-position: left;
	line-height:21px;
}
#footer a {
	text-decoration: none;
	color:#FEFAF1;
}
#footer a:hover {
	text-decoration: underline;
	color: #FFFFCC;
}

#footer .ft01 { margin: 0px; padding:0; width:329px; float:left; background-image:url(images/footer_title.jpg); height:240px; }
#footer .ft01 p { margin:105px 0px 5px 0; text-align:center; font-size:13px; color:#666666; line-height:16px; }
#footer .ft02 {
	margin: 50px 0 0 100px;
	padding:0;
	width:205px;
	float:left;
}
#footer .ft03 { margin: 50px 0 0 0; padding:0; width:265px; float:left;}

#ft_bt { clear:both; margin: 0px; padding:0; font-size: 12px; line-height: 20px; background-color:#FFBDD8; }
#ft_bt p {
	margin: 0px;
	padding:0;
	font-size: 12px;
	line-height: 20px;
	text-align:center;
	color:#B71D5D;
}