@charset "utf-8";

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

CSS information



 file name  :style.css

 author     :hirasawa (admin)

 style info :コンテンツエリア関係 他

 

このスタイルシートの構成

 基本設定、レイアウト、横幅設定など

 汎用class

 #navSkip

 #page

  #contents

   #main

   #sub

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



#top iframe{

	width:580px;

	height:380px;

	margin:0 auto;

	overflow: auto;



}

/*info*/



#info div#mainContents .contentsInner h4{

	background-image:none!important;

	padding:0;

	margin:0 0 5px;

}

.therapistBox01{

	width:560px;

	padding:10px;

	margin:0 auto 1em;

	min-height:1px;

	background:#F7EEF2 url(../images/cmn_line_01.png) left bottom repeat-x;

}

.therapistBox01:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}



* html .therapistBox01{

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}



.therapistBox01 dt{

	float:left;

	clear:left;

	width:120px;

}

.therapistBox01 dd{

	margin-left:130px;

	width:420px;

}





.therapistBox02{

	width:560px;

	padding:10px;

	margin:0 auto 1em;

	min-height: 1px;

	background:url(../images/cmn_line_01.png) left bottom repeat-x;

}

.therapistBox02:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}



* html .therapistBox02{

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}



.therapistBox02 dt{

	float:right;

	width:120px;

}

.therapistBox02 dd{

	margin-right:130px;

	width:420px;

}

.therapistBox03{

	width:560px;

	padding:10px;

	margin:0 auto 1em;

	min-height:1px;

	background:#FFF url(../images/cmn_line_01.png) left bottom repeat-x;

}



.therapistBox03:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}



* html .therapistBox03{

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}



.therapistBox03 dt{

	float:left;

	width:120px;

}

.therapistBox03 dd{

	margin-left:130px;

	width:420px;

}

.therapistBox04{

	width:600px;



	margin:0 auto 1em;

	min-height:1px;

	background:#FFF url(../images/cmn_line_01.png) left bottom repeat-x;

}

.therapistBox04 dt{

	float:left;

	width:220px;
	padding-right:10px;

}

.staff dd.name{

	background:url(../images/cmn_line_footer.png) left bottom repeat-x;

	font-size:1.2em;

	font-weight:bold;

	padding-bottom:5px;

	margin-bottom:5px;

}

.staff dd.comment{

	margin-bottom:1em;

}



.staff li.number1{

	padding-leftt:20px;

}



/*campaign*/



#campaign01{

	background:url(../campaign/images/cam_bg_cam1.jpg) center top no-repeat;

	height:520px;

	overflow:auto;

}

#campaign01 em{

	padding:20px 0 0 18px;

	_padding:23px 0 0 18px;

	display: block;

	zoom:1;

}

#campaign01 h4{

	padding:8px 0 0 22px!important;

	background:none!important;

	margin:0!important;

}

#campaign01 p{

	padding:15px 25px 0!important;

	margin:0!important;

}

#campaign01 #campaign01Inner{

	padding:0 0 0 250px;

}

#campaign01 #campaign01Inner p{

	padding:0 0 5px!important;

	margin:0!important;

	font-weight:bold;

	color:#CC3366;

}

#campaign01 #campaign01Inner p strong{

	font-size:1.2em;

}

#campaign01 #campaign01Inner ul{

	padding:0!important;

	margin:0!important;

}

#campaign01 #campaign01Inner li{

	float:left;

	padding: 0 3px 4px;

}

table.camp_table01 th{

	padding: 6px 0;

	font-size:0.8em;

	color:#FFFFFF;

	background:#92302F;

	text-align:center;

	border:1px solid #92302F;

	width: 114px;
}

table.camp_table01 th.pink{

	background:#E5BDBD;

	border:1px solid #E5BDBD;

}


table.camp_table01 td{

	padding: 3px;

	font-size:0.8em;
}

table.camp_table01 td.w39{

	padding: 0;

	width: 39px;

}
	
table.camp_table01 td.border{

	border:1px solid #92302F;

	width: 108px;

}

table.camp_table01 td.border2{

	border:1px solid #E5BDBD;

	width: 108px;

}

table.camp_table01 td.photo{

	padding: 0px;

}

	
.rose_box{

	height:70px;

}

.rose_txt_box01{

	width:100%;

	background:#E5BDBD;

}

.rose_txt_box01 div{

	padding:3px;

	color:#502020;
	
	font-size: 1.4em;

}

.camp_text04{
     color:#FF6600;
	 font-weight:bold;
	 font-size:12pt;
	 line-height:16pt;
}

.f5 {
    background-color:#F5EAE2;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
}

.tdBgcol11{
    background-color:#E8DAD9;}
.tableBgcol11{
    background-color:#7D2B1F;}


.column2Box{

	width:285px;

	background:#F5F5F5;

}



.column2Box dt{

	width:279px;

	padding:3px;

	background:url(../campaign/images/cam_bg_column2box.png) center top no-repeat;

	font-weight:bold;

	color: #CC3366;

	margin-bottom:10px;

	text-align:center;

	border-bottom:#FFFFFF solid 2px;

}



.column2Box dd{

	width:273px;

	padding:0 6px;

	margin-bottom:1em;

	display:inline-block;

}



.imgBox01{

	clear:both;

	background:url(../images/cmn_line_01.png) left top repeat-x;

	text-align:center;

	padding:20px 0;

	zoom:1;

}

.campaignCourse .description{margin-bottom:5px;}

.campaignCourse .course{background: #FFFFFF;padding:5px;margin-bottom:6px; width:417px;}

.campaignCourse .course img{margin-bottom:3px;}







.campaignCourse2 dd{margin-bottom:5px;}

.campaignCourse2 .special{ background:url(../images/cmn_line_01.png) left bottom repeat-x; padding-bottom:5px;}

.campaignCourse2 .special strong{ color:#CC3366;}

.campaignCourse2 .special em{ color:#996600; font-size:1.4em;}

.campaignCourse2 dd{margin-bottom:5px;}

.campaignCourse2 .course{background: #F7EEF2;padding:5px; width:417px;}

.campaignCourse2 .course_02{background: #F7EEF2;padding:5px; width:557px; margin-left:15px;}

.campaignCourse2 .course img{margin-bottom:3px;}

.pic{padding:5px; width:557px; margin-left:15px;}


.campaignCourse2 dl.dl0824{background:#E5BDBD; padding:5px 5px 5px 8px; overflow:hidden;}
.campaignCourse2 dl.dl0824 dd{margin-left:0px; padding-top:5px; width:417px; color:#502020;}
.campaignCourse2 dl.dl0824 dd .fc01{color:#CC3366; font-weight:bold;}
.campaignCourse2 dl.dl0824 dt{float:right;}


/*trial*/

#trial div#mainContents h2{

	margin:0;

}

#trial #container div#mainContents #pageNav{

	background:url(../trial/images/tri_bg_pagenav.jpg) no-repeat;

	height:40px;

	padding:10px;

}



.trialBox{

	width:580px;

	margin:0 auto;

}

.trialBox dt{

	float:left;

	width:120px;

}

.trialBox dd{

	float:right;

	width:450px;

	margin-bottom:10px;

}



.trialBox dd.midashi{

	width:425px;

	background:url(../images/cmn_bg_midashi.png) left bottom no-repeat;

	color:#CC3366;

	font-weight:bold;

	padding:10px 5px 8px 20px;

}



div#mainContents .innerBox{

	width:450px;

}

div#mainContents .innerBox dt{

	float:left;

	width:120px;

	background:none;

}

div#mainContents .innerBox dd{

	float:right;

	width:320px;

}

div#mainContents .innerBox dd img{

	margin-bottom:5px;

}

div#mainContents .innerBox dd.courseStyle{

	width:310px;

	background:#F7EEF2;

	padding:5px;

}

.tabletrial {

	width:600px;

	padding:5px;

	border-collapse:collapse

}

.tabletrial th {border: solid 2px #CC6666;

	background-color:#f7eef2;

	font-weight:normal;

	width:135px;

	vertical-align:top;

	padding:3px;

}

.tabletrial td {background-color:#fff;

	width:5px;

}

.tabletrial_qa {

	width:550px;

	padding:5px;

	margin-left:30px;

	background-color:#F7EEF2;

}





/*body*/

#body div#mainContents h2{

	margin:0;

}

#body #container div#mainContents #pageNav{

	background: url(../body/images/body_bg_pagenav.jpg) no-repeat;

	height:40px;

	padding:10px;

}



#body .therapistBox03{

	background-image:none!important;

}



#body .columnLeft{

	float:left;

	width:290px;

	padding:0;

	margin-bottom:20px;

}

#body .columnRight{

	float:right;

	width:290px;

	padding:0;

	margin-bottom:20px;

}



.column2Box2{

	width:287px;

	border:#CCCCCC solid 3px;

	margin-bottom:10px;

}



.column2Box2 dt{

	padding:5px;

	font-weight:bold;

	color: #CC3366;

	text-align:center;

	background:#F5F5F5 url(../images/cmn_line_01.png) left bottom repeat-x;

	margin-bottom:10px;

	

}

.column2Box2 dd{

	padding:3px 5px 5px;

	display:inline-block;

	background:url(../images/cmn_line_01.png) left bottom repeat-x;

	margin-bottom:1px;

}



.column2Box2 .course{background:#F7EEF2 url(../images/cmn_line_01.png) left bottom repeat-x;margin-bottom:5px;clear:both;}

.column2Box2 .course img{margin-bottom:3px;}

.column2Box2 dt strong{	color:#454545;}

.column2Box2 .description{background:none;margin-bottom:5px;}



.menu{text-align:right;

	padding:0;

	margin:5px 5px 5px 0px;}





/**/

#face .columnLeft{

	float:left;

	width:290px;

	padding:0;

	margin-bottom:20px;

}

#face .columnRight{

	float:right;

	width:290px;

	padding:0;

	margin-bottom:20px;

}



.column2Box3{

	width:290px;

	min-height:1px;

	background:url(../images/cmn_line_01.png) left bottom repeat-x;

	margin-bottom:20px;

	clear:both;

}

.column2Box3:after {

  content: ".";

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}



* html .column2Box3{

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}





.column2Box3 dt{

	padding:5px 5px 15px;

	font-weight:bold;

	color: #CC3366;

	background: url(../body/images/body_bg_title.gif) left bottom  no-repeat;

	margin-bottom:5px;

	

}

.column2Box3 dd{

	padding:5px;

	display:inline-block;

	margin-bottom:8px;

}



.column2Box3 .courseImg{

	float:left;

	width:85px;

}

.column2Box3 .course{

	background:#F7EEF2;

	margin-bottom:5px;

	float:right;

	width:185px;

}

.column2Box3 .course img{margin-bottom:3px;}

#face .column2Box2 .course{margin-bottom:0;}





.column2Box4{

	width:290px;

	background:url(../images/cmn_line_01.png) left bottom repeat-x;

	margin-bottom:15px;

	float:left;

}









.column2Box4 dt{

	width:80px;

	float:left;

	margin-right:10px;

}

.column2Box4 dd{

	padding:5px;

	width:190px;

	float:left;

}

dd.option{

	background:#993333;

	color:#FFFFFF;

	padding:5px;

}

.column2Box4 dd em{

	float:right;

}

.column2Box4 dd strong{

	float:left;

}



.listBox{

	background:url(../images/cmn_line_01.png) left bottom repeat-x;

	width:560px;

	padding:8px 10px;

	margin:0 10px;

}

.odd{

	background:#F5F5F5 url(../images/cmn_line_01.png) left bottom repeat-x;

}

.listBox:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



* html .listBox{

  height: 1px;

  /*\*//*/

  height: auto;

  overflow: hidden;

  /**/

}



.listBox dt{

	float:left;

	clear:left;

	width:10em;

	font-weight:bold;

	margin-bottom:8px;

}



.listBox dd{

	margin-left:11em;

	margin-bottom:8px;

}







/*carol*/



#carol .listBox{

	width:auto;

	margin:0 0 5px;

	padding:4px;

}

#carol .listBox dt{

	color:#993366;

}

#carol .odd{

	background-color:#FFF;

}

#carol .columnLeft{

	float:left;

	width:290px;

	padding:0;

	margin-bottom:20px;

}

#carol .columnRight{

	float:right;

	width:290px;

	padding:0;

	margin-bottom:20px;

}



/*bridal*/



#bridal .columnLeft{

	float:left;

	width:290px;

	padding:0;

	margin-bottom:20px;

}

.columnRight{

	float:right;

	width:290px;

	padding:0;

	margin-bottom:20px;

}

#bridal .column2Box2 dd.block{

	display:block;

}

#bridal .column2Box2 dd.block img{

	margin:3px 0;

}









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

	基本設定、リンクカラーなど

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

body {

}



a:link {

	color:#B94848;

	text-decoration:none;

}



a:visited {

}



a:hover {

	text-decoration: underline;

}



a:active {

}





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

	汎用class

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

/*fontstyle*/



.fontStyle{	color:#CC6666;}

.fontStyle2{color:red;}

.fontStyle3{color:#996600; font-size:16px;}

.fontStyle4{ color:#999999;}

.fontStyle5{ color:#454545; font-size:10px;}

.fontStyle6{ color:#999999; background:url(../images/cmn_line_01.png) left bottom repeat-x; display:block;}

.fontStyle7 {font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"}

.fontStyle8 {color: #CC3399;}

.fontStyle9 {font-size: 15pt; padding: 10px; color:#7B291E;}

.fontStyle10 {color:#FF6600;}

.fontStyle11 {font-size:1.2em; line-height: 1.5;}

.fontStyle12{color:#FFFFFF;}

.fontStyle13 {font-size: 16px; color:#7B291E;}

.fontStyle14 {font-size: 14px; color:#CC3366;}



.fontStyle15 {font-size: 14px; color:#996600;}

.fontStyle16 {font-size: 11px; color:#CC3366;}

.fontStyle17 {font-size: 11px; color:#996600;}

.fontStyle18 {font-size: 11px; color:#454545;}

.fontStyle19 {font-size: 17px; color:#CC3366;}

.fontStyle20 {font-size: 13px; color:#CC3366;}

.fontStyle21 {font-size: 12px; color:#996600;}

.fontStyle22 {font-size: 15px; color:#CC3366;}

.fontStyle23 {font-size: 13px; color:#7B291E;}

.fontBold {font-weight: bold;}	



.bgcolor01{ background-color: #F5EAE2;}

.bgcolor02{ background-color: #AC766C;}


.width05p{ width:5%;}

.width07p{ width:7%;}

.width19p{ width:19%;}

.width20p{ width:20%;}

.width30p{ width:30%;}

.width026{ width:26px;}

.width093{ width:93px;}

.boxStyle{

	background: url(../images/bg1.png);

	color:#FFF;

	padding:5px;

	margin:0!important;

	border:#EBDDDC solid 3px;

}

.boxStyle2{

	background: url(../images/bg3.png);

	padding:5px;

	margin:0!important;

	border:#FFF solid 3px;

}

.boxStyle3{

	background: url(../images/bg4.png);

	padding:8px;

	margin:0 0 1em!important;

	border:#EBDDDC solid 3px;

}

.boxStyle3 p{

	margin:0 0 1em 0!important;

}



.odd2{

	background:#F7F3EA url(../images/cmn_line_01.png) left bottom repeat-x!important;

}

.midashi{

}

.rentaring{

	background:

	padding-bottom:30px;

	margin-bottom:20px!important;

}



.imgR {

	float: right;

	margin: 0 0 10px 10px;

}



.imgL {

	float: left;

	margin: 0 20px 10px 0;

}

.border1{
	border:1px solid #c5aAa2;
}

.btn {

	text-align: center;

}


.mt10 {
 margin-top:10px;
}

.mt20 {
 margin-top:20px;
}

.mb15{

	margin-bottom:15px;
}

.mr10{

	margin-right:5px;

}

.pad05{ padding:5px;}


hr{

	height:15px;

	border:none;

	clear:both;

	filter: alpha(opacity=0); 

}



/*CSS Rollover*/



a.cssRoll img{

	opacity:1;

	filter: alpha(opacity=100);

}

a:hover.cssRoll img{

	opacity:0.8;

	filter: alpha(opacity=80);

}



/*text Position*/



.right{text-align:right;}



.left{ text-align:left;}



.center{ text-align:center;}



/*img Position*/



.imgRight{

	float:right;

	margin: 3px 0 10px 10px;

}



.imgLeft{

	float:left;

	margin: 0 10px 10px 0;

}



.pankuzu {

	margin: 0 0 10px;

	font-size: 10px;

}



/*table style*/

.table{

	width:580px;

	margin:0 auto;

}

.table th{

	vertical-align:top;

}

.table td{

	vertical-align:top;

	padding-bottom:8px;

}



.tablestyle {

	width:576px;

	margin:0 auto;

	border-spacing:3px;

	border-collapse: separate;

	border:#ebebeb solid 4px;

	padding:2px;

}

.tablestyle td {

	background:url(../images/cmn_line_01.png) left bottom repeat-x;

	padding:10px;

}

.tablestyle th {

	background:url(../images/bg1.png);

	padding:10px;

	color:#FFFFFF;

}

.tablestyle th.odd {

	background:url(../images/bg2.png);

}



.tableStyle01 {

	background:#CCCCCC;

}

.tableStyle01 td {

	border:#FFFFFF solid 1px;

	background-color: #FFFFFF;

}



.tableStyle01 th {

	border:#FFFFFF solid 1px;

	background-color: #F3F3F3;

	color:#0670AC;

}

.tablestyle02 {

	width:620px;

	margin:0 auto;

	border-spacing:3px;

	border-collapse: separate;

	padding:2px;

}

.tablestyle02 td {

	background:url(../images/cmn_line_01.png) left bottom repeat-x;

	padding:10px;

}

.tablestyle02 th {

	background:url(../images/bg1.png);

	padding:10px;

	color:#FFFFFF;

	border:#ebebeb solid 2px;

}



.courseTable{

	width:600px;

	background:#F5F5F5;

	border-collapse:separate;

	padding:5px;

	border:#EBE6E2 solid 5px;

	margin:0 auto;

	

}

.courseTable table.number{

	width:175px;

}

.courseTable th,

.courseTable td{

	vertical-align:top;

	padding:4px;

	font-weight:normal;

}

.tablelayout{

	width:580px!important;

	margin:0 auto;

}

.separateTble{

	border-collapse: separate;

	border-spacing:5px;



}


.item_pic{

float:right;

width:175px;

margin-right:10px;
 
 
 }
 
 .item_list{
 
 float:left;
 
 width:350px
 
 }
 .newyear_contents {
    width:100%;
	height:110px;
	text-align:center;
	padding-left:12px;
 } 
 .newyear {
    width:175px;
	background-color:#E5BDBD;
	color:#502020;
	padding:5px;
	float: left;
	margin-right:10px;
 }
dl.photo div {
 float: left;
 margin: 10px 10px 10px 0;
 width: 140px;
}
dl.photo img {
 width: 78px;
 height: 79px;
 text-align:center;
}
dl.photo a { display: block; }
dl.photo dd {
 text-align: center;
 margin-left: 0;
 margin-top: 2px;
}
dl.photo dt {
 text-align: center;
}
.mtb05 {
   margin:5px 0px;
}
.mt10 { margin-top: 10px !important; } 
.mb10 { margin-bottom: 10px !important; }  
.fr { float: right !important; }  
.clear { clear: both !important; } 



/*　キャンペーンのテーブルのスタイル　*/
table.cam_style_over {
	widht: 100%;
}
table.cam_style_over td{
	widht: 100%;
	padding: 3px;
}
table.cam_style {
	background: url(../campaign/images/cam_bk_01.gif);
	width: 175px;
	border: #993366 solid 1px;
}
table.cam_style th {
	color: #FFFFFF;
	text-align: center;
	height: 22px;
}
table.cam_style td {
	background-color:#FFFFFF;
	height: 70px;
	vertical-align: top;
	font-size: 11px;
}
.tast {
	background-color:#E5BDBD;
	color:#502020;
	padding:5px;
	margin:10px;
}

/*　キャンペーンのテーブルのスタイルその２　*/
div.cam_wrap {
	background: url(../campaign/images/campaign_01.jpg) no-repeat; 
	width: 600px; 
	height: 363px; 
	position: relative;
}
div.cam_title {
	position: absolute; 
	top: 31px; 
	font-weight: bold; 
	width: 600px; 
	text-align: center; 
}
div.cam_title p {
	font-size: 21px; 
	color:#372424
}
div.cam_contents {
	width: 560px; 
	position: absolute; 
	top: 100px; 
	left: 19px;
}
div.cam_contents p {
	color: white;
}
div.cam_contents img {
	border: 3px solid white; float: right;
}
div.cam_place {
	width: 493px; 
	height: 74px; 
	position: absolute; 
	left: 53px; 
	top: 254px;
}
div.cam_place div.cam_position {
	position: relative;
}
div.cam_position p.normal {
	position: absolute; 
	left: 39px; 
	top: 42px; 
	font-size: 16px; 
	font-weight: bold;
}
div.cam_position p.plice {
	position: absolute;
	left: 158px; 
	top: 32px; 
	font-size: 26px; 
	font-weight: bold; 
	color: #FF0000;
}
div.cam_position p.tema {
	position: absolute; 
	left: 160px; 
	top: 14px;
}
div.cam_cource {
	width: 400px; 
	border: 1px solid #8b5252; 
	color: #8b5252; 
	margin: 20px auto; 
	text-align: center; 
	padding: 10px;
}
div.cam_cource_left {
	background: url(../campaign/images/campaign_02.jpg) repeat-y right top; 
	width: 218px; 
	min-height: 208px; 
	height: auto !important;
	height: 208px; 
	float: left;
	padding: 0 0 0 50px;
}
div.cam_cource_left p {
	margin: 10px;
}
div.cam_cource_left img {
	float: right;
	margin: 5px;
	border: 2px solid white;
}
div.cam_cource_right {
	background: url(../campaign/images/campaign_03.jpg) repeat-y; 
	width: 218px; 
	min-height: 208px; 
	height: auto !important; 
	height: 208px; 
	float: left; 
	margin-left: 50px;
}
div.cam_cource_right p {
	margin: 10px;
}
div.cam_cource_right img {
	float: right;
	margin: 5px;
	border: 2px solid white;
}
table.cam_menu {
	background: url(../campaign/images/campaign_04.jpg) no-repeat top; 
	width: 185px; 
	height: 271px;
}

table.cam_menu th {
	text-align: center; 
	height: 50px; 
	color: #FFFFFF;
	line-height: 14px; 
	font-size: 13px; 
	padding-top: 15px;
}
table.cam_menu td {
	height: 206px;
}
table.cam_menu td p {
	margin: 6px 28px !important;
}


table.cam_menu1 {
	background: url(../campaign/images/campaign_04_1.jpg) no-repeat top; 
	width: 185px; 
	height: 199px;
}
table.cam_menu1 th {
	text-align: center; 
	height: 50px; 
	color: #FFFFFF;
	line-height: 14px; 
	font-size: 13px; 
	padding-top: 15px;
}
table.cam_menu1 td {
	height: 149px;
}
table.cam_menu1 td p {
	margin: 6px 28px !important;
}

.recobox{
	background:#E5BDBD;
	width:260px;
	padding:5px 0px;
}
.recobox .col01{
	color:#953D3D;
}
.recobox .cell01{
	margin:5px 10px;
	padding:3px 5px;
	border:dotted 1px #E6E6E6;
	background:#FFE;
	color:#95653D;
	font-weight:bold;
}