/* ***************************************************
* CSS file For arksoins.net
	FileName: common.css
	data:2009/2/24 sakurai

■目次 ==========================================
■[01]:スタッフ紹介
■[02]:アークソワンのエステ
**************************************************** */


/*-----------------------------------------------------------
■[01]:スタッフ紹介
------------------------------------------------------------*/
div#staff{
	width: 650px; text-align: left; padding: 5px 0px 0px 0px;
}

div#staff div.staff{
	width: 628px; margin: 30px auto 0; background: url(/img/staff/staff_prof.jpg) no-repeat; padding: 20px 0px 0px 15px;
}

div#staff div.staff h2{
	margin: 0px 0px 0px 24px; padding: 0px 0px 0px 0px;
}

div#staff div.staff p{
	width: 400px; margin: 10px 0px 0px 26px; padding: 0px 0px 0px 0px;
}

div#staff div.staff ul{
	width: 400px; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 45px; list-style: disc; display: block; 
}
div#staff div.staff li{
	margin: 0px 0px 3px 0px;
}
div#staff div.staff div.staffBt{
	width: 400px; margin: 0px 0px 0px 26px; text-align: right; float: left;
}

/*-----------------------------------------------------------
■[02]:アークソワンのエステ
------------------------------------------------------------*/
div#about{
	width: 650px; text-align: left; padding: 5px 0px 0px 0px;
}
div#about div.comment{
	width: 585px; height: 520px; margin: 15px auto 0; position: relative; background: url(/img/about/about_img.gif) no-repeat 166px 167px;
}
div#about div.comment img.support{
	position: absolute; top: 69px; left: 20px;
}
div#about div.comment img.relax{
	position: absolute; top: 0px; left: 207px;
}
div#about div.comment img.counsel{
	position: absolute; top: 69px; left: 413px;
}
div#about div.comment img.menu{
	position: absolute; top: 270px; left: 0px;
}
div#about div.comment img.ladies{
	position: absolute; top: 372px; left: 222px;
}
div#about div.comment img.organic{
	position: absolute; top: 270px; left: 413px;
}

/*-----------------------------------------------------------
■[03]:エステメニュー
------------------------------------------------------------*/
div#menu{
	width: 650px; text-align: left; padding: 5px 0px 0px 0px;
}

div#menu div.pageLink{
	width: 633px; margin: 20px auto 0; background: url(/img/menu/menu_linkbody.gif) no-repeat bottom; padding: 0px 0px 10px 0px;
}
div#menu div.pageLink ul{
	width: 560px; margin: 0 auto 0px; /* border: 1px solid #f00; */
}
div#menu div.pageLink li{
	margin: 0px 20px 0px 0px; float: left; background: url(/img/link.png) no-repeat 0px 7px; padding: 0px 0px 0px 15px; behavior: url(/iepngfix.htc);
}

/* キャンペーン */
div#menu div.camp{
	width: 643px; margin: 10px auto 0; background: url(/img/menu/menu_campbg.gif) repeat-y;
}
div#menu div.camp div.plan{
	width: 583px; margin: 0 auto; background: #fff; padding: 0px 0px 0px 14px;
}
div#menu div.camp div.plan img.photo{
	margin: 0px 15px 0px 0px;
}
div#menu div.camp div.plan h3{
	width: 360px; background: url(/img/menu/menu_img01.gif) no-repeat 0px 3px; font-weight: bold;  color: #963; padding: 5px 0px 4px 35px; margin: 0px 0px 0px 0px; font-size: 90%;
}
div#menu div.camp div.plan div.price{
	width: 390px; margin: 0px; text-align: right; font-weight: bold; color: #603;
}
div#menu div.camp div.plan p{
	width: 390px; margin: 0px; line-height: 140%;
}

div#menu div.camp div.plan div.flow{
	width: 373px; margin: 10px 0px 0px 0px; background:#f1ece0; line-height: 150%; padding: 7px 0px 5px 10px; font-size: 10px;
}
div#menu div.camp div.plan div.care{
	text-align: right; font-weight: bold; color: #603; width: 565px;
}
div#menu div.camp img.bottom{
	display: block; width: 597px; margin: 0 auto; clear: both;
}
div#menu div.camp img.head{
	display: block; width: 597px; margin: 10px auto 0; clear: both;
}

div#menu img.campBottom{
	width: 643px; margin: 0 auto 25px; display: block;
}

div#menu h2.bar{
	margin: 20px 0px 10px 0px;
}

/* 各メニュー */

div#menu div.menuPrice{
	width: 623px; margin: 0 auto;
}
div#menu div.menuPrice ul.photo{
	margin: 0px 15px 0px 0px;
}

div#menu div.menuPrice ul.photo li{
	margin: 0px 0px 10px 0px;
}


div#menu div.menuPrice div.left{
	width: 420px;
}

div#menu div.menuPrice h3{
	/* width: 370px; */ background: url(/img/menu/menu_img01.gif) no-repeat left; font-weight: bold;  color: #963; padding: 5px 0px 0px 35px; margin: 0px 0px 0px 0px; font-size: 90%; 
}
div#menu div.menuPrice h3 span{
	font-weight: normal; 
}
div#menu div.menuPrice div.price{
	/* width: 420px; */ margin: 0px; text-align: right; font-weight: bold; color: #603;
}
div#menu div.menuPrice p{
	/* width: 420px; */ margin: 0px; 
}
div#menu div.menuPrice p.flash{
	width: 245px; margin: 0px; 
}

div#menu div.flashPrice{
	width: 178px; margin: 0px 0px 0px 15px; padding: 0px; background: url(/img/menu/menu_price_bottom.gif) no-repeat bottom left; 
}
div#menu div.flashPrice img{
	display: block;
}
div#menu div.flashPrice table{
	width: 156px; margin: 0px auto; padding: 0px; color:#603;
}
div#menu div.flashPrice th,td{
	font-weight: bold;
	padding: 0px;
}
div#menu div.flashPrice td span{
	font-weight: normal; font-size: 80%;
}

div#menu div.dot{
	/* width: 430px; */ margin: 10px 0px 5px;
}
div#menu div.menuPrice div.attention{
	width: 405px; margin: 10px 0px 0px 0px; border: 1px solid #cab9b9; background: #f9f7f2; padding: 10px 10px 5px 10px;
}
div#menu div.menuPrice div.attention li{
	padding: 0px 0px 0px 10px; text-indent: -1em; line-height: 140%;
}

div#menu div.menuPrice div.attentionBridal{
	width: 590px; margin: 10px 0px 0px 0px; border: 1px solid #cab9b9; background: #f9f7f2; padding: 10px 10px 5px 10px;
}


div#menu div.intro{ width: 640px; margin: 0; padding: 0; }
div#menu div.intro img{ display: block; float: left; }
div#menu div.intro p{ width: 444px; margin: 0 0 0 15px; font-size: 80%; float: left; }