@charset "shift_jis";
/*----------------------------
  CSS Date Document 2008.03
  Last Update 0000.00.00 Date
  

　├トップページ

----------------------------*/

@import "common.css";
@import "calendar.css";

/*####################　Flash部分　####################*/

#HeadImg {
	clear:both;
	background:url(../../img/loader.gif) center center no-repeat #fff;
	height:330px;
	padding:0 10px;
	}
#HeadImg h2,
#HeadImg h3,
#HeadImg p{
	position:absolute;
	top:-9999px;
	left:-9999px;
	}
#HeadImg p.attention {
	position:relative;
	top:0;
	left:0;
	padding-top:30px;
	}

/*####################　トラブル相談　####################*/

#TrubleBox {
	border-bottom:10px solid #fff;
	background:url(../../img/wall-trouble.gif) 0 0 no-repeat;
	padding:0px 0 17px 28px;
	}

#TrubleBox h2,
#TrubleBox p,
#TrubleBox dd{
	position:absolute;
	top:-9999px;
	left:-9999px;
	}

#TrubleBox p.more {
	display:inline;
	position:relative;
	top:0;
	left:0;
	float:right;
	width:174px;
	height:36px;
	margin-right:5px;
	margin-bottom:11px;
	padding-top:46px;
	}
#TrubleBox p.more a{
	display:block;
	height:36px;
	text-indent:-9999px;
	}
#TrubleBox dl{
	clear:both;
	margin:0 0 0 0;
	}
#TrubleBox dt{
	float:left;
	width:175px;
	margin:0 9px 0 0;
	}
#TrubleBox dt.menu02{margin:0 10px 0 0;}

#TrubleBox dt a{
	display:block;
	height:110px;
	text-indent:-9999px;
	}

/*####################　カウンセリング　####################*/

#CounselingBox {
	height:171px;
	margin:0 0 43px 10px;
	}
#CounselingBox h3,
#CounselingBox dd,
#CounselingBox p {
	position:absolute;
	top:-9999px;
	left:-9999px;
	}
#CounselingBox h2{
	background:url(../../img/wall-web_counseling.gif) no-repeat;
	height:100px;
	margin-right:15px;
	margin-bottom:10px;
	}
#CounselingBox h2 a{
	display:block;
	height:100px;
	text-indent:-9999px;
	}

#CounselingBox dt {
	float:left;
	width:240px;
	height:60px;
	margin-right:10px;
	}
#CounselingBox dt a{
	display:block;
	height:60px;
	text-indent:-9999px;
	}

#CounselingBox dt.menu01 a{background:url(../../img/link-salon.gif);}
#CounselingBox dt.menu02 a{background:url(../../img/link-online_shop.gif);}


/*####################　トピックス　####################*/

#TopicsBox {margin-bottom:60px;}
#TopicsBox h2{
	margin-bottom:20px;
	}
#TopicsBox table{
	margin:0 15px 15px 10px;
	width:490px;
	}
#TopicsBox th{
	border-bottom:1px solid #d9d9d9;
	padding:6px;
	font-weight:normal;
	font-family:verdana;
	font-size:11px;
	color:#666;
	vertical-align:top;
	}
#TopicsBox td{
	border-bottom:1px solid #d9d9d9;
	background-position:0 4px;
	background-repeat:no-repeat;
	padding:6px 6px 6px 85px;
	vertical-align:top;
	}

#TopicsBox td.info{background-image:url(../../img/ico-topics_info.gif);}
#TopicsBox td.event{background-image:url(../../img/ico-topics_event.gif);}
#TopicsBox td.voice{background-image:url(../../img/ico-topics_voice.gif);}
#TopicsBox td.faq{background-image:url(../../img/ico-topics_faq.gif);}
#TopicsBox td.osaka{background-image:url(../../img/ico-topics_osaka.gif);}
#TopicsBox td.unknown{background-image:url(../../img/ico-topics_unknown.gif);}

#TopicsBox p.more{text-align:right; margin-right:15px;}


/*####################　ごあいさつ　####################*/

#GreetingBox {
	margin:0 0 30px 0;
	}
#GreetingBox h2{
	margin-bottom:30px;
	}
#GreetingBox p{
	margin:0 15px 1em;
	}
#GreetingBox dl{
	display:inline;
	float:right;
	width:190px;
	margin-right:15px;
	}
#GreetingBox dt{
	font-weight:bold;
	margin-bottom:5px;
	padding-top:15px;
	}
#GreetingBox dt .photo{
	float:left;
	vertical-align:bottom;
	margin:-15px 5px 5px 0;
	}
#GreetingBox dd.link{
	clear:both;
	}



/*####################　DNS変更お知らせ　####################*/

#DNSAttention {
	background:#fef5f5;
	margin:-25px 15px 40px 10px;
	padding:10px;
	border:2px solid #fc6c67;
	}
#DNSAttention h2{
	font-size:14px;
	margin-bottom:10px;
	}
#DNSAttention p{
	line-height:1.5;
	margin-bottom:1.5em;
	}




/*　小見出し
-------------------------------------*/



/*####################　大見出し　####################*/


/*　小見出し
-------------------------------------*/


/*end*/