/* CSS Document */

/* トップページ */
/* ヘッドカラーライン */
.headerline01 { width:100%; height:7px; margin:0; padding:0; font-size:0px; color:#FFFFFF; background:#432e24; }
.headerline02 { width:387px; font-size:0px; margin:0 auto; padding:0; }
.spheaderline01 { display:none; }

@media screen and (min-width: 0px) and (max-width: 768px)  {
.headerline01 { display:none; }
.headerline02 { display:none; }
.spheaderline01 { display:block; width:100%; max-height:4px; background:url(../common_img/headcolor.png) repeat-x; font-size:0px; margin:0 auto 10px; padding:0 0 4px 0; position:relative; z-index: 3000; }
}
/* //ヘッドカラーライン */


/* メインボックス */
#wrap { width:100%; margin:0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#wrap { width:100%; margin:0 auto; }
}
/* //メインボックス */


/* ヘッドインフォメーション */
#headinfobox { width:509px; margin:0 auto; padding:26px 0 26px 0; }
#headinfobox img { display:block; padding-bottom:23px; margin:0 auto; }
#headinfobox img:last-child { display:block; padding-bottom:0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headinfobox { display:none; }
}
/* //ヘッドインフォメーション */


/* ヘッドイメージ */
#headimgbox01 { padding-bottom:20px; position:relative; }
#headimgbox02 { position:relative; }
#headimgbox03 { width:958px; margin:0 auto; padding:0; }
#headimgbg { height:9px !important; font-size:0px; background:url(../common_img/headimgbg.png) no-repeat; background-position:center; position:relative; z-index:100; top:9px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headimgbox01 { padding:40px 0 0 0; position:relative; }
#headimgbox02 { position:relative; }
#headimgbox03 { width:98%; margin:0 auto; padding:0; }
#headimgbg { height:9px !important; font-size:0px; background:url(../common_img/headimgbg.png) no-repeat; background-position:center; position:relative; z-index:100; top:6px; background-size:130%; }
}
/* スライドイメージ */
#headimgbox { width:100%; padding:0; }
#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%; }

#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;
}
}
/* //スライドイメージ */
/* //ヘッドイメージ */


/* メインコンテンツ */
#maincontentsbox01 { width:910px; margin:0 auto; padding:0 0 30px 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#maincontentsbox01 { width:100%; padding:10px 0 0 0; }
}
/* //メインコンテンツ */


#leftcontentsbox01 { width:653px; float:left; }
#rightcontentsbox01 { width:224px; float:right; color:#FFFFFF; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#leftcontentsbox01 { width:100%; float:none; }
#rightcontentsbox01 { width:100%; float:none; color:#FFFFFF; }
}


/* ライトインフォ */
#rightmaininfobox01 {
	background:#301e16;
	}
#rightmaininfobox02 { width:100%; padding:15px 0 15px 0; }

@media screen and (min-width: 0px) and (max-width: 768px)  {
#rightmaininfobox01 {
	background:#301e16;
	}
#rightmaininfobox01 a { color:#FFFFFF; }
#rightmaininfobox02 { width:100%; padding:15px 0 15px 0; }
}

.rightinfobox01 {
	margin-bottom:20px;
	}
.rightinfobox01:last-child { margin:0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.rightinfobox01 {
	margin-bottom:10px;
	}
.rightinfobox01:last-child { margin:0; }
}

.rightinfobox02 { width:194px; margin:0 auto; padding-bottom:20px; }
.rightinfobox02:last-child { width:194px; margin:0 auto; padding-bottom:0px; }

.rightinfotitlebox01 { margin-bottom:15px; padding:5px; background:#FFFFFF; color:#301e16; font-size:14px; font-weight:bold; text-align:center; }

.rightinfobox03 { width:190px; margin:0 auto; line-height:160%; }
.rightinfobox03 table { width:100%; }

.rightinfodetailbox01 { padding-bottom:15px; font-weight:bold; }
.rightinfodetailbox01:last-child { padding-bottom:0px; }

.rightinfodetailtitle { margin-bottom:10px; padding:0 3px; color:#FFFFFF; border-bottom:1px dotted #FFFFFF; }
.rightinfodetail { padding:0 3px; }

td.rightinfoleft01 { width:95px; font-weight:bold; text-align:left; vertical-align:top; }
td.rightinforight01 { width:95px; font-weight:bold; text-align:right; vertical-align:top; }

td.rightinfo01 { width:95px; text-align:left; 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:202px; margin:0 auto; padding:15px 0 15px 0; }

@media screen and (min-width: 0px) and (max-width: 768px)  {
.rightinfobox02 { width:96%; margin:0 auto; padding-bottom:20px; }
.rightinfobox02:last-child { width:96%; margin:0 auto; padding-bottom:0px; }

.rightinfotitlebox01 { margin-bottom:10px; padding:5px; background:#FFFFFF; color:#301e16; font-size:14px; font-weight:bold; text-align:left; }

.rightinfobox03 { width:98%; margin:0 auto; line-height:160%; }
.rightinfobox03 table { width:100%; }

.rightinfodetailbox01 { padding-bottom:15px; font-weight:bold; }
.rightinfodetailbox01:last-child { padding-bottom:0px; }

.rightinfodetailtitle { margin-bottom:10px; padding:0 3px; color:#FFFFFF; border-bottom:1px dotted #8c8c8c; }

td.rightinfoleft01 { width:40%; font-weight:bold; text-align:left; vertical-align:top; }
td.rightinforight01 { width:60%; font-weight:bold; text-align:right; vertical-align:top; }

td.rightinfo01 { width:auto; padding-right:10px; text-align:left; vertical-align:top; }
.rightinfotel { font-size:18px; font-weight:bold; font-family:Georgia; color:#FFFFFF; padding:0 0 5px; }

.rightinfotextbox01 { padding-bottom:10px; }
.rightinfotextbox02 { background-color:#c5f1b6; padding:5px 10px 5px 10px; font-size:16px; }

.rightinfomapbox { width:202px; margin:0 auto; padding:15px 0 15px 0; }
}


/* コンテンツボックス */
.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 { font-size:20px; font-weight:bold; padding:15px 0 15px 20px; background:url(../common_img/titlebg01.png) bottom repeat; background-position:bottom; margin-bottom:20px; border:1px solid #b1b1b1; }
.titlebox01 p { float:left; }
.titleenglishbox01 { float:right; min-width:120px; width:auto !important; max-width:200px; background:#301e16; color:#FFFFFF; font-size:12px; padding:3px 5px; font-family:Arial, Helvetica, 'Hiragino Kaku Gothic ProN', Meiryo; margin:5px 0 0 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.titlebox01 { width:96%; margin:0 auto 10px; font-size:14px; font-weight:bold; padding:5px 0 5px 5px; background:url(../common_img/titlebg01.png) bottom repeat; background-position:bottom; border:1px solid #b1b1b1; }
.titlebox01 p { float:left; }
.titleenglishbox01 { float:right; min-width:25%; width:auto !important; max-width:30%; background:#301e16; color:#FFFFFF; font-size:8px; padding:3px 5px; font-family:Arial, Helvetica, 'Hiragino Kaku Gothic ProN', Meiryo; margin:2px 0 0 0; }
}
/* //タイトルボックス（ウェブフォントを使用）*/


/* ニュースボックス */
.newsbox01 { width:600px; margin:0 auto; background:#f4f3ee; }
.newsbox02 { width:580px; margin:0 auto; padding:10px; line-height:140%; }

.newsbox01 table { width:100%; }
td.newsdate { width:80px; text-align:left; vertical-align:top; }
td.newsdetail { width:520px; text-align:left; vertical-align:top; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.newsbox01 { width:96%; margin:0 auto; background:#f4f3ee; }
.newsbox02 { width:96%; margin:0 auto; padding-bottom:10px; line-height:140%; }

td.newsdate { width:100%; display:block; text-align:left; vertical-align:top; }
td.newsdetail { width:100%; display:block; text-align:left; vertical-align:top; }
}
/* //ニュースボックス */


/* 診療時間 */
.timebox01 { width:600px; margin:0 auto; padding-bottom:10px; line-height:140%; }

table#time { border-collapse: collapse; border:1px #424242 solid; margin:0 auto; }
table#time td { border:1px #424242 solid; }
td.time01 { width:145px; text-align:center; font-weight:bold; color:#363636; padding:10px 0 10px 0; background-image:url(../img/tablebg.png); background-repeat:repeat; }
td.time02 { width:145px; text-align:center; color:#363636; background:#FFFFFF; font-weight:bold; padding:10px 0 10px 0; }
td.day01 { width:70px; text-align:center; font-weight:bold; padding:10px 0 10px 0; background-image:url(../img/tablebg.png); background-repeat:repeat; }
td.day02 { width:70px; text-align:center; background:#FFFFFF; font-weight:bold; padding:10px 0 10px 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.timebox01 { width:96%; margin:0 auto; padding-bottom:10px; line-height:140%; }
.timebox02 { width:96%; margin:0 auto; padding-bottom:10px; line-height:140%; }

table#time { width:100%; border-collapse: collapse; border:1px #404040 solid; margin:0 auto; }
table#time td { border:1px #404040 solid; }
td.time01 { width:30%; text-align:center; font-weight:bold; padding:10px 0 10px 0; background-image:url(../img/tablebg.png); background-repeat:repeat; }
td.time02 { width:30%; text-align:center; background:#FFFFFF; font-weight:bold; font-size:10px; padding:10px 0 10px 0; background-color:#FFFFFF; }
td.day01 { width:10%; text-align:center; font-weight:bold; padding:10px 0 10px 0; background-image:url(../img/tablebg.png); background-repeat:repeat; }
td.day02 { width:10%; text-align:center; background:#FFFFFF; font-weight:bold; padding:10px 0 10px 0; background-color:#FFFFFF; }
}
/* //診療時間 */


/* アクセス */
.accessbox01 { width:600px; margin:0 auto; padding-bottom:10px; }
.accesstitlebox01 { padding:5px 15px 5px 0; font-size:16px; }
.accessleftbox01 { width:248px; float:left; }
.accessrightbox01 { width:332px; float:right; }
.accessrightbox01 iframe { width:100%; min-height:220px; }
.accessbannerbox01 { width:208px; padding:60px 0 0 0; text-align:left; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.accessbox01 { width:98%; margin:0 auto; padding-bottom:10px; }
.accesstitlebox01 { padding:3px 5px 3px 0; font-size:14px; }
.accessleftbox01 { width:96%; margin:0 auto; float:none; padding:0 0 10px 0; }
.accessrightbox01 { width:96%; margin:0 auto; float:none; padding:0; }

/* スマホでは表示しない */
.accessbannerbox01 { display:none; }
}