@charset "Shift_JIS";

/* ヘッダ
------------------------------------------------------------ */
#header { /* 全体 */
	text-align: center;
	border-bottom: #e50012 double 6px;
}
#header h1 { /* 見出し1 */
	font-size: 26px;
	border-bottom: #e50012 solid 20px;
	padding: 8px 0;
	line-height:1.7;
}
#header .logo { /* ロゴ */
	display: inline-block; 
	margin: auto;
	vertical-align: middle;
}

/* コンテンツ
------------------------------------------------------------ */
#contents { /* 全体 */
	margin: auto;
	max-width: 660px;
}
/* スマートフォン（480px以下） */
@media screen and (max-width:480px){
	#contents { /* 全体 */
		padding: 0 10px;
	}
}
#clinic{
	line-height:1.7;
}

/* 見出し
------------------------------------------------------------ */
#clinic h2 { /* 見出し2 */
	line-height: 1;
	text-align: center;
	background-color: #ff6347;
	color: #fff;
	font-size: 21px;
	padding: 0.7ex;
	font-weight: bold;
	border-radius: 4px;
	margin: 15px auto;
}
#clinic h3{ /* 見出し3 */
	font-size: 18px;
	font-weight: normal;
}

/* フッタ
------------------------------------------------------------ */
#footer { /* 全体 */
	background-color: #000;
	padding: 10px 0;
	text-align: center;
	line-height: 1.4;
	font-size: 11px;
}
#footer p { /* パラグラフ */
	color: #fff;
	margin-bottom: 1ex;
}

/* エントリーテーブル
------------------------------------------------------------ */
#clinic .table-entry { /* 全体 */
	width: 100%;
	margin-top: 1ex;
	margin-bottom: 10px;
	border-collapse: collapse;
}
#clinic .table-entry th,
#clinic .table-entry td { /* th,td */
	border: #bbb solid 1px;
	padding: 8px 12px;
	vertical-align: middle;
}
#clinic .table-entry th { /* th */
	text-align: center;
	font-weight: normal;
	background: #eee;
	color: #222;
	vertical-align: middle;
	line-height: 1.6;
	white-space: nowrap;
}
#clinic .table-entry td { /* td */
	text-align: left;
}
#clinic .table-entry td.border-no,
#clinic .table-entry th.border-no { /* th,tdライン無し */
	border: none;
	background-color: none;
}
#clinic .table-entry .table-tit th { /* th */
	font-weight:bold;
	font-size:120%;
	background:#ff6347;
	border:1px solid #ff6347;
	color:#fff;
}
/* スマートフォン（479px以下） */
@media screen and (max-width:479px){
	#clinic .table-entry tr { /* tr */
		display: block;
		margin: 8px 0 5px 0;
	}
	#clinic .table-entry th,
	#clinic .table-entry td { /* th,td */
		display: list-item;
		list-style-type: none;
		border: none;
	}
	#clinic .table-entry th { /* th */
		text-align: left;
		margin-bottom: 4px;
		padding: 5px 10px;
		border-left: #999 solid 3px;
	}
	#clinic .table-entry .table-tit th { /* th */
		text-align: center;
		border-left: none;
	}
	#clinic .table-entry td { /* td */
		padding: 0 7px;
	}
}

/* ulリスト
------------------------------------------------------------ */
ul.ul-default { /* 全体 */
	padding: 0;
	list-style: none;
	line-height: 1.6;
}
ul.ul-default > li { /*li */
	padding: 0;
	text-indent: -0.6em;
	padding-left: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
ul.ul-default > li:before { /* liの頭を●に変更 */
	display: inline-block;
	content: "●";
	margin-right: 0.2em;
	color: rgb(180,180,180);
}
ul.ul-default > li.li-link:before { /* liの頭を＞に変更するクラス */
	display: inline-block;
	content: "＞";
	font-weight: bold;
	margin-right: 0.2em;
	color: rgb(0,153,68);
}
ul.ul-default > li:last-of-type { /* li最後 */
	margin-bottom: 0;
}
ul.ul-default > li * { /* li最後 */
	text-indent: 0;
}

/* フォーム
------------------------------------------------------------ */
input { /* input全て */
	margin: 3px;
}
input[type~="submit"],
input[type~="button"],
input[type~="reset"] { /* ボタン */
	padding: 10px 40px;
	margin: 15px 1ex 25px 1ex;
	line-height: 1;
	font-family: Arial, Helvetica, "ヒラギノ角ゴPro W3", sans-serif;
	background-color: #fdd;
	font-size: 16px;
	color: #222;
	border: #faa solid 1px;
	border-radius: 4px;
	cursor: pointer;
}
input[type~="submit"]:hover,
input[type~="button"]:hover,
input[type~="reset"]:hover { /* ボタン(ホバー) */
	background-color: #ff6f6f;
	transition: background-color ease-out 0.4s;
	border-color: #f33;
	color: #fff;
}
input[type~="submit"]:focus,
input[type~="button"]:focus,
input[type~="reset"]:focus { /* ボタン(フォーカス) */
	//
}
/* スマートフォン（479px以下） */
@media screen and (max-width:479px){
	input[type~="submit"],
	input[type~="button"],
	input[type~="reset"] { /* ボタン */
		padding: 10px 23px;
	}
}
/* 入力ボックス幅 */
.w80px { /* 幅80px */
	width: 80px;
}
/* 入力ボックス幅 */
.w20px { /* 幅20px */
	width: 20px;
}
.w220px { /* 幅220px */
	width: 220px;
}
.w270px { /* 幅270px */
	width: 270px;
}
@media screen and (max-width:479px){
	.w220px { /* 幅220px */
		width: 90%;
	}
	.w270px { /* 幅270px */
		width: 90%;
	}
}

/* その他
------------------------------------------------------------ */
.disp-inbl { /* インラインブロック化 */
	display: inline-block;
}
.mar-l1em { /* 左マージン1em */
	margin-left: 1em;
}
.mar-r1em { /* 右マージン1em */
	margin-right: 1em;
}
.mar-b1em { /* 下マージン1em */
	margin-bottom: 1em;
}
.mar-t1em { /* 上マージン1em */
	margin-top: 1em;
}
.red { /* 文字赤 */
	color: #f00;
}
.smaller { /* 文字小 */
	font-size: 11px;
}
.larger { /* 文字大 */
	font-size: 16px;
}
em { /* 強調文字 */
	font-style: normal;
}
.nowrap { /* 折返し無し */
	white-space: nowrap;
}
.center { /* テキストセンター */
	text-align: center;
}
.bg-red-caution { /* 赤ベタ白文字注意事項 */
	position: relative;
	display: inline-block;
	margin: 3px 0;
	padding: 4px 6px;
	line-height: 1;
	background-color: #f00;
	color: #fff;
	border-radius: 3px;
}
.bg-red-caution:after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 13px solid #f00;
}
/* スマートフォン（479px以下） */
@media screen and (max-width:479px){
	br.hidden479 { /* インライン化 */
		display: inline;
	}
}
/* パソコン・タブレット（480px以上） */
@media screen and (min-width:480px){
	br.hidden479 { /* 非表示 */
		display: none;
	}
}
.w100{
	width:100%;
	}
.h100px{
	height:100px;
}