@charset "utf-8";

/*****************************************************************

Base CSS

*****************************************************************/

h1,h2,h3,h4,h5,h6,p,img,a,ul,li,ol,dl,dt,dd,table,td,th{margin:0;padding:0;list-style:none;font-size:100%;font-weight:normal;}
*{margin:0;padding:0;}
a,img {border:none;text-decoration:none;}

body {
	padding:0;
	color:#555555;
	font-size:13px;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	line-height:1.7;
	text-align:center;
	background-image:url(../images/bg_body.gif);
	background-position:center top;
	background-repeat:repeat;
	background-color:#f0efe4;
}

a {
	color:#c2782d;
	text-decoration:underline;
}
  
a:hover {
	color:#c2782d;
	text-decoration:none;
}


/*****************************************************************

Common Class CSS

*****************************************************************/

.color01 {color:#ff6400;}
.color02 {color:#E25F9D;}

.bold {font-weight:bold;}
.mini {font-size:85%; line-height:130%;}

.f16 {font-size:16px;}

.mtop05 {margin-top:5px;}
.mtop10 {margin-top:10px;}
.mtop15 {margin-top:15px;}
.mtop20 {margin-top:20px;}
.mtop25 {margin-top:25px;}
.mtop30 {margin-top:30px;}
.mtop40 {margin-top:40px;}

.mbtm05 {margin-bottom:5px;}
.mbtm10 {margin-bottom:10px;}
.mbtm15 {margin-bottom:15px;}
.mbtm20 {margin-bottom:20px;}
.mbtm25 {margin-bottom:25px;}
.mbtm30 {margin-bottom:30px;}
.mbtm50 {margin-bottom:50px;}

.mleft05 {margin-left:5px;}
.mleft10 {margin-left:10px;}
.mleft15 {margin-left:15px;}
.mleft20 {margin-left:20px;}
.mleft25 {margin-left:25px;}
.mleft30 {margin-left:30px;}

.mright05 {margin-right:5px;}
.mright10 {margin-right:10px;}
.mright15 {margin-right:15px;}
.mright20 {margin-right:20px;}
.mright25 {margin-right:25px;}
.mright30 {margin-right:30px;}

.ptop05 {padding-top:5px;}
.ptop10 {padding-top:10px;}
.ptop15 {padding-top:15px;}
.ptop20 {padding-top:20px;}
.ptop25 {padding-top:25px;}
.ptop30 {padding-top:30px;}

.pbtm05 {padding-bottom:5px;}
.pbtm10 {padding-bottom:10px;}
.pbtm15 {padding-bottom:15px;}
.pbtm20 {padding-bottom:20px;}
.pbtm25 {padding-bottom:25px;}
.pbtm30 {padding-bottom:30px;}

.pleft05 {padding-left:5px;}
.pleft10 {padding-left:10px;}
.pleft15 {padding-left:15px;}
.pleft20 {padding-left:20px;}
.pleft25 {padding-left:25px;}
.pleft30 {padding-left:30px;}

.pright05 {padding-right:5px;}
.pright10 {padding-right:10px;}
.pright15 {padding-right:15px;}
.pright20 {padding-right:20px;}
.pright25 {padding-right:25px;}
.pright30 {padding-right:30px;}



.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}

/*---clearfix---*/

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
line-height:0;
font-size: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
zoom: 1;
}
.clearfix {
display: block;
}


/*****************************************************************

Layout CSS

*****************************************************************/

#wrap {
	background-image:url(../images/bg_wrap.png);
	background-position: center top;
	background-repeat:repeat-y;
	width:1002px;
	margin:0 auto;
}

#container {
	width:950px;
	margin:0 auto;
}

.navi {
	padding-left:12px;
	padding-top:10px;
	clear:both;
	height:48px;
}

.navi li {
	width:151px;
	height:48px;
	float:left;
	display:inline-block;
	margin-left:4px;
}

.navi li.first {
	margin-left:0px;
}

.navi li a {
	display:block;
	text-indent:-9999px;
	width:151px;
	height:48px;
	outline:none;
}

.navi #navi_1 a {
	background:url(../images/navi01.png) no-repeat left bottom;
}

.navi #navi_1 a:hover {
	background:url(../images/navi01.png) no-repeat left top;
}
.navi #navi_2 a {
	background:url(../images/navi02.png) no-repeat left bottom;
}

.navi #navi_2 a:hover {
	background:url(../images/navi02.png) no-repeat left top;
}
.navi #navi_3 a {
	background:url(../images/navi03.png) no-repeat left bottom;
}

.navi #navi_3 a:hover {
	background:url(../images/navi03.png) no-repeat left top;
}
.navi #navi_4 a {
	background:url(../images/navi04.png) no-repeat left bottom;
}

.navi #navi_4 a:hover {
	background:url(../images/navi04.png) no-repeat left top;
}
.navi #navi_5 a {
	background:url(../images/navi05.png) no-repeat left bottom;
}

.navi #navi_5 a:hover {
	background:url(../images/navi05.png) no-repeat left top;
}
.navi #navi_6 a {
	background:url(../images/navi06.png) no-repeat left bottom;
}

.navi #navi_6 a:hover {
	background:url(../images/navi06.png) no-repeat left top;
}

.main {
	width:650px;
	float:left;
	text-align:left;
	padding-left:10px;
}

.main h2 {
	padding-bottom:10px;
}

.main_contents {
  padding:0 12px 0 12px;
}

.side {
	width:272px;
	float:right;
	background-image:url(../images/bg_side_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin-right:10px;
	display:inline-block;
	text-align:left;
}

.side_inner {
	background-image:url(../images/bg_side_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0px 21px 23px 21px;
}

.side_inner h2 {
	padding:21px 0 8px 0;
}

.side_inner ul.information li {
	font-size:10px;
}

.footer {
	clear:both;
	padding-top:40px;
	text-align:left;
}

.footer_inner {
	background-color:#f1f0db;
	padding:10px 0 20px;
}

.footer .footer_nav{
	font-size:10px;
	float:left;
	padding-left: 29px;
  width: 520px;
}

.footer .footer_nav a , .footer .footer_nav a:hover{
	color:#323232;
}

.footer .copyright{
	color:#323232;
	width:341px;
	height:20px;
	background-image:url(../images/copyright.png);
	background-position:top left;
	background-repeat:no-repeat;
	float:right;
	padding-right:14px;
	text-indent:-9999px;
}

	
/*****************************************************************

Page Style CSS

*****************************************************************/

.page {
	padding-bottom:15px;
	margin-bottom:15px;
	background-image:url(../images/bg_navi.gif);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:132px;
}

.page:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .page {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.page p#logo {
	width:500px;
	height:70px;
	float:left;
	padding:7px 0 0 10px;
}

.page p.tel {
	width:400px;
	float:right;
	padding:10px 10px 0 0;
}
	

.top_navi {
	display:inline;
	position:relative;
  }
  .top_navi li {
	width:203px;
	height:48px;
	padding:0 0 11px 747px;
	*padding:0 0 11px 732px;
	_padding:0 0 11px 732px;
  }
	.top_navi li a {
	display:block;
	text-indent:-9999px;
	width:203px;
	height:48px;
	background-image:url(../../images/top_navi.png);
	background-repeat:no-repeat;
	outline:none;
	}
	
	.top_navi #navi_1 a {background-position:0 0;}
	.top_navi #navi_1 a:hover {background-position:-203px 0;}
	.top_navi #navi_2 a {background-position:0 -48px;}
	.top_navi #navi_2 a:hover {background-position:-203px -48px;}
	.top_navi #navi_3 a {background-position:0 -97px;}
	.top_navi #navi_3 a:hover {background-position:-203px -97px;}
	.top_navi #navi_4 a {background-position:0 -145px;}
	.top_navi #navi_4 a:hover {background-position:-203px -145px;}
	.top_navi #navi_5 a {background-position:0 -193px;}
	.top_navi #navi_5 a:hover {background-position:-203px -193px;}

.headline {
	background-image:url(../images/bg_headline.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:15px;
	position:relative;
}

.headline .main_image {
	width:950px;
	height:350px;
	background-image:url(../../images/main_image2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom: 10px;
}

.headline .main_image h1{
	text-indent:0px;
	height:0;
	margin-bottom:33px;
	text-align:right;
	font-size:10px;
	color:#b78f2c;
	
	*margin-bottom:16px;
	_margin-bottom:-12px;
}


.page h1 {
	text-indent:0px;
	height:0;
	margin-bottom:0px;
	text-align:right;
	font-size:10px;
	color:#b78f2c;
	
	*margin-bottom:16px;
	_margin-bottom:-12px;
	margin-right:15px;
}

.top_facilities {
	background-image:url(../images/bg_topBlock_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
  }

.top_facilities_inner {
	background-image:url(../images/bg_topBlock_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding: 25px 47px 20px 30px;
}

.top_facilities_inner ul{
	width:570px;
}

.top_facilities_inner ul li{
	width:282px;
}

.top_facilities_inner ul li.single1{
	float:left;
	width:282px;
	background:url(../../images/title_top01_bg.jpg) left top no-repeat;
	margin:0 0 10px 0;
}

.top_facilities_inner ul li.single2{
	float:right;
	width:282px;
	background:url(../../images/title_top02_bg.jpg) left top no-repeat;
	margin:0 0 10px 0;
}

.top_facilities_inner ul li.single3{
	float:left;
	width:282px;
	background:url(../../images/title_top03_bg.jpg) left top no-repeat;
	margin:0 0 10px 0;
}
  
.top_facilities_inner ul li.single4{
	float:right;
	width:282px;
	background:url(../../images/title_top04_bg.jpg) left top no-repeat;
	margin:0 0 10px 0;
}
.top_facilities_inner ul li.single5{
	float:left;
	width:282px;
	background:url(../../images/title_top05_bg.jpg) left top no-repeat;
	margin:0 0 10px 0;
}
.top_facilities_inner ul li.single6{
	float:right;
	width:282px;
	background:url(../../images/title_top03_bg.jpg) left top no-repeat;
	margin:0 0 10px 0;
}
.top_facilities_inner ul li.single7{
	background:url(../../images/title_top06_bg.jpg) left top no-repeat;
	margin:0 0 10px 0;
	width:570px;
}
.top_facilities_inner ul li.single7 h2{
	margin-bottom:5px;
	padding-bottom:0;
}
.top_facilities_inner ul li.single7 p{
	font-size:12px;
}

.top_facilities_inner ul li .mainText{

	font-size:12px;
	margin:50px 0 0 8px;
}

.new {
	background-image:url(../images/bg_new_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	margin:25px 0 0 10px;
	width:608px;
}

.new_inner {
	background-image:url(../images/bg_new_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:20px 0px 20px 20px;
}

.new_inner h3{
	width:143px;
	float:left;
}


.new_list {
	width:400px;
	float:left;
	padding-top:6px;
	background:#F3F1DE;
}

.new_list dl {
	padding-bottom:5px;
	margin-bottom:7px;
	border-bottom:1px dotted #d0cec3;
	text-align:left;
}

.new_list dt {
	width:70px;
	text-align:left;
	clear:both;
	float:left;
}

.new_list dd {
	text-align:left;
	padding-right:20px;
	padding-left:80px;
}

.new dl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.link{
	margin:20px 10px;
}
.link li{
	float:left;
	width:120px;
	margin:0 5px 5px 0;
}
.inquiry {
	background-image:url(../images/bg_inquiry_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	margin:0 auto;
	padding-bottom:5px;
	width:590px;
	clear:both;
}

.inquiry_inner {
	background-image:url(../images/bg_inquiry_top.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:15px 10px 0px 20px;
	font-size:10px;
	height:80px;
}

.inquiry_inner h3 {
	width:202px;
	height:42px;
}

.inquiry_inner .copy{
	color:#7e7e7e;
	width:290px;
	padding-left:5px;
	border-left:1px solid #bcbcbc;
	margin-left:220px;
	margin-top:-40px;
	line-height:1.4em;
}

.inquiry_inner .copy2{
	color:#7e7e7e;
	width:290px;
	line-height:1.4em;
	margin:0px 0px 20px 60px;}

.inquiry_inner ul{
	padding-top:4px;
	margin:-60px 0px 0px 240px;
}

.inquiry_inner ul li.tel{
	width:225px;
	float:left;
	margin-left:5px;
}

.inquiry_inner ul li.address{
	width:240px;
	float:left;
	line-height:1.4em;
}

.block01 {
	min-height:1px;
	padding:10px 0 15px 10px;
	clear:both;
	width:width: 616px;
}

.block01 h3 {
	width:360px;
	padding-bottom:10px;
	float:left;
}

.block01 p {
	width:360px;
	float:left;
}	
	
.block02 {
	min-height:1px;
	clear:both;
}

.block02 ul {
	width:260px;
	float:left;
}

.block03 {
	min-height:1px;
	padding:10px 0 15px 10px;
	clear:both;
	width:width: 616px;
}

.block03 h3 {
	padding-bottom:10px;
}

.block03 p {
	float:left;
}


.block04 {
	min-height:1px;
	padding:10px 10px 25px 10px;
	clear:both;
	width:591px;
}

.block04 h3 {
	padding-bottom:10px;
}

.block04 p {
}	
	


.news {
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}

.news li {
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px dotted #d0cec3;
}

.news li dd.date {
	width:100px;
	color:#ff6400;
}

.news li dt {
	font-weight:bold;
	text-indent:100px;
	margin-top:-1.7em;
}

.news li dd.text {
}
	
#bn-select {
	text-align:right;
}

#bn-select input {
	text-align:center;
	vertical-align:middle;
	padding:2px;
}

#bn-select select{
	vertical-align:middle;
	padding:4px 1px;
	width:200px;
}

.access {
	padding-top:10px;
}

.access li {
	margin-bottom:10px;	
	padding-bottom:10px;
	border-bottom:1px dotted #d0cec3;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:30px;
}

.access li.car {background-image:url(../../images/icon_car.gif);}
	.access li.train {background-image:url(../../images/icon_train.gif);}
	.access li.bus {background-image:url(../../images/icon_bus.gif);}
.access li.address {background-image:url(../../images/icon_address.gif);}

.access li.noicon {
	margin-bottom:10px;	
	padding-bottom:10px;
	border-bottom:1px dotted #d0cec3;
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:0px;
	line-height:1.3;
}

.table01 {
	width:625px;
	border-top:1px solid #ead4c2;
	border-left:1px solid #ead4c2;
	margin-bottom:10px;
}

.table01 tbody th {
	border-bottom:1px solid #ead4c2;
	font-weight:bold;
	width:140px;
}

.table01 tbody span {
	display:block;
	margin:2px;
	padding:8px;
	background-color:#f9eee6;
}

.table01 tbody td {
	border-right:1px solid #ead4c2;
	border-bottom:1px solid #ead4c2;
	padding:10px;
	}

.table01 th.single {
	border-right:1px solid #ead4c2;
}

.table01 td.single {
	background-color:#ffffff;	
	padding:8px;
}

.table01 tbody .single span {
	display:inline;
	margin:0px;
	padding:8px;
	background-color:#ffffff;
}

table.price {
	width:360px;
	border-top:1px solid #ffe7ee;
	border-left:1px solid #ffe7ee;
	margin-bottom:10px;
}

.history {
	width:625px;
	_width:622px;
	border-top:1px solid #ead4c2;
	border-left:1px solid #ead4c2;
	margin-bottom:10px;
}
	
.history th {
	border-bottom:1px solid #ead4c2;
	background-color:#f9eee6;
	font-weight:bold;
	width:140px;
	text-align:center;
}
	
.history td {
	border-right:1px solid #ead4c2;
	border-bottom:1px solid #ead4c2;
	padding:4px;
}
	
	
.kamoku {
	float:left;
	margin:0 0 10px 5px;
}

.kamoku li {
	width:90px;
	float:left;
	background:url(../images/arrow.gif) left center no-repeat;
	padding:0 0 0 12px;
}

.whitening_item_l {
	width:290px;
	clear:both;
}

.whitening_img {
	width: 618px;
	text-align: center;
	padding:5px 0px 10px 0px;
	clear:both;
}
ul.whiteningList{
	margin: 10px 20px 20px;
}
ul.whiteningList li{
	background: url(../images/arrow.gif) no-repeat 0 7px ;
	padding-left:12px;
	margin-bottom:3px;
}
.voice .fleft{
	width:350px;
}
.voice .fright{
	width:250px;
}


.staff_item_l{
width:205px;
float:left;
}

.staff_item_l p{
width:200px;
line-height:150%;
}

.staff_item_l h4{
text-align:center;
font-weight:bold;
color:#FF6666;
}

/*小窓*/
#scrollable {
background: none repeat scroll 0 0 #F1F0DB;
border: 1px solid #e0e0ba;
float: left;
height: 50px;
margin: 20px 10px 10px 30px;
overflow: auto;
padding: 10px;
text-align: left;
width: 570px;
}

#scrollable h2,#scrollable h3,#scrollable h4,#scrollable p,#scrollable ol {
font-size: 10px;
font-weight: normal;
margin:10px 0 0 0;
}

#scrollable h2,#scrollable h3{
color:#000000;
}

#seolink{
float: left;
margin:20px 0 0 20px;
}


/*flow*/
.flow_yaji{
	clear:both;
margin-top:-20px !important;
text-align:center;	
width:610px;
}

/*faci*/

.facilities_item_l{
width:290px;
float:left;
}

.facilities_item_r{
width:290px;
float:right;
}
.facilities_item_l p,
.facilities_item_r p{
width:290px !important;
line-height:150%;
}


.facilities_item_l h5,
.facilities_item_r h5{
width:290px !important;
text-align:center;
font-weight:bold;
color:#df5a95;
float:left;
}
.facilities_item h5{
text-align:center;
font-weight:bold;
color:#df5a95;
float:left;
}

.subjectList{
padding-left:20px;	
}
.subjectList li{
float:left;	
width:110px;
list-style-type:disc;
}

.staffB{
float:left !important;
padding-right:5px;
width:300px;	
}
.staffB p.txt{
	width:120px;
}


.staffB2{
float:left !important;
padding-right:5px;
width:600px;	
}
.staffB2 p.txt{
	width:420px;
}