@charset "utf-8";

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

*     CSS Document for beauty parlor     *

*     filename: main.css                 *

*     function: 1.set default value      *

*               2.set index value        *

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



/*----- Default Value -----*/

* { margin:0; padding:0; border:0;}



html, body { height:100%;}



ul, ol { list-style:none;}



a { text-decoration:none;}

a:hover { text-decoration:underline;}



iframe { border:none;}



table { width:100%; border-collapse:collapse; border-spacing:0;}



img { border:0;}



body {

	margin:0;

	background:url(../img/body.jpg) left top repeat;

}

/*----- Configuration -----*/

#header {

	height:174px;

	text-align:center;

	padding-top:30px;

	background:url(../img/header.jpg) center bottom repeat-x;

}

h1 a /* =logo */{

	display:block;

	cursor:pointer;

	width:530px;

	height:150px;

	text-indent:-2000px;

	margin:0 auto;

	background:url(../img/logo.png)!important;

	background:none;

	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/logo.png');

}

#footer {

	font:11px/32px Arial;

	color:#369;

	text-align:center;

}

#footer a {

	font:11px/32px Arial;

	color:#036;

	text-decoration:none;

	padding:0 1px 0 3px;

}

#footer a:hover { color:#369;}

/*----- about -----*/

#about {

	width:620px;

	margin:20px auto 0 auto;

	padding:20px;

	background:url(../img/about_bg.png) left top repeat!important;

	background:url(../img/about_bg.gif) left top repeat;

}

#about h2,#about h3 {

	font:24px/32px "Times Sans Serif", Arial;

	color:#036;

	text-indent:12px;

	margin-bottom:20px;

	border-bottom:1px solid #036;

}

#about h3 { font-size:20px; border-bottom-color:#69d7d7; margin:6px 0 -12px -10px}

#about p {

	width:94%;

	font:14px/24px "MS Gothic";

	color:#036;

	margin:16px;

}

#about p.note {

	font-size:12px;

	line-height:18px;

	color:#666;

	margin-top:10px;

	border-top:1px solid #036;

}

#about p.link {

	text-align:right;

}

#about p.link span { font-family:Arial; margin-left:10px;}

#about p.link a {

	font:14px/24px "MS Gothic";

	color:#369;

	text-decoration:none;

	border-bottom:1px dashed #369;

}

#about p.link a:hover { color:#fff; background-color:#69D7D7;}

#about img { margin-right:10px;}