@charset "utf-8";
/**********************************************************************
美容室Sylph様ホームページ
トップページ用CSS
[ assets/css/top.css ]

Since         : 09.06.02
Last modified : 09.06.02
**********************************************************************/



/* 目次
-------------------------------------------------
 ・リンク設定
 ・共通クラス
 ・レイアウト
 ・ヘッダ
 ・フッタ
 ------------------------------------------------- */

  /* リンク設定
-------------------------------------------------*/

a:link    {color: #603F00; text-decoration: underline;}
a:active  {color: #603F00; text-decoration: underline;}
a:visited {color: #603F00; text-decoration: underline;}
a:hover   {color: #0066CC; text-decoration: underline;}




/* 共通クラス 表示
------------------------------------------------- */

td{
	word-break: break-all;
}

div{
	word-break: break-all;
}


.none{
	display:none;

}

.border_none{
	border:none !important;

}

img{
	margin: 0px;
	border: 0px;
	padding: 0px;
	font-size: 0px;
	vertical-align:bottom;
}



/* 共通クラス フロート
------------------------------------------------- */

body{
	line-height:125%;
	font-size:12px;
	color:#333333;
	position: relative;
}

.floatL  {float: left;}
.floatR {float: right;}

.floatClear{
	clear: both;
	font-size: 0px;
	line-height: 0%;
	height: 0px;
	text-indent: -9999px;
}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*配置設定クラス*/
.alignL {
	text-align: left !important;
}
.alignC {
	text-align: center !important;
}
.alignR {
	text-align: right !important;
}

div.separateS {
	font-size: 1px;
	line-height: 0%;
	margin: 5px 0px 0px 0px;
	clear:both;
}

div.separateM {
	clear:both;
	font-size: 1px;
	line-height: 0%;
	padding: 10px 0px 0px 0px;
}

div.separateL {
	clear:both;
	font-size: 1px;
	line-height: 0%;
	padding: 20px 0px 0px 0px;
}

div.separateLL {
	font-size: 1px;
	line-height: 0%;
	margin: 30px 0px 0px 0px;
	clear:both;
}

div.separateXL {
	font-size: 1px;
	line-height: 0%;
	margin: 40px 0px 0px 0px;
	clear:both;
}

/* レイアウト
------------------------------------------------- */

#container{
	width:800px;
	margin:0 auto;
}

#header{
	width:800px;
}

#wrapper{
	width:800px;
	margin-bottom:20px;
}

#left_contents{
	width:510px;
	float:left;
	margin:20px 40px 20px 0;
}

#right_contents{
	width:250px;
	float:left;
	margin:20px 0 20px 0;
}

#footer{
	width:800px;
	border-top:1px #CCCCCC solid;
	text-align:center;
}

/* ヘッダ
------------------------------------------------- */

#header h1{
	display:block;
	text-indent: -9999px;
	font-size:0px;
	line-height:0%;
	float:left;
}

#header h1 a{
	display:block;
	text-indent: -9999px;
	font-size:0px;
	line-height:0%;
	width:170px;
	height:75px;
	margin:0;
	padding:0;
	background:url(../images/logo.jpg) no-repeat;
}

#header .global_menu{
	display:block;
	text-indent: -9999px;
	font-size:0px;
	line-height:0%;
	width:531px;
	height:13px;
	margin-top:37px;
	float:right;
}

#header .global_menu .menu01{
	display:block;
	float:left;
}

#header .global_menu .menu01_on{
	display:block;
	float:left;
}

#header .global_menu .menu01 a{
	display:block;
	width:79px;
	height:13px;
	background:url(../images/global_menu_top.jpg) no-repeat;
}

#header .global_menu .menu01_on a{
	display:block;
	width:79px;
	height:13px;
	background:url(../images/global_menu_top_on.jpg) no-repeat;
}

#header .global_menu .menu02{
	display:block;
	float:left;
	margin-left:30px;
}

#header .global_menu .menu02 a{
	display:block;
	width:111px;
	height:13px;
	background:url(../images/global_menu_price.jpg) no-repeat;
}

#header .global_menu .menu03{
	display:block;
	float:left;
	margin-left:30px;
}

#header .global_menu .menu03 a{
	display:block;
	width:83px;
	height:13px;
	background:url(../images/global_menu_haircare.jpg) no-repeat;
}

#header .global_menu .menu04{
	display:block;
	float:left;
	margin-left:30px;
}

#header .global_menu .menu04 a{
	display:block;
	width:83px;
	height:13px;
	background:url(../images/global_menu_staff.jpg) no-repeat;
}

#header .global_menu .menu05{
	display:block;
	float:left;
	margin-left:30px;
}

#header .global_menu .menu05 a{
	display:block;
	width:55px;
	height:13px;
	background:url(../images/global_menu_shop.jpg) no-repeat;
}

/* フッタ
------------------------------------------------- */

#footer .footer_menu{
	display:block;
	width:495px;
	height:15px;
	margin:20px auto 10px auto;
}

*html #footer .footer_menu{
	display:block;
	width:510px;
	height:15px;
	margin:20px auto 10px auto;
}

#footer .f_menu01{
	display:block;
	margin:0 10px;
	float:left;
}

#footer .f_menu02{
	display:block;
	margin:0 10px;
	float:left;
}

#footer .f_menu03{
	display:block;
	margin:0 10px;
	float:left;
}

#footer .f_menu04{
	display:block;
	margin:0 10px;
	float:left;
}

#footer .f_menu05{
	display:block;
	margin:0 10px;
	float:left;
}

#footer .f_menu06{
	display:block;
	margin:0 10px;
	float:left;
}

#footer .copy_right{
	margin:0 auto 20px auto;
	color:#666666;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}