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

/*----------------- HTML 5 サポート -----------------*/
header, section, footer, aside, nav, article, figure {
	display: block;
}

html, body {
    margin:0;
    padding:0;
	font-style: normal;
    vertical-align:baseline;
    background:transparent;
	text-indent: 0;
	font-size: 0.95em; /* size:M */
/*	font-size: 1em;  size:M */
}
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
    font-size:100%;
	font-style: normal;
	text-indent: 0;
	list-style:none;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
}


del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
th {
	font-weight: normal;	
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/*リセットスタイルシートここまで*/

/* エレメント */
ul, ol, dl, li {
	padding: 0;
	margin: 0;
}
#contents ol li {
	margin-left: 1.5em;
	list-style: decimal;
	padding-left: normal;
}


.h1 {
	background:#e7ff93;
	color:#5eaa42;
	text-align: center;
	font-size: 80%;
	font-weight: normal;
	padding: 2px;
}
h2, h3, h4, h5, h6, p {
	margin-top: 0;
}
.page_name{
	position:relative;
	max-width:1000px;
	margin:0 auto;
	background:#ff9acf;
	border-radius:20px;
	border:3px solid #fff;
	margin-bottom:20px;
}
h1{
	display:block;
	padding:20px 0 20px 20px;
	font-size:2em;
	color:#fff;
}
#contents h2{
	display:inline-block;
	padding: 5px 40px 5px 5px;
	font-size:1.4em;
	font-weight:bold;
}
#contents h2:after,.cf:after{content:"　";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*#contents #lower_01 h2{
	background:url(../../img/h2_bg_low01.png) no-repeat right bottom;
	background-size: cover;
	color:#7ab700;
}
#contents #lower_02 h2{
	background:url(../../img/h2_bg_low02.png) no-repeat right bottom;
	background-size: cover;
	color:#f0ab00;
}
#contents #lower_03 h2{
	background:url(../../img/h2_bg_low03.png) no-repeat right bottom;
	background-size: cover;
	color:#36a29a;
}
#contents #lower_04 h2{
	background:url(../../img/h2_bg_low04.png) no-repeat right bottom;
	background-size: cover;
	color:#e15200;
}
#contents #lower_05 h2{
	background:url(../../img/h2_bg_low05.png) no-repeat right bottom;
	background-size: cover;
	color:#d8549a;
}*/
#contents section:nth-child(5n+1) h2{
	background:url(../../img/h2_bg_low01.png) no-repeat right bottom;
	background-size: cover;
	color:#7ab700;
}
#contents section:nth-child(5n+2) h2{
	background:url(../../img/h2_bg_low02.png) no-repeat right bottom;
	background-size: cover;
	color:#f0ab00;
}
#contents section:nth-child(5n+3) h2 {
	background:url(../../img/h2_bg_low03.png) no-repeat right bottom;
	background-size: cover;
	color:#36a29a;
}
#contents section:nth-child(5n+4) h2{
	background:url(../../img/h2_bg_low04.png) no-repeat right bottom;
	background-size: cover;
	color:#e15200;
}
#contents section:nth-child(5n+5) h2{
	background:url(../../img/h2_bg_low05.png) no-repeat right bottom;
	background-size: cover;
	color:#d8549a;
}
#contents h3{
	color:#fe669b;
/*	border-left:15px solid #fe669b;*/
	margin-bottom:1em;
	margin-left: 1em;
	padding:0;
	padding-left:5px;
	line-height:1;
}
#contents h3:before{
	content: "■ ";
	color:#fe669b;
	font-size: 1.3em;
	margin-left: -1.3em;
}
/* リンク */
#contents a:link {
	color: #0721f9;
	text-decoration: underline;
}
a:visited {
	color: #0721f9;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
a img {
	border: none;
}
header nav li a:hover, #home #lower_01 a:hover, a:hover img, a:active img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/*----------------- body -----------------*/
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*----------------- Wrapper -----------------*/
#wrapper {
	position: relative;
	width: 100%;
}
/*----------------- ヘッダー -----------------*/
#top .block{
	max-width:1000px;
	margin:0 auto;
	position:relative;
}

#top #logo {
	margin-top:20px;
	width:35%;
}
#top #logo img{
	width:100%;
	height:auto;
	max-width: 396px;	
}
#top #header_info{
	position: absolute;
	top: 0;
	right: 25%;
	width:22%;
	z-index:1000;
}
#top #header_info img{
	width:100%;
	height:auto;
	max-width:276px;
}
#top address {
	display:block;
	position: absolute;
	top: 0;
	right: 0;
	width:22%;
}
#top address img{
	width:100%;
	height:auto;
	max-width:280px;
}

/*----------------- メニュー -----------------*/
/*nav {
	position: absolute;
	z-index: 1;
	top: 123px;
	left: 0;
	width: 100%;
	border-bottom: solid 4px #fff;}*/
/*#home nav {
	background: none;
	background: url(../../img/header_img.jpg) no-repeat center bottom;
}*/

nav ul {
	max-width:1000px;
	padding: 0;
	margin: 0 auto;
	background: #fff;}
ul nav:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#menu_01 a {
	background: url(../../img/menu_01.png) no-repeat center center;
}
#menu_02 a {
	background: url(../../img/menu_02.png) no-repeat center center;
}
#menu_03 a {
	background: url(../../img/menu_03.png) no-repeat center center;
}
#menu_04 a {
	background: url(../../img/menu_04.png) no-repeat center center;
}
#menu_05 a {
	background: url(../../img/menu_05.png) no-repeat center center;
}
#menu_06 a {
	background: url(../../img/menu_06.png) no-repeat center center;
}
#menu_07 a {
	background: url(../../img/menu_07.png) no-repeat center center;
}
#header_image_bg > div{
	max-width:1000px;
	margin:0 auto;
	position:relative;
}
#header-image-home{
	max-width:1000px;
	margin:0 auto;
	position:relative;
}
#header-image-home h1{
	background:none;
	border:none;}
#header-image-home h1 img{
	border-radius:20px;
	border:5px solid #edff9e;
	box-sizing:border-box;
}

#slideshow {
   position: relative;
   padding-bottom: 35%; height: 0; overflow: hidden; max-width: 100%; 
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}


#header-image-before{
   z-index: 20;
	position:absolute;
	top:0;
	left:0;
	width:19%;
}
#header-image-after{
   z-index: 20;
	position:absolute;
	top:0;
	right:0;
	width:19%;
}

#header-image-before img,#header-image-after img{
	max-width:195px;
}

#reserve_banner p{
	background:#fff;
	border-radius:15px;
	padding:10px;
	text-align:center;
}
#reserve_banner{
	padding:5px;
	border-radius:10px;
	background:#18c8c8;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:20px;
	width:80%;
}
#contents #reserve_banner a{
		text-decoration:none;
		color:#66bf6b;
		font-weight:bold;
		font-size:1.1em;
}

/*----------------- コンテナ -----------------*/

#container_bg {
	padding-top:20px;
	padding-bottom:20px;
	background:url(../../img/cloud.gif) repeat-x center right,#c8e8fa;
}


@keyframes cloud {
0%{background-position:0% 50%;}
50%{background-position:50% 40%;}
100%{background-position:100% 50%;}
}
@-moz-keyframes cloud {
0%{background-position:0% 50%;}
50%{background-position:50% 40%;}
100%{background-position:100% 50%;}
}
@-webkit-keyframes cloud {
0%{background-position:0% 50%;}
50%{background-position:50% 40%;}
100%{background-position:100% 50%;}
}

#container_bg{
animation: cloud 30s linear infinite;
-moz-animation: cloud 30s linear infinite;
webkit-animation: cloud 30s linear infinite;
}


 
#container {
	position: relative;
	width: 100%;
	max-width: 1000px;
	min-height: 1px;
	margin: 0 auto;
	padding-top:10px;
	background:#fff;
	border-radius:10px;
}

/*----------------- ユーザービリティ・コンテナ -----------------*/
#user {
	position: relative;
}
/*----------------- パンクズリスト -----------------*/

/*#bread {
	position: absolute;
	z-index: 3;
	left: 30px;
	bottom:20px;
	height: 10px;
	font-size: 0.9em;
}
#bread a {
	text-decoration: underline;
	color: blue;
}
#home #bread {
	text-indent: -9999px;
}*/
/*-----------------　文字サイズ変更ボタン　-----------------*/
ul.textresizer {
	position: absolute;
	top: 14px/*28px*/;
	right: 20px;
	padding-left: 90px;
	min-height: 15px;
	background: url(../../img/textresize_tit.gif) no-repeat left;
}
ul.textresizer li {
	float: left;
	margin-left: 8px;
	padding: 3px;
	border: 1px solid #ccc;
	background: #e6e6e6;
}
ul.textresizer li a:hover {
	color: #6E6C64;
}
ul.textresizer:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*----------------- Contents -----------------*/
#contents {
	line-height: 1.5em;
}
#contents > section, #contents article {
	margin-bottom: 20px;
	padding: 15px 15px 0 15px;
}
#contents > section > section{
	padding: 15px 0 15px 15px;
}
#contents > section > section:last-child{
	padding: 15px 0 0 15px;
}
#contents img{
	width: 100%;
	height:auto;
}
#contents p{
	margin-bottom:1em;
}
#pageTop {
	position: fixed;
	bottom: 14px;
	right: 10px;
/*	opacity: 0.8;
*/	z-index: 2000 !important;
}
/*----------------- サイドバー -----------------*/
#sidebar section{
/*	background:#fff;
	border-radius:10px;
*/	margin-bottom:20px;
	padding-top:10px;
}
#sidebar img {
	width: 100%;
	height:auto;
}
#sidebar li {
	margin-bottom: 10px;
}

#kodomo_qq img{
	max-width:183px;
}
#kodomo_qq{
	font-size:90%;
}
#sidebar #side_map h2{
	background:url(../../img/map_bg.png)  no-repeat left top;
	background-size:contain;
}
#sidebar #time h2{
	background: url(../../img/time_table_bg.png) no-repeat left top;
	background-size:contain;
}
#sidebar h2{
	padding:5px 0 3px 10px;
}
#sidebar h2 img{
	width:100%;
	height:auto;
	max-width:266px;
}
#sidebar p{
	width:95%;
	margin:0 auto;
	padding-bottom:0.5em;
}
.side_menu a{
	color:#525252;
}
.side_menu{
	margin-top:10px;
	margin-left:2.5em;
	margin-bottom:20px;
}
.side_menu > li{
	padding-top:2px;
	padding-bottom:3px;
}
.side_menu > li:before{
	content:url(../../img/arrow01.png);
	padding-right:5px;
	margin-left:-1.5em;
}
.submenu{
	margin-left:1em;
	margin-top:10px;
	margin-bottom:0;
}
.submenu li{
	background:url(../../img/side_menu_sub.png) no-repeat left bottom;
	padding-top:10px;
	padding-left:20px;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
}
h2.side_h2{
	background:url(../../img/td01.gif) no-repeat left bottom;
	background-size:contain;
	padding:5px 0 5px 2em !important;
	font-size:1.1em;
	font-weight:bold;
	color:#ff5a92;
	margin-left:0.5em;
}
.side_banner{
	margin-left:0.5em;
}
.side_banner li{
	background:url(../../img/td01.gif) no-repeat left bottom;
	background-size:contain;
	padding:5px 0 5px 2em;
	font-size:1.1em;
	font-weight:bold;
}
.side_banner li a{
	color:#ff5a92;
}

/*----------------- フッター -----------------*/
footer {
	clear: both;
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 170px;
	text-align: center;
	font-size: 70%;
	color: #5d4e57;
	background:url(../../img/footer_bg.gif) no-repeat center top,url(../../img/footer_bg_02.gif) repeat-x center top;
	background: #85be05;
}
footer > div {
	background:url(../../img/footer_bg.gif) no-repeat center top,url(../../img/footer_bg_02.gif) repeat-x center top;
}
footer > div > div{
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding-top:100px;
}
footer #copy {
	text-align:center;
	font-size: 11px;
	color: #fff;
	line-height: 15px;
}
footer #copy a {
	color: #fff;
}
/*@keyframes moveimg {
		0% { left: 0px; top: 0px;}
		50% { left: 100px; }
		100% { left: 100px; top: -100px; }
	}
 
	#pageTop{
		animation: moveimg 5s infinite;
		position: relative;
	}*/

/*-----------------　レイアウト　-----------------*/
.ind1 {
	text-indent: -1em;
	margin-left: 1em;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.posR {
	float: right;
}
.posL {
	float: left;
}
.imgR {
	display: block;
	float: right;
	margin: 0 0 12px 20px;
}
.imgL {
	float: left;
	margin: 0 20px 12px 0;
}
#contents section:after, .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.mar0{margin:0 auto;
}
.marB20{
	margin-bottom: 20px;
}
.marT20{
	margin-top: 20px;
}
/*-----------------　文字スタイル　-----------------*/
strong {
	font-weight:normal !important;
}
.red {
	color: #FF0000;
}/*赤　文字*/
.bold {
	font-weight: bold;
}/*太　文字*/
.blue {
	color: #0CF;
}/*青　文字*/
.dark_blue {
	color:#113dff;
}/*紺　文字*/
.orange {
	color: #FE853E;
}/*オレンジ色　文字*/
.green{
	color:#04a342;
}/*緑　文字*/
.pink{
	color:#FF85AE;
}/*ピンク　文字*/
.size_60 {
	font-size: 60%;
}/*60%　文字*/
.size_75 {
	font-size: 75%;
}/*75%　文字*/
.size_80 {
	font-size: 80%;
}/*80%　文字*/
.size_90 {
	font-size: 90%;
}/*90%　文字*/
.size_110 {
	font-size: 110%;
}/*160%　文字*/
.size_160 {
	font-size: 160%;
}/*160%　文字*/
.winered {
	color: #c40000;
	font-weight: bold;
}/*ワインレッド　文字*/
.underline{
	text-decoration: underline;
}
/*----------------------------------------------------------------------------------*/

/*-----------------　画像　-----------------*/
.auto_img img{
	width:100%;
	height:auto;
}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}

.w100 img{max-width:100px; height:auto;}
.w120 img{max-width:120px; height:auto;}
.w150 img{max-width:150px; height:auto;}
.w180 img{max-width:180px; height:auto;}
.w200 img{max-width:200px; height:auto;}
.w220 img{max-width:220px; height:auto;}
.w230 img{max-width:230px; height:auto;}
.w250 img{max-width:250px; height:auto;}
.w300 img{max-width:300px; height:auto;}
.w400 img{max-width:400px; height:auto;}
.w460 img{max-width:460px; height:auto;}
.w468 img{max-width:468px; height:auto;}
.w490 img{max-width:490px; height:auto;}
.w500 img{max-width:500px; height:auto;}
.w520 img{max-width:520px; height:auto;}
.w600 img{max-width:600px; height:auto;}
.w700 img{max-width:700px; height:auto;}

.w400px{max-width:400px;}
.w500px{max-width:500px;}
/*-----------------　装飾　-----------------*/
.button {
	background:#ff98bd;
	border-radius:5px;
	display:block;
}
.button a{
	color:#fff;
	text-shadow:1px 1px 1px #893854;
	display:block;
	width:100%;
	padding-top:7px;
	padding-bottom:2px;
}
.button:hover{
	background:#fe669b;
}
/*-----------------　リスト　-----------------*/
.list01{
	margin-left:2em;
}
.list01 li:before{
	content:"● ";
	color:#7bdb58;
	font-size:0.8em;
	margin-left:-1em;
}
.list01 li{
	margin-bottom:1em;
}
.list02{
	margin-left:1em;
}
.list02 li{
	border-bottom:1px dotted #ccc;
	margin-bottom:0.5em;
}
.list03{
	margin-left:2.5em;
}
.list03 li{
/*	font-weight:bold;
*/	color:#333;
	font-size:0.95em;
	margin-bottom:0.8em;
}
.list03 li i{
		color:#fabe00;
		margin-left:-2em;
}
.list03 li a{
	color:#000 !important;
	text-decoration:none !important;
}
.list04{
	margin-top:1em;
	margin-left:2em;
}
.list04 li{
	margin-bottom:1em;
}
.list04 li:before{
	content:"● ";
	color:#bff2ff;
	font-size:0.8em;
	margin-left:-1em;
}

.bread,.bread a{
	color:#fff;
	font-size:0.9em;
}
/*-----------------　診療時間表　-----------------*/
#contents #time_table1 {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	line-height: 1em;
	margin-bottom:1em;
}
#contents #time_table1 th {
	border: 1px solid #bebebe;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
	background-color: #fe669b;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
}
#contents #time_table1 td {
	width: 40px;
	border: 1px solid #fe669b;
	color: #fe669b;
	vertical-align: middle;
	font-size: 100%;
}
/*#contents #time_table1 th span {
	margin-left: 6px;
}*/
#contents #time_table1 td .block {
	display: block;
}

#sidebar .disp_side{
	display:block;
}
#sidebar #time_table1 {
	width:96%;
	margin: 0 auto;
	text-align: center;
	line-height: 1em;
	margin-bottom:0.5em;
}
#sidebar #time_table1 th {
	border: 1px solid #bebebe;
	text-align: center;
	vertical-align: middle;
	background-color: #fe669b;
	color: #fff;
	font-size: 80%;
	font-weight: bold;
}

#sidebar #time_table1 td {
	border: 1px solid #fe669b;
	color: #fe669b;
	vertical-align: middle;
	font-size: 90%;
}
#sidebar #time_table1 td img{
	width:100%;
	max-width:20px;
}
#sidebar #time p{
	font-size:0.8em;
	color:#67ac34;
}
#sidebar #time p img{
	max-width:20px;
}
#sidebar #time p span{
	display:block;
}
#contents #time_table1 td.red ,#sidebar #time_table1 td.red {
	color: red;
}
#contents #time_table1 td.blue ,#sidebar #time_table1 td.blue {
	color: #0CF;
}
/*グーグルカレンダー*/
.embed-container { position: relative; padding-bottom: 70%; height: 0; overflow: hidden; max-width: 100%; }
#sidebar .embed-container { position: relative; padding-bottom: 80%; height: 0; overflow: hidden; max-width: 100%;
margin-bottom:10px; }
 .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* よくある質問
/* トップ
//////////////////////////////////////////////////////////////////*/
#home contents{
	position:relative;
}

#home #linkBa li{
	float:left;
	margin-right:2%;
	width:49%;
	text-align:center;
}
#home #linkBa li img{
	max-width:120px;
}
#home #linkBa li:last-child{
	margin-right:0;
}
#home #contents #lower_01 p{
	margin-bottom:0;
}
#home #lower_02 dt {
	color: #f0857d;
	font-weight: bold;
}
#home #lower_02 dd em{
	font-weight:bold;
}
#home #lower_02 dd {
	border-bottom: 1px dotted #f0857d;
}
#home #lower_02 dd strong {
	color: inherit;
	font-size: inherit;
	font-weight: bold;
}
#home #lower_02 dd {
	margin-bottom: 10px;
	border-bottom: 1px dotted #f0857d;
}
#news{
	border:1px solid #36a29a;
	border-radius:5px;
	padding:10px;
}
#news dd strong{
	font-size:1em;
	color:inherit;
}
#news dd{
	border-bottom:1px dotted #CCCCCC;
	margin-bottom:1em;
}
/* ごあいさつ
//////////////////////////////////////////////////////////////////*/
#greeting .dr_photo img{
	max-width:230px;
	height:auto;
}
#greeting #lower_01 > div{
	margin-left:1em;
	margin-right:1em;
}
dl.prof{
	margin-left:1em;
}
dl.prof dd{
	border-bottom:1px dotted #ccc;
	margin-bottom:1em;
}
.history{
	position:relative;
}
.history02{
	position:absolute;
	bottom:0;
	left:29%;}
.history02 li img{
	opacity:0;
}
/* 診療案内
//////////////////////////////////////////////////////////////////*/
#treat1 #lower_01 p img{
	max-width:20px;
}
#treat1 #lower_01 .time p {
	color:#67ac34;
}
/*#treat1 table#yobousesshu {
	margin: 0 auto;
	margin-bottom:10px;
	border: 1px solid #facf36;
	border-collapse:collapse;
}
#treat1 table#yobousesshu th {
	padding:5px;
	background:#facf36;
	border: 1px solid #fff;
	font-weight:bold;
}
#treat1 table#yobousesshu td {
	text-align: center;
	border: 1px solid #facf36;
}
#treat1 table#yobousesshu td.price {
	text-align: right;
}*/
#treat1 #sidebar #time{
	display:none;
}
/* 院内・設備
//////////////////////////////////////////////////////////////////*/
table.clinic_info{
	width:80%;
	margin:0 auto;
	margin-bottom:20px;
}
table.clinic_info th,table.clinic_info td{
	border:1px solid #fe669b;
	padding:10px;
}
/*院内風景---*/
#clinic01 #contents #lower_02 li{
	text-align:center;
	margin-bottom:2em;
}
#clinic01 #contents #lower_02 li img{
	max-width:375px;
	border-radius:10px;
	border:5px solid #edff9e;
	box-sizing:border-box;

}
/* よくある質問
/////////////////////////////////////////*/

#faq #lower_01 dt {
	margin: 15px 0 10px 0;
	padding: 5px 0 2px 10px;
	border-bottom: 3px dotted #fe669b;
	font-weight: bold;
	color:#fe669b;
}
#faq #lower_01 dt:before{
	content:"Q. ";
	font-size:150%;
}
#faq #lower_01 dd {
	margin: 5px 20px 40px 25px;
	padding: 6px 0 14px 10px;
}
#faq #lower_01 dd:before{
	content:"A. ";
	color:#59c1f9;
	font-size:150%;
	font-weight:bold;
	margin-left:-25px;
}
#faq #lower_01 dd em {
	display: block;
	color: red;
	font-weight: bold;
	color: #ef8589;
}


.check_list li:before{
	content:url(../../question/img/check02_bg.png);
}
.check_list li{
	margin-left:1em;
	margin-bottom:0.5em;
}
.check_list{margin-top:1em;
margin-bottom:0.5em;
}
/* 地図・アクセス
//////////////////////////////////////////////////////////////////*/


#access #lower_03 ul li {
	width:48%;
}
#access #lower_03 ul li:first-child{
	float:left;
}
#access #lower_03 ul li:nth-child(2){
	float:right;
}
#access #lower_03 ul li img {
	max-width:300px;
	height:auto;
}

#access #lower_03 ul:after{
	content:"　";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#access #lower_03 li{
	margin-bottom:20px;
	color:#fe669b;
}
#access #side_map{
	display:none;
}
/* 予約システム
//////////////////////////////////////////////////////////////////*/
table.reserve_info{margin-bottom:30px;}
table.reserve_info th,table.reserve_info td{
	border:1px solid #9C0;
	vertical-align:middle;
	padding:5px;
}
table.reserve_info th{
	background:#f4ffd1;
	font-weight:bold;
}
table.reserve_info span{
	border:1px solid #333;
	border-radius:2px;
	margin-right:3px;
	background:#FF0;
	font-weight:bold;
}
table.reserve_code{
	width:100%;
	margin-bottom:20px;
}
table.reserve_code td{
	border:1px solid #9C0;
	vertical-align:middle;
	padding:5px;
}
table.reserve_code td:nth-child(2){
	width:4em;
	text-align:center;
}


.reserve_table{
	width: 100%;
}
.reserve_table,.reserve_table th,.reserve_table td{
	border: 1px solid #FF5A92;
	vertical-align: middle;
}
.reserve_table thead th{
	background:#FF5A92 ;
	color: #fff;
}
.reserve_table tbody th{
	color: #FF5A92;
}
.reserve_table tr:nth-child(even) th:nth-child(even),.reserve_table tr:nth-child(even) td{
	background: #FFE9F1;
}
.reserve_table td{
	text-align: center;
	color: #FF5A92;
}
.reserve_table img{
	max-width: 14px;
	height: auto;	
}
/* お役立ちリンク
//////////////////////////////////////////////////////////////////*/
#links #contents dt a{
	color:#fe669b;
	text-decoration:none;
}
#links #contents dt a:hover{
	text-decoration:underline;
}
#links #contents dd{
	margin-bottom:1em;
}
/* 子育てコラム
//////////////////////////////////////////////////////////////////*/
.column #contents dt{
	display:none;
}
.column #contents dd{
	padding-left:1em;
	margin-bottom:2em;
	border-bottom:1px dotted #CCCCCC;
}

.column #contents dd a{
	text-decoration:none;
	color:#ff5a92;
}
/*############################################################################################*/
/* スマホ向け指定：～480px */

@media only screen and (max-width: 480px) {
body{
	border-top:#e7ff93 solid 3px;
}
	.hidden-phone,.disp-pc,.h1 {
	display: none;
}

#top #header_info{
	display:none;
}
#top address{
	position:static;
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
#top #logo {
	width:70%;
	margin-left:20%;
	margin-top:0;
	padding-top:5px;
	margin-bottom:10px;
}

/* Header アコーディオン ----------------- */
header {
	position: absolute !important;
	top: 0;
	left: 0;
	z-index:1000 !important;
}
header nav {
	margin-bottom: 46px;
}

#nav li {
	padding-left: 0px;
/*	border-top: 1px solid #ffffff;
*/}
header nav ul li {
	float: none;
	width: 100%;
	margin-bottom: 0;
	background: url(../img/arrow_01.png) no-repeat left center;
	border-bottom:1px solid #ccc;
}
header nav ul li:hover {
	background: none;
}
header nav > ul > li > a, header nav > ul > li p {
	height: auto;
	text-indent: 0;
}
#nav li.select {
	background:#fff4f2;
}

#menu_01 a {
	border:none;
	border-top:1px solid #ccc;
}
#menu_02 a {
	border:none;
}
#menu_03 a {
	border:none;
}
#menu_04 a {
	border:none;
}
#menu_05 a {
	border:none;
}
#menu_06 a {
	border:none;
}

#menu_07 a {
	border-bottom:1px solid #ccc;
}
#pageTop {
	position: fixed;
	bottom: 0px;
	right: 0px;
/*	opacity: 0.8;
*/}
#pageTop img {
	width: 100px;
	height:auto;
}
#sidebar table ,#sidebar p ,#sidebar ul{
	width:90%;
	margin:0 auto;
}
#sidebar ul.side_menu{
	margin-left:3em;
}
#treat1 table#yobousesshu th,#treat1 table#yobousesshu td{
	font-size:0.8em;
}


#access #lower_01 .w80{
	width:100%;
}
/*#access1 #lower_01 .imgR{
	float:none;
}*/
}

/*############################################################################################*/
/* スマホ～タブレット向け指定：～768px */

@media only screen and (max-width: 906px) {
	.disp-pc {
	display: none;
}

#home #linkBa{
	width:80%;
	margin:0 auto;
}
.concept{
	padding-bottom:120px;
}
#home #lower_01 {
	padding: 10px 2% 10px 2%;
}

#home #lower_00 {
	padding: 10px 2% 10px 2%;
}
#treat1 table#yobousesshu {
	width: 95%;
}
#reserve1 #contents #time_table2{
	width:95%;
}
#contents #time_table1{
	width:100%;
}
#contents #time_table1 th {
	padding:5px;
}
#greeting1 #lower_02 dl{
	padding-left:1em;
}
.page_name{
	text-align:center;
}
h1{
	padding-bottom:10px;
}
.bread{
	margin-bottom:10px;
}
}
/*############################################################################################*/
/* タブレット向け指定：481px～768px */

@media only screen and (min-width: 481px) and (max-width: 906px) {
	.disp-phone, .disp-pc {
	display: none;
}

#top #logo {
	width:40%;
	margin-left:2%;
}
#top #header_info {
	position: absolute;
	top: 0;
	right:25%;
	width:20%;
}
#top address {
	width:20%;
	right:2%;
	top:0px;
	}
header{
	border-bottom:#e7ff93 solid 10px;
}
nav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 25%;
/*	height: 60px;
*/	list-style-type: none;
}
nav li{
		background:url(../../img/nav_li_bg.png) repeat-y right center,#fff;
}
nav li:nth-child(4),nav li:nth-child(7){
	background:#fff;
}
nav li:nth-child(2),nav li:nth-child(3),nav li:nth-child(4){
	border-bottom:1px dotted #f4afcd;
}
nav li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 99%;
	height:60px;
	text-indent: -9999px;
}
nav li:first-child a{
	height:120px;
}

#header-image-home{
/*	margin-top:10px;
*/	margin-bottom:10px;
}
#header_image_bg .page_name p{
	padding-right:15%;
}
#container{
	width:95%;
	margin:0 auto;
}
#contents {
	float: right;
	width:70%;
	max-width: 600px;
	margin-right:1%;
}
#sidebar {
	float: left;
	width: 28%;
	max-width: 230px;
	margin-left:1%;}
#sidebar h2{
	padding:5px 0 3px 10px;
}

}
/*############################################################################################*/
/* PC向け */

@media only screen and (min-width: 907px) {
	.disp-phone, .hidden-pc {
	display: none;
}
#top .block{
	height:116px;
}
nav{height: 60px;
	border-bottom:#e7ff93 solid 16px;
}

nav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 14.28%;
	list-style-type: none;
	background:url(../../img/nav_li_bg.png) no-repeat right center;
}
nav li:first-child{
	background:url(../../img/nav_li_bg.png) no-repeat left center,url(../../img/nav_li_bg.png) no-repeat right center;
}
nav li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 98%;
	height: 60px;
	text-indent: -9999px;
}
#header-image-home{
	margin-bottom:20px;
}
#contents {
	float: right;
	width:70%;
	max-width: 700px;
	margin-right:1%;
}
#sidebar {
	float: left;
	width: 23%;
	max-width: 230px;
	margin-left:1%;}
#home #linkBa {
	position:absolute;
	top:-190px;
	left:10px;
	width: 30%;
}
.concept{
	width:70%;
}
/*#home #lower_02 dt {
	padding: 0 0 0 1em;
}
#home #lower_02 dd {
	margin-top: -1.5em;
	padding: 0px 5px 0px 8em;
	}*/
.bread{
	position:absolute;
	top:30px;
	right:20px;
	}
#news dd{	margin-top: -1.5em;
	padding: 0px 5px 0px 8em;
}
/*#greeting .dr_photo{
	float:left;
	width:35%;
}

#greeting .dr_greeting{
	float:right;
	width:60%;
}*/
#greeting .dr_photo{
	float:right;
	width:35%;
	margin-left:1em;
}
#treat1 table#yobousesshu {
	width: 80%;
}
dl.prof dd{
	padding-left:10em;
	margin-top:-1.5em;
}
#clinic01 #lower_02 li:nth-child(odd){
	float:left;
	width:48%;
	margin-right:1%;
}
#clinic01 #lower_02 li:nth-child(even){
	float:right;
	width:48%;
	margin-left:1%;
}

table.reserve_code{
	width:80%;
}

}
/*############################################################################################33*/
/* 印刷向けレイアウトの指定 */

@media only print {
.disp-phone, .hidden-pc {
	display: none;
}
#pageTop {
	display: none;
}

#top .block{
	height:116px;
}
nav{height: 60px;
	border-bottom:#e7ff93 solid 16px;
}

nav li {
	float: left;
	margin: 0;
	padding: 0;
	width: 14.28%;
	list-style-type: none;
	background:url(../../img/nav_li_bg.png) no-repeat right center;
}
nav li:first-child{
	background:url(../../img/nav_li_bg.png) no-repeat left center,url(../../img/nav_li_bg.png) no-repeat right center;
}
nav li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 98%;
	height: 60px;
	text-indent: -9999px;
}
#header-image-home{
	margin-bottom:20px;
}
#contents {
	float: right;
	width:70%;
	max-width: 700px;
	margin-right:1%;
}
#sidebar {
	float: left;
	width: 23%;
	max-width: 230px;
	margin-left:1%;}
#home #linkBa {
	position:absolute;
	top:-190px;
	left:10px;
	width: 30%;
}
.concept{
	width:70%;
}
/*#home #lower_02 dt {
	padding: 0 0 0 1em;
}
#home #lower_02 dd {
	margin-top: -1.5em;
	padding: 0px 5px 0px 8em;
	}*/
#news dd{	margin-top: -1.5em;
	padding: 0px 5px 0px 8em;
}
#greeting .dr_photo{
	float:left;
	width:35%;
}

#greeting .dr_greeting{
	float:right;
	width:60%;
}
#treat1 table#yobousesshu {
	width: 80%;
}
dl.prof dd{
	padding-left:10em;
	margin-top:-1.5em;
}
#clinic01 #lower_02 li:nth-child(odd){
	float:left;
	width:48%;
	margin-right:1%;
}
#clinic01 #lower_02 li:nth-child(even){
	float:right;
	width:48%;
	margin-left:1%;
}

table.reserve_code{
	width:80%;
}
}