@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Quicksand:400,700);

body{    
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    color:#5F523F;
    -webkit-text-size-adjust:none;
    font-size:14px;
    line-height:160%;
	text-align:center;
	padding:0;
	margin:0;
	background:#fff;
}


div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
img,pre,form,fildset,p,blockquote,address{
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

ul{
	list-style:none;
}
ul img{
	vertical-align:bottom;
	margin:0;
}

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
	margin:0;
	width: 100%;
}
address {
	font-style:normal;
}
table {
    font-size:inherit;
    font:100%;
	border-collapse: collapse;
}

.flt_l {
	float: left;
}
.flt_r {
	float: right;
}

.red,
.red a {
	color: #cc0000;
}



/*共通
---------------------------------------------------------*/
.box {
	padding: 0 3%;
	text-align: left;
}



/*header
---------------------------------------------------------*/
#header {
	background: #fff;
}
#header h1 {
	text-align: center;
	padding: 10px 0;
	line-height: 1.0em;
}
#header h1 img {
	max-height: 20px;
	width: auto;
}

.m_nav li {
	width: 25%;
	float: left;
}
.m_nav li:first-child {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,f7f7f7+100 */
background: rgb(251,251,251); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(251,251,251,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(251,251,251,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(251,251,251,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(251,251,251,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(251,251,251,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(251,251,251,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.m_nav li:nth-child(2) {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbf7e6+0,f8f0cf+100 */
background: rgb(251,247,230); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(251,247,230,1) 0%, rgba(248,240,207,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(251,247,230,1)), color-stop(100%,rgba(248,240,207,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(251,247,230,1) 0%,rgba(248,240,207,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(251,247,230,1) 0%,rgba(248,240,207,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(251,247,230,1) 0%,rgba(248,240,207,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(251,247,230,1) 0%,rgba(248,240,207,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf7e6', endColorstr='#f8f0cf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.m_nav li:nth-child(3) {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5fbe6+0,ebf8cf+100 */
background: rgb(245,251,230); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(245,251,230,1) 0%, rgba(235,248,207,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(245,251,230,1)), color-stop(100%,rgba(235,248,207,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(245,251,230,1) 0%,rgba(235,248,207,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(245,251,230,1) 0%,rgba(235,248,207,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(245,251,230,1) 0%,rgba(235,248,207,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(245,251,230,1) 0%,rgba(235,248,207,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbe6', endColorstr='#ebf8cf',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.m_nav li:last-child {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7fcf4+0,d0f8e9+100 */
background: rgb(231,252,244); /* Old browsers */
background: -moz-linear-gradient(45deg,  rgba(231,252,244,1) 0%, rgba(208,248,233,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(231,252,244,1)), color-stop(100%,rgba(208,248,233,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(231,252,244,1) 0%,rgba(208,248,233,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(231,252,244,1) 0%,rgba(208,248,233,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(231,252,244,1) 0%,rgba(208,248,233,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(231,252,244,1) 0%,rgba(208,248,233,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7fcf4', endColorstr='#d0f8e9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



/*ページトップ
---------------------------------------------------------*/



/*フッター
---------------------------------------------------------*/
#footer .f_contact {
	background: #E7DBB7;
}
#footer .f_contact h5 {
	background: #93D1A0;
	color: #fff;
	font-weight: normal;
	font-size: 120%;
	letter-spacing: .1em;
	padding: 15px 0;
	line-height: 1.0em;
}
#footer .f_contact ul {
	padding-top: 5%;
	padding-bottom: 5%;
}
#footer .f_contact li {
	background: #F4F0E3;
	border: solid 2px #F4F0E3;
	text-align: center;
}
#footer .f_contact li img {
	max-width: 300px;
}
#footer .f_contact a {
	display: block;
	padding: 0 20px;
}
#footer .f_contact .btn_web {
	margin-top: 5px;
}
#footer .f_contact .btn_web a {
	background: url(../images/common/f_web_arrow.jpg) no-repeat right center;
	background-size: contain;
}

#footer .f_map_box ul {
	margin-top: -6px;
}
#footer .f_map_box li {
	width: 50%;
}
#footer .f_map_box li img {
	max-width: 160px;
}
#footer .f_map_box li a {
	display: block;
	padding: 5px 0;
}
#footer .f_map_box .flt_l {
	background: url(../images/common/f_parking_bg.jpg) repeat;
	padding: 5px 0;
}
#footer .f_map_box .flt_r {
	background: url(../images/common/f_access_bg.jpg) repeat;
}

#footer .f_inf {
	background: #F1E8CE;
	padding-top: 30px;
	padding-bottom: 5%;
}
#footer .f_clinic_name dt {
	text-align: center;
	font-size: 160%;
	font-weight: normal;
	margin-bottom: 20px;
}
#footer .f_clinic_name dt .bg_img {
	background: url(../images/common/f_logo.jpg) no-repeat left center;
	background-size: 60px;
	padding: 20px 0;
	padding-left: 60px;
}
#footer .f_clinic_name dt .txt_small {
	font-size: 60%;
	margin-left: 10px;
	margin-right: 5px;
	padding-bottom: 10px;
}
#footer .f_kamoku {
	margin: 3% 0;
}
#footer .f_kamoku dt {
	font-size: 110%;
	font-weight: bold;
}
#footer .f_kamoku li {
	float: left;
}
#footer .f_timetable dt {
	margin-bottom: 5px;
}
#footer .f_timetable .icon_wed {
	background: url(../images/common/f_wed_icon.jpg) no-repeat left center;
	background-size: 15px;
	padding-left: 20px;
}
#footer .f_timetable .icon_sat {
	background: url(../images/common/f_sat_icon.jpg) no-repeat left center;
	background-size: 15px;
	padding-left: 20px;
}
#footer .myna_bnr{
	width: 20%;
	margin: 3% auto 0 auto;
}

.page_top {
	background: url(../images/common/pagetop_bg.jpg) repeat;
	line-height: 1.0em;
	text-align: center;
	padding-top: 10px;
}
.page_top img {
	max-height: 30px;
	width: auto;
}



/*copyright
---------------------------------------------------------*/
.copyright {
	padding: 3% 3% 6%;
	text-align: left;
	background: #CCE2F2;
}
.copyright .txt {
	width: 68%;
	float: left;
	font-size: 85%;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	line-height: 1.4em;
}
.copyright .link_pc {
	width: 30%;
	float: right;
}