/* ***************************************************
* CSS file For hair-spa-season.com
	FileName: contents.css
	data:2009/3/16 sakurai

■目次 ==========================================
■[01]:メニューリスト
■[02]:ヘッドスパ
■[03]:スタッフ紹介
■[04]:サロン情報
**************************************************** */


/*-----------------------------------------------------------
■[01]:メニューリスト
------------------------------------------------------------*/
div.wrapper_menu {
	width: 900px; margin: 0px auto; padding: 0px 0px 0px 0px; 
}

div.wrapper_menu h2{
	background: url(/img/dot.gif) repeat-x bottom; width: 395px; text-align: left;
}

div.wrapper_menu h2 .bt{
	margin: 0px 0px 4px 83px;
}

div.wrapper_menu div.attention{
	width: 374px; margin: 0px 0px 0px 0px; background: #e5e7c1; border: 1px solid #94bd5a; color: #693; padding: 10px 0px 10px 20px; text-align: left;
}

div.wrapper_menu div.left{
	margin: 0px 0px 0px 15px;
}
div.wrapper_menu div.right{
	margin: 0px 15px 0px 0px;
}


/*-----------------------------------------------------------
■[02]:ヘッドスパ
------------------------------------------------------------*/
div.wrapper_headspa {
	width: 900px; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: center;
}

div.wrapper_headspa h1{
	margin: 0px 0px 20px 0px;
}
div.wrapper_headspa h2{
	margin: 20px 0px 0px 0px;
}


div.wrapper_headspa .step{
	width: 875px; margin: 0px auto; 
}
div.wrapper_headspa ul.step li{
	width: 208px; margin: 20px 4px 0px 4px; float: left; text-align: center; 
}
div.wrapper_headspa ul.step li img{
	display: block; margin: 0px auto 5px; 
}

div.wrapper_headspa ul.step li p{
	margin: 0px auto 0px; text-align: left;
}

div.wrapper_headspa div.care{
	width: 820px; background: #eaeaca; border: 1px solid #c7c797; padding: 15px 0px 15px 15px; clear: both; margin: 30px auto 0px;
}
div.wrapper_headspa div.care img{
	width: 142px; margin: 0px 10px 0px 0px; 
}

div.wrapper_headspa div.care ul{
	margin: 0px 0px 0px 0px; width: 840px; /* border: 1px solid #f00; */
}
div.wrapper_headspa div.care li.img{
	width: 152px; margin: 0px 0px 0px 0px; float: left; 
}
div.wrapper_headspa div.care li.text{
	width: 230px; margin: 0px 10px 0px 0px; float: left; text-align:left; line-height: 150%;
}

div.wrapper_headspa h3{
	background: url(/img/dot.gif) repeat-x bottom; width: 865px; text-align: left; margin: 20px auto 0px;
}

div.wrapper_headspa table.menuList{
	margin: 0px auto;
}

div.wrapper_headspa table.menuList th,div.wrapper_headspa table.menuList td{
	line-height: 150%; padding: 2px 0px 2px 6px;
}

div.wrapper_headspa div.copy{
	margin: 30px 0px 20px 0px;
}

/*-----------------------------------------------------------
■[03]:スタッフ紹介
------------------------------------------------------------*/
div.wrapper_staff {
	width: 900px; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: center;
}

div.wrapper_staff div.staffBox{
	width: 839px; margin: 0px auto 25px; clear: both;
}

div.wrapper_staff div.staffBox img{
	display: block; margin: 0px;
}

div.wrapper_staff div.staffBox div.body{
	width: 739px; margin: 0px auto; padding: 0px 50px 30px 50px; background: url(/img/staff/staff_boxbg.png) no-repeat bottom; behavior: url(/iepngfix.htc);
}

div.wrapper_staff div.staffBox div.body div.profile{
	width: 407px; 
}

div.wrapper_staff div.staffBox div.body div.profile h2{
	margin: 0px 0px 15px 0px;
}

div.wrapper_staff div.staffBox div.body div.profile table.menuList{
	margin: 0px 0px 0px 0px; background: url(/img/dot.gif) repeat-x top;
}

div.wrapper_staff div.staffBox div.body div.profile table.menuList th{
	vertical-align: top; padding: 3px 0px 3px 10px; 
}

div.wrapper_staff div.staffBox div.body div.profile table.menuList td{
	text-align: left; color: #663; line-height: 150%; padding: 3px 3px 3px 0px; 
}

div.wrapper_staff div.banner{
	width: 830px; margin: 20px 0px 30px 0px;
}

div.wrapper_staff div.staffBox div.body div.photo01{
	width: 228px; height: 226px; margin: 0px; background: url(/img/staff/staff_photo01.png) no-repeat; padding: 25px 0px 0px 49px; text-align: left;
}
div.wrapper_staff div.staffBox div.body div.photo02{
	width: 228px; height: 228px; margin: 0px; background: url(/img/staff/staff_photo02.png) no-repeat; padding: 27px 0px 0px 49px; text-align: left;
}
div.wrapper_staff div.staffBox div.body div.photo03{
	width: 228px; height: 229px; margin: 0px; background: url(/img/staff/staff_photo03.png) no-repeat; padding: 28px 0px 0px 49px; text-align: left;
}
div.wrapper_staff div.staffBox div.body div.photo04{
	width: 228px; height: 229px; margin: 0px; background: url(/img/staff/staff_photo04.png) no-repeat; padding: 28px 0px 0px 49px; text-align: left;
}

/*-----------------------------------------------------------
■[04]:サロン情報
------------------------------------------------------------*/
div.wrapper_salon {
	width: 900px; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: center;
}

div.wrapper_salon div.yume{
	width: 869px; margin: 15px auto 15px;
}
div.wrapper_salon div.yume p{
	width: 340px; margin: 0px 15px 0px 0px; text-align: left;
}

div.wrapper_salon div.yume div.premia{
	width: 210px; border: 1px solid #c7c797; margin: 10px 0px 0px 30px; text-align: left; background: #e8e9c8 url(/img/salon/salon_yumebg.gif) no-repeat bottom right; padding: 15px 10px 15px 10px;
}
div.wrapper_salon div.yume div.premia img{
	margin: 0px 0px 13px 0px; 
}
div.wrapper_salon div.yume div.premia .x-small{
	line-height: 160%;
}

div.wrapper_salon div.parrucchi{
	width: 395px; margin: 0px 53px 0px 0px; padding: 0px 0px 0px 15px;
}
div.wrapper_salon div.parrucchi h2{
	margin: 0px 0px 12px 0px; 
}
div.wrapper_salon div.parrucchi p{
	width: 205px; text-align: left; margin: 0px 3px 0px 0px;
}

div.wrapper_salon div.homeCare{
	width: 408px; 
}
div.wrapper_salon div.homeCare h2{
	margin: 0px 0px 12px 0px; 
}
div.wrapper_salon div.homeCare p{
	width: 150px; text-align: left; margin: 0px 3px 0px 0px;
}

div.wrapper_salon div.schedule{
	width: 349px; margin: 0px 15px 0px 10px;
}
div.wrapper_salon div.schedule img{
	margin: 0px; display: block;
}

div.wrapper_salon div.schedule div.body{
	width: 349px; background: url(/img/salon/salon_schedule_bg.gif); padding: 0px 0px 10px 0px;
}

div.wrapper_salon div.schedule div.body div.calendar{
	width: 327px; margin: 0 auto 10px;
}

div.wrapper_salon div.schedule div.body div.calendar div.bg{
	width: 327px; background: url(/img/salon/salon_schedule_calendar.png) no-repeat bottom; padding: 0px 0px 15px 0px; margin: 0px auto 0px; 
}
div.wrapper_salon div.schedule div.body div.calendar div.bg div.month{
	width: 302px; background: #ddd4b0; margin: 0 auto 5px; padding: 2px 0px 2px 0px; 
}
div.wrapper_salon div.schedule div.body div.calendar div.bg table{
	width: 302px; margin: 0 auto;
}

div.wrapper_salon div.schedule div.body div.calendar div.bg th{
	border-bottom: 1px solid #e6dfd5; padding: 0px 0px 0px 0px; font-weight: bold; font-size:x-small;
}

div.wrapper_salon div.schedule div.body div.calendar div.bg td{
	border-bottom: 1px solid #e6dfd5; border-right: 1px solid #e6dfd5; padding: 2px 0px 1px 0px; vertical-align: top; text-align: center; line-height: 110%; 
}


div.closed{
	color: #fff; background: #f09880; width: 90%; padding: 0px 0px 12px 0px; margin: 0 auto;
}
.inoue{
	color: #84af25; font-size: x-small;
}
.nakamura{
	color: #8f93b6; font-size: x-small;
}

.togawa{
	color: #d99534; font-size: x-small;
}


div.wrapper_salon div.schedule div.body div.calendar div.bg td.sat{
	color: #669999; border-right: none;
}
.sun{
	color: #f17407;
}

img.mark{
	width: 306px; margin: 0 auto;
}

/*フォトギャラリー*/
div.photoGarally{
	width: 515px; margin: 0px 0px 0px 0px; text-align: left; padding: 0px 0px 0px 0px;
}
div.photoGarally img{
	display: block; margin: 0px 0px 3px 0px;
}
div.photoGarally img.mouse{
	margin: 26px 0px 0px 0px;
}

div.photoGarally .photoLarge{
	width: 403px; height: 274px; background: url(/img/salon/salon_photoframe.png) no-repeat; /* border: 1px solid #f00; */ padding: 35px 0px 0px 12px; margin: 0px 0px 0px 0px;
}

div.photoGarally .photoSmall{
	width: 415px; margin: 3px 0px 0px 2px;
}
div.photoGarally .photoSmall img{
	margin: 0px 2px 0px 0px;
}

div.wrapper_salon div.information {
	width: 515px; 
}
div.wrapper_salon div.information img.map{
	display: block;  margin: 0px 0px 0px 14px;
}
div.wrapper_salon div.information img.mapBt{
	display: block;  margin: 10px 0px 0px 40px;
}

div.wrapper_salon h2.salon{
	margin: 20px 0px 0px 0px;
}

div.wrapper_salon table.menuList{
	margin: 0px 0px 0px 4px;
}

div.wrapper_salon table.menuList td{
	text-align: left; color: #663; line-height: 150%; margin: 0px 10px 0px 0px;
}