@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

/*************
*  初期設定  *
*************/

body {
	/*font: 12pt/1.7 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", arial,  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
	font-size:14pt;
	color:#000;
	background: #fff;
}

a {
	color:#00a0e9;
	text-decoration:none;
  word-break: break-all;
}

a img {
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	transition:0.2s;
	border:none;
}
/*a:hover img { opacity:0.5; }*/

/*a:active, a:focus { outline: 0; }*/

img {
	border:0;
	vertical-align:bottom;
}

.clear { clear:both; }

div#ContentsWrapper {
	width:100%;
	position:absolute;
}

/*************
*  ヘッダー  *
*************/

header {
	position:fixed;
	z-index:10;
	width:100%;
	height:80px;
	display:box;
	display:-ms-flexbox;
	display:-moz-box;
	display:-webkit-box;
	box-align:center;
	-ms-flex-align:center;
	-moz-box-align:center;
	-webkit-box-align:center;
	letter-spacing:-.40em;
	margin:0 auto;
	padding:0;
	box-sizing:border-box;
	background:#fff url(../images/blue_line_2.gif) 0 100% repeat-x;
}

header h1 {
	-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	margin:0;
	padding:0;
	box-sizing:border-box;
	font-weight:normal;
	letter-spacing:normal;
	text-align:left;
	font-size:9pt;
	line-height:1;
}

	header h1 img { width:100%; }

header p{
	-moz-box-flex:1;
	-webkit-box-flex:1;
	box-flex:1;
	margin:0;
	padding:0 5px;
	box-sizing:border-box;
	text-align:left;
	font-size:10pt;
	line-height:1;
	letter-spacing:1px;
	color:#036eb8;
}

header p#SpMenu {
	-moz-box-flex:0;
	-webkit-box-flex:0;
	box-flex:1;
	top:0;
	width:80px;
	height:80px;
	margin:0;
	padding:0;
	box-sizing:border-box;
	background:#036eb8 url(../images/menu_btn.gif) 50% 50% no-repeat;
}

/************************
* サイドナビゲーション  *
*************************/

#SideMenuDrow {
	display:none;
	width:100%;
	position:fixed;
	top:0;
	left:100%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	line-height:1;
	color:#333;
	overflow-y:scroll;
	overflow-x:hidden;
	background:#fff url(../images/side_menu_back.png) 0 0 repeat-y;
	font-size:16pt;
}

	#SideMenuDrow p {
		margin:0;
		padding:0;
		box-sizing:border-box;
		border-bottom:#00a0e9 2px dotted;
	}
	
	#SideMenuDrow p a {
		display:block;
		margin:0;
		padding:20px;
		box-sizing:border-box;
	}
	
	#SideMenuDrow p a:hover {
		display:block;
		margin:0;
		padding:20px;
		box-sizing:border-box;
		background:#a6e1ff;
		color:#036eb8;
		font-weight:bold;
	}

/********************
* メインビジュアル  *
*********************/


#MainVisual {
	width:100%;
	height:auto;
	margin:0;
	padding:10px 0;
	text-align:center;
	font-weight:900;
	font-size:20pt;
	letter-spacing:-1px;
	/*color:#74a611;*/
	color:#f08500;
	text-shadow:3px 3px 1px #fff;
	background:url(../images/top_catch_back.png) 100% 100% repeat-x;
}

	#MainVisual.Img { padding:0; }
	#MainVisual img { width:100%; }

#BredClumb {
	width:100%;
	min-height:30px;
	margin:0;
	padding:9px 20px;
	box-sizing:border-box;
	line-height:12px;
	background:#036eb8;
	text-align:left;
	color:#fff;
  font-family: "Verdana", Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}
	
	#BredClumb a { color:#ffff00; }

/***************
メインコンテンツ
***************/

main {
	display:block;
	width:100%;
	margin:80px auto 0;
	padding:0;
	letter-spacing:normal;
	line-height:1.25;
}

main article.MainColumn {
	width:700px;
	margin:0 24px 0 0;
}

main p { margin-bottom:20px; }

main ul,
main ol {
	margin:0 auto 20px;
	padding:0 1.5em 0;
	box-sizing:border-box;
}

	main ul li,
	main ol li { margin-bottom:5px; }

h2.BlocTitle {
	width:100%;
	/*height:80px;*/
	margin:0;
	padding:10px;
	box-sizing:border-box;
	text-align:left;
	background:url(../images/bloc_title_back.gif) 100% 100% repeat-x;
	font-size:21pt;
	font-weight:900;
	color:#888;
}

	h2.BlocTitle:first-letter {
		color:#036eb8;
/*		-webkit-text-stroke:2px #036eb8;*/
	}
	
	h3 {
		width:100%;
		margin:0 auto 10px;
		padding:10px;
		box-sizing:border-box;
		font-size:21pt;
		color:#fff;
		background:#036eb8;
	}
	
	h3.ListTitle {
		margin:0;
		padding-left:40px;
		font-size:18pt;
		color:#121e59;
		background:#ccd5ff url(../images/h3_icon.png) 7px 50% no-repeat;
	}


/***************
*  医院名検索  *
****************/

#NameSearch {
	display:block;
	width:100%;
	height:80px;
	margin:0;
	padding:20px 10px 20px 80px;
	box-sizing:border-box;
	line-height:0;
	text-align:left;
	background:#036eb8 url(../images/icon_search.gif) 0 50% no-repeat;
}

	#NameSearch [name="clinic_name"] {
		width:70%;
		height:40px;
		margin:0;
		padding:5px 10px;
		box-sizing:border-box;
		border:none;
		border-radius:5px;
		line-height:1;
		font-size:12pt;
	}
	
	#NameSearch [type="submit"] {
		width:25%;
		height:40px;
		margin:0;
		padding:5px 0;
		box-sizing:border-box;
		border:#fff 1px solid;
		border-radius:5px;
		line-height:1;
		font-size:16pt;
		text-align:center;
    -webkit-appearance: none;
    background: #d4d4d4;
	}
	
/*****************
*  各検索ボタン  *
******************/

#HomeSearchBloc {
	width:100%;
	margin:0;
	padding:0;
}

	#HomeSearchBloc dt {
		width:100%;
		height:auto;
		margin:0;
		padding:0 80px 0 0;
		box-sizing:border-box;
	}
	
	#HomeSearchBloc dt.Close {
		background:
			url(../images/btn_search_off.png) 100% 50% no-repeat,
			url(../images/btn_search_back.gif) 0 100% repeat-x
		;
	}
	
	#HomeSearchBloc dt.Open {
		background:
			url(../images/btn_search_on.png) 100% 50% no-repeat,
			url(../images/btn_search_back.gif) 0 100% repeat-x
		;
	}
	
	#HomeSearchBloc dt.geosearch {
		background:url(../images/btn_search_back.gif) 0 100% repeat-x;
	}
	
		#HomeSearchBloc dt img { width:100%; }
	
	#HomeSearchBloc dd {
		display:none;
		width:100%;
		margin:0;
		padding:20px;
		box-sizing:border-box;
		border-bottom:#036eb8 2px solid;
	}
	
		#HomeSearchBloc dd input[type="text"] {
			height:40px;
			margin:0 0 10px;
			padding:5px 10px;
			box-sizing:border-box;
			border:#888 1px solid;
			border-radius:5px;
			line-height:1;
			font-size:12pt;
		}

		#HomeSearchBloc dd input[type="tel"] {
			height:40px;
			margin:0 0 10px;
			padding:5px 10px;
			box-sizing:border-box;
			border:#888 1px solid;
			border-radius:5px;
			line-height:1;
			font-size:12pt;
		}

		
		#HomeSearchBloc dd input[type="submit"],
		#HomeSearchBloc dd input[type="button"] {
			height:40px;
			margin:0 auto;
			padding:5px 10px;
			box-sizing:border-box;
			border:#333 1px solid;
			border-radius:5px;
			line-height:1;
			font-size:16pt;
      -webkit-appearance: none;
      background: #d4d4d4;
		}
		
		#HomeSearchBloc dd p {
			margin:0 0 10px;
			padding:0;
		}
		
		#HomeSearchBloc dd .AreaBtnBloc {
			width:100%;
			margin:10px 0 0;
			padding:0;
		}
		
			#HomeSearchBloc dd .AreaBtnBloc a {
				/*display:block;*/
				display:-moz-inline-block;
				display:inline-block;
				*display:inline;
				/display: inline;
				/zoom: 1;
				width:28%;
				margin:0 5px 5px 0;
				padding:25px 0;
				box-sizing:border-box;
				text-align:center;
				font-size:18pt;
				font-weight:bold;
				background:#40bfff;
				border-radius:5px;
				color:#28473a;
				line-height:1;
        font-family: "Verdana", Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			}

		#HomeSearchBloc dd.astation .AreaBtnBloc a {
			background-color:#6F6;
		}


/*******************
*  コンテンツナビ  *
********************/

ul.ContentsNavi {
	width:100%;
	margin:0;
	padding:20px;
	box-sizing:border-box;
	background:#d9f3ff;
	list-style:none;
}

	ul.ContentsNavi li {
		width:100%;
		height:50px;
		margin:0;
		padding:0;
		background:url(../images/btn_contents_back.gif) 0 0 repeat-x;
	}

/*************
*サイドカラム*
*************/


#SideMenuDrow { display:none; }

main aside#SideColumn {
	width:100%;
	margin:0;
	padding:50px 0;
	letter-spacing:normal;
	border-top:#ff595e 1px solid;
}


aside#SideColumn h1 {
	line-height:1;
	margin-bottom: 20px;
	padding:0;
	border-bottom:#ff595e 2px solid;
	letter-spacing:normal;
	box-sizing:border-box;
	text-align:center;
}

#SideColumn div,
#SideColumn p {
	width:95%;
	margin:0 auto 20px;
	padding:0;
	letter-spacing:normal;
}

#SideColumn form {
	width:50%;
	margin:0 auto 20px;
	padding:0;
	letter-spacing:normal;
}

#SideColumn input {
	width:100%;
	line-height:20px;
}
#SideColumn #SubmiteMailMaga {
	display:block;
	width:100%;
	margin:20px auto 50px;
	padding:10px;
	background:#ff595e;
	border:#ff595e 1px solid;
	text-align:center;
	font-size:12pt;
	color:#fff;
	cursor:pointer;
	line-height:1;
}

#SideColumn #SubmiteMailMaga:hover {
	color:#ff595e;
	background:#fff;
	border:#ff595e 1px solid;
	line-height:1;
}

#SideColumn ul#SideBnrArea {
	width:95%;
	margin:30px auto 0;
	padding:0;
	list-style:none;
}

	#SideColumn ul#SideBnrArea li {
		margin:0 0 20px;
		padding:0;
		line-height:0;
	}
	
	#SideColumn ul#SideBnrArea li img { width:100%; }


/************
/* フッター *
*************/

footer{
	width:100%;
	margin:0;
	padding:10px 0;
	text-align:center;
	color:#fff;
	font-size:10px;
	background:#036eb8;
}

#ToTop {
	display:none;
	position:fixed;
	z-index:20;
	bottom:10px;
	right:10px;
	height:50px;
	width:80px;
	margin:0;
	padding:0;
	line-height:0;
	background:rgba(0,0,0,0.5);
	cursor:pointer;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-o-transition:0.2s;
	transition:0.2s;
}

#ToTop:hover { background:rgba(0,0,0,1); }