@charset "utf-8";
/* CSS Document */

*{
	box-sizing: border-box;
	color: #366;
}


/*ボディ*/

html{
	min-height: 100%;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	background: linear-gradient(#E4F8E6,#ffffff);
	
}

article {
	width: 1000px;
	margin: 0 auto;
	background-color: #ffffff;
}


/*ヘッダー*/

h1 {
	font-size: 22px;
	font-style: normal;
	height: 20px;
	width: 1000px;
	color: #366;
}

header img {
	vertical-align: bottom;
}

#header {
	position: relative;
}

#header h1{
	position: absolute;
	top: 2px;
	left: 20px;	
}

#header img{
	width: 100%;
}


/*ナビ*/

nav ul {
	background-color: #ABDAAB;
	width: 1000px;
	height: 38px;
	list-style: none;
	margin-top: 0;
	padding: 0 20px;
	display: flex;
	justify-content: space-between;
	display: flex;
	align-items: center; 
}

nav ul li a{
	display: inline;
	text-decoration: none;
	font-size: 16px;
	color: #366;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0px;
}

nav a:hover{
	color: #7c2921;}


/*メイン*/

.main-container {
	margin-top: 15px;
	padding: 0px;
	width: 1000px;
}

/*サイドナビ*/
.sidebar {
	width: 175px;
	float: left;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 15px;
	border: dotted 3px #599f87;
	border-radius: 15px;
}
.sidebar a:hover{
	color: #7c2921;}


/*記事のエリア*/
.maincol-container {
	width: 825px;
	margin-bottom: 10px;
	padding: 0;
	float: right;
}

/*記事*/
.about {
	width: 825px;
	margin: 0;
	padding: 0 10px 0 20px;	
}

.kanban {
	float: right;
	margin-left: 10px;
}

.bed {
	float: right;
	margin-right: 10px;
}

.tool {
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
}


.thumbnail {
	width: 800px;
	height: 150px;
}

.thumbnail img {
	float: right;
	margin: 0 10px 0 10px;
}




/*最新情報*/
.new {
	margin-bottom: 20px;
}

.scr table {
	width: 780px;
	border-collapse: collapse;
	/*margin-top: -10px;*/
	margin-bottom: 30px;
	border : dotted 1px #4682b4;
	border-top : dotted 1px #4682b4;
	box-sizing: border-box;	
}

.scr tr td {
	padding: 10px;
	border: dotted 1px #4682b4;
}

.scr a {
		text-decoration: none;
}
	

 /* What's Newスクロール表示 */ 
.scr {
	overflow-y: scroll;
	overflow-x: hidden; 
	width: 795px;
	height: 400px;
	margin-bottom: 10px;
	
}


div.imagebox {
   width: 265px; /* 横幅 */
   float: left;
   margin-bottom: 30px;
}

p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 80%;  /* 5.文字サイズ */
   color: ＃336666; /* 6.文字色 */
}


/*見出しタイトル装飾*/

h2 {
	margin-top: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 20px;
	font-style: normal;
	text-align: left;
	border-bottom: 2px solid #599f87;
	}


h3 {
	font-size: 18px;
	color: #4682b4;
	font-style: normal;
	color: #066;
	text-align: left;
	border-bottom: 1px solid #4682b4;
	width: auto;
}

.about h4 {

	margin-top: 10px;
	margin-bottom: 0px;
}

.about p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.h2-2 h2 {　/*二行目のh2*/　　　　
	float: left;
}



/*料金表*/

.holiday {
	width: 400px;
	float: left;
}

.holiday table {
	border-collapse: collapse;
	border: none;
	border-style: none;
	margin-bottom: 5px;
}

.holiday tr td {
	border: none;
	}

.calendar {
	width: 390px;
	float: right;
}

.price {
	float: left;
	}

.price table {
	width: 795px;
	border-collapse: collapse;
	border-style: none;
	margin-top: 10px;
	border-bottom: solid 1px #096;
}

.price tr td {
	height: 40px;
	text-align: center;
}

.price a {
	text-decoration: none;
}

.price .right {
	text-align: left;
	padding-left: 5px;
}


/*院長紹介*/

.inchou img {
	margin: 0px 20px 20px -40px;
	float: left;
}

.inchou table {
	border-collapse: collapse;
	border: dotted 1px #4682b4;
}

.inchou tr td {
	padding: 5px;
	font-size: 14px;
	border: dotted 1px #4682b4;
}

figure.photo {
	float: left;
}

/*Q&Aテーブル*/

.qa table {
	//background-color: #FCF;
	margin-bottom: 20px;
	border-collapse: collapse;
	border-style: none;
	text-align: justify;	
}

.qa tr td {
	border: none;
	vertical-align: top;
	text-align: justify;	
}

.qa table td {
	text-align: justify;
	text-justify: inter-ideograph;
}

.h-4 h4 {
	margintop:10px;
}


/*アクセス*/

.access img {
	margin-top: 10px;
}

.access .map {
	margin-bottom: 20px;
}

figure.plate {
	float: right;
	margin-left: 20px;
	margin-top: 5px;
	text-align: center;
}

.adress {
	margin-top: 20px;
}

.google {
	margin-left: 120px;
	font-size: 13px;
}

.google a {
	text-decoration: none;
}

.google a:hover {
	color: #7c2921;
}


/*お問合せフォーム*/

table.mailform {
	border-top: dotted 1px #599f87;
	width: 100%;
}
table.mailform tr th,
table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	border-bottom: dotted 1px #599f87;
	padding: 12px 5px 10px;
}
table.mailform tr th {
	width: 13em;
}
.contact span.red,
table.mailform tr th span {
	color: #CC0000;
}
table.mailform tr td textarea,
table.mailform tr td input {
	font-size: 13px;
	font-weight: normal;
}
.formBtn {
	margin: 20px 0 40px;
	text-align: center;
}
.formBtn input[type="submit"],
.formBtn input[type="reset"] {
	width: 100px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	background-color: #FFF;
    border: 1px solid #366;
	padding: 8px 5px;
}
.formBtn input[type="submit"]:hover,
.formBtn input[type="reset"]:hover {
	background-color: #D3FFD3;
}


/*input[type="text"],input[type="email"],input[type="tel"]{
	width: 600px;
	font-size: 18px;
}

textarea{
	border: solid 1px #066;
	width: 800px;
	height: 200px;
	font-size: 18px;
}

input[type="submit"]{
	width: 100px;
	font-size: 16px;
	text-align: center;
	padding: 5px 0;
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	//border-radius: 20px;
}

input[type="reset"]{
	width: 100px;
	font-size: 16px;
	text-align: center;
	padding: 5px 0;
	margin-top: 10px;
	margin-bottom: 20px;
	float: right;
	//border-radius: 20px;
}*/

.tel {
	width: 800px;
	font-size: 30px;
	color: #7c2921;
	//text-align: center;
	}
	
.tel p {
	//color: #7c2921;
}

.tel-2 {
	//text-align: center;
}	


/*フッター*/

footer {
	width: 1000px;
	height: 80px;
	background-color: #ABDAAB;
	margin-top: 20px;
	clear: both;
	padding: 10px 0 0;
}

footer p {
	font-size: 14px;
	margin: 0 0 5px;
	line-height: 1.2;
	/*margin-top: -20px;
	margin-bttom: 3px;*/
	clear: both;
	text-align: center;
	/*color: ffffff;*/
}

footer h5 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	//color: fffffff;
}
	
h5 a {
	font-size: 16px;
}

h5 a:hover {
	color: #7c2921;
}	


/*ページトップへ*/

.pagetop
    {
    position: fixed;
    bottom: 16px;
    right: 16px;
    }
 
.pagetop a
    {
    display: block;
    text-decoration: none;
    }
 
.pagetop:hover
{
    opacity: 0.6;
}
.inchou table {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.qa {
	width: 780px;
}


/* スマホ用CSS */
@media screen and (max-width: 640px) {
	.maincol-container {
		font-size: 11px;
	}
}