@charset "utf-8";

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}



body {
  line-height:1;
  font: 14px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  background: #D3EDFB;
  background: url(img/haikeiback50.gif) ;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

.tx_center {
	text-align: center;
}

/*  文字のまとめ
---------------------------------------------------------- */
.fs1 {font-size:small;
		font-weight: normal;}
.fs2 {font-size:x-small}

h5 {
	color: #E4007F;
	border-bottom:2px dashed #E4007F;
	padding:5px 0 5px 0;
}

h6 {
	color: #3E3A39;
	font-weight: bold;
	padding:5px 0 5px 0;
}

.blue {
	color: #0075C2;
}

.pink {
	color: #E4007F;
}

.pinkbold_center {
	color: #E4007F;
	font-weight: bold;
	text-align: center;
}

.font_normal {
	font-weight: normal;
}

.text_right  {
	text-align: right;
}

.futoji {
		font-weight: bold;
	}
/*  スペースのまとめ
---------------------------------------------------------- */
.top_p5 {
	padding:5px 0 0 0;
}

.top_p10 {
	padding:10px 0 0 0;
}

.top10 {
	margin-top: 10px;
	}

.bottom10 {
	margin-bottom: 10px;
	}
/*  Header
---------------------------------------------------------- */

#globalHeader {
  background: #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
  background-image: linear-gradient(to bottom, #ffffff, #efefef);
  border-top: 5px solid #0075C2;
  border-bottom: 1px solid #ccc;
  padding: 5px 20px 10px 0px;
}

#globalHeader h1 {
  float: left;
  line-height: 0;
  padding: 0px 0 0 5px;
}

#globalHeader h1 img {
  vertical-align: top;
}

#slide img {
  height: auto;
  vertical-align: top;
  margin-top: 5px;
  width: 100%;
}

/*  立体ボタン
---------------------------------------------------------- */
.btn1 {
	background: -moz-linear-gradient(top,#B1D2E0 0%,#B1D2E0 3%,#0099CC 3%,#069);
	background: -webkit-gradient(linear, left top, left bottom, from(#B1D2E0), color-stop(0.03,#B1D2E0), color-stop(0.03,#efefef), to(#5EB7E8));
	color: #FFF;
	border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
	-webkit-border-radius: 8px 0px 0px 8px;
	border: 1px solid #09C;
	border-bottom: 3px solid #09C;
	width: 49%;
	padding: 10px 0;
	display: table;
	text-align:center;
	font-weight: bold;
	float: left;
}

.btn2 {
	background: -moz-linear-gradient(top,#B1D2E0 0%,#B1D2E0 3%,#0099CC 3%,#069);
	background: -webkit-gradient(linear, left top, left bottom, from(#B1D2E0), color-stop(0.03,#B1D2E0), color-stop(0.03,#efefef), to(#5EB7E8));
	color: #FFF;
	border-radius: 0px 8px 8px 0px;
	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px;
	border: 1px solid #09C;
	border-bottom: 3px solid #09C;
	width: 49%;
	padding: 10px 0;
	display: table;
	text-align:center;
	font-weight: bold;
	float: left;
}

.bottanbox {
	padding: 0px 0px 0 3px;
}

/* indexBoxes2 */


div.indexBoxes2 {
	padding: 10px 0 0 0;
  margin: 0px 0 0px 0;
  clear:both;
}

div.indexBoxes2 ul {
  border-bottom: 1px solid #ccc;
}

div.indexBoxes2 ul li,
section.seminar h2,
section.information h2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#FADCE9));
  background-image: -webkit-linear-gradient(top, #ffffff, #FADCE9);
  background-image: linear-gradient(to bottom, #ffffff, #FADCE9);
  border-top: 1px solid #ccc;
}


div.indexBoxes2 ul li a,
section.seminar h2 span,
section.information h2 span {
  background: url(img/icon_arrow.png) no-repeat 100% 50%;
  -moz-background-size: 20px 11px; /* Firefox */
  -webkit-background-size: 20px 11px; /* Safari,Chromeなど */
  -o-background-size: 20px 11px; /* Opera */
  -ms-background-size: 20px 11px; /* ie */
  background-size: 20px 11px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-hegiht: 1;
  padding: 12px 10px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
}


.indexBoxes2 ul li img{
	float: left;
	height: 30px;
	width: 30px;
	margin: -8px 10px 0px 0px;
}





/* indexBoxes */
div.indexBoxes {
	padding: 10px 0 0 0;
  margin: 0px 0 0px 0;
  clear:both;
}

div.indexBoxes ul {
  border-bottom: 1px solid #ccc;
}




div.indexBoxes ul li,
section.seminar h2,
section.information h2 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
  background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
  background-image: linear-gradient(to bottom, #ffffff, #efefef);
  border-top: 1px solid #ccc;
}

.seminar span img{
	float: left;
	height: 30px;
	width: 30px;
	margin: -8px 10px 0px 0px;
}


div.indexBoxes ul li a,
section.seminar h2 span,
section.information h2 span {
  background: url(img/icon_arrow.png) no-repeat 100% 50%;
  -moz-background-size: 20px 11px; /* Firefox */
  -webkit-background-size: 20px 11px; /* Safari,Chromeなど */
  -o-background-size: 20px 11px; /* Opera */
  -ms-background-size: 20px 11px; /* ie */
  background-size: 20px 11px;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-hegiht: 1;
  padding: 12px 10px;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.3);
}


.indexBoxes ul li img{
	float: left;
	height: 30px;
	width: 30px;
	margin: -8px 10px 0px 0px;
}

.sinryou_txet {
  color: #0075C2;
  font-weight: bold;
  font-family: helvetica, arial;
  padding: 5px 0;
  text-align: center;
}



/* 重要なお知らせ */
	.importInfoBox{
		border: 2px solid #ec6d81;
		padding: 15px;
		margin: 0 10px 20px 10px;
    background-color: rgba(255, 255, 255, 0.5);
		}

		.importInfoBox p{
			margin-top: 5px;
					margin-bottom: 10px;
					font-size: 17px;
							color: #ec6d81;
			}


	.importInfoMidashi{
		background-color: #ec6d81;
		color: #fff;
		text-align: center;
		border-radius: 10px;
		}




.yoyaku_txet {
  color: #E4007E;
  font-weight: bold;
  border: 1px solid #E4007E;
  font-family: helvetica, arial;
  margin: 5px 10px 10px 10px;
  padding: 5px 10px;
  text-align: left;
font-size: 0.8em;
}

.yoyaku_txet_link {
	background-color: #fff;
  font-weight: bold;
  border: 1px solid #0075C2;
  font-family: helvetica, arial;
  margin: 5px 10px 10px 10px;
  padding: 50px 0;
  text-align: center;
font-size: 1.2em;}



/*  Footer
---------------------------------------------------------- */

p#copyright {
  background: #0075C2;
  color: #fff;
  font-family: helvetica, arial;
  padding: 15px 0;
  text-align: center;
}

/* clearfix */
#globalHeader:after,
#globalFooter nav ul:after {
  content: "";
  display: block;
  clear: both;
}


/*  メニュー　jqueryで動作
---------------------------------------------------------- */

body.removeHighlight {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#globalHeader {
  padding-bottom: 0;
}

#globalHeader nav,
#globalHeader div.search {
  float: right;
  margin: 0 0 0 5px;
}

#globalHeader nav ul,
#globalHeader div.search div.form {
  display: none;
}

#globalHeader nav p#menuToggle,
#globalHeader div.search p#searchToggle,
#globalHeader div.search div.form button {
  background: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, from(#0075C2), color-stop(0.04, #0075C2), color-stop(0.84, #0075C2), to(#0075C2));
  background: -webkit-linear-gradient(top, #00A0E9 1%, #00A0E9 4%, #0075C2 84%);
  background: linear-gradient(to bottom, #00A0E9 1%, #00A0E9 4%, #0075C2 84%);
  border: 1px solid #005BAC;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  color: #fff;
  font-weight: bold;
  padding: 7px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5), 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#globalHeader nav {
  padding-bottom: 10px;
}

#globalHeader nav p#menuToggle {
  line-height: 23px;
  padding: 5px 10px;
  width: 80px;
}

#globalHeader nav p#menuToggle span {
  background-image: url(img/icon_arrow_down_white.png);
  background-position: 100% 50%, 75px 50%;
  background-repeat: no-repeat, repeat-y;
  background-size: auto auto, 2px auto;
  display: block;
  padding-left: 9px;
}

#globalHeader nav.open {
  display: block;
  background: url(img/bg_dropdown.png) no-repeat 90% 100%;
  background-size: 12px;
}

#globalHeader nav.open ul {
  background: #0075C2;
  border-bottom: 1px solid #0075C2;
  -webkit-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow:0 3px 5px 0px rgba(0, 0, 0, 0.4);
  display: block;
  left: 0;
  position: absolute;
  top: 55px;
  width: 100%;
  z-index: 99;
}

#globalHeader nav.open ul li {
  border-top: 1px solid #00A0E9;
}

#globalHeader nav.open ul li a {
  border-top: 1px solid #004098;
  color: #fff;
  display: block;
  padding: 10px;
}

#globalHeader nav.open ul li:first-child,
#globalHeader nav.open ul li:first-child a {
  border-top: none;
}

#globalHeader div.search {
  padding-bottom: 10px;
}

#globalHeader div.search.open {
  background: url(img/bg_dropdown.png) no-repeat 50% 100%;
  background-size: 12px;
}

#globalHeader div.search.open div.form {
  display: block;
}

#globalHeader div.search p#searchToggle {
  font-size: 1px;
  line-height: 0;
}

#globalHeader div.search p#searchToggle img {
  vertical-align: top;
}

#globalHeader div.search div.form {
  background: #004098;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow:0 3px 3px 0px rgba(0, 0, 0, 0.3);
  left: 0;
  padding: 10px;
  position: absolute;
  top: 55px;
  width: 100%;
  z-index: 99;
}

#globalHeader div.search form {
  display: table;
  width: 100%;
}

#globalHeader div.search form span {
  display: table-cell;
}

#globalHeader div.search form span:last-child {
  padding-left: 10px;
  width: 60px;
}

#globalHeader div.search form input[type="search"] {
 -webkit-appearance: textfield;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  padding: 7px 5px;
  width: 100%;
}

#globalHeader div.search form button {
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 14px;
  padding-left: 0;
  padding-right: 0;
  width: 60px;
}


/*  アコーディオン　jqueryで動作
---------------------------------------------------------- */

.toggle h2 span {
  background-image: url(img/icon_minus.gif) !important;
}

.toggle.close h2 span {
  background-image: url(img/icon_pluse.gif) !important;
}

.toggle.close ul {
  display: none;
}


@media screen and (-webkit-min-device-pixel-ratio:2){

  #globalHeader nav p.menu span {
    background-image: url(img/icon_arrow_down_white_2x.png), url(img/bg_line.png);
    background-size: 10px 6px, 1px auto;
  }

  .toggle h2 span {
    background-image: url(img/icon_minus.gif) !important;
    background-size: 40px 22px !important;
  }

  .toggle.close h2 span {
    background-image: url(img/icon_pluse.gif) !important;
    background-size: 40px 22px !important;
  }

}

/*  ドルフィン企画
---------------------------------------------------------- */
/* イラスト絶対配置 ここ */

.contentsbox {
	position: relative;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}

img.img_right{
	float: right;
	padding: 5px;
	}


img.img_right2 {
	float: right;
	padding: 40px 5px 5px 5px;
	}


.illust1 {
	margin-top: -40px;
	margin-right: 10px;
	}


div.clear{
	clear: both;
	margin: 0 0 10px 0;
	}


/* ドルフィンのテーブル部分設定 ここから */
.dolfintablebox {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	}




table.dolfintable {
	border-collapse:collapse;
	margin-top: 0px;
	margin-left: 0px;
	margin:0;
	padding:0;
	}

.dolfintable table,th,td  {
	border:solid 1px #fff;
	padding:.6em .8em;
	}




.dolfintable th {
	background-color:#9FD9F6;
	vertical-align: middle;
	text-align: center;
	}


.dolfintable td {
	background-color:#EAF6FD;

	}


/* 診療のご案内テーブル部分設定 ここから */
.shinryoutablebox {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
	}




table.shinryoutable {
	border-collapse:collapse;
	margin-top: 0px;
	margin-left: 0px;
	margin:0;
	padding:0;
	}

.shinryoutable table,th,td  {
	border:solid 1px #fff;
	padding:.6em .8em;
	}




.shinryoutable th {
	background-color:#9FD9F6;
	vertical-align: middle;
	text-align: center;
	}


.shinryoutable td {
	background-color:#EAF6FD;
	vertical-align: middle;
	text-align: center;
	}



/* すべてのテーブル部分設定 ここから */
.table1 {
width: 100%; /* テーブルの横幅 */
border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #40220F solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}

.table1 th {
border: 1px #40220F solid; /* セルの枠線（太さ・色・スタイル） */
padding: 5px; /* セル内の余白 */
}

.table1 td {
border: 1px #40220F solid; /* セルの枠線（太さ・色・スタイル） */
padding: 5px; /* セル内の余白 */
}

/* アクセス・マップのテーブル部分設定 ここまで */

/* 診療のご案内 ここから */
.border	{
	border-top:1px dashed #3E3A39;
	padding: 5px 0 5px 0;
	}

.menuRibbonLight {
	margin:0 0 10px 0;
	padding:2px 8px;
	background:#F19EC2;
	color:#3E3A39;
	line-height:140%;
	font-weight:bold;
}

.center_img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* お知らせ ここから */
.oshirase_midashi	{
color:#E4007F;
border-bottom:1px dotted #E4007F;
border-left:6px solid #E4007F;
line-height:200%;
padding-left:8px;
}
