@charset "UTF-8";

/*===================================================
PCでは320px以下で表示する
（実際はPCではスマホページみれなくするけど）
====================================================*/
/*@media only screen and (min-width: 640px){
     
html{
        Width:640px;
		margin:0 auto;


    }
}
*/


/* reset */
h1, h2, h3, h4, h5, p, address, div, article, section, body, a, span, ul, ol, li, img, table, thead, tbody, tr, th, td, dl, dt, dd {
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	list-style-type:none;
	line-height:140%;
}


html{
	-webkit-text-size-adjust:100%;/*iphoneで横にしたとき文字大きくしないようにしている*/
}

body {
	background-color: #222222;
	font-size: 13px;
	font-size: 1.3rem;
	line-height:160%;
	color:#565656;
	/*-webkit-text-size-adjust:140%;*/
	font-family:Verdana, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	-webkit-text-size-adjust:100%;/*iphoneで横にしたとき文字大きくしないようにしている*/
	
}
img {
    width: 100%
}

.sb-slidebar {
	color: #fff;
}

.main_content {
	padding-top: 50px;
}

#header {
	position: fixed;
	top: 0;
	width: 100%;
	height: auto;
	background-color: #323232;
	z-index: 4;
	line-height:0;
	}
#header p{
	margin-bottom:0;
}

#header .sb-toggle-left {
	float: left;
	width: 20%;
}

#header .sb-toggle-right {
	float: right;
	/*width: 2em;*/
	width:20%;
}

/*------------------------------
診療項目
-------------------------------*/
ul#information {
	display:block;
	width:100%;
	height:auto;
	line-height:0;
	clear: both;
	background-color: #14B9A0;
	padding-top: 18px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}



ul#information li{
	height:auto;
	float:left;
	margin:0;
	line-height:0;
	width:50%;
}

ul#information li.list-center{
	height:auto;
	float:left;
	margin:0;
	line-height:0;
	width:30%;

}

/*------------------------------
トップメッセージ
-------------------------------*/
.top_message{
	background-color:#ffffff;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	font-size: 13px;
	
}

.top_message p{
	text-align:left;
	clear:both;
}


.top_message h2{
	text-align:left;
	font-weight:600;
	font-size:110%;
	margin-top:20px;
	margin-bottom:10px;
}


/* 配置 */
.center{
margin-left:auto;
margin-right:auto;
line-height:120%;
}
.w96 {
    width: 96%;
	margin: 0 auto;
	clear:both;
}
.w90 {
    width: 90%;
	margin: 0 auto;
	clear:both;
}
.w88 {
    width: 88%;
	margin: 0 auto;
}
.w80 {
    width: 80%;
	margin: 0 auto;
}

.w50 {
    width: 50%;
	margin: 0 auto;
}


.arrow {
    width: 20%;
	margin:0 auto;
	text-align: center;
}
.margin_b {
    margin-bottom: 2em;
}

.margin_b1 {
    margin-bottom: 1em;
}

.mb_z {
    margin-bottom: 0;
}

.mtb_2em{
	margin-top:2em;
	margin-bottom:2em;
}

.mtb16{
	margin-top:16px;
	margin-bottom:16px;
}

.plr16{
	padding-left:16px;
	padding-right:16px;
}


.border {
    border-bottom:dashed 2px #d99d38;
}
.right_img{
float:right;
width:40%;
}
.right_img2{
float:right;
width:50%;
}

.right{
	float:right;
}

.left{
	float:left;
}



/*-------------------------------
新着情報
-------------------------------*/
#information_box{
	margin-top:10px;
	font-size:13px;
    margin-bottom: 1rem;
	
}

#information_box h2{
	text-align:left;
	color:#fff;
	background-color:#14B9A0;
	font-weight:normal;
	padding:2px;
}





/* --- 新着リスト --- */
#information_box dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
/* border-top: 1px #c0c0c0 dotted; */ /* 新着リストの上境界線 */
}

/* --- 日付エリア --- */
#information_box dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%;
}

/* --- 本文エリア --- */
#information_box dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%;
text-align:left;
}

#information_box dd a{
	color:#14B9A0;
	text-align:left;
	
}

#information_box dd:last-of-type {
  border-bottom: none;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}