@charset "UTF-8";

/* ********************************
* #head							ヘッダの背景画像
* h1#top						サイトタイトル=h1
* #left #banner p				公認サイトバナー
* #left #banner p#qr			QRコード
* 
* #right #toplead				挨拶
*	#topleadwrap
*	#topleadwrap p
*	#right #toplead p.sign
* 
* table#topnav td				サロン・スクール リンク
* table#topnav td#salonetop
* table#topnav td#salonebottom
* table#topnav td#schooltop
* table#topnav td#schoolbottom
* table#topnav td.salone, td#salonetop, td#salonebottom
* table#topnav td.school, td#schooltop, td#schoolbottom
*	td.salone h2, td.school h2
* 	td.salone p, td.school p
* 
* #topinfo						ニュース・地図・受付時間・問い合わせ先・占いの種類
* #topinfo_l					ニュース・地図
* #topinfo_l h3					
* #topinfo_l dl					ニュース　リスト
* #topinfo_l dl dt				
* #topinfo_l dl dd 				
* #topinfo_r 					受付時間・問い合わせ先・占いの種類
* .topinfoh4					
* .topinfoh4 h4					
* .topinfoh4 p					
* .topinfoh4 p.kyoutyou			電話番号と時間
*
*
* #topcounter					カウンター設置
* 
* *********************************
 */


#head {
	background: url(../index/headbg.jpg) repeat-x;
	}

/* 左列バナー */
#left #banner p {
	text-align: center;
	margin: 3em auto 0;
	font-size: 12px;
	}
#left #banner p#qr {
	font-size: 0.8em;
	line-height: 1.2em;
	}

#right #toplead {
	width: 580px;
	height: 400px;
	margin: 2em 0;
	background: url(../index/aisatu.jpg) no-repeat;
	}
#topleadwrap {
	width: 580px;
	padding-top: 5em;
	padding-left: 4em;
	}

#topleadwrap p {
	margin-bottom: 1em;
	}
	
	/* IE6対応 */
	* html #toplead p strong.f_red,
	* html #toplead p .f_red, {
		color: #ff3333;
		}
#right #toplead p.sign {
	text-indent: 7em;
	}


table#topnav td {
	text-align: center;
	}
table#topnav td#salontop {
	background: url(../index/salon_top.gif) no-repeat bottom;
	height: 15px;
	}
table#topnav td#salonbottom {
	background: url(../index/salon_bottom.gif) no-repeat top;
	height: 15px;
	}
table#topnav td#schooltop {
	background: url(../index/school_top.gif) no-repeat bottom;
	height: 15px;
	}
table#topnav td#schoolbottom {
	background: url(../index/school_bottom.gif) no-repeat top;
	height: 15px;
	}

table#topnav td.salon,
table#topnav td#salontop,
table#topnav td#salonbottom {
	background-color: #e5738b;
	}
table#topnav td.school,
table#topnav td#schooltop,
table#topnav td#schoolbottom  {
	background-color: #a589c1;
	}
td.salon h2,
td.school h2 {
	text-align: center;
	}
td.salon p,
td.school p {
	margin: 0 5px;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	}

#topinfo {
	width: 580px;
	margin-top: 2em;
	}

#topinfo_l {
	float: left;
	width: 360px;
	}
#topinfo_l h3 {
	margin: 1em auto 2em;
	text-align: center;
	}
#topinfo_l dl {
	margin-bottom: 2em;
	margin-left: 1em;
	padding-right: 0.2em;
	}
#topinfo_l dl dt {
	color: #666;
	font-size: 10px;
	margin-bottom: 0.5em;
	}
#topinfo_l dl dd {
	margin-bottom: 1em;
	margin-left: 1em;
	font-size: 12px;
	}

#topinfo_l dl dt a {
	color: #9933cc;
	font-size: 12px;
	}
#topinfo_l dl dd a {
	font-size: 12px;
	}


#topinfo_l p.caption {
	margin: 1em 0 1em 1em;
	padding-left: 1em;
	font-size: 12px;
	border-left: 5px solid #E1CC82;
	}



#topinfo_r {
	float: right;
	width: 190px;
	}
.topinfoh4 {
	margin-bottom: 1em;
	padding: 5px;
	background-color: #f0e8cd;
	}

.topinfoh4 h4 {
	text-align: center;
	margin: 0.5em auto 1em;
	}
.topinfoh4 p {
	font-size: 12px;
	margin: 0 0.2em 1em;
	}

.topinfoh4 p.kyoutyou {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	}


p#topcounter {
	margin-top: -3em;
	padding-left: 8em;
	font-size: 10px;
	color: #aaaa80;
}