@charset "utf-8";
/* CSS Document */

/* トップページ */
/* メインボックス */
#wrap { width:100%; margin:0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#wrap { width:100%; margin:0 auto; }
}
/* //メインボックス */


/* ヘッドインフォメーション */
#headinfobox01 {
	width:100%;
	border-style: solid;
	border-width: 6px 0px;
	-moz-border-image: url(../common_img/navi/navibg.png) 6 0 round;
	-webkit-border-image: url(../common_img/navi/navibg.png) 6 0 round;
	-o-border-image: url(../common_img/navi/navibg.png) 6 0 round;
	border-image: url(../common_img/navi/navibg.png) 6 0 fill round;
	margin:0 0 30px 0;
	}
#headinfobox02 { width:920px; margin:0 auto; }

#headlogobox { width:226px; float:left; padding:44px 37px 44px 0; }
#headnavibox { width:385px; float:left; padding:0 29px 0 0; }
#headnavibox ul { display:table; margin:0; padding:0; }
#headnavibox ul li { width:63px; height:178px; display:table-cell; border-left:1px solid #4f7110; }
#headnavibox ul li:nth-child(6) { width:63px; height:178px; display:table-cell; border-right:1px solid #4f7110; }
#headinfodetaibox { float:left; color:#4f7110; font-size:14px; padding:38px 0 0 0; }

#headinfoname { font-size:18px; font-weight:bold; padding-bottom:5px; }
#headinfotel { padding-bottom:5px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headinfobox01 { display:none; }
}
/* //ヘッドインフォメーション */


/* スマホナビ */
#spheadlogobox { display:none; }
#spheadnavibox { display:none; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#spheadlogobox { display:block; width:40%; margin:0 auto; padding:0 0 10px 0; }
#spheadlogobox img { width:100%; }

#spheadnavibox {
	display:block;
	width:100%;
	border-style: solid;
	border-width: 4px 0px;
	-moz-border-image: url(../common_img/navi/navibg.png) 6 0 round;
	-webkit-border-image: url(../common_img/navi/navibg.png) 6 0 round;
	-o-border-image: url(../common_img/navi/navibg.png) 6 0 round;
	border-image: url(../common_img/navi/navibg.png) 6 0 fill round;
	margin:0 0 10px 0;
	}
#spheadnavibox ul { width:96%; margin:0 auto; display:table; padding:0 1% 0 3%; }
#spheadnavibox ul li { width:16%; float:left; border-left:1px solid #4f7110; }
#spheadnavibox ul li:nth-child(1) { width:16%; display:table-cell; border-right:none; margin-right:1px; }
#spheadnavibox ul li:nth-child(6) { width:16%; display:table-cell; border-right:1px solid #4f7110; }
#spheadnavibox ul li img { width:100%; }
}
/* //スマホナビ */



/* ヘッドイメージ */
/* スライドイメージ */
#headimgbox { width:1200px; margin:0 auto; padding-bottom:6px; }
#slider { width:100%; margin:0; }
#slider .slider { margin:0; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	height:auto;
	margin:0 0 0 -40px;
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headimgbox { width:100% !important; margin:0 auto; padding-bottom:10px; }

#slider { width:100%; margin:0; }
#slider .slider { margin:0; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	height: auto;
	margin:-4px 0 0 0;
}
}
/* //スライドイメージ */
/* //ヘッドイメージ */


/* メインコンテンツ */
#maincontentsbox01 { width:914px; margin:0 auto; padding:0 0 30px 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#maincontentsbox01 { width:100%; padding:0 0 10px 0; }
}
/* //メインコンテンツ */


#leftcontentsbox01 { width:654px; float:left; }
#rightcontentsbox01 { width:224px; float:right; color:#333333; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#leftcontentsbox01 { width:100%; float:none; padding-bottom:10px; }
#rightcontentsbox01 { width:98%; float:none; margin:0 auto; color:#333333; }
}


/* ライトインフォ */
.rightinfobox01 {
	margin-bottom:20px;
	background:#FFFFFF;
	}
.rightinfobox01:last-child { margin:0; }
.rightinfobox01 a { color:#333333; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.rightinfobox01 {
	margin-bottom:10px;
	background:#FFFFFF;
	}
.rightinfobox01:last-child { margin:0; }
.rightinfobox01 a { color:#333333; }
}

.rightinfobox02 { width:194px; margin:0 auto; padding:10px 0; }

.rightinfotitlebox01 { margin-bottom:15px; padding:5px; background:url(../common_img/rightinfotitlebg.png) no-repeat; background-position:left bottom; color:#333333; font-size:14px; font-weight:bold; font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; text-align:left; }

.rightinfobox03 { width:190px; margin:0 auto; line-height:160%; }
.rightinfobox03 ul { margin:0; padding:0; }
.rightinfobox03 ul li { text-indent:-1em; padding-left:1em; }
.rightinfobox03 ul.item01 { width:100%; display:table; margin:0; padding:0; }
.rightinfobox03 ul.item01 li { width:50%; display:table-cell; text-align:left; text-indent:0; padding-left:0; vertical-align:top; }

.rightinfobuttonbox { padding:10px 0 0 0; }
.rightinfobuttonbox img { width:100%; }

.rightinfodetailbox01 { padding-bottom:10px; }
.rightinfodetailbox01:last-child { padding-bottom:0px; }

.rightinfodetailtitle { margin-bottom:10px; padding:0 3px; color:#333333; border-bottom:1px dotted #cccccc; }
.rightinfodetailtitle:last-child { margin-bottom:0; padding:0 3px; color:#333333; border-bottom:1px dotted #cccccc; }
.rightinfodetail { padding:0 3px; }

.rightinfodetail ul.time { width:100%; display:table; margin:0; padding:0; }
.rightinfodetail ul.time li { width:50%; display:table-cell; text-align:left; text-indent:0; padding-left:0; vertical-align:top; }
.rightinfodetail ul.time li:last-child { width:50%; display:table-cell; text-align:right; text-indent:0; padding-left:0; vertical-align:top; }

.rightinfodetail ul.holiday { width:100%; display:table; margin:0; padding:0; color:#ff0000; }
.rightinfodetail ul.holiday li { width:30%; display:table-cell; text-align:left; text-indent:0; padding-left:0; vertical-align:top; }
.rightinfodetail ul.holiday li:last-child { width:70%; display:table-cell; text-align:right; text-indent:0; padding-left:0; vertical-align:top; }

.rightinfotel { font-size:23px; font-weight:bold; font-family:Georgia; color:#FFFFFF; padding:0 0 5px; }

.rightinfotextbox01 { padding-bottom:10px; }

.rightinfomapbox { width:190px; margin:0 auto; padding:10px 0 }
.rightinfomapbox iframe { width:100%; height:150px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.rightinfobox02 { width:96%; margin:0 auto; padding-bottom:10px; }

.rightinfotitlebox01 { margin-bottom:10px; padding:5px; background:url(../common_img/rightinfotitlebg.png) no-repeat; background-position:left bottom; color:#333333; background-size:100% 10%; font-size:14px; font-weight:bold; font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; text-align:left; }

.rightinfobox03 { width:98%; margin:0 auto; line-height:160%; }
.rightinfobox03 ul.item01 { width:100%; display:table; margin:0; padding:0; }
.rightinfobox03 ul.item01 li { width:50%; display:table-cell; text-align:left; text-indent:0; padding-left:0; vertical-align:top; }

.rightinfobuttonbox { width:50%; margin:0 auto; padding:10px 0 0 0; }
.rightinfobuttonbox img { width:100%; }

.rightinfodetailbox01 { padding-bottom:15px; }
.rightinfodetailbox01:last-child { padding-bottom:0px; }

.rightinfodetailtitle { margin-bottom:10px; padding:0 3px; color:#333333; border-bottom:1px dotted #cccccc; }

.rightinfodetail ul.time { width:100%; display:table; margin:0; padding:0; }
.rightinfodetail ul.time li { width:50%; display:table-cell; text-align:left; text-indent:0; padding-left:0; vertical-align:top; }
.rightinfodetail ul.time li:last-child { width:50%; display:table-cell; text-align:right; text-indent:0; padding-left:0; vertical-align:top; }

.rightinfodetail ul.holiday { width:100%; display:table; margin:0; padding:0; color:#ff0000; }
.rightinfodetail ul.holiday li { width:30%; display:table-cell; text-align:left; text-indent:0; padding-left:0; vertical-align:top; }
.rightinfodetail ul.holiday li:last-child { width:70%; display:table-cell; text-align:right; text-indent:0; padding-left:0; vertical-align:top; }

.rightinfotel { font-size:18px; font-weight:bold; font-family:Georgia; color:#333333; padding:0 0 5px; }

.rightinfotextbox01 { padding-bottom:10px; }
.rightinfotextbox02 { background-color:#c5f1b6; padding:5px 10px 5px 10px; font-size:16px; }

.rightinfomapbox { width:100%; margin:0 auto; padding:10px 0 }
.rightinfomapbox iframe { width:100%; height:200px; }
}
/* //ライトインフォ */


/* コンテンツボックス */
.contentsbox01 { padding-bottom:40px; }
.contentsbox01:last-child { padding-bottom:0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.contentsbox01 { padding-bottom:10px; }
}
/* //コンテンツボックス */


/* タイトルボックス */
.titlebox01 { height:51px; background:url(../common_img/titlebg01.png) no-repeat; margin-bottom:20px; }
.titlebox01 p {
	color:#FFFFFF;
	padding:10px 0 0 20px;
	font-size:16px;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-weight: bold;
	}
@media screen and (min-width: 0px) and (max-width: 768px)  {
.titlebox01 { width:98%; height:auto; margin:0 auto 10px; background:url(../common_img/sptitlebg01.png) no-repeat; background-size:100% 100%; }
.titlebox01 p {
	color:#FFFFFF;
	padding:5px 0 16px 10px;
	font-size:14px;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-weight: bold;
	}
}
/*
@media screen and (min-width: 0px) and (max-width: 768px)  {
.titlebox01 { display:none; }
.sptitlebox01 { display:block; width:98%; margin:0 auto 10px; font-size:14px; background:url(../common_img/sptitlebg01.png) no-repeat; border-bottom:3px solid #8cbb5b; background-size:100%; }
.sptitlebox01 p { color:#332502; padding:5px 0 0 34px; }
}*/
/* //タイトルボックス */


/* ニュースボックス */
.newsbox01 { width:600px; min-height:200px; margin:0 auto; color:#333333; line-height:140%; }

.newsbox01 ul { width:100%; display:table; margin:0; padding:0; }
.newsbox01 ul li { width:520px; display:table-cell; text-align:left; vertical-align:top; }
.newsbox01 ul li:first-child { width:80px; display:table-cell; text-align:left; vertical-align:top; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.newsbox01 { width:96%; min-height:150px; margin:0 auto; padding-bottom:10px; line-height:140%; }

.newsbox01 ul { width:100%; display:block; margin:0; padding:0; }
.newsbox01 ul li { width:100%; display:block; text-align:left; vertical-align:top; }
.newsbox01 ul li:first-child { width:100%; display:block; text-align:left; vertical-align:top; }
}
/* //ニュースボックス */


/* 診療時間 */
.timebox01 { width:600px; margin:0 auto; padding:10px 0; line-height:140%; }
.timebox02 { width:570px; margin:0 auto; padding-bottom:10px; }
.timebox02 ul { margin:0; padding:0; }
.timebox02 ul li { display:inline-block; padding:0 10px 0 0; }
.timebox02 ul li:last-child { display:inline-block; padding:0; }
.timebox03 { width:600px; margin:0 auto; padding-bottom:10px; }
.timebox03 ul { width:100%; display:table; border-top:1px #4f7110 solid; border-left:1px #4f7110 solid; margin:0; padding:0; }
.timebox03 ul:first-child { width:100%; display:table; border-top:1px #4f7110 solid; border-left:1px #4f7110 solid; margin:0; padding:0; background:url(../common_img/tablebg.png); }
.timebox03 ul:last-child { width:100%; display:table; border-top:1px #4f7110 solid; border-left:1px #4f7110 solid; border-bottom:1px #4f7110 solid; margin:0; padding:0; }
.timebox03 ul:first-child li { width:11%; display:table-cell; text-align:center; font-weight:bold; color:#363636; padding:10px 0 10px 0; border-right:1px #4f7110 solid; }
.timebox03 ul li { width:11%; display:table-cell; text-align:center; font-weight:bold; color:#4f7110; padding:10px 0 10px 0; border-right:1px #4f7110 solid; }
.timebox03 ul li:first-child { width:23%; display:table-cell; text-align:center; font-weight:bold; color:#363636; padding:10px 0 10px 0; border-right:1px #4f7110 solid; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.timebox01 { width:96%; margin:0 auto; padding:10px 0; line-height:140%; }
.timebox02 { width:96%; margin:0 auto; padding-bottom:10px; line-height:140%; }
.timebox02 ul { margin:0; padding:0; }
.timebox02 ul li { display:inline-block; padding:0 5px 0 0; }
.timebox02 ul li:last-child { display:inline-block; padding:0; }
.timebox03 { width:96%; margin:0 auto; padding-bottom:10px; line-height:140%; }
.timebox03 ul { width:100%; display:table; border-top:1px #4f7110 solid; border-left:1px #4f7110 solid; margin:0; padding:0; }
.timebox03 ul:first-child { width:100%; display:table; border-top:1px #4f7110 solid; border-left:1px #4f7110 solid; margin:0; padding:0; background:url(../common_img/tablebg.png); }
.timebox03 ul:last-child { width:100%; display:table; border-top:1px #4f7110 solid; border-left:1px #4f7110 solid; border-bottom:1px #4f7110 solid; margin:0; padding:0; }
.timebox03 ul:first-child li { width:10%; display:table-cell; text-align:center; font-weight:bold; color:#363636; padding:10px 0 10px 0; border-right:1px #4f7110 solid; }
.timebox03 ul li { width:10%; display:table-cell; text-align:center; font-weight:bold; color:#4f7110; padding:10px 0 10px 0; border-right:1px #4f7110 solid; }
.timebox03 ul li:first-child { width:30%; display:table-cell; text-align:center; font-weight:bold; color:#363636; padding:10px 0 10px 0; border-right:1px #4f7110 solid; }
}
/* //診療時間 */


/* アクセス */
.accessbox01 { width:570px; margin:0 auto; }
.accesstitlebox01 { padding:5px 15px 10px 0; font-size:18px; font-weight:bold; }
.accessrightbox01 { width:290px; float:right; }
.accessleftbox01 { width:250px; float:left; color:#4f7110; }
.accessrightbox01 iframe { width:100%; min-height:220px; }
.accessbannerbox01 { width:192px; padding:65px 0 0 0; text-align:left; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.accessbox01 { width:98%; margin:0 auto; }
.accesstitlebox01 { padding:3px 5px 3px 0; font-size:14px; }
.accessrightbox01 { width:96%; margin:0 auto; float:none; padding:0 0 10px 0; }
.accessleftbox01 { width:96%; margin:0 auto; float:none; padding:0 0 10px 0; }

.accessleftbox01 a:link { color:#4f7110; text-decoration:none; }
.accessleftbox01 a:visited { color:#4f7110; text-decoration:none; }
.accessleftbox01 a:active { color:#4f7110; text-decoration:none; }
.accessleftbox01 a:hover { color:#4f7110; text-decoration:none; }

/* スマホでは表示しない */
.accessbannerbox01 { display:none; }
}

