@charset "utf-8";

/* ===================================================================

 共通スタイル｜田尻病院

 [1]基本設定
 [2]グローバルナビ
 [3]ヘッダー
 [4]サイドバー
 [5]フッター
 [6]タイトル
 [7]パンくず
 [8]装飾系
 [9]テーブル

======================================================================
2015.04.04 sonoda
------------------------------------------------------------------- */


/*--------------------------------------------------------------------
	[1]基本設定
--------------------------------------------------------------------*/

/*--- default */

body {
	background: #FFF;
	color: #111111;
	font-size: small;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.5;
	padding-top: 3px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

body {
	border-top: solid 3px #188b89;
}

a {
	text-decoration: none;
	color: #1355bc;
}

ul {
	list-style: none;
}

a:link {
}

a:visited {
	border: none;
}

a:hover {
	text-decoration: underline;
	color: #4e84d9;
}

a:active {
}

.container {
	max-width: 970px;
	position: relative;
}

.row {
	margin: 0 0 20px 0;
}

/*.container {
	max-width: 980px;
	padding: 0;
}

.col-md-3,
.col-md-9 {
	margin: 0;
	padding: 0;
}*/

.clearfix { zoom:1; }
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.container:nth-child(3) ul {
	margin: 0 0 20px -30px;
}

label {
	font-weight: normal;
}
.byoutou img,
.kensa img,
.yurikago img,
.kango img,
.kyujin_nurse img,
.shinryou img {
	margin: 5px;
}
/*------------タブレット以下のサイズレイアウト------------*/
@media (max-width:768px) {

/*画像100%*/
.byoutou img,
.kensa img,
.yurikago img,
.kango img,
.kyujin_nurse img,
.shinryou img {
	width: 100%;
	height: auto;
}

.access img {
	width: 100%;
	height: auto;
}
}
/*--------------------------------------------------------------------
	[2]グローバルナビ
--------------------------------------------------------------------*/

.navbar {
	margin-bottom: 0;
	margin-top: 5px;
	border-radius: 0;
	border: none;
	background: #549df7; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTQ5ZGY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjNTQ5ZGY3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjNDNjMmUyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQzYzJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #549df7 0%, #549df7 40%, #43c2e2 60%, #43c2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #549df7), color-stop(40%, #549df7), color-stop(60%, #43c2e2), color-stop(100%, #43c2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #549df7 0%, #549df7 40%, #43c2e2 60%, #43c2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #549df7 0%, #549df7 40%, #43c2e2 60%, #43c2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #549df7 0%, #549df7 40%, #43c2e2 60%, #43c2e2 100%); /* IE10+ */
	background: linear-gradient(135deg, #549df7 0%, #549df7 40%, #43c2e2 60%, #43c2e2 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#549df7', endColorstr='#43c2e2', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.navbar-default .navbar-nav > li > a,
.navbar-default .nav-justified > li > a {
	color: #fff;
	font-size: 14px;
	margin: 13px 0;
	padding: 3px 2px;
	font-weight: bold;
	border-radius: 0;
	border: none;
	/*border-right: 1px solid #fff;*//*text-shadow: -1px 1px 0 rgba(0,0,0,0.2);*/
	border-left: 1px solid #fff;/*text-shadow: -1px 1px 0 rgba(0,0,0,0.2);*/
	margin-left: -1px;
	white-space: nowrap;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .nav-justified > li > a:hover {
	background-color: rgba(255, 255, 255, .2);
	margin: 0 0;
	padding: 16px 1px 16px 2px;
	color: #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	margin-left: -1px;
}

.navbar-default .nav-justified > li > a.currentPage {
	background: url(../img/common/menu_active.png) no-repeat #eee center bottom;
	color: #4cbcd4;
	margin: 0 0;
	padding: 16px 2px;
	cursor: default;
	border-right: 1px solid #fff;
}

/*------------グローバルナビスマホサイズレイアウト------------*/
@media (max-width:768px) {

.nav-justified {
	padding: 0;
	margin: 0;
}

.navbar .container {
	padding: 0
}

.navbar-default .nav-justified > li:first-child {
}

.navbar-default .nav-justified > li:nth-child(odd) {
	border-right: 1px solid rgba(255, 255, 255, .2);
}

.nav-justified > li {
}

.navbar-default .nav-justified > li:first-child > a, .navbar-default .nav-justified > li > a {
	border: none;
	padding: 6px;
	margin: 0;
}

.navbar-default .nav-justified > li:first-child > a:hover, .navbar-default .nav-justified > li > a:hover {
	border: none;
	padding: 6px;
	margin: 0;
}

.navbar-default .nav-justified > li:last-child {
	border: none;
}

.navbar-default .nav-justified > li {
	border-right: none;
	border-left: none;
	border-bottom: 1px solid rgba(255, 255, 255, .2);
	float: left;
	width: 50%;
}

.navbar-default .nav-justified > li:last-child {
	width: 100%;
}
.navbar-default .nav-justified > li > a.currentPage {
	background: url(../img/common/menu_active.png) no-repeat #eee center bottom;
	color: #4cbcd4;
	margin: 0 0;
	padding: 6px;
	cursor: default;
	border-right: 1px solid #fff;
}
}

/*--------------------------------------------------------------------
	[3]ヘッダー
--------------------------------------------------------------------*/
header h1 {
	margin: 0;
}

.head-tell {
	margin: 3px auto 0;
	font-size: 30px;
	font-weight: bold;
	text-align: right;
}

.head-tell i {
	margin-right: 5px;
	margin-top: 1px;
	font-size: 28px;
}

.head-mail, .head-adress {
	text-align: right;
	margin: 1px auto 2px;
}

.head-mail {
	font-size: 17px;
}

.head-adress {
	font-size: 14.7px;
}
#mainvisual {
	background: url(../img/common/main-back-top.jpg) repeat-x;
	margin-bottom: 40px;
}


@media screen and (max-width:480px) { 
#mainvisual_top {
	background: url(../img/common/main-back-top.jpg) repeat-x;
	width:100%;
	max-height:230px;
	min-height:180px;
	table-layout:fixed;
	background-size
	}

}
@media screen and (min-width:480px) and ( max-width:640px) {
#mainvisual_top {
	background: url(../img/common/main-back-top.jpg) repeat-x;
	width:100%;
	height:auto;
	max-height:300px;
	min-height:240px;
	table-layout:fixed;
	background-size
	}

}
@media screen and (min-width:640px) and ( max-width:1024px) {
    /*　画面サイズが768pxから1024pxまではここを読み込む　*/
	#mainvisual_top {
	background: url(../img/common/main-back-top.jpg) repeat-x;
	width:100%;
	height:auto;
	max-height:384px;
	min-height:300px;
	table-layout:fixed;
	background-size
}

}
@media screen and (min-width:1024px) {
	#mainvisual_top {
	background: url(../img/common/main-back-top.jpg) repeat-x;
	width:100%;
	height:384px;
	table-layout:fixed;
	background-size
}
}



/*------------ヘッダースマホサイズレイアウト------------*/
@media (max-width:768px) {
h1 img {
	margin: 0 auto;
}

.head-tell {
	font-size: 20px;
	text-align: center;
}
.head-tell i{
	font-size: 15px;
}
.head-mail, .head-adress {
	text-align: center;
	font-size: 13px;
}

header p {
	text-align: center;
}
#mainvisual{
	margin-bottom: 20px;
}
}


#mainvisual_top{
	margin-bottom: 20px;
}


.main-img {
	margin: 20px auto;
	position: relative;
}




.slide_body{
	background: url(../img/common/main-back-top.jpg);
    max-width:100%;
    height:auto;
    position:relative;
    }
.slide_body img{
    max-width:940px;
    position:absolute;
    left:0;
    top:20px;
    transition:.3s;
    opacity:0;
	max-width:100%;
	height:auto;
    }
img.slide_img1{
    opacity:1;
    }


/*--------------------------------------------------------------------
	[4]サイドバー
--------------------------------------------------------------------*/


#side-nav {
	margin-bottom: 40px;
}

.side-box {
	border: 1px solid #d2d2d2;
	margin-top: -1px;
	margin-left: -1px;
	padding: 5px;
	float: left;
}

.side-box a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.side-box a:hover {
	background-color: #FFF;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}

.side-title {
	text-align: center;
	margin-top: -40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
}

.side-box img {
	margin: 0 auto;
}

/*------------992px以下のサイズレイアウト------------*/
@media (max-width:992px) {

.side-title {
	margin-top: 10px;
	text-shadow: none;
	line-height: 1.2em;
	margin-top: -32px;
	margin-bottom: 10px;
	color: #333;
	height: 30px;
	color: #fff;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
}

.side-box img {
	width: 100%;
}
}

/*------------タブレット以下のサイズレイアウト------------*/
@media (max-width:768px) {

.side-title {
	margin-top: 10px;
	text-shadow: none;
	line-height: 1.2em;
	margin-top: -13%;
	margin-bottom: 5%;
	color: #333;
	height: 30px;
	color: #fff;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.2);
}

.side-caption {
	vertical-align: central;
	margin: 0;
	font-size: 12px;
}

.side-box {
	min-height: 210px;
}

.side-box img {
	width: 100%;
}
}

/*------------タブレット以下のサイズレイアウト------------*/
@media (max-width:460px) {

.side-title {
	font-size: 95%;
	margin-top: -15%;
}
}

/*--------------------------------------------------------------------
	[5]フッター
--------------------------------------------------------------------*/


footer {
	margin-top: 60px;
}

#pagetop {
	position: absolute;
	top: -44px;
	right: 31px;
	width: 95px;
	cursor: pointer;
}

#pagetop:hover {
	top: -45px;
}

footer #site-map {
	padding: 20px 0;
	background: #c8edee; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzhlZGVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MyZGRmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(-45deg, #c8edee 0%, #c2ddf5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #c8edee), color-stop(100%, #c2ddf5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #c8edee 0%, #c2ddf5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #c8edee 0%, #c2ddf5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #c8edee 0%, #c2ddf5 100%); /* IE10+ */
	background: linear-gradient(135deg, #c8edee 0%, #c2ddf5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8edee', endColorstr='#c2ddf5', GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.anchor-arrow {
	margin-top: 15px;
	margin-bottom: 0;
	font-weight: bold;
}

.anchor-arrow a i {
	margin-right: 5px;
	font-size: 12px;
	line-height: 12px;
	background-color: #fff;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 6px 6px 6px 6px/6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px/6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px/6px 6px 6px 6px;
	background-color: #fff;
}

.anchor-arrow a:hover i {
	background-color: rgba(255, 255, 255, .5);
	;
}

.anchor-arrow .fa {
	padding-left: 4px;
}

.foot-sitemap-colom {
	float: left;
	margin-right: 33px;
	color: #1355bc;
}

.foot-sitemap-colom li:before {
	content: "・";
}

.colom-last {
	margin-right: 0;
}

#site-map ul {
	margin-top: 5px;
	margin-left: 15px;
	padding-left: 0;
	float: left;
}

#footer {
	padding: 10px;
	background-color: #f5f6f7;
}

#footer img {
	float: left;
	margin-right: 10px;
}

.foot-adress {
	margin-top: 25px;
	float: left;
}

#footer .copyright {
	float: right;
	text-align: right;
	margin-top: 60px;
}

#footer .copyright small {
	font-size: 13px;
}
/*------------タブレット以下のサイズレイアウト------------*/
@media (max-width:768px) {

.foot-adress {
	text-align: center;
	float: none;
}

#footer .copyright {
	float: none;
	clear: both;
	text-align: center;
	margin-top: 10px;
}
}

/*--------------------------------------------------------------------
	[6]タイトル
--------------------------------------------------------------------*/

h2 {
	font-size: 20px;
	margin-bottom: 5px;
	padding: 0 0 0 10px;
}

h2 img {
	margin-right: 5px;
}

hr {
	border: none;
	margin-top: 0;
	width: 100%;
	height: 2px;
	background-color: #0c31ba;
	background-image: -webkit-linear-gradient(left, #549df7, #43c2e2 53%, #4cbcd4 87%, #f2fdfb);
	background-image: -moz-linear-gradient(left, #549df7, #43c2e2 53%, #4cbcd4 87%, #f2fdfb);
	background-image: -o-linear-gradient(left, #549df7, #43c2e2 53%, #4cbcd4 87%, #f2fdfb);
	background-image: -ms-linear-gradient(left, #549df7, #43c2e2 53%, #4cbcd4 87%, #f2fdfb);
	background-image: linear-gradient(to right, #549df7, #43c2e2 53%, #4cbcd4 87%, #f2fdfb);
}

/*--------------------------------------------------------------------
	[7]パンくず
--------------------------------------------------------------------*/
.breadcrumb {
	position: absolute;
	bottom: -85px;
	background: none;
}

.breadcrumb .home a {
	background: url(../img/common/home.png) no-repeat;
	display: block;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	margin: 2px 0 0 0;
}


/*------------タブレット以下のサイズレイアウト------------*/
@media (max-width:768px) {

.pankuzu {
}
}

/*--------------------------------------------------------------------
	[8]装飾系
--------------------------------------------------------------------*/
h3 {
	border-left: #104db6 4px solid;
	color: #104db6;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 10px 0;
}

h4 {
	color: #ff6900;
	font-size: 16px;
	padding: 0;
	margin: 0 0 5px 0;
}

.f-red {
	color: #C00;
}

/*--------------------------------------------------------------------
	[9]テーブル
--------------------------------------------------------------------*/
.table {
	border-collapse: collapse;
	text-align: center;
	border: #fff 1px solid;
}
.table>thead>tr {
	background: #5b88ef;
	border-bottom: #fff 2px solid;
}

.table>thead>tr>td {
	border: #fff 1px solid;
	vertical-align: middle;
	color: #fff;
}


.table>tbody>tr:nth-child(odd) {
	background: #f1f0f0;
}

.table>tbody>tr:nth-child(even) {
	background: #f6f5f5
}

.table>tbody>tr>th {
	background: #629cf5;
	border: #fff 1px solid;
	text-align: center;
	vertical-align: middle;
	color: #fff;
}

.table>tbody>tr>td {
	border: #fff 1px solid;
	vertical-align: middle;
	padding: 8px;
	text-align: left;
}

.center>tbody>tr>td {
	text-align: center;
}

.table span {
	color: #C00;
	font-weight: bold;
}
.table span.small{
	color: #111;
	font-weight: normal;
	font-size:10px;
}
.table .bg_blue_01 {
	background: #bad3fb;
}


.table .bg_blue_02 {
	background: #d2e3fe;
}

.table .bg_white_01 {
	background: #fafafa;
}