@charset "utf-8";

/*初期設定*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0pt none;
	margin:0pt;
	outline-color:invert;
	outline-style:none;
	outline-width:0pt;
	padding:0pt;
	vertical-align:baseline;
	font: 100% Tahoma;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong {
font-weight:bold;
}
em {
font-style:italic;
}
ul {list-style: none;}
* {
margin:0pt;
padding:0pt;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix{
  zoom:1;
}

body{
	font-size: 12px;
	letter-spacing:0.05em;
	line-height: 1.7;
	font-family: Helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",meiryo,Osaka,"ＭＳ Ｐゴシック",sans-serif;
	text-align:center;
}
* html body{font-size: 11px;}
*:first-child+html body{font-size: 11px;}

a{
	color:#333333;
	text-decoration:none;
}

a:hover{
	color:#dd017f;
	text-decoration:underline;
}

img{
	border:0;
}

a:hover img {
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
}

a.noblink:hover img {
filter:alpha(opacity=100);
-moz-opacity:1.00;
opacity:1.00;
}

a.border img{
	border:1px solid #FFFFFF;
}
a.border:visited img{
	border:1px solid #dd017f;
}
a.border:hover img{
	border:1px solid #dd017f;
}
a.border:focus img{
	border:1px solid #dd017f;
}
a.border:active img{
	border:1px solid #dd017f;
}

p{margin:0 0 16px 16px}


/*コンテンツ*/

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

/*080731奥田*/
div#header01{
	height:49px;
	margin-bottom:20px;
}

div#header02{
	margin-bottom:22px;
}

.mobile{
	float:right;
	text-indent:-9999px;
}
.mobile a{
	display:block;
	width:88px;
	height:26px;
	position: relative;
	background-image:url(../images/b/mobile.gif);
}
.mobile a:hover{
	display:block;
	width:88px;
	height:26px;
	position: relative;
	background-image:url(../images/b/mobile.gif);
	background-position:bottom;
}

.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}

.mt5b20{margin-top:5px;margin-bottom:20px}

.mt30b15{margin-top:30px;margin-bottom:15px}
.mt20b30{margin-top:20px;margin-bottom:30px}
.mt20b10{margin-top:20px;margin-bottom:10px}
.mt15b10{margin-top:15px;margin-bottom:10px}
.mt15b15{margin-top:15px;margin-bottom:15px}

.mt25{margin-top:25px;}
.mt27{margin-top:27px;}

div#pagetop{
	clear:both;
	width:950px;
	text-align:right;
	margin:30px 0;
}

div#pagetop2_1{
	clear:both;
	width:700px;
	text-align:left;
	float:left;
	margin:0 auto;
	padding:10px 0px 10px 0px;
}

div#pagetop2_2{
	clear:both;
	width:950px;
	height:40px;
	text-align:right;
	float:right;
	margin:0 auto;
}

div#footer{
	clear:both;
	width:100%;
	height:78px;
	background:url(../images/line02.gif) repeat-x top left;
	background-image:url(../images/footer/bg.gif);
}

div#footer #block01{
	float:left;
	margin-top:13px;
	margin-right:14px;
	width:48px;
	height:35px;
}

div#footer #block02{
	float:left;
	height:12px;
	margin-top:36px;
	width:710px;
}

div#footer #block03{
	float:right;
	margin-top:12px;
}
div#footer #block03 #sitemap{
	font-size:6px;
	text-indent:-9999px;
	float:right;
	margin-bottom:18px;
}
div#footer #block03 #sitemap a{
	width:50px;
	height:12px;
	background:url(../images/footer/sitemap.gif) top;
	display:block;
}
div#footer #block03 #sitemap a:hover{
	background:url(../images/footer/sitemap.gif) bottom;
}
div#footer #block03 #copy{
	clear:right;
}

/*　header01　トップナビ　*/

div#header01 li{
	float:left;
	text-indent:-9999px;
}

div#header01 li a{
	display:block;
	height:49px;
	position: relative;
}

div#header01 li#lucido{
	height:49px;
	width:217px;
	background-image:url(../images/navi/01.gif);
	background-position:bottom;
}
div#header01 li#lucido a{
	width:217px;
	background-image:url(../images/navi/01.gif);
}
div#header01 li#lucido a:hover{
	width:217px;
	background-image:url(../images/navi/01.gif);
	background-position:bottom;
}

div#header01 li#home{
	height:49px;
	width:122px;
	background-image:url(../images/navi/02.gif);
	background-position:bottom;
}
div#header01 li#home a{
	width:122px;
	background-image:url(../images/navi/02.gif);
}
div#header01 li#home a:hover{
	width:122px;
	background-image:url(../images/navi/02.gif);
	background-position:bottom;
}

div#header01 li#pickup{
	height:49px;
	width:122px;
	background-image:url(../images/navi/03.gif);
	background-position:bottom;
}
div#header01 li#pickup a{
	width:122px;
	background-image:url(../images/navi/03.gif);
}
div#header01 li#pickup a:hover{
	width:122px;
	background-image:url(../images/navi/03.gif);
	background-position:bottom;
}

div#header01 li#hairdesign{
	height:49px;
	width:122px;
	background-image:url(../images/navi/04.gif);
	background-position:bottom;
}
div#header01 li#hairdesign a{
	width:122px;
	background-image:url(../images/navi/04.gif);
}
div#header01 li#hairdesign a:hover{
	width:122px;
	background-image:url(../images/navi/04.gif);
	background-position:bottom;
}

div#header01 li#product{
	height:49px;
	width:122px;
	background-image:url(../images/navi/05.gif);
	background-position:bottom;
}
div#header01 li#product a{
	width:122px;
	background-image:url(../images/navi/05.gif);
}
div#header01 li#product a:hover{
	width:122px;
	background-image:url(../images/navi/05.gif);
	background-position:bottom;
}

div#header01 li#ad{
	height:49px;
	width:122px;
	background-image:url(../images/navi/06.gif);
	background-position:bottom;
}
div#header01 li#ad a{
	width:122px;
	background-image:url(../images/navi/06.gif);
}
div#header01 li#ad a:hover{
	width:122px;
	background-image:url(../images/navi/06.gif);
	background-position:bottom;
}

div#header01 li#registration{
	height:49px;
	width:122px;
	background-image:url(../images/navi/07.gif);
	background-position:bottom;
}
div#header01 li#registration a{
	width:122px;
	background-image:url(../images/navi/07.gif);
}
div#header01 li#registration a:hover{
	width:122px;
	background-image:url(../images/navi/07.gif);
	background-position:bottom;
}

.navired{
	background-position:bottom;
}

/* フッターナビ */

div#block02 li{
	float:left;
	font-size:6px;
	text-indent:-9999px;
	margin-right:12px;
}

div#block02 li a{
	display:block;
	height:12px;
	position: relative;
}

div#block02 li#f01{
	height:12px;
	width:77px;
	background-image:url(../images/footer/01.gif);
	background-position:bottom;
}
div#block02 li#f01 a{
	height:12px;
	width:77px;
	background-image:url(../images/footer/01.gif);
}
div#block02 li#f01 a:hover{
	height:12px;
	width:77px;
	background-image:url(../images/footer/01.gif);
	background-position:bottom;
}

div#block02 li#f02{
	height:12px;
	width:59px;
	background-image:url(../images/footer/02.gif);
	background-position:bottom;
}
div#block02 li#f02 a{
	height:12px;
	width:59px;
	background-image:url(../images/footer/02.gif);
}
div#block02 li#f02 a:hover{
	height:12px;
	width:59px;
	background-image:url(../images/footer/02.gif);
	background-position:bottom;
}

div#block02 li#f03{
	height:12px;
	width:78px;
	background-image:url(../images/footer/03.gif);
	background-position:bottom;
}
div#block02 li#f03 a{
	height:12px;
	width:78px;
	background-image:url(../images/footer/03.gif);
}
div#block02 li#f03 a:hover{
	height:12px;
	width:78px;
	background-image:url(../images/footer/03.gif);
	background-position:bottom;
}

div#block02 li#f04{
	height:12px;
	width:70px;
	background-image:url(../images/footer/04.gif);
	background-position:bottom;
}
div#block02 li#f04 a{
	height:12px;
	width:70px;
	background-image:url(../images/footer/04.gif);
}
div#block02 li#f04 a:hover{
	height:12px;
	width:70px;
	background-image:url(../images/footer/04.gif);
	background-position:bottom;
}

div#block02 li#f05{
	height:12px;
	width:68px;
	background-image:url(../images/footer/05.gif);
	background-position:bottom;
}
div#block02 li#f05 a{
	height:12px;
	width:68px;
	background-image:url(../images/footer/05.gif);
}
div#block02 li#f05 a:hover{
	height:12px;
	width:68px;
	background-image:url(../images/footer/05.gif);
	background-position:bottom;
}

div#block02 li#f06{
	height:12px;
	width:80px;
	background-image:url(../images/footer/06.gif);
	background-position:bottom;
}
div#block02 li#f06 a{
	height:12px;
	width:80px;
	background-image:url(../images/footer/06.gif);
}
div#block02 li#f06 a:hover{
	height:12px;
	width:80px;
	background-image:url(../images/footer/06.gif);
	background-position:bottom;
}

div#block02 li#f07{
	height:12px;
	width:67px;
	background-image:url(../images/footer/07.gif);
	background-position:bottom;
}
div#block02 li#f07 a{
	height:12px;
	width:67px;
	background-image:url(../images/footer/07.gif);
}
div#block02 li#f07 a:hover{
	height:12px;
	width:67px;
	background-image:url(../images/footer/07.gif);
	background-position:bottom;
}

div#block02 li#f08{
	height:12px;
	width:140px;
	background-image:url(../images/footer/08.gif);
	background-position:bottom;
}
div#block02 li#f08 a{
	height:12px;
	width:140px;
	background-image:url(../images/footer/08.gif);
}
div#block02 li#f08 a:hover{
	height:12px;
	width:140px;
	background-image:url(../images/footer/08.gif);
	background-position:bottom;
}


#styles_list1{
	width:200px;
	height:72px;
	text-align:left;
	float:left;
	display:block;
}

#styles_list2{
	width:600px;
	height:72px;
	text-align:right;
	float:right;
	display:block;
}

#styles_list2 img{
	margin-left:8px;
}
#styles_list2a {
	width:700px;
	height:72px;
	text-align:right;
	float:right;
	display:block;
}