@charset "utf-8";


/*------------------------------------------
 *
 * General   
 *
 *------------------------------------------*/
html {
	background:#fff;
}

body {
	line-height:1.3;
	color:#191919;
	text-align: center;
	font-family: "YuGothic","Hiragino Kaku Gothic Pro","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3",Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯",sans-serif;
}

/* Link */
a{
	color:#000;
}
a:link,
a:visited,
a:active{
	text-decoration:line;
}
a:hover{
	background:#191919;
	color:#fff;
	text-decoration:none;
}

/* Font */
.xs{ font-size: 77%; }
.s{ font-size: 93%; }
.m{ font-size: 100%; }
.l{ font-size: 108%; }
.xl{ font-size: 167%; }
/* ---------------------------------

10 :	77%
11 :	85%
12 :	93% (was 93)
13 :	100%
14 :	108% (was 107)
15 :	116% (was 114)
16 :	123.1% (was 122)
17 :	131% (was 129)
18 :	138.5% (was 136)
19 :	146.5% (was 144)
20 :	153.9% (was 152)
21 :	161.6% (was 159)
22 :	167% 

--------------------------------- */

/*------------------------------------------
 *
 * Layout  
 *
 *------------------------------------------*/
#container{
	width:100%;
	margin:0 auto;
}

#header{
	width:980px;
	margin: 0 auto;
}

#main{
	width:980px;
	height:530px;
	margin: 0 auto;
	position:relative;
}

#main .logo{
	width:170px;
	height:50px;
	background:url(../images/logo.png) no-repeat left top;
	position:absolute;
	top:200px; left:72px;
}


#main .logo h1{
	text-indent:-9999px;
}

#main .beautifully{
	width:100px;
	height:380px;
	background:url(../images/beautifully.png) no-repeat left top;
	text-indent:-9999px;
	position:absolute;
	top:107px; left:780px;
}

#main .r-ight{
	width:100px;
	height:380px;
	background:url(../images/right.png) no-repeat left top;
	text-indent:-9999px;
	position:absolute;
	top:67px; left:610px;
}

#main .strong{
	width:100px;
	height:270px;
	background:url(../images/strong.png) no-repeat left top;
	text-indent:-9999px;
	position:absolute;
	top:27px; left:440px;
}

#business{
	width:980px;
	margin: 0 auto 60px;
}

#business li{
	float: left;
}

#business ul .creative a{
	display:block;
	width:300px;
	height:300px;
	margin:0 120px 0 130px;
	background: url(../images/creative.png) no-repeat;
	text-indent:-9999px;
}

#business ul .creative a:hover{
	background: url(../images/creative_ov.png) no-repeat;
}

#business ul .salon a{
	display:block;
	width:300px;
	height:300px;
	margin:0 40px 0 0;
	background: url(../images/salon.png) no-repeat;
	text-indent:-9999px;
}

#business ul .salon a:hover{
	background: url(../images/salon_ov.png) no-repeat;
}

#profile-bg{
	width:100%;
	margin: 0 auto;
	background: url(../images/profile_bg.png) ;
}

#profile{
	width:980px;
	margin: 0 auto;
	padding:70px 0 30px;
	text-align:left;
}

#profile h2{
	display:block;
	width:270px;
	height:50px;
	margin-bottom:35px;
	background: url(../images/profile.png) no-repeat;
	text-indent:-9999px;
}

#profile .line1{
	float: left;
	width:300px;
	margin-right:40px;
}

#profile .line1 li{
	font-size:116%;
	line-height:180%;
	padding:16px 0 30px;
	border-top:4px solid #191919;
}

#profile .line1 li h3{
	font-weight:bold;
}

#profile .line2{
	float: left;
	width:300px;
	margin-right:40px;
}

#profile .line2 li{
	font-size:116%;
	line-height:180%;
	padding:16px 0 30px;
	border-top:4px solid #191919;
}

#profile .line2 li h3{
	font-weight:bold;
}

#profile .line3{
	float: right;
	width:300px;
}

#profile .line3 li{
	font-size:116%;
	line-height:180%;
	padding:16px 0 30px;
	border-top:4px solid #191919;
}

#profile .line3 li h3{
	font-weight:bold;
}

#profile .map{
	text-align:center;
	margin-top:20px;
}

#profile .footer{
	font-size:93%;
	text-align:center;
	margin-top:70px;
	padding-top:20px;
	border-top:1px solid #191919;
}