/* CSS Document */

/* トップページ */
#h1box01 { width:100%; height:20px; font-size:10px; color:#FFFFFF; background-image:url(../common_img/h1bg.png); background-repeat:repeat-x; }
#h1box02 { width:984px; margin:0 auto; }

@media screen and (min-width: 0px) and (max-width: 768px)  {
#h1box01 { display:none; }
}

/* 動くバックグラウンド設定 */
.movebg{
background:#FFFFFF url(../common_img/movebg.png) repeat-x 0 0;
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
.movebg{
background:#FFFFFF url(../common_img/movebg.png) repeat-x 0 0;
background-size:70%;
}
}
/* //動くバックグラウンド設定 */


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


/* ヘッドインフォメーション */
#headinfobox01 { width:984px; margin:0 auto; }
#headinfoleftbox01 { width:409px; float:left; padding-top:18px; }
#headinforightbox01 { width:560px; float:right; text-align:right; color:#000000; line-height:140%; }

#headinfobox02 { padding:15px 0 10px 0; }
#headinfobox02 table { float:right; }
td.headinfoitem { padding-left:15px; vertical-align:middle; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headinfobox01 { width:98%; margin:0 auto; }
#headinfoleftbox01 { width:70%; float:none; margin:0 auto; padding:10px 0; }
#headinforightbox01 { display:none; }
}
/* //ヘッドインフォメーション */


/* ヘッドイメージ */
#headimgbox01 { padding-bottom:35px; }
#headimgbox02 { height:476px; background-image:url(../img/headimgbg.png); background-repeat:no-repeat; }
#headimgbox03 { width:999px; margin:0 auto; padding:19px 0 0 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headimgbox01 { padding-bottom:0; }
#headimgbox02 { height:auto; background:none; }
#headimgbox03 { width:100%; margin:0 auto; padding:0; }
}
/* スライドイメージ */
#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;
}
}
/* //スライドイメージ */
/* //ヘッドイメージ */


/* メインコンテンツ */
#maincontentsboxtop01 { width:100%; margin:0; padding:0; }
#maincontentsbox01 { background-image:url(../common_img/contentsbg.png); background-repeat:repeat-y; }
#maincontentsbox02 { width:966px; margin:0 auto; }

#leftcontentsbox01 { width:240px; float:left; }
#rightcontentsbox01 { width:687px; float:right; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#maincontentsboxtop01 { width:100%; display:none; }
#maincontentsbox01 { background:none; }
#maincontentsbox02 { width:98%; margin:0 auto; }

#leftcontentsbox01 { width:98%; margin:0 auto; float:none; }
#rightcontentsbox01 { width:98%; margin:0 auto; float:none; }
}
/* //メインコンテンツ */


/* スマホナビゲーション */
#spnavibox { display:none; }

@media screen and (min-width: 0px) and (max-width: 768px)  {
#spnavibox { display:block; background:#FFFFFF; margin:0 0 10px 0; }
#spnavibox ul { width:100%; margin:0; padding:0; display: table; table-layout: fixed; }
#spnavibox ul:first-child { border-top:1px solid #666666; }
#spnavibox ul li { display: table-cell; border-bottom:1px solid #666666; border-right:1px solid #666666; }
#spnavibox ul li:nth-child(2n) { display: table-cell; border-bottom:1px solid #666666; border-right:none; }
#spnavibox ul li a:before { content: url(../common_img/navi/spnaviicon.png); padding:0 5px 0 0; position: absolute; top: 50%; margin-top: -8px; margin-left:-25px; }
#spnavibox ul li a { display:block; position: relative; padding:10px 10px 10px 35px; }

#spnavibox ul li a:link { color:#333333; text-decoration:none; }
#spnavibox ul li a:visited { color:#333333; text-decoration:none; }
#spnavibox ul li a:active { background-color:#FF9933; color:#FFFFFF; text-decoration:none; }
#spnavibox ul li a:hover { background-color:#FF9933; color:#FFFFFF; text-decoration:none; }
}
/* スマホナビゲーション */


/* PCナビゲーション */
#navibox01 { padding-bottom:20px; }
.navi { width:100%; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#navibox01 { display:none; }
}

div#navi01 {
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi01_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi01 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi01 a {
 display: block;
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi01_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi01 a:hover {
 background:url(../common_img/navi/navi01_02.png) no-repeat top left;
 }
 
 div#navi02 {
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi02_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi02 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi02 a {
 display: block;
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi02_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi02 a:hover {
 background:url(../common_img/navi/navi02_02.png) no-repeat top left;
 }

div#navi03 {
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi03_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi03 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi03 a {
 display: block;
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi03_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi03 a:hover {
 background:url(../common_img/navi/navi03_02.png) no-repeat top left;
 }

div#navi04 {
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi04_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi04 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi04 a {
 display: block;
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi04_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi04 a:hover {
 background:url(../common_img/navi/navi04_02.png) no-repeat top left;
 }

div#navi05 {
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi05_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi05 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi05 a {
 display: block;
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi05_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi05 a:hover {
 background:url(../common_img/navi/navi05_02.png) no-repeat top left;
 }

div#navi06 {
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 background:url(../common_img/navi/navi06_01.png) no-repeat top left;
 text-indent: -9999px;
 }

div#navi06 h2 { 
 margin: 0;
 padding: 0;
 }

div#navi06 a {
 display: block;
 width: 240px;
 height: 82px;
 margin: 0;
 padding: 0px 0px 0px 0px;
 border: 0;
 background:url(../common_img/navi/navi06_01.png) no-repeat top left;
 text-indent: none;
 }
 
div#navi06 a:hover {
 background:url(../common_img/navi/navi06_02.png) no-repeat top left;
 }
/* //PCナビゲーション */


/* レフトバナー */
#leftbannerbox01 { width:233px; margin:0 auto; }
.leftbanner { padding-bottom:15px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#leftbannerbox01 { width:98%; margin:0 auto; }
.leftbanner { padding-bottom:10px; }
}
/* //レフトバナー */


/* コンテンツボックス */
.contentsbox01 { padding-bottom:20px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.contentsbox01 { padding-bottom:10px; }
}
/* //コンテンツボックス */


/* タイトルボックス（ウェブフォントを使用）*/
.titlebox01 { font-size:20px; font-family: 'Droid Serif', serif; padding:0 0 0 20px; background:url(../common_img/titlebg01.png) bottom no-repeat; background-position:bottom; margin-bottom:20px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.titlebox01 { font-size:14px; font-family: 'Droid Serif', serif; padding:0 0 0 5px; background:url(../common_img/titlebg01.png) bottom no-repeat; background-position:bottom; background-size:120%; margin-bottom:10px; }
}
/* //タイトルボックス（ウェブフォントを使用）*/


/* ニュースボックス */
.newsbox01 { width:650px; margin:0 auto; padding-bottom:10px; line-height:140%; }

.newsbox01 table { width:100%; }
td.newsdate { width:80px; text-align:left; vertical-align:top; }
td.newsdetail { width:570px; text-align:left; vertical-align:top; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.newsbox01 { 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:650px; margin:0 auto; padding-bottom:10px; line-height:140%; }

table#time { border-collapse: collapse; border:1px #404040 solid; margin:0 auto; }
table#time td { border:1px #404040 solid; }
td.time01 { width:145px; text-align:center; font-weight:bold; padding:10px 0 10px 0; background-image:url(../img/tablebg.png); background-repeat:repeat; }
td.time02 { width:145px; text-align:center; 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; 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; 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; font-weight:bold; padding:10px 0 10px 0; background-color:#FFFFFF; }
}
/* //診療時間 */


/* アクセス */
.accessbox01 { width:650px; margin:0 auto; padding-bottom:10px; }
.accesstitlebox01 { background-color:#e6e6e6; padding:5px 15px 5px 15px; font-size:16px; }
.accessleftbox01 { width:280px; float:left; padding-left:10px; }
.accessrightbox01 { width:332px; float:right; padding-right:10px; }

.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 { background-color:#e6e6e6; padding:3px 5px; 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; }
}