@charset "UTF-8";
/* CSS Document */
body  {
	background-image: url(../images/body_bg_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#doctor_name span {
	font-size: 165%;
	line-height: 2em;
	margin-left: 0px;
}
.twoColHybLtHdr #container {
	width: 960px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #D5D5D5;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.twoColHybLtHdr #header {
	height: 140px;
	width: 960px;
	padding-top: 10px;
} 
#container #header p {
	margin-left: 10px;
	margin-top: 4px;
	margin-bottom: 7px;
}
.twoColHybLtHdr #header h1 {
	float: left;
	padding-right: 0;
	padding-left: 35px;
}
.twoColHybLtHdr #container #header #tel {
	float: right;
	margin-right: 16px;
	margin-top: 10px;
}

.fadein { position:relative; height:350px; width:960px; }  
.fadein img { position:absolute; left:0; top:0; }

.twoColHybLtHdr #container #main {
	clear: both;
	width: 960px;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat;
	display: block;
}

/* #sidebar1 に関するヒント：
1. 単位は相対単位であるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は全体の幅に追加されるため、実際の幅が不特定の幅になります。 
2. サイドバーの値の単位として em が使用されているので、その幅が初期設定のテキストサイズに応じて変化することに注意してください。
3. 「.twoColHybLtHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/
.twoColHybLtHdr #sidebar1 {
	float: left;
	width: 265px; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	clear: both;
	background-color: #EBEBEB;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat;
	height: auto;
	padding-bottom: 30px;
}
.twoColHybLtHdr #container #main #sidebar1 .suckerdiv {
	height: 486px;
	width: 241px;
	margin-top: 20px;
	/* [disabled]margin-left: 34px; */
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-image: url(../images/navi_bg_07.gif);
}
.twoColHybLtHdr #container #main #sidebar1 .suckerdiv ul li {
	position: relative;
	height: 38px;
	list-style-type: none;
}


/*Sub level menu items */
.suckerdiv ul li ul{
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 5px;
	left: 140px;
	
}

/* Sub level menu links style */
.suckerdiv ul li ul li {
	width: 120px;
	height: 30px;
	margin-left: 10px;
	z-index: 10;
				}
			
.suckerdiv ul li a {
	font-family: verdana, sans-serif;
	
	display: block;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
}
			
.suckerdiv ul li a:hover {
	color: #06F;
	position: relative;
	z-index: 100;				
}
			
.suckerdiv ul li:hover ul ,
.suckerdiv ul li a:hover ul {
				visibility: visible;
				overflow: visible;
				height: auto;
				z-index: 100;
}

.suckerdiv ul li.up {
	color: #fff;
	}
.suckerdiv ul li.del {
	color: #fff;
	}


.twoColHybLtHdr #container #main #sidebar1 .side_banner {
	width: 240px;
	/* [disabled]margin-left: 34px; */
}
.twoColHybLtHdr #container #main #sidebar1 .side_banner img {
	margin-bottom: 14px;
}
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p {
	margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 10px;
	margin-top: 10px;
}





#mainContent  {
	float: left;
	width: 670px;
	background-image: url(../images/main_bg.gif);
	background-repeat: repeat;
} 
.contents_center  {
	width: 640px;
	margin-left: 15px;
}
.contents_center .top_tittle    {
	margin-top: 10px;
}
.contents_center .box01 {
	background-image: url(../images/line_y.gif);
	background-repeat: repeat-y;
	margin-bottom: 30px;
	margin-top: 20px;
}
.contents_center .box01 h2 {
	background-image: url(../images/h2_bg.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 620px;
	font-size: 16px;
	background-position: 0px 0px;
	padding-top: 14px;
	padding-left: 20px;
	color:#828181;
	font-style: normal;
	font-weight: 300;
	margin-bottom: 20px;
}
.contents_center .box01 h3 {
	background-image: url(../images/h3_bg.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 542px;
	margin-left: 32px;
	clear: both;
	display: block;
	padding-left: 20px;
	padding-top: 6px;
	margin-bottom: 20px;
	font-weight: lighter;
	font-size: 15px;
}

.contents_center .box01 h4 {
	margin-left: 50px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #6ac5d3;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	width: 500px;
	padding-left: 10px;
	clear: both;
}



/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 の間のスペースは、#mainContent div の左マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この左マージンを削除します。
2. #mainContent div の幅より広いエレメントが #mainContent div 内に配置されると、フローティングエレメントの落下（フローティング状態ではない #mainContent 領域がサイドバーの下に配置されること）が発生する可能性があります。ハイブリッドレイアウトの場合（全体の幅の単位はパーセント、サイドバーの単位は em）、使用可能な幅を正確に計算できない場合があります。ユーザーのテキストサイズが平均よりも大きい場合、#sidebar1 div が広くなるため、#mainContent div のスペースが狭くなります。クライアントが Contribute を使用してコンテンツを追加する予定である場合は、この制限に注意してください。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグを回避できます。
*/

.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer {
	clear: both;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #4c8ecc;
}
.twoColHybLtHdr #footer {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #4c8ecc;
}
.twoColHybLtHdr #footer .lift_left {
	clear: both;
	width: 200px;
	margin-top: 20px;
	margin-left: 20px;
	float: left;
	list-style-type: none;
}
.twoColHybLtHdr #container #footer .lift_left ul {
	list-style-type: none;
}
.lift_center {
	float: left;
	width: 200px;
	margin-top: 20px;
	margin-left: 20px;
}
.twoColHybLtHdr #footer .lift_right {
	width: 266px;
	margin-top: 20px;
	float: right;
	margin-right: 14px;
}
.twoColHybLtHdr #container #footer .lift_center ul {
	list-style-type: none;
}
.twoColHybLtHdr #footer .lift_right p {
	margin-top: 16px;
	margin-bottom: 20px;
}
#footer .lift_right span {
	font-size: 1.35em;
	color: #0668B8;
	font-weight: bold;
}
.twoColHybLtHdr #footer .copy {
	height: 34px;
	width: 960px;
	text-align: center;
	text-indent: 80px;
	clear: both;
	color: #FFF;
	padding-top: 5px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	padding-bottom: 5px;
}
.twoColHybLtHdr #container #main #mainContent .contents_center #kuzu {
	margin-top: 10px;
}
.gotop {
	margin-right: 40px;
	/* [disabled]float: right; */
	clear: both;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: right;
}
.contents_center .underline  {
	width: 640px;
	height: 10px;
	background-image: url(../images/line_x.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
	background-position: center;
	clear: both;
}

#doctor_name {
	margin-left: 20px;
	display: block;
	width: 225px;
	float: left;
	margin-top: 30px;
	text-align: center;
}
.side_time{
	background:url(../images/side_time_bg.png) no-repeat top center;
		width:241px;
	height:294px;
	margin-left:0;

}
.side_time span{
	padding-top:60px;
	padding-left:15px;
	display:block;
	font-size:110%;
	line-height:1.8;
}

.btn_box {
	overflow: hidden;
	width: 550px;
	margin: 30px 0 30px 50px;
	text-align: center;
}
.btn_box a {
    width: 165px;
    margin: 0 2px;
    background: #4c8ecc;
    display: inline-block;
    padding: 10px 0;
    color: #fff;
    border-radius: 4px;
	text-align: center;
    font-size: 13px;
    text-decoration: none;
}
.btn_box a:hover { opacity:0.7; }



/* -----------------------------------------------------------
　footerFloatingMenu
----------------------------------------------------------- */
#footerFloatingMenu {
	display: block;
	position: fixed;
	z-index: 9999;
	text-align: center;
	right: 0px;
	top: calc( 50% - 163px );
/*box-shadow: -1px 0 2px rgba(0,0,0,0.33);*/
display: none;/*設置後非表示*/
}

#footerFloatingMenu ul li { list-style: none;}

#footerFloatingMenu a { 
	/*color: #fff; line-height: 1.2; text-align: center;
	text-decoration: none; background: #f29600;*/
	width: 90px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/*
#footerFloatingMenu a p { width: 100%; font-size: 16px;
-webkit-align-items: center;
-webkit-justify-content: center; 
align-items: center;
justify-content: center;
}
*/
#footerFloatingMenu .floatingPC li a,
#footerFloatingMenu .floatingPC li a img {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#footerFloatingMenu .floatingPC li a img {
    border-top: 3px solid #0095d8;
    border-left: 3px solid #0095d8;
    border-bottom: 3px solid #0095d8;
}
#footerFloatingMenu .floatingPC li a:hover { opacity:0.7;}