/* CSS Document */

/* -------------------------------------------------------------------------------------common */
/* kihon-tag set */

*{
	padding: 0;
}
html{height: 100%;}
body {
height: 100%;
font-family:Ms Sans Serif, Arial;
font-size:13px;
}

a:link{text-decoration:none;color:#444444;}
a:visited{text-decoration:none;color:#444444;}
a:hover{text-decoration:none;color:#7C215A;}

/* DIV container set */
div#body{
	display: block;
	width: 784px;
	position:relative;
	margin:0px auto;
	padding:0px;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
}
body > #body {
    height: auto;
}


/* -------------------------------------------------------------------------------------layout */
/* ------header set */
div#header{
	display: block;
	height: 100px;
}

div#header #logo{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	margin:13px 0px 0px 12px;
}

div#header .button{
	height:18px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	margin:13px 0px 0px 447px;
	overflow:hidden;
	list-style:none;
}

div#header .button li{
	float:left;
	height:18px;
	overflow:hidden;
}

div#header .button a:hover{margin:-18px 0px 0px 0px;}

div#header .button #btntop1{margin:-18px 0px 0px 0px;}
div#header .button #btnnews1{margin:-18px 0px 0px 0px;}
div#header .button #btnfaq1{margin:-18px 0px 0px 0px;}
div#header .button #btncontact1{margin:-18px 0px 0px 0px;}
div#header .button #btnsitemap1{margin:-18px 0px 0px 0px;}

div#header .button a:hover #btntop2{margin:-18px 0px 0px 0px;}
div#header .button a:hover #btnnews2{margin:-18px 0px 0px 0px;}
div#header .button a:hover #btnfaq2{margin:-18px 0px 0px 0px;}
div#header .button a:hover #btncontact2{margin:-18px 0px 0px 0px;}
div#header .button a:hover #btnsitemap2{margin:-18px 0px 0px 0px;}

/* ------menu set */
div#menu{
	display: block;
	margin:0px auto;
	width:760px;
	height:22px;
}

div#menu .button{
	height:22px;
	position:absolute;
	overflow:hidden;
	margin:0px 0px 0px 0px;
	list-style:none;
}

div#menu .button li{
	float:left;
	height:22px;
	overflow:hidden;
}

div#menu .button a:hover{margin:-22px 0px 0px 0px;}

div#menu .button #btnproducts1{margin:-22px 0px 0px 0px;}
div#menu .button #btnabout1{margin:-22px 0px 0px 0px;}
div#menu .button #btneyebrow1{margin:-22px 0px 0px 0px;}
div#menu .button #btnmenu1{margin:-22px 0px 0px 0px;}
div#menu .button #btnsalon1{margin:-22px 0px 0px 0px;}

div#menu .button a:hover #btnproducts2{margin:-22px 0px 0px 0px;}
div#menu .button a:hover #btnabout2{margin:-22px 0px 0px 0px;}
div#menu .button a:hover #btneyebrow2{margin:-22px 0px 0px 0px;}
div#menu .button a:hover #btnmenu2{margin:-22px 0px 0px 0px;}
div#menu .button a:hover #btnsalon2{margin:-22px 0px 0px 0px;}


/* ------footer set */
div#footer1{
	clear:both;
	padding:0px;
	width: 784px;
	height:20px;
	padding:50px 0px 0px 0px;
}

div#footer1 .footer-line{
	width: 784px;
	height: 20px;
	background:#888888;
	position:absolute;
	z-index:1;
}

div#footer1 .button{
	width: 180px;
	height: 20px;
	color:#FFFFFF;
	line-height:20px;
	overflow:hidden;
	position:absolute;
	z-index:3;
}

div#footer1 .button a:hover{margin:-20px 0px 0px 0px;}

div#footer1 .button a:hover #btnpiashome{margin:-20px 0px 0px 0px;}

div#footer1 .text{
	margin:0px 20px;
	width: 744px;
	height: 20px;
	text-align: right;
	font-size:12px;
	font-family:Ms Sans Serif, Arial;
	color:#FFFFFF;
	line-height:20px;
	position:absolute;
	z-index:2;
}

div#footer1 .text a:link{
        text-decoration:none;
        color:#FFFFFF;
}
div#footer1 .text a:visited{
        text-decoration:none;
        color:#FFFFFF;
}
div#footer1 .text a:hover{
        text-decoration:none;
        color:#7C215A;
}

div#copy{
	display: block;
	width: 100%;
	height: 20px;
	text-align: center;
	font-size:10px;
	color:#888888;
	line-height:20px;
	background-color:#FFFFFF;
}

/* ------footer2 set */
div#footer2{
	clear:both;
	padding:0px;
	width: 784px;
	height:20px;
	padding:0px 0px 0px 0px;
}

div#footer2 .footer-line{
	width: 784px;
	height: 20px;
	background:#888888;
	position:absolute;
	z-index:1;
}

div#footer2 .button{
	width: 180px;
	height: 20px;
	color:#FFFFFF;
	line-height:20px;
	overflow:hidden;
	position:absolute;
	z-index:3;
}

div#footer2 .button a:hover{margin:-20px 0px 0px 0px;}

div#footer2 .button a:hover #btnpiashome{margin:-20px 0px 0px 0px;}

div#footer2 .text{
	margin:0px 20px;
	width: 744px;
	height: 20px;
	text-align: right;
	font-size:12px;
	font-family:Ms Sans Serif, Arial;
	color:#FFFFFF;
	line-height:20px;
	position:absolute;
	z-index:2;
}

div#footer2 .text a:link{
        text-decoration:none;
        color:#FFFFFF;
}
div#footer2 .text a:visited{
        text-decoration:none;
        color:#FFFFFF;
}
div#footer2 .text a:hover{
        text-decoration:none;
        color:#7C215A;
}