@charset "utf-8";
/* CSS Document */


/*-----------------
初期化
------------------*/
*{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	font-style:normal;
	list-style:none;
	font-weight:normal;
	font-size:12px;
}

/*-----------------
共通設定
------------------*/
body{
	font-size:12px;
	color:#000000;
	line-height:22px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #000000;
}

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

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

a:hover, 
a:active{
	color:#FFF;
	text-decoration:underline;
}

/*-----------------
レイアウト
------------------*/
#contentsaria{
	width:820px;
	background-color: #1a1a1a;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#unit{
	width:820px;
	margin-top: 0;
	margin-bottom: 0;
}

#header{
	width:820px;
	height:105px;
	background-image:url(../images/header_bg.jpg);
	background-repeat: no-repeat;
}

#pan{
	width:790px;
	height:20px;
	clear: both;
	padding-top: 0;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 5;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
}
#pan a:link {
	color: #FFF;
	text-decoration: none;
}
#pan a:visited a:hover {
	color: #FFF;
	text-decoration: underline;
}


#main{
	width:800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#footer{
	clear:both;
	width:800px;
	height:29px;
	background-image:url(../images/footer_bg.gif);
	background-repeat:repeat;
	margin-right: auto;
	margin-left: auto;
}

#copy{
	width:820px;
	height:33px;
	text-align:center;
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #181818;
	color: #FFF;
}


/*-----------------
home以外の#main内レイアウト
------------------*/
#main #keyimg{
	clear:both;
	width:800px;
	padding:0 0 10px 0;
}

#main #top{
	clear:both;
	width:800px;
	background-color: #181818;
}

#main #top #topleft{
	float:left;
	width:530px;
}

#main #top #topleft a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}

#main #top #topright{
	float:right;
	width:260px;
}

#main #top #topright01{
	float:right;
	width:260px;
	background-color:#FFFFFF;
}

#main #top #topright02{
	float:left;
	width:260px;
	background-image:url(../images/saloninfo_bg.jpg);
	background-repeat:no-repeat;
	padding-bottom: 5px;
}

#main #top #btn{
	float:left;
	width:260px;
}

#main #under{
	clear:both;
	width:800px;
}


/*--#topright内 サロンインフォ--*/
#main #top #topright h3{	
	clear:both;
	background-image:url(../images/saloninfo_title.jpg);
	height:30px;
	width:260px;
	text-indent:-9999px;
}

#main #top #topright #salon01{
	clear:both;
	width:240px;
	height:120px;
	padding:10px 10px 5px 10px;
}

#main #top #topright #salon02{
	clear:both;
	width:240px;
	height:120px;
	padding:0px 10px 5px 10px;
}

#main #top #topright #salon01 .title,
#main #top #topright #salon02 .title{
	float:right;
	width:120px;
	height:25px;
	text-indent:-9999px;}
#main #top #topright #salon01 .add,
#main #top #topright #salon02 .add{
	float:right;
	width:120px;
	height:45px;
	text-indent:-9999px;}
#main #top #topright #salon01 .link,
#main #top #topright #salon02 .link{
	float:right;
	width:120px;
	height:25px;
	text-indent:-9999px;}
#main #top #topright #salon01 .link a,
#main #top #topright #salon02 .link a{
	float:right;
	display:block;
	width:120px;
	height:15px;
	text-indent:-9999px;}
	
	#salon03{
	display: none;
	}

/*--#btn内--*/
#main #top #topright #btn{
	width:255px;}
	
#main #top #topright #btn ul{
	width:255px;}

#main #top #topright #btn li{
	width:255px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#main #top #topright #btn li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}
#main #top #topright #btn .li01{
	padding:5px 0 0 5px;
	height:45px;}
#main #top #topright #btn .li02{
	padding:0 0 0 5px;
	height:45px;}

/*--#campain--*/
#main #top #topright #campain{
	clear:both;
	width:255px;
	padding:0 0 0 5px;}
	
#main #top #topright #campain p.pdf{
	clear:both;
	font-size:10px;
	padding:0 10px 10px 5px;
	line-height:18px;
	color: #FFF;
}


/*-----------------
#header内
------------------*/
#header p {
	margin:0;
	padding:0;}
	
#header .text {
	height:25px;
	padding:0 0 0 5px;
	color: #FFF;
}

#header h1{
	height:45px;}
#header h2 {
	display: none;
}
#header h3 {
	display: none;
}
#header h4 {
	display: none;
}

	
	
/*--#navi--*/	
#header #navi{
	width:800px;
	height:35px;
	background-image: url(../images/navi_bg.gif);
	margin-right: auto;
	margin-left: auto;
}
	
#header #navi ul{
	float:left;
}
	
#header #navi li{
	float:left;
	height:35px;
	text-indent:-9999px;
}
	
#header #navi .li01{
	width:74px;
	height:35px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
#header #navi .li01 a{
	display:block;
	width:74px;
	height:35px;
	background-image:url(../images/navi_01.gif);
	background-repeat:no-repeat;
}	
#header #navi .li01 a:hover, 
#header #navi .li01 a:active{
	background-position:bottom;}

#header #navi .li02{
	width:145px;
	height:35px;
}
#header #navi .li02 a{
	display:block;
	width:145px;
	height:35px;
	background-image:url(../images/navi_02.gif);
	background-repeat:no-repeat;
}	
#header #navi .li02 a:hover, 
#header #navi .li02 a:active{
	background-position:bottom;}

#header #navi .li03{
	width:145px;
	height:35px;
}
#header #navi .li03 a{
	display:block;
	width:145px;
	height:35px;
	background-image:url(../images/navi_03.gif);
	background-repeat:no-repeat;
}	
#header #navi .li03 a:hover, 
#header #navi .li03 a:active{
	background-position:bottom;}
	
#header #navi .li04{
	width:145px;
	height:35px;
}
#header #navi .li04 a{
	display:block;
	width:145px;
	height:35px;
	background-image:url(../images/navi_04.gif);
	background-repeat:no-repeat;
}	
#header #navi .li04 a:hover, 
#header #navi .li04 a:active{
	background-position:bottom;}
	#header #navi .li05{
	width:145px;
	height:35px;
}
#header #navi .li05 a{
	display:block;
	width:145px;
	height:35px;
	background-image:url(../images/navi_05.gif);
	background-repeat:no-repeat;
}	
#header #navi .li05 a:hover, 
#header #navi .li05 a:active{
	background-position:bottom;}
	#header #navi .li06{
	width:145px;
	height:35px;
}
#header #navi .li06 a{
	display:block;
	width:147px;
	height:35px;
	background-image:url(../images/navi_06.gif);
	background-repeat:no-repeat;
}	
#header #navi .li06 a:hover, 
#header #navi .li06 a:active{
	background-position:bottom;}

/*--未使用アイテム（コンタクト）
#header #navi .li05{
	width:110px;
	height:30px;}
#header #navi .li05 a{
	display:block;
	width:110px;
	height:30px;
	background-image:url(../images/navi_05.gif);
	background-repeat:no-repeat;}	
#header #navi .li05 a:hover, 
#header #navi .li05 a:active{
	background-position:bottom;}--*/
	
/*-----------------
#footer内
------------------*/
#footer ul {
	padding:5px 0 0 30px;
}

#footer ul li{
	float:left;
}
#footer h3 {
	display: none;
}
#footer h4 {
	display: none;
}


/*-----------------
ページ先頭へボタン
------------------*/
#main p.pagetopbtn{
	clear:both;
	width:110px;
	height:20px;
	background-image:url(../images/pagetop_btn.gif);
	background-repeat:no-repeat;
	padding:10px 0 8px 690px;
}

#main p.pagetopbtn a{
	display:block;	
	width:110px;
	height:20px;
	text-indent:-9999px;
}