@charset "utf-8";
/* ======================== 目次 ==========================

	
======================================================== */

div.bodyartBox	{ background: #000; width: 940px; text-align: left; padding: 0px 0px 50px; color: #FFF; }
div.bodyartBox .capTitle	{ width: 910px; margin: 0px auto; }

/* コンテンツ部分スタイル */
div.bodyartBox .headBox		{ width: 940px; padding: 0px 0px 10px; }
div.bodyartBox .headBox h3	{ width: 475px; }
div.bodyartBox .headBox .leftBox	{ width: 475px; float: left; }
div.bodyartBox .headBox .imageBox	{ width: 465px; height: 485px; float: right; }

div.bodyartBox .btBox	{ width: 800px; margin: 10px auto 0px; }
div.bodyartBox #gallery,
div.bodyartBox #gallery2,
div.bodyartBox #gallery3,
div.bodyartBox #gallery4{ width: 409px; padding: 0px; margin: 0px auto 0px; float: left; }
div.bodyartBox .shadeGroup			{ padding-bottom:1.5em; }
div.bodyartBox .shadeBtn			{ width: 417px; height: 110px; margin: 0px auto; }
div.bodyartBox .shadeContents		{ width: 409px; height: 77px; padding: 20px; line-height: 22px; display: none; }
div.bodyartBox .shadeOpen .shadeBtn,
div.bodyartBox .shadeClose .shadeBtn{ cursor:pointer; }
div.bodyartBox .contactBt	{ width: 330px; float: left; padding: 0px 30px 0px 0px; }

div.bodyartBox .conBox01	{ width: 910px; margin: 0px auto; padding: 0px 0px 20px; }
div.bodyartBox .conBox01 h3	{ width: 910px; height: 55px; }
div.bodyartBox .conBox01 .dataBox	{ width: 850px; margin: 0px auto; padding: 0px 30px; }
div.bodyartBox .conBox01 .dataBox p	{ padding: 10px 0px 0px; }
div.bodyartBox .conBox01 .dataBox .detailBox	{ clear: both; width: 842px; padding: 10px 0px 0px; }
div.bodyartBox .conBox01 .dataBox .detailBox .leftBox		{ width: 497px; float: left; }
div.bodyartBox .conBox01 .dataBox .detailBox .leftBox p		{ padding: 5px 5px 2px; }
div.bodyartBox .conBox01 .dataBox .detailBox .leftBox span	{ display: block; font-weight: bold; float: right; padding: 0px 5px 0px 0px; font-size: 120%; }
div.bodyartBox .conBox01 .dataBox .detailBox .rightBox		{ width: 345px; float: right; padding: 0px; }
div.bodyartBox .conBox01 .dataBox .detailBox2	{ clear: both; width: 842px; padding: 10px 0px 0px; }
div.bodyartBox .conBox01 .dataBox .detailBox2 .leftBox		{ width: 842px; float: left; }
div.bodyartBox .conBox01 .dataBox .detailBox2 .leftBox p	{ background: url(/bodyart/img/con1_img04.jpg) no-repeat; padding: 10px 200px 80px 5px; }

div.bodyartBox .conBox02	{ width: 910px; margin: 0px auto; padding: 0px 0px 20px; }
div.bodyartBox .conBox02 h3	{ width: 910px; height: 55px; }
div.bodyartBox .conBox02 .upperBox	{ background: url(/bodyart/img/step_img.jpg) no-repeat left bottom; width: 798px; margin: 0px auto; padding: 0px 0px 8px; }
div.bodyartBox .conBox02 .underBox	{ width: 798px; margin: 0px auto; }
div.bodyartBox .conBox02 p				{ padding: 5px 30px 10px 25px; }
div.bodyartBox .conBox02 .detailBox1	{ width: 273px; float: left; }
div.bodyartBox .conBox02 .detailBox2	{ width: 272px; float: left; }
div.bodyartBox .conBox02 .detailBox3	{ width: 252px; float: left; }
div.bodyartBox .conBox02 .detailBox4	{ width: 273px; float: left; }
div.bodyartBox .conBox02 .detailBox4 p	{ padding: 5px 20px 10px 40px; }
div.bodyartBox .conBox02 .detailBox5	{ width: 228px; float: left; }
div.bodyartBox .conBox02 .detailText	{ width: 251px; float: left; padding: 35px 5px 0px 40px; }

div.bodyartBox .conBox03	{ width: 910px; margin: 0px auto; padding: 0px 0px 20px; }
div.bodyartBox .conBox03 h3	{ width: 910px; height: 55px; }
div.bodyartBox .conBox03 .dataBox	{ width: 870px; margin: 0px auto; padding: 0px 20px 20px; }
div.bodyartBox .conBox03 .dataBox .qaDetail	{ width: 870px; padding: 10px 0px 0px; }
div.bodyartBox .conBox03 .dataBox .qaDetail .topBar	{ width: 870px; height: 4px; font-size: 0px; line-height: 0px; }
div.bodyartBox .conBox03 .dataBox .qaDetail .dataBox{ background: #404040; width: 840px; padding: 5px 15px; }
div.bodyartBox .conBox03 .dataBox .qaDetail .dataBox span.question	{ background: url(/bodyart/img/con3_question.gif) no-repeat; font-size: 120%; font-weight: bold; padding: 3px 0px 5px 30px; display: block; }
div.bodyartBox .conBox03 .dataBox .qaDetail .dataBox span.answer	{ background: url(/bodyart/img/con3_answer.gif) no-repeat; font-size: 100%; padding: 3px 0px 0px 30px; display: block; }
div.bodyartBox .conBox03 .dataBox .qaDetail .btmBar	{ width: 870px; height: 4px; font-size: 0px; line-height: 0px; }

div.bodyartBox .conBox04	{ width: 910px; margin: 0px auto; padding: 0px 0px 30px; }
div.bodyartBox .conBox04 h3	{ width: 910px; height: 55px; }
div.bodyartBox .conBox04 .dataBox	{ width: 850px; margin: 0px auto; padding: 0px 30px; }
div.bodyartBox .conBox04 .dataBox p	{ padding: 5px 0px 0px; }

div.bodyartBox .conBox05	{ width: 910px; margin: 0px auto; padding: 0px 0px 30px; }
div.bodyartBox .conBox05 h3	{ width: 696px; height: 55px; }
div.bodyartBox .conBox05 .leftBox	{ width: 696px; float: left; }
div.bodyartBox .conBox05 .rightBox	{ width: 195px; float: right; }
div.bodyartBox .conBox05 .dataBox	{ width: 636px; margin: 0px auto; padding: 0px 30px; }
div.bodyartBox .conBox05 .dataBox p	{ padding: 5px 0px 0px; }

div.bodyartBox .conBox06	{ width: 910px; margin: 0px auto; padding: 0px 0px 30px; }
div.bodyartBox .conBox06 h3	{ width: 910px; height: 55px; }
div.bodyartBox .conBox06 .dataBox	{ width: 850px; margin: 0px auto; padding: 0px 30px; }
div.bodyartBox .conBox06 .dataBox p	{ padding: 5px 0px 0px; }



/* -------------------------[01]:お問い合わせフォーム */
div.contactBox		{ width: 800px; margin: 0px auto; }
div.contactBox .contentsData	{ width: 800px; padding: 15px 0px 30px; text-align: left; }
div.contactBox .contentsData p	{ padding: 0px 10px 10px; }
div.contactBox .stepCap		{ width: 250px; height: 30px; padding: 20px 0px 5px 15px; }
div.contactBox span		{ display: block; background: url(/company/img/recruit_arrow.gif) no-repeat 8% 0%; padding: 0px 0px 0px 30px; font-weight: bold; color: #333; }
div.contactBox table		{ background: #FFF; width: 770px; margin: 0px auto 0px; font-size: 12px; text-align: left; color: #630px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
div.contactBox th		{ background: url(/company/img/rth_bg.gif) repeat-x bottom; width: 200px; height: 27px; vertical-align: top; border-right: 1px solid #CCC; padding: 8px 0px 7px 0px;  color: #630;}
div.contactBox td		{ background: url(/company/img/td_bg.gif) repeat-x bottom; width: 570px; border-right: 1px solid #CCC; padding: 7px; color: #333; }
div.contactBox th.last		{ background-image: none; background-color: #ebe0d6; border-bottom: 1px solid #CCC; }
div.contactBox td.last		{ background-image: none; background-color: #FFF; border-bottom: 1px solid #CCC; }

div.contactBox th.type		{ font-size: 14px; background-image: none; background-color: #ebe0d6; border-bottom: 1px solid #CCC; padding: 7px; }

div.contactBox .attention	{ display: block; color: #F00; }

div.contactBox .btBox		{ width: 500px; margin: 20px auto 0px; }

div.accessBox		{ width: 700px; }
div.accessBox .contentsData	{ width: 680px; padding: 15px 10px 30px; text-align: left; }
div.accessBox .accBt		{ width: 670px; height: 50px; padding: 5px 5px 0px; }
div.accessBox .salonData	{ width: 310px; float: left; text-align: left; padding: 10px; }
div.accessBox .accessData	{ width: 310px; float: right; text-align: left; padding: 10px; }
div.accessBox h4			{ background: url(/company/img/point.gif) no-repeat; font-size: 120%; font-weight: bold; padding: 7px 0px 5px 20px; }
div.accessBox p,
div.accessBox table,
div.accessBox strong		{ color: #333; padding: 5px 0px 0px 15px; }