@charset "UTF-8";

@import url(default.css);
@import url(common.css);


/*	共通
------------------------------------------------------------*/
h2{
	margin-bottom:20px;
}


h2.typeIcon{
	color:#004ea2;
	font-size:150%;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;
}
h2.typeIcon:before {
    background:url(../images/common/icon_01.png) no-repeat top left;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 3px;
    width: 20px;
}
h2.typeIcon:after {
    background:url(../images/common/icon_01.png) no-repeat top right;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 10px;
    position: relative;
    top: 3px;
    width: 20px;
}

h3{
	background:url(../images/common/h3_bg.png) no-repeat left center;
	padding-left:20px;
	font-size:140%;
	color:#fff;
	height:30px;
	line-height:1.9;
	margin-bottom:30px;
}

h4{
	background:url(../images/common/h4_bg.png) no-repeat left center;
	padding-left:20px;
	font-size:130%;
	color:#004ea2;
	border-bottom:#004ea2 1px solid;
	margin:20px 0;
}

section{
	clear:both;
	margin-bottom:30px;
}

#cntents p.pagetop{
	text-align:right;
	padding:0 0 40px;
}
#cntents p.pagetop a{
	color:#004ea2;
}

#cntents p.pagetop:after {
	background:url(../images/common/icon_05.png) no-repeat right center;
    content: "";
    display: inline-block;
    height: 14px;
    margin-left: 5px;
    position: relative;
    top: 3px;
    width: 14px;

}
#cntents ul{
	margin:0 20px 20px;
}
#cntents ul li{
	background:url(../images/common/icon_02.png) no-repeat left 3px;
	padding-left:20px;
	margin:10px 0;
}
#cntents ul.type2 li{
	background:url(../images/common/icon_04.png) no-repeat left 3px;
	padding-left:20px;
	margin:10px 0;
}
#cntents ul.type2 li a{
	color:#000;
	display:block;
}
#cntents ul.type2 li a:hover{
	color:#F0A530;
}
#cntents ul.noIcon li{
	background:none;
	padding-left:0;
	margin:0;
}
#cntents p{
	margin:0 20px 20px;
}
#cntents p.lead{
	text-align:center;
	font-size:140%;
	color:#004EA2;
	padding:20px;
}





#cntents .inr{
	padding:0 20px;
}


#cntents .nami{
	background:url(../images/common/bg_nami_b.png) bottom center no-repeat;
	padding:0 20px 70px;
	margin-bottom:40px;
}
.nami:after {clear: both;content: ".";display: block;height: 0; visibility: hidden;}
.nami {display: inline-block;}
* html .nami {height: 1px;}
.nami {display: block;}


#sub p.alert {
  color: #004ea2;
  font-size: 126%;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #004ea2;
  border-radius: 5px;
  margin: 20px;
}
#sub p.alert span {
  color: #f0a530; 
}




/*	TOP
------------------------------------------------------------*/
section#top{
	background:url(../images/top/bg_namitop_t.png) top center no-repeat;
	padding-top:80px;
	padding-bottom:50px;
}
section#top:after {
	background:url(../images/top/bg_namitop_b.png) bottom center no-repeat;
    content: "";
    display: inline-block;
    height: 120px;
    position: relative;
    top: 0;
    width: 100%;
}

/* メインイメージ */
#mainimg {
	margin: 0 auto;
	width: 640px;
	height: 400px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-bottom:40px;
}
#mainimg img {
	top: 0;
	left: 0;
	position: absolute;
}



/*	診療のご案内
------------------------------------------------------------*/
div.boxAisatsu{
	background:url(../images/top/bg_namitop_t.png) top center no-repeat;
	padding-top:80px;
	padding-bottom:0;
}
div.boxAisatsu:after {
	background:url(../images/common/bg_nami_b.png) bottom center no-repeat;
    content: "";
    display: inline-block;
    height:75px;
    position: relative;
    top: 0;
    width: 100%;
}
div.boxAisatsu p{
	font-size:150%;
	text-align:center;
	margin-bottom:30px;
}
div.boxAisatsu p.name{
	font-size:100%;
	text-align:right;
}
div.boxAisatsu table{
	width:100%;
}
div.boxAisatsu table th,
div.boxAisatsu table td{
	border-bottom:#d6dfe3 1px solid;
	padding:8px 0 8px 20px;
	font-weight:normal;
	text-align:left;
}
div.boxAisatsu table th{
	width:100px;
}

table.time{
	border-collapse: collapse;
	border:#004ea2 1px solid;
	width:600px;
	margin:0 auto;
	font-size:130%;
}
table.time th{
	border:#004ea2 1px solid;
	background:#278fcf;
	color:#fff;
	text-align:center;
	padding:5px;
	font-weight:normal;
}
table.time td{
	border:#004ea2 1px solid;
	text-align:center;
	font-weight:bold;
}
table.time td span{
	font-size:80%;
	font-weight:normal;
}
table.time td.maru{
	background:#f6ca85;
	color:#278fcf;
	font-size:280%;
}
table.time td.nashi{
	background:#dfe8f6;
	color:#278fcf;
	font-size:280%;
}




/*	院内のご案内
------------------------------------------------------------*/
figure{
}
figure:after {clear: both;content: ".";display: block;height: 0; visibility: hidden;}
figure {display: inline-block;}
* html figure {height: 1px;}
figure {display: block;}


figure figcaption{
	text-align:right;
	color:#004EA2;
	margin:5px 0 5px;
	font-size:90%;
}


.pt340{
	padding-top:340px;
}








/*	設備について
------------------------------------------------------------*/

dl.setsubi_R{
	clear:both;
	height:115px;
}
dl.setsubi_R dt.photo{
	float:left;
}
dl.setsubi_R dt.ttl{
	float:right;
	width:340px;
	background: url(../images/common/icon_02.png) 20px center no-repeat #eaf2ff;
	color:#278fcf;
	padding:5px 0 5px 40px;
}
dl.setsubi_R dd{
	float:right;
	background:#fff;
	width:340px;
	padding:10px 20px;
	height:70px;
}


dl.setsubi_L{
	clear:both;
	height:145px;
	margin-bottom:50px;
}

dl.setsubi_L dt.photo{
	float:right;
}
dl.setsubi_L dt.ttl{
	width:340px;
	background: url(../images/common/icon_02.png) 20px center no-repeat #eaf2ff;
	color:#278fcf;
	padding:5px 0 5px 40px;
	position:relative;
	top:50px;
}
dl.setsubi_L dd{
	background:#fff;
	width:340px;
	padding:10px 20px;
	height:55px;
	position:relative;
	top:50px;
}
















/*	交通のご案内
------------------------------------------------------------*/




/*	診療案内ページ　診療時間下コメント
------------------------------------------------------------*/
#cntents .hosoku{
	margin:2px 0 0 40px;
	width:600px;
	}


/*	スタッフ募集
------------------------------------------------------------*/
#cntents .adress {
	display: inline-block;
	padding-left: calc(1em + 20px);
	margin: 0;
}
#cntents .tx_blue {
	color: #004EA2;
}
#cntents .staff_tb {
	/*width: calc(100% -20px);*/
	width: 620px;
	margin-left: 20px;
}

#cntents .staff_tb th,
#cntents .staff_tb td {
	border: 1px solid #004EA2;
	padding: 3px 20px;
}

#cntents .staff_tb th {
	font-weight: normal;
	text-align: center;
	background: #dfe8f6;
}