@charset "shift-jis";

/* 共通 */

html {
overflow-y:scroll;
}


body{
	text-align: center;
	font-size: 14px;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック";
}
a {
	text-decoration: none;
	color: #0066FF;
}
.imgover{}
a:hover {text-decoration:underline;}
img,fieldset {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
s.hidden{display:none;}
p {
	text-align: justify;
	text-justify: distribute;
	margin:0px;
	padding:0px;
}
object, embed {
	vertical-align: top;
	text-align: left;
}  
#header-pc{
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #0066ff;
	position:relative;
}
#header-pc a{text-decoration:none;}
#header-pc p.title{
	font-size: 12px;
	color: #0066ff;
	text-align: right;
	margin: 0px;
	font-weight:bold;
}



#header-pc p.add{
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#header-pc p.tel{
	font-size: 22px;
	text-align: right;
	margin: 0px;
	line-height:26px;
}
#header-pc p.rubi{
	font-size: 12px;
	position: absolute;
	right: 0px;
	top: 38px;
	font-weight:bold;
}
.tel-big{font-size:26px; color:#000099; font-weight:bold;}
#header-pc p.tel2{
	font-size: 20px;
	text-align: right;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#header-pc .booking{
	position: absolute;
	left: 330px;
	top: 20px;
	border: 3px solid #E2E2E2;
	border-radius:5px;
	padding:8px;
	width:255px;
}
#header-pc .booking p{margin:0px;}
#header-pc .booking .label{float:left; width:100px;}
#header-pc .booking .line1{display:block; text-align:center;font-weight:bold; font-size:14px;}
#header-pc .booking .line2{
	display: block;
	text-align: center;
	font-weight: bold;
	color: #333;
	 font-size:16px;
}
#header-pc .booking .time{
	color: #333;
	display: block;
	font-size: 11px;
	background-color: #E2E2E2;
	border-radius: 3px;
	text-align: center;
}
#header-pc .booking ul{margin:0px; float:right; width:125px;}
#header-pc .booking li{list-style:none; border-radius:3px;font-weight: bold;font-size: 16px; text-align:center; }
#header-pc .booking li a{color: #FFF; display:block;}
#header-pc .booking li a:hover{
	border-radius: 3px;
font-size: 17px;
text-decoration:none;}
#header-pc .booking li.pink{
	background-color: #FF0080;
	color: #FFF;
	margin-bottom: 6px;
}
#header-pc .booking li.blue{
	background-color: #0080C0;
	color: #FFF;
}
#header-pc .line{	position: absolute;
	left: 595px;
	top: 20px;
	font-size:11px; font-weight:bold; text-align:center;	border-radius:5px; background-color:#4ecd00; padding:3px;
}
#header-pc .line p{
	text-align: center;
	color: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}
#header-pc .line a{display:block;color: #FFF;}
#header-pc .line a:hover{text-decoration:none;}

#header-pc h1{
	position: absolute;
	top: 14px;
}	
h2{
	background-image: url(../image/h2.png);
	background-repeat: no-repeat;
	height: 40px;
	font-size: 20px;
	padding-left: 30px;
	color: #0066FF;
	line-height: 40px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	clear: both;
	text-align: left;
border-width:1px;
border-style:solid;
border-color:#76adff;
}		
h3{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	color: #FF9900;
	font-size: 16px;
	clear: both;
	text-align: left;
}
h4{
	color: #0066FF;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	line-height: 20px;
	text-align: left;
}
h5{
	color: #66CC00;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	line-height: 20px;
	text-align: left;
}			
#stage {
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;

}
#wrapper{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#container {
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	margin-bottom: 0px;

}
#contents{
	background-color: #FFFFFF;
	clear: both;
	height: auto;
	text-align: left;
	padding: 0px;
}

#container #side{
	float:left;
	width:225px;
	text-align: left;
background-color: #eaeaea;
    border-radius: 5px;}
#container #side h2{
	padding:0px;
	margin: 7px;
text-align:center;
font-size:16px;
height:34px;
line-height:34px;
background-color:#0066ff;
color:white;
background-image:none;
border-radius:5px;
}
#container #side ul{
	list-style:none;
	padding:0px;
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 0px;
	margin-left: 7px;
}
#container #side ul li{margin-bottom:2px;}
#container #side ul li img{width:100%;}
#container #side ul li.blog{
	margin-top:20px;
	margin-bottom: 5px;
}
#container #side ul li.recruit{
	margin-top:0px;
	margin-bottom: 20px;
}
#container #side .info{
	margin-left:8px;
	margin-right:8px;
	text-align: center;
}
#container #side .info h2{
	background-color:#0066FF;
	color:#FFFFFF;
	text-align: center;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 20px;
	height: 20px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container #side .info p{
	margin:10px;
	text-align:center;
	line-height: 18px;
}

#container #side .info img{margin-bottom:10px;}
#container #main{float:right; width:660px;text-align: left;}
#container #main #flash{margin-bottom:10px;}
#container #main p{
	margin-bottom:15px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
}
#container #main .box{
	width:320px;
	float:left;
	padding-left: 10px;
}
#container #main .box2{
	width:195px;
	float:left;
	padding-left: 10px;
}
#container #main .boxtreatment2{
	border-bottom-color:#CCCCCC;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-bottom: 10px;
	_zoom: 1;   
	overflow: hidden;   
}
#container #main .boxtreatment2 h3{clear:none;}
#container #main .boxtreatment2 h4{
	font-size:14px;
	color: #FF6600;
}

/*-----------------------------------------------
 __診療内容のよくある質問
-----------------------------------------------*/
#container #main #qa{}
#container #main #qa ul{
	list-style:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#container #main #qa ul li{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#container #main #qa ul li.que{
	font-size:18px;
	color: #0066FF;
	margin: 0px;
}

/*-----------------------------------------------
 __患者様の声
-----------------------------------------------*/

#container #main .boxvoice{
	clear: both;
	margin-bottom: 30px;
	_zoom: 1;   
	overflow: hidden;   
}
#container #main .boxvoice h3{clear:none;}
#container #main .boxvoice h4{
	font-size:14px;
	color: #FF6600;
}
/*-----------------------------------------------
 __アクセス
-----------------------------------------------*/

#container #main .accessbox{
	border-bottom-color:#CCCCCC;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin-bottom: 10px;
	_zoom: 1;   
	overflow: hidden;   
}

/*-----------------------------------------------
 __お問合わせ
-----------------------------------------------*/
#container #main #query{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 400px;
}
#container #main #query table{
	font-size:14px;
	width: 660px;
}
#container #main #query th{
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #0099FF;
	text-align: left;
	background-color: #F0F0F0;
	padding: 7px;
	width: 25%;
}
#container #main #query td{
	background-color:#E1E1E1;
	padding: 7px;
}

/*-----------------------------------------------
 __ポップアップページ
-----------------------------------------------*/
#popup {width:660px; padding-top:10px; padding-bottom:10px;}
#popup h1{
	background-image: url(../image/h1_popup.png);
	background-repeat: no-repeat;
	height: 40px;
	font-size: 20px;
	padding-left: 30px;
	color: #0066FF;
	line-height: 45px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	clear: both;
	text-align: left;
	display: block;

}		
#popup h2{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	color: #FF9900;
	font-size: 16px;
	clear: both;
	text-align: left;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	line-height: normal;
	height: auto;
}
#popup h3{
	color: #0066FF;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	line-height: 20px;
	text-align: left;
	clear: none;
}
#popup h3.perio{
	color:#000033;
	padding-top: 15px;
}
#popup h4{
	color: #66CC00;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
	line-height: 20px;
	text-align: left;
}			

#popup p{
	margin-bottom:25px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 0px;
}
#popup ul{
	text-align: left;
	list-style-type: disc;
	width: 455px;
	margin: 0px;
	float: right;
}
#popup ul li{
	list-style-position:outside;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 25px;
}
#popup #qa{
	clear:both;
	width: 100%;
}
#popup #qa ul{
	list-style:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	width: 100%;
}
#popup #qa ul li{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#popup #qa ul li.que{
	font-size:16px;
	color: #0066FF;
	margin: 0px;
}

/*-----------------------------------------------
 __スタッフ
-----------------------------------------------*/
#container #main #staff .staffcmt{
	background-color: #ffffcf;
	padding-bottom: 10px;
	padding-top:10px;
	margin-bottom: 20px;
	border-radius:5px;
}
#container #main #staff .staffcmt h3{margin-top:10px;margin-left:15px;margin-right:15px;margin-bottom:10px; font-size:16px; color:#0066ff; text-align:center; font-size:18px;}
#container #main #staff .staffcmt p{
	padding: 0px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#container #main #staff h3{
	color:#0066FF;
	font-size: 18px;
	margin-top: 15px;
}
#container #main #staff h4{color:#FF33CC;}
#container #main #staff h4.orange{color:#FF6600;}
#container #main #staff h4.green{color:#66FF00;}
#container #main #staff .keireki{ margin-left:20px;}
#container #main #staff .keireki h4{color:#000; margin-top:30px;}
#container #main #staff .keireki table{margin-left:10px;}
#container #main #staff .keireki td{vertical-align:top;}

/*-----------------------------------------------
 __インフォメーション
-----------------------------------------------*/
#container #main #information{
	padding-bottom: 15px;
	margin-bottom: 15px;
	/* border-radius */
	border-radius: 6px;
	/* border */
	border: 1px solid #ADADAD;
	padding-top: 5px;
	height:400px; overflow:auto;
}
#container #main #information p{
	border-bottom-color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
#container #main #information h3{
	color: #000;
	font-size: 20px;
}

/*-----------------------------------------------
 __サイトマップ
-----------------------------------------------*/
#container #main #sitemap{
	margin: 0px;
	padding: 0px;
}

#container #main #sitemap ul {
	margin-top:5px;
	background-image: url(../image/line_sitemap.gif);
	background-repeat: repeat-y;
	background-position: 47px 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 15px;
}
#container #main #sitemap ul li {
	text-indent:85px;
	list-style-type:none;
	background-image: url(../image/icon_li_sitemap_link.gif);
	background-repeat: no-repeat;
	background-position: 47px 6px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#container #main #sitemap ul li.sitemap-link-last {
	margin:2px 0px;
	text-indent:85px;
	list-style-type:none;
	background-image: url(../image/icon_li_sitemap_link_l.gif);
	background-repeat: no-repeat;
	background-position: 47px 6px;
}



/*-----------------------------------------------
 __グーグルカレンダー
-----------------------------------------------*/
#container #main #googlecalender h3{
	font-size:16px;
	font-weight: normal;
	color: #0066FF;
}
/*-----------------------------------------------
 __フッター
-----------------------------------------------*/
#footer {
	clear: both;
	margin: 0px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #0066FF;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
font-size:14px;
}
#footer ul{ padding-left:330px; }
#footer ul li{list-style:none; float:left;}
#footer p{padding-left:330px;padding-top:20px;}
/*-----------------------------------------------
 __グローバルナビ
-----------------------------------------------*/
#nav{
	clear: both;
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	height: 60px;
	}
#nav ul{
	margin:0px;
	padding:0px;
	display:flex;
	justify-content: space-between; 
	
}
#nav li {
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	list-style: none;
	border: 1px solid #96d4fe;
	background: -moz-linear-gradient(top, #FFF, #e4e4e4);
  background: -webkit-linear-gradient(top, #FFF, #e4e4e4);
  background: linear-gradient(to bottom, #FFF, #e4e4e4);
  font-weight:bold;
  font-size:18px;
  display:block;
	}
#nav li a { display:block;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 15px;
	padding-left: 30px;	

	}
#nav li a:hover{background: -moz-linear-gradient(top, #045ff9, #023b9d);
  background: -webkit-linear-gradient(top, #045ff9, #023b9d);
  background: linear-gradient(to bottom, #045ff9, #023b9d);
  color:#FFF;
  text-decoration:none;
 }
			




/*-----------------------------------------------
 __画像
-----------------------------------------------*/
.imgleft{
	float:left;
	margin-right:15px;
}
.imgright{float:right; margin-left:15px;}


/*-----------------------------------------------
 __文字関係
-----------------------------------------------*/
.red{color:#FF0000;}
.small{font-size:90%;}
.verysmall{font-size:70%;}
.blue{color:#0066FF;}
.blue2{color:#000099;}
.pink{color:#FF00FF;}
.normal{font-size:12px;}
.tel{font-size:14px;}

.big{font-size:150%;
}
.bold{
	font-weight:bold;
	line-height: 150%;
}


.w20p{width:20%;}
@media screen and (min-width: 768px) {
.h400{height:400px;}

.w400{width:400px;}
.w410{width:410px;}
.w330{width:330px;}
.w320{width:320px;}
.w250{width:250px;}
.w240{width:240px;}
.w230{width:230px;}
.w100{width:100px;}
.pt100{ padding-top:100px;}
.mb20pc{ margin-bottom:20px}
.mb40pc{ margin-bottom:40px}
.mb60pc{ margin-bottom:60px}
.mb70pc{ margin-bottom:60px}
.mb80pc{ margin-bottom:80px}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb30{margin-bottom:30px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb450{margin-bottom:450px;}
.mb500{margin-bottom:500px;}
.pt500{padding-top:50px;}
.fl{float:left;}
.fr{float:right;}
}

@media screen and (max-width: 767px) {
.pt100{ padding-top:0px}
.pb50{padding-bottom:50px;}
.mb10{ margin-bottom:10px}
.mb20{ margin-bottom:10px}
.mb25{ margin-bottom:25px !important}
.mb40{ margin-bottom:10px}
.mb60{ margin-bottom:10px}
.mb80{ margin-bottom:10px}
.mb450{margin-bottom:10px;}
.img-auto{width:auto !important;}
.fn{float:none;}
pt0{padding-top:0px !important;}
.w100p{width:100% !important; }
.imgleft{float:none; text-align:center; margin:0px auto;}
.imgright{float:none; text-align:center; margin:0px;}

}



@media screen and (min-width: 768px) {
.sp{display:none;}
}
@media screen and (max-width: 767px) {
.pc{display:none;}
}


@media screen and (max-width: 767px){
#wrapper{width:100%;}
#stage{width:100%;margin-right: auto;
    margin-left: auto;}
#container{width:96%;padding-top: 90px;}
#container #side{width:100%;float:none; padding-top:5px;padding-bottom:5px;}
#container #main{width:100%;float:none; text-align:center;}
#header {
    position: fixed;
    text-align: center;
    width: 100%;
    background-color: #FFF;
    height: 80px;
    z-index: 1;
    box-shadow: 0px 9px 3px -6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 9px 3px -6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 9px 3px -6px rgba(0,0,0,0.3);
}
#header h1{
	font-size: 8px;
	color: #666;
	font-weight: normal;
	line-height: 12px;
	padding-right-right: 5%;
	padding-right-left: 5%;
	position: inherit;
	width: 100%;
	text-align: center;
	top:0;
	left:0;
}
#header img{padding-top:15px;}
.icon-tel {
  position: fixed;
  top:36px;
  right:20px;
  z-index:1;
}
#nav-drawer {
  position: fixed;
  top:40px;
  left:20px;
  z-index:2;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;

}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;

}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 60%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}
#nav-content .title{
	font-size: 5vw;
	color: #FFF;
	background-color: #0066ff;
	padding: 3vw;
	text-align: center;
	margin-bottom: 0px;
}
#nav-content ul{  padding-top:0px; 	
}
#nav-content ul li{
	list-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-left: 0px;
	text-align: left;
	font-size: 4vw;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	background-color: #d9e8ff;
	padding-left:0px;
	text-indent:10px;
}
#nav-content ul li a{color: #0066ff; text-decoration:none; display:block;padding-top: 1vw;
	padding-bottom: 1vw; }


#nav-content ul li ul{padding:0px;}

#nav-content ul li ul li{font-size:3vw;	text-indent:30px;
 }


/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
  transition-duration:400ms;

}



#container #side h2{
		padding:0px;
	margin: 7px;
text-align:center;
font-size:18px;
height:40px;
line-height:40px;
background-color:#0066ff;
color:white;
background-image:none;
border-radius:5px;

}
#container #side ul{
	list-style:none;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 7px;
	overflow:auto;
}
#container #side ul li{margin-bottom:2px; float:left; width:33.3%; text-align:center;}
#container #side ul li img{width:99%;}
#container #side ul li.blog{
	margin-top:20px;
	margin-bottom: 5px;
}
#container #side ul li.recruit{
	margin-top:0px;
	margin-bottom: 20px;
}
#container #side .info{
	margin-left:8px;
	margin-right:8px;
	text-align: center;
}
#container #side .info h2{
	background-color:#0066FF;
	color:#FFFFFF;
	text-align: center;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 30px;
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#container #side .info p{
	margin:10px;
	text-align:center;
	line-height: 18px;
}

#container #side .info img{margin-bottom:10px;}

#footer {
	clear: both;
	margin: 0px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #0066FF;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
font-size:14px;
}
#footer ul{ padding:10px; text-align:center;}
#footer ul li{list-style:none; float:left; }
#footer p{padding:10px;padding-top:20px; text-align:center;}


#container #main #information p{
	border-bottom-color:#CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	line-height:130%;
}


#container #main .box{width:auto; float:none; text-align:center;}
#container #main .box2{width:auto; float:none; text-align:center;}


/*-----------------------------------------------
 __お問合わせ
-----------------------------------------------*/
#container #main #query{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-bottom: 10px;
}
#container #main #query table{
	font-size:14px;
	width: 100%;
}
#container #main #query th{
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #0099FF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #0099FF;
	text-align: left;
	background-color: #F0F0F0;
	padding: 7px;
	width: 100%;
display: block;
font-weight:bold;
}

#container #main #query td{
	background-color:#E1E1E1;
	padding: 7px;
width: 100%;
display: block;
}

#container #main #query td input[type="text"]{width:100%; padding:3px;}
#container #main #query td textarea{width:100%; padding:3px;}

#container #side { text-align:center;
}
#container #side p{text-align:center; font-size:12px;}

#side .booking{
	border-radius: 5px;
	padding: 8px;
	background-color: #FFF;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#side .booking p{margin:0px;}
#side .booking .label{float:none; width:auto;}
#side .booking .line1{text-align:center;font-weight:bold; font-size:18px;}
#side .booking .line2{
	display: inline;
	text-align: center;
	font-weight: bold;
	color: #333;
	font-size: 18px;
}
#side .booking .time{
	color: #333;
	display: inline;
	font-size: 14px;
	background-color: #E2E2E2;
	border-radius: 3px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;	
}
#side .booking ul{margin:0px; float:none; width:auto; display:flex;}
#side .booking li{
	list-style: none;
	border-radius: 3px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#side .booking li a{color: #FFF; display:block;}
#side .booking li a:hover{
	border-radius: 3px;
font-size: 17px;
text-decoration:none;}
#side .booking li.pink{
	background-color: #FF0080;
	color: #FFF;
	margin-bottom: 6px;
}
#side .booking li.blue{
	background-color: #0080C0;
	color: #FFF;
}
#side .line{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
	background-color: #4ecd00;
	padding: 3px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}

#side .line a{color: #FFF; display:block;}
#side .line a:hover{text-decoration:none;}


#popup{width: auto;
    padding-top: 10px;
    padding-bottom: 50px;
	padding-left:2%;
	padding-right:2%;
	height: 100%;
}
#popup ul{
	text-align: left;
	list-style-type: disc;
	width: 100%;
	margin: 0px;
	float: right;
	
}
#popup #qa ul{
padding-bottom: 50px;
}


#popup .close{
	position: fixed;
	bottom: 0px;
	background-color:#333;
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	
}
#popup .close a{color:#FFF; font-weight:bold; display:block;}



}