@charset "UTF-8";

/* メイン　共通
---------------------------------------------------------- */

/* カテゴリータイトル */
#category_title {
	background: #4295ca url(../../img/sp/common/category_title_bg.jpg) no-repeat top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto; /* Safari,Google Chrome用 */
	-moz-background-size: 100% auto; /* Firefox用 */
	-o-background-size: 100% auto; /* Opera用 */
	margin-bottom: 10px;
}

/* カテゴリータイトル */
#category_title {
	background: #4295ca url(../../img/sp/common/category_title_bg.jpg) no-repeat top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto; /* Safari,Google Chrome用 */
	-moz-background-size: 100% auto; /* Firefox用 */
	-o-background-size: 100% auto; /* Opera用 */
	margin-bottom: 10px;
}

.about #category_title {
	background: #4295ca url(../../img/sp/common/title_bg_about.jpg) no-repeat top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto; /* Safari,Google Chrome用 */
	-moz-background-size: 100% auto; /* Firefox用 */
	-o-background-size: 100% auto; /* Opera用 */
	margin-bottom: 10px;
}

.area #category_title {
	background: #4295ca url(../../img/sp/common/title_bg_area.jpg) no-repeat top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto; /* Safari,Google Chrome用 */
	-moz-background-size: 100% auto; /* Firefox用 */
	-o-background-size: 100% auto; /* Opera用 */
	margin-bottom: 10px;
}

.hospitalization #category_title {
	background: #4295ca url(../../img/sp/common/title_bg_hospitalization.jpg) no-repeat top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto; /* Safari,Google Chrome用 */
	-moz-background-size: 100% auto; /* Firefox用 */
	-o-background-size: 100% auto; /* Opera用 */
	margin-bottom: 10px;
}

.specialty #category_title {
	background: #4295ca url(../../img/sp/common/title_bg_specialty.jpg) no-repeat top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto; /* Safari,Google Chrome用 */
	-moz-background-size: 100% auto; /* Firefox用 */
	-o-background-size: 100% auto; /* Opera用 */
	margin-bottom: 10px;
}

.training #category_title {
	background: #4295ca url(../../img/sp/common/title_bg_training.jpg) no-repeat top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto; /* Safari,Google Chrome用 */
	-moz-background-size: 100% auto; /* Firefox用 */
	-o-background-size: 100% auto; /* Opera用 */
	margin-bottom: 10px;
}

.visitors #category_title {
	background: #4295ca url(../../img/sp/common/title_bg_visitors.jpg) no-repeat top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto; /* Safari,Google Chrome用 */
	-moz-background-size: 100% auto; /* Firefox用 */
	-o-background-size: 100% auto; /* Opera用 */
	margin-bottom: 10px;
}

#category_title h1 {
	font-size: 150%;
	line-height: 1.2;
	padding: 19px 6%;
	color: #FFFFFF;
}

#sub #category_title h1,
#sub_index #category_title h1 {
	font-size: 150%;
	line-height: 1.2;
	padding: 10px 6% 10px 6%;
	color: #FFFFFF;
}

#sub #category_title h1 span,
#sub_index #category_title h1 span {
	display: block;
	font-size: 60%;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/* メイン
---------------------------------------------------------- */

.container {
	clear: both;
	width: 87.5%;
	margin: 0 auto;
	background: #FFFFFF
}

#main h2 {
	font-size: 150%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1.3;
	text-align: left;
	margin-bottom: 20px;
	padding: 0 6%;
	color: #747474;
}

#main h2.line {
	font-size: 150%;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif !important;
	line-height: 1;
	font-weight: bold;
	text-align: left;
	letter-spacing: 0.05em;
	background: #51997e;
	margin-bottom: 10px;
	padding: 10px 6%;
	color: #FFFFFF;
}

#main h2.line  span {
	display: block;
	border-left: solid 2px #FFFFFF;
	padding-left: 6px;
}

#main h3 {
	font-size: 125%;
	line-height: 1;
	font-weight: bold;
	letter-spacing: 0.05em;
	background: #eceddd;
	margin-bottom: 10px;
	padding: 8px 6%;
}

#main h3 span {
	display: block;
	border-left: solid 4px #293e89;
	padding-left: 6px;
}

#main h4 {
	color: #977653;
	font-size: 123%;
	line-height: 1.5;
	margin-bottom: 20px;
}

#main h5 {
	font-size: 108%;
	line-height: 1.5;
	color: #666666;
	margin-bottom: 5px;
}


#main p {
	margin-bottom: 10px;
}


/* 1列
---------------------------------------------------------- */

.col1_block {
	clear: both;
	margin: 0 0 2em 0;
}


/* 2列
   高さは　module.managerでそろえる
---------------------------------------------------------- */

.col2_block {
	clear: both;
	margin: 0 0 2em 0;
}

.col2_block .col_box {
	width: 50%;
	float: left;
}

.col2_block .col_box .col_inner {
	padding: 10px;
	margin: 0 auto;
}

.col2_block02 {
	clear: both;
	margin: 0 0 2em 0;
}

.col2_block02 .col_box_l img {
	float: left;
	margin-right: 10px;
}

.col2_block02 .col_box_r img {
	float: right;
	margin-left: 10px;
}

.col2_block02 .col_box p {
	overflow: hidden;
}


/* カテゴリインデックス */
#category_index {
	border-top: solid 1px #dbdbc7;
	width: 100%;
	margin-bottom: 2em;
}

#category_index .col_box {
	padding: 10px 6%;
	background: #fffffa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffffa 2%, #f4efd2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fffffa), color-stop(100%,#f4efd2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fffffa 2%,#f4efd2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fffffa 2%,#f4efd2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fffffa 2%,#f4efd2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fffffa 2%,#f4efd2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffa', endColorstr='#f4efd2',GradientType=0 ); /* IE6-9 */
	border-bottom: solid 1px #dbdbc7;
}

#category_index .col_box a {
	text-decoration: none;
}

#category_index .col_box img {
	border-radius: 6px;
	float: left;
	margin-right: 10px;
}

#category_index .col_inner {
	clear: none;
	margin: 0;
	float: left;
}

#main #category_index h3 {
	clear: none;
	font-size: 125%;
	line-height: 1;
	font-weight: bold;
	letter-spacing: 0.05em;
	background: transparent;
	margin: 3px 0 10px 0;
	padding: 0 0 0 6px;
	color: #297854;
	border-left: solid 4px #297854;
	overflow: hidden;
}

#main #category_index h3 img {
	float: none;
	border-radius: 0px;
}

#main #category_index p {
	color: #333333;
	overflow: hidden;
}

/* link list
---------------------------------------------------------- */
/* グローバル */


/* トップのグローバル */
ul.gmenu {
	clear: both;
	width: 88%;
	margin: 0 auto 10px auto;
}

ul.gmenu li {
	font-size: 125%;
	font-weight: bold;
	letter-spacing: 0.05em;
	list-style: none;
	border-radius: 5px;
	background: #16b679; /* Old browsers */
	background: -moz-linear-gradient(top,  #16b679 0%, #095d3d 41%, #094830 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#16b679), color-stop(41%,#095d3d), color-stop(100%,#094830)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #16b679 0%,#095d3d 41%,#094830 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #16b679 0%,#095d3d 41%,#094830 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #16b679 0%,#095d3d 41%,#094830 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #16b679 0%,#095d3d 41%,#094830 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16b679', endColorstr='#094830',GradientType=0 ); /* IE6-9 */
	margin-bottom: 5px;
}

ul.gmenu li a {
	display: block;
	padding: 12px 4%;
	text-decoration: none;
	color: #FFFFFF;
	background: url(/hospital/img/sp/common/icon_arrow.png) 98% center no-repeat;
	background-size: 12px auto;
	-webkit-background-size: 12px auto; /* Safari,Google Chrome用 */
	-moz-background-size: 12px auto; /* Firefox用 */
	-o-background-size: 12px auto; /* Opera用 */
}

ul.gmenu li:hover, ul.gmenu li:active {
	opacity: 0.9;
}


/* トップのユーザーグローバル */
ul.umenu {
	clear: both;
	width: 88%;
	margin: 0 auto ;
	padding-bottom: 10px;
}

ul.umenu li {
	font-size: 117%;
	font-weight: bold;
	letter-spacing: 0.05em;
	list-style: none;
	border: 2px solid #bcbcbc;
	border-radius: 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 33%, #e7e7e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(33%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 33%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 33%,#e7e7e7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 33%,#e7e7e7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 33%,#e7e7e7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
	margin-bottom: 5px;
	text-align: center;
}

ul.umenu li.l {
	width: 48%;
	float: left;
}

ul.umenu li.r {
	width: 48%;
	float: right;
}

ul.umenu li a {
	display: block;
	padding: 12px 5px 12px 5px;
	text-decoration: none;
	background-size: 14px auto;
	-webkit-background-size: 14px auto; /* Safari,Google Chrome用 */
	-moz-background-size: 14px auto; /* Firefox用 */
	-o-background-size: 14px auto; /* Opera用 */
}

ul.umenu li a span {
	padding-left: 16px;
	font-weight: bold;
}

ul.umenu li a span span {
	display:inline;
	font-size:11px;
}

ul.umenu li a span .icon {
	margin-left:4px;
	vertical-align:middle;
}


/* バナー */
ul.banner {
	clear: both;
	width: 100%;
	margin: 0 auto 28px auto;
}

ul.banner li {
	font-size: 125%;
	font-weight: bold;
	letter-spacing: 0.05em;
	list-style: none;
	background: -moz-linear-gradient(top,  #fafbfb 2%, #dee0e0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#fafbfb), color-stop(100%,#dee0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafbfb 2%,#dee0e0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafbfb 2%,#dee0e0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafbfb 2%,#dee0e0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fafbfb 2%,#dee0e0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfb', endColorstr='#dee0e0',GradientType=0 ); /* IE6-9 */
}

ul.banner li a {
	display: block;
	padding: 12px 4% 12px 8%;
	text-decoration: none;
	min-height: 60px;
}

ul.banner li.hyaku a {
	color:#FFFFFF;
}

ul.banner li.hyaku:hover, ul.banner li.hyaku:active {
	opacity: 0.9;
}

ul.banner li img {
	margin-right: 10px;
	vertical-align: middle;
}

ul.banner li span {
	vertical-align: -20px;
}

ul.banner li span.nidan {
	vertical-align: -13px;
}

ul.banner li span.note {
	vertical-align: 0;
	color: #999999;
	font-size: 80%;
	font-weight: 400;
}



/* table
---------------------------------------------------------- */


#main table {
	border-top: solid 1px #98ad75;
	border-left: solid 1px #98ad75;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 15px;
}

#main table caption {
	padding: 10px 10px;
	background: #eceddd;
	text-align: left;
	font-weight: bold;
	border: solid 1px #98ad75;
	border-bottom: solid 0 #98ad75;
	color: #364a42;
	font-size: 115%;
}

#main table th {
	border-bottom: solid 1px #98ad75;
	border-right: solid 1px #98ad75;
	padding: 10px 10px;
	background: #eceddd;
	text-align: center;
	vertical-align: top;
	color: #364a42;
	font-weight: bold;
}

#main table td {
	border-bottom: solid 1px #98ad75;
	border-right: solid 1px #98ad75;
	padding: 10px 10px;
	text-align: left;
	vertical-align: top;
}

/* tdの文字ぞろえ */
#main table.center td {
	text-align: center;
}

#main table.right td {
	text-align: right;
}

#main table.middle td {
	vertical-align:middle!important;
}

/* dl
---------------------------------------------------------- */

/* アイコン中黒の定義リスト */
#main dl.nakaguro {
	margin-bottom: 15px;
}

#main dl.nakaguro dt {
	margin-bottom: 8px;
	padding-left: 20px;
	background: url(/hospital/img/sp/common/main/icon_maru.gif) no-repeat left center;
	background-size: 9px auto;
	-webkit-background-size: 9px auto; /* Safari,Google Chrome用 */
	-moz-background-size: 9px auto; /* Firefox用 */
	-o-background-size: 9px auto; /* Opera用 */
}

#main dl.nakaguro dd {
	margin: 0 0 5px 20px;
}


/* ul
---------------------------------------------------------- */

/* ノーマル　アイコン中黒 */
#main ul.nakaguro {
	margin-bottom: 15px;
}

#main ul.nakaguro li {
	padding-left: 20px;
	background: url(/hospital/img/sp/common/main/icon_maru.gif) no-repeat left 0.5em;
	background-size: 9px auto;
	-webkit-background-size: 9px auto; /* Safari,Google Chrome用 */
	-moz-background-size: 9px auto; /* Firefox用 */
	-o-background-size: 9px auto; /* Opera用 */
	margin-bottom: 3px;
}

#main ul.nakaguro li ul {
	margin: 5px 0 10px 0;
}

#main ul.nakaguro li ul li {
	padding-left: 15px;
	background: url(/hospital/img/sp/common/main/icon_maru_s.gif) no-repeat left 0.5em;
	margin-bottom: 3px;
}

#main dl.nakaguro ul.nakaguro li {
	padding-left: 15px;
	background: url(/hospital/img/sp/common/main/icon_maru.gif)no-repeat left 0.5em;
	background-size: 9px auto;
	-webkit-background-size: 9px auto; /* Safari,Google Chrome用 */
	-moz-background-size: 9px auto; /* Firefox用 */
	-o-background-size: 9px auto; /* Opera用 */
	margin-bottom: 3px;
}

#main ul.nakaguro_s {
	margin-bottom: 15px;
}

#main ul.nakaguro_s li {
	padding-left: 20px;
	background: url(/hospital/img/sp/common/main/icon_maru_s.gif) no-repeat 2px 0.5em;
	margin-bottom: 3px;
}


/* 注釈 */
ul.asterisk {
	margin-bottom: 15px;
}

ul.asterisk li {
	text-indent: -1.0em !important;
	margin-left: 1.0em !important;
	padding-left: 0 !important;
	background: none !important;
	margin-bottom: 3px;
}

ul.asterisk_m li {
	text-indent: -2.0em !important;
	margin-left: 2.0em !important;
	padding-left: 0 !important;
	background: none !important;
	margin-bottom: 5px;
}


/* ページのトップへ */
#main p.pagetop {
	border-top: solid 1px #D0D0D0;
	text-align: center;
	margin-bottom: 30px;
}

#main p.pagetop a {
	display: inline-block;
	padding: 20px 10px 20px 30px;
	background: url(/hospital/img/sp/common/main/icon_pagetop.gif) no-repeat left center;
	color: #666666;
	text-decoration: none;
	background-size: 20px auto;
	-webkit-background-size: 20px auto; /* Safari,Google Chrome用 */
	-moz-background-size: 20px auto; /* Firefox用 */
	-o-background-size: 20px auto; /* Opera用 */
	margin-bottom: 3px;
}

.container p.pagetop a:hover {
	text-decoration: underline;
}

/* ページ内リンクボタン */
#main ul.link_btn {
	clear: both;
	width: 88%;
	margin: 0 auto 2em auto;
	border-top: solid 1px #d4d6e3;
}

#main ul.link_btn li {
	font-size: 108%;
	font-weight: bold;
	letter-spacing: 0.05em;
	list-style: none;
	background: #f4f5fa;
	border-bottom: solid 1px #d4d6e3;
	border-left: solid 1px #d4d6e3;
	border-right: solid 1px #d4d6e3;
}

#main ul.link_btn li a {
	display: block;
	padding: 4px 4% 4px 28px;
	text-decoration: none;
	color: #333333;
	background: url(/hospital/img/sp/common/main/icon_link_btn.gif) 10px center no-repeat;
	background-size: 12px auto;
	-webkit-background-size: 12px auto; /* Safari,Google Chrome用 */
	-moz-background-size: 12px auto; /* Firefox用 */
	-o-background-size: 12px auto; /* Opera用 */
	font-weight: normal;
}

#main ul.link_btn li a:hover, #main ul.link_btn li a:active {
	color: #37a476;
	text-decoration: none;
}


/* ol
---------------------------------------------------------- */

/* ノーマル　数字 */
#main ol {
	margin-bottom: 15px ;
}

#main ol li {
	margin-bottom: 3px;
}

#main ol li ol {
	counter-reset: number;
	margin: 5px 0 10px 3em;
	list-style: none;
}

#main ol li ol li {
	text-indent: -3em;
}

#main ol li ol li:before {
	counter-increment: number;
	content: "（" counter(number) "）";
}

/* 数字の中のul */
#main ol li ul {
	counter-reset: ulnumber;
	margin: 5px 0 10px 0;
}

#main ol li ul li {
	padding-left: 20px;
	background: url(/hospital/img/sp/common/main/icon_maru_s.gif) no-repeat 2px 0.5em;
	margin-bottom: 3px;
	text-indent: 0;
}

#main ol li ul li:before {
	counter-increment: ulnumber;
	content: "";
}


/* ニュース
---------------------------------------------------------- */

#news_top {
	position: relative;
	color: #555555;
	margin-bottom: 10px;
}

ul.news_tab {
	position: absolute;
	top: 0;
	right: 0;
	width: 637px;
}

ul.news_rss li,
ul.news_tab li {
	float: left;
}

ul.news_tab li img {
	display: block;
}

ul.news_rss {
	position: absolute;
	top: 5px;
	right: 0;
	width: 105px;
}

ul.news_rss li img {
	margin-left: 5px;
}

.pickup_block dl dt {
	padding: 8px 9% 2px 9%;
	margin: 0;
	font-weight: 400;
	font-size: 92.3%;
	color: #666666;
}

.pickup_block dl dt img {
	margin-left: 5px;
	vertical-align: middle;
}

.pickup_block dl dd {
	padding: 2px 9% 8px 9%;
	margin: 0;
	border-bottom: solid 1px #CCCCCC;
}

/* form
---------------------------------------------------------- */
#main .c_form p {
	margin: 5px 0 0 0;
}

#main .c_form th {
	text-align: left;
}

.err {
	color: #FF0000;
}

.hissu {
	display: inline-block;
	background: #FF3300;
	color: #FFFFFF;
	padding: 1px 5px;
	font-size: 85%;
	font-weight: 400;
	letter-spacing: 0.1em;
	float: right;
}

.txt_xl {
	width: 98%;
}

.txt_l {
	width: 98%;
}

.txt_s {
	width: 100px;
}

#main .c_form select,
#main .c_form input[type="text"],
#main .c_form textarea {
	padding: 3px;
	border: solid 1px #CCCCCC;
}