body {
    font:12px/1.231 "HiraKakuProN-W3";
	padding:0;
	background-color:#e9fffb;
}

#wrap {
    padding:0 10px 10px 10px;
}

section, nav {
    margin-bottom: 1em;
}

/* section文字センター */
.centerbox {
	text-align:center;
}

.leftbox {
	text-align:left;
}

.rightbox {
	text-align:right;
}

p {
    margin-bottom: 1em;
}

/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}


/* フォントの設定 */
.font_black { color:#333333; }
.font_red { color:#cc0000; }
.font_blue { color:#02a2ce; }
.font_green { color:#5bc8b2; }
.font_orange { color:#00a685; }
.font_yellow { color:#fcb304; }
.font_pink { color:#ffa29e; }


/* 画像の設定 */
img { width:100%; height:auto; }


/* リンク色設定 */
a { color:#00a685; text-decoration:underline; }

/* テキストリスト */
li { list-style:none; }
ul.list01 { margin:0; padding:0; }
ul.list01 li { text-indent:-1em; padding-left:1em; }
ul.list02 { margin:0; padding:0; }
ul.list02 li { text-indent:-1em; padding:0 0 10px 1em; }
ul.list02 li:last-child { padding:0 0 0 1em; }
ul.list02 li p { text-indent:-1em; padding:10px 0 0 1em; margin:0; }
ul.list02 li p:last-child { text-indent:-1em; padding:0 0 0 1em; margin:0; }
ul.list03{ margin:10px 0 0 0; padding:0; }
ul.list03 li { text-indent:-1em; padding:0 0 0 1em; }
ul.list03 li p { text-indent:-1em; padding:0 0 0 1em; margin:0; }

/*	#container
------------------------------------------------*/
#container {
	width: 340px;
	margin: 0 auto;
	background:#FFFFFF;
	color:#333333;
}


/* ヘッド */
header { 
	text-align:center;
	padding-bottom:0px;
}

#top { margin-bottom:10px; text-align:left; }

/* ロゴボックス */
#logobox { background:#FFFFFF; padding:5px 0 3px; }
#logo { width:120px; margin:0 auto; }

/* ホームボタン */
#btnHome {
    border-radius: 5px;
	background-color: #00a685;
    background: -webkit-gradient(linear, left top, left bottom, from(#00a685), to(#e9fffb)) #00a685;
    width: 7em;
    font-size: 85%;
    text-align: center;
    float: right;
    margin-right: 10px;
	margin-top:12px;
}
#btnHome a {
    text-shadow: 1px 1px 0 #00a685;
    display: block;
    padding: 5px 0;
    color: #FFFFFF;
    text-decoration: none;
}

/* キャッチ */
.catchbox01 {
	text-align:center;
	padding-bottom:10px;
}

.catchbox01 hr {
	display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
	margin:0;
	padding:0;
}

.catchbox01 p { padding:10px 0 0 0; }

/* ボタン */
.buttonbox01 { padding-bottom:5px; }
.buttonbox01:last-child { padding-bottom:0px; }
.buttonbox02 { width:30%; padding:10px 0 0 0; }

.buttonboxleft { width:79px; float:left; padding:0 15px 0 0; }
.buttonboxright { width:79px; float:right; }


/* 角丸エリア */
aside {
    background-color: #e9fffb;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 10px;
}
aside p:last-child {
    margin-bottom: 0;
}


/* ドロップシャドウ */
h2 {
    font-size: 121%;
    text-shadow: 1px 1px 2px #ccc;
    color: #00a685;
    margin-bottom: 10px;
	text-indent:-1em;
	padding-left:1em;
}


/* ナビ */
#navi { padding:0 0 10px 0; }

.navibox { padding-bottom:1px; }

.navibox01 { width:320px; margin:0 auto; }

.navi01_01 {
	text-align:center;
	width:158px;
	float:left;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #00a685;
	background: -webkit-gradient(linear, left top, left bottom, from(#00a685), to(#e9fffb));
	font-size: 140%;
	padding:5px 0 5px 0;
	margin:1px;
	}		

.navi01_01 li {
	text-align: center;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
}

.navi01_01 li a {
	display: block;
}

.navi01_01 a {
	color: #fff;
	text-decoration: none;
	padding: 0px 2px 0px 0px;
}

.navi02_01 {
	width:318px;
	float:left;
	text-align:center;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color: #0F63A7;
	background: -webkit-gradient(linear, left top, left bottom, from(#0F63A7), to(#99ccff));
	font-size: 140%;
	padding:5px 0 5px 0;
	margin:1px;
	}		

.navi02_01 li {
	text-align: center;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
}

.navi02_01 li a {
	display: block;
}

.navi02_01 a {
	text-align:center;
	color: #fff;
	text-decoration: none;
	padding: 0px 2px 0px 0px;
}

/* 新着情報 
#newsbox01 {
	height:250px; 
	-webkit-overflow-scrolling: 
		touch; overflow:auto;}
#newsbox01 iframe { width:100%; height:250px; }*/


/* 診療時間表 */
table#time { width:100%; border-collapse: collapse; border:1px #999999 solid; margin:0 auto; color:#333333; margin:0 0 10px 0; }
table#time td { border:1px #999999 solid; }
td.time01 { width:40%; text-align:center; padding:5px 0 5px 0; background:#eeeeee; }
td.time02 { width:40%; text-align:center; padding:5px 0 5px 0; background:#FFFFFF; color:#333333; }
td.day01 { width:10%; text-align:center; vertical-align:middle; padding:5px 0 5px 0; background:#eeeeee; }
td.day02 { width:10%; text-align:center; vertical-align:middle; padding:5px 0 5px 0; background:#FFFFFF; color:#5bc8b2; }


/* マップ */
#mapbox01 { padding:10px 0 0; }
#mapbox02 { padding:0 0 10px; }


/* バナー */
#bannerbox01 { display:block; padding:10px 0 5px; }
#bannerbox01:after { content:""; clear:both; display:block; }
.banner { width:49%; float:left; }
.banner:nth-child(2n) { float:right; }

/* PC/スマホリンク */
#switchButton {
	clear: both;
	text-align: center;
	font-size: 100%;
}

/* ページトップ */
#btnTop {
    border-radius: 5px;
	background-color: #00a685;
    background: -webkit-gradient(linear, left top, left bottom, from(#00a685), to(#e9fffb)) #00a685;
    width: 7em;
    font-size: 85%;
    text-align: center;
    float: right;
    margin-right: 10px;
}
#btnTop a {
    text-shadow: 1px 1px 0 #00a685;
    display: block;
    padding: 5px 0;
    color: #FFFFFF;
    text-decoration: none;
}

/* フッター */
footer {
	background-color:#00a685;
	font-size:80%;
	color:#FFFFFF;
	text-align:center;
	padding:5px 0 5px 0;
}


footer p {
	clear: both;
	padding: 0;
}
footer img {
	vertical-align: top;
}
footer p:last-child {
	margin: 0;
}


/* 下層ページ共通 */
.contentsbox01 { padding-bottom:15px; }
.contentsbox01:last-child { padding-bottom:0; }
.contentsbox02 { padding-bottom:15px; text-align:center; }
.contentsbox02:last-child { padding-bottom:0; text-align:center; }
.titlebox01 {
    font-size: 110%;
    color: #00a685;
	background:#FFFFFF;
	padding:2px;
	text-indent:-1em;
	padding-left:1em;
}

.titlebox02 {
    font-size: 110%;
    color: #00a685;
	margin:0 0 5px 0;
	background:#FFFFFF;
	padding:3px;
	text-indent:-1em;
	padding-left:1em;
}

.imgcenterbox01 {
	text-align:center;
	padding:5px 0 10px 0;
}

.imgcenterbox02 {
	text-align:center;
	padding:0 0 10px 0;
}
.imgcenterbox02 img {
	width:100%;
}

.imgcenterbox03 {
	text-align:center;
	padding:10px 0;
}
.imgcenterbox03 img {
	width:100%;
}

.imgcenterbox04 {
	text-align:center;
	padding:0 0 10px 0;
}
.imgcenterbox04 img {
	width:40%;
}

table.implantlist01 { width:100%; border-collapse: collapse; border:1px #999999 solid; margin:0 auto; color:#333333; background:#FFFFFF; margin:0 0 10px 0; }
table.implantlist01 td { border:1px #999999 solid; font-size:10px; }
td.left01 { width:25%; text-align:center; padding:5px 0 5px 0; background:#d6dff2; }
td.left02 { width:25%; text-align:center; padding:5px 0 5px 0; background:#FFFFFF; color:#333333; }
td.right01 { width:20%; text-align:center; vertical-align:middle; padding:5px 0 5px 0; background:#d6dff2; }
td.right02 { width:20%; text-align:center; vertical-align:middle; padding:5px 0 5px 0; background:#FFFFFF; color:#00a685; font-weight:bold; }

table.implantlist02 { width:100%; border-collapse: collapse; border:1px #999999 solid; margin:0 auto; color:#333333; background:#FFFFFF; margin:0 0 10px 0; }
table.implantlist02 td { border:1px #999999 solid; font-size:10px; }
td.left03 { width:25%; text-align:center; padding:5px 0 5px 0; background:#d6dff2; }
td.left04 { width:25%; text-align:center; padding:5px 0 5px 0; background:#FFFFFF; color:#333333; }
td.right03 { width:60%; text-align:center; vertical-align:middle; padding:5px 0 5px 0; background:#d6dff2; }
td.right04 { width:60%; text-align:center; vertical-align:middle; padding:5px 0 5px 0; background:#FFFFFF; color:#00a685; font-weight:bold; }

.logomarkbox01 {
	width:65%;
	margin:0 auto;
	text-align:center;
	padding:0 0 10px 0;
}

ul.qa { margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #FFFFFF; }
ul.qa:last-child { margin:0; padding:0 0 10px; }
ul.qa:last-child { margin:0; padding:0; border-bottom:none; }
ul.qa li { text-indent:-1em; padding-left:1em; vertical-align:middle; }
ul.qa li:first-child { text-indent:-1em; padding-left:1em; vertical-align:middle; font-weight:bold; color:#00a685; margin:0 0 5px; }
ul.qa li img { width:auto; height:12px; vertical-align:top; }


/* アンカー用 */
#naika { }
#kokyuki { }
#arel { }
#kinen { }
#yobo { }
#kenko { }
#zaitaku { }


/* お問い合せ */
.formbox {
	font-family: "HiraKakuProN-W3";
	text-align:left;
	font-size:10px;
}

.formitem01 { color:#0F63A7; }
#attentionbox01 { padding-bottom:10px; color:#cc0000; }
#attentionbox02 { padding-bottom:10px; color:#cc0000; }
#thanksbox { text-align:left; }
#errorbox { padding-bottom:10px; color:#cc0000; }

textarea.textbox01 { width:99%; height:60px; overflow:hidden; border:none; }
input.textbox02 { width:97%; height:30px; border:none; }

/* 求人情報 */
.recruitcatch { font-size:110%; font-weight:bold; color:#358604; padding:0 0 10px; }
.recruittitle { display:block; background:#ffffff; text-align:center; font-weight:bold; margin:0 0 10px; padding:5px; }
.recruitdetail { width:96%; margin:0 auto; text-align:left; }


/* 診療予約 */
/*2列の場合
#guidebuttonbox01 { display:block; }
#guidebuttonbox01:after { content:""; clear:both; display:block; }
.guidebutton { width:auto; height:20px; float:left; padding:0 0 5px; }
.guidebutton:nth-child(2n) { float:right; }
.guidebutton:last-child { float:right; }
.guidebutton img { width:auto; height:20px; }
*/
#guidebuttonbox01 { display:block; }
#guidebuttonbox01:after { content:""; clear:both; display:block; }
.guidebutton { width:auto; height:14px; float:left; padding:0 2px 5px; }
.guidebutton:nth-child(3n) { float:right; padding:0 0 5px; }
.guidebutton:last-child { float:left; }
.guidebutton img { width:auto; height:14px; }


.kotsu {
    background: #d6f7f1;
    padding: 3px;
    font-size: 13px;
    line-height: 1.2;
}
.kotsu1 {
    list-style: none;
    padding: 10px;
}
.kotsu1 li {
    line-height: 1.5;
    margin: 0 0 5px;
    text-indent: -1em;
    padding-left: 1em;
}


.txt_red{
    color: #FF0004;
    font-weight: bold;
}

/*お知らせCMS*/
iframe {
  border: none;
}

.topnews3{
width: 100%;
height: 300px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
/*overflow-y: scroll;CMS入れる前*/
	overflow: hidden;

}

.news_kiji__w{
width: 100%;
/*font-family: YakuHanJP, "IBM Plex Sans JP", serif;*/
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	overflow: hidden;

}

.news_kiji__w iframe{
width: 100%;
height: 100%;

overflow: hidden;
}