@charset "euc-jp";

#condTable th {
	border-bottom: 0px solid #DDE4F8;
	background-color: #FFFFFF;
}
/* フラグ項目 */
#condTable td.condFlgTd {
	background-color: #FFFFFF;
}

/* リスト項目 */
#condTable td.condKbnKeiT {
	background-color: #FFFFFF;
}
#condTable td.condKbnTd {
	background-color: #FFFFFF;
}
.condKbnInnerTable td.condLbTd {
	background-color: #FFFFFF;
}
/* タイトル（拠点名） */
#kyotenHd {
	background-color: #F6F4D0;
	color: #333333;
}
#kyotenHd a:link {
	color: #333333;
}
#kyotenHd a:visited {
	color: #333333;
}
/* 詳細 */
#kyotenDtl {
	background-color: #FFFFFF;
}
/* 詳細：項目名 */
#kyotenDtlTable th {
	color: #333333;
}
/* 検索ウィンドウ */
#ZdcEmapSearchWindow {
	background-color: #FFFFFF;
}
/* タイトル */
div#searchTopTitle {
	border-bottom: 1px solid #7AD1B5;
	background-color: #F6F4D0;
}
/* 検索グループタイトル（左） */
div.searchTopSubTitleL {
	border-bottom: 3px solid #7AD1B5;
	color: #333333;
	background-color: #F6F4D0;
	clear:both;
	float:left;
}
/* 検索グループタイトル（右） */
div.searchTopSubTitleR {
	border-bottom: 3px solid #7AD1B5;
	color: #333333;
	background-color: #F6F4D0;
}
/* 絞り込み */
#searchTopCondFrame {
	width: auto;
}
#searchTopCondTable{
	border-left: 0px solid #DDE4F8;
	border-right: 0px solid #DDE4F8;
	border-top: 0px solid #DDE4F8;
	border-bottom: 0px solid #DDE4F8;
}
#searchTopCondTable th {
	border-bottom: 0px solid #DDE4F8;
	background-color: #F6F7F8;
}
/* フラグ項目 */
#searchTopCondTable td.condFlgTd {
	background-color: #F6F7F8;
}
/* リスト項目 */
#searchTopCondTable td.condKbnKeiT {
	background-color: #F6F7F8;
}
#condListTable td {
	background-color: #F6F7F8;
}

/* --- base.css ここまで --------------------------------------------*/

/* カスタマイズ用のCSS定義をここに記述してください */
/* 検索グループタイトル（左） */
div.searchTopSubTitleL_shopw {
	clear:both;
	width: 673px;
	margin: 0px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 9px;
	padding-bottom: 3px;
	border-left: 0px solid #DDE4F8;
	border-right: 0px solid #DDE4F8;
	border-top: 0px solid #DDE4F8;
	border-bottom: 3px solid #7AD1B5;
	color: #333333;
	background-color: #F6F4D0;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
/* フリーワード入力テキストボックス(病医院名から探す) */
input.searchFW_shopw {
	width: 400px;
}
.explanation {
	clear: both;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

/* body直下のdiv-------------------------------------------------- */
#wrapper {
	background-color: #FFFFFF;
}

/* 左 */
div#searchTopLeft {
	position:relative;
}

/* 検索グループ */
div.searchTopGroup {
	position:relative;
}

/* 地域図 ポップアップ(北海道) */
div#mapLargeHokaido {
	top: 35px;
	left: 180px;
}

/* 地域図 ポップアップ(関東) */
div#mapLargeKanto {
    left: 220px;
}

/* 拠点絞り込み */
#condFrame {
	width: 285px;
	margin-left: 10px;
}

#condTable td.condFlgTd {
	width: 100%;
}

table.searchAddrTableData_chk {
	width: 600px;
	margin-bottom: 3px;
	border: 0px;
	border-collapse: collapse;
	background-color: #FFFFFF;
}
.searchAddrTableData_chk td {
	padding: 5px 5px 5px 5px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	background-color: #FFFFFF;
}

#kyotenDtlTable th {
	width: 80px;
}

div#zenrinMapAreaRailways {
	width: 633px;
}
div#mainColumnRailways {
	width: 633px;
}

#toplink {
	clear: both;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

/* 「さらに絞り込む」
-------------------------------------------------- */
#searchAddrTableTitle_Sarani {
	width: 600px;
	margin-top: 20px;
	border-bottom: 0px;
}
#searchAddrTableTitle_Sarani td {
	color: #000000;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}

/* エリア表示 */
table.searchAddrTableData_area {
	width: 600px;
	height: 60px;
	margin-bottom: 3px;
	border: 2px solid #ABBFF8;
	border-collapse: collapse;
	background-color: #F6F7F8;
}
/* IE6 only */
_table.searchAddrTableData_area {
	margin-bottom: 2px;
}
/* IE7 only */
*table.searchAddrTableData_area {
	margin-bottom: 2px;
}
/* safari only \*/
html:\66irst-child table.searchAddrTableData_area {
	margin-bottom: 3px;
}
/* end */
.searchAddrTableData_area td {
	padding: 5px 5px 5px 5px;
	border: 2px solid #ABBFF8;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

#searchAddrTableExp td {
	font-size: 14px;
	font-weight: bold;
}

#kyotenListHeader td.kyotenListTitle {
	padding-bottom: 2px;
}

#kyotenListHeader td.kyotenListTitle_exp {
	padding-left: 9px;
	padding-right: 3px;
	padding-top: 0px;
	padding-bottom: 3px;
	/*color: #3691F9;*/
	color: black;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}

/* 検索TOP */
/* 左 */
div#searchTopLeft {
	width: 327px;
	margin-left: auto;
}
/* 右 */
div#searchTopRight {
	width: 355px;
}

#apoFrame{
	width: 95%;
	margin: 5px;
	padding: 5px;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
}

#Exp_medathi_top{
	font-size: 14px;
	font-weight: bold;
	color:#FF0000;
}

/* add 20140626 Yokoi */
#text-search input.input-text {
    width: 330px;
}
#text-search, #reduce dt {
    padding: 6px 0 4px 5px;
}

/* add 20141119 Yokoi */
#wrapper {
	height: 930px;
}
#searchTop {
/* mod 20160229 Yoshino  */
/*	height: 30px; */
}
div#searchTopLeft {
    width: 355px;
	margin-bottom: 250px;
}
div#searchTopRight {
    width: 327px;
}
div.searchTopGroup {
	margin-top: 20px;
}
div.searchTopSubTitleL {
	font-size: 16px;
}
div.searchTopSubTitleR {
	font-size: 16px;
}
.explanation {
/*	margin-bottom: 20px; */
	margin-bottom: 0px;
}

/* add 20141204 */
#wrapper {
    width: 940px;
}
div#searchTopLeft {
	width: 470px;
}
div.searchTopSubTitleL {
    width: 447px;
	height: 21px;
	background-color: #f1a0de;
	text-color: #ffffff;
	border-bottom: 3px solid #f1a0de;
}
div#searchTopRight {
	width: 465px;
}
div.searchTopSubTitleR {
    width: 447px;
	height: 21px;
	background-color: #f1a0de;
	text-color: #ffffff;
	border-bottom: 3px solid #f1a0de;
}
input.searchFW {
    height: 30px;
}
button.searchButton {
    height: 30px;
}

/* add 20150414 IE7対応 */
#clearfix {
	overflow:hidden;
	zoom:1;
}




/* add 20160229 */ 
/*------------------------------------------------
reset
------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
caption, th{
	text-align:left;
	font-weight:normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
area {
	border:none;
	outline:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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


/*------------------------------------------------
common
------------------------------------------------*/
html {
	font-size: 62.5%;
}
html, body {

}
body {
	color: #000000;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.4;
	background-color: #FFF;
	letter-spacing: 0.1em;
}
body, input {
	font-family: Meiryo, 'メイリオ', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}
a {
	color: #e55217;
	outline: none;
	/*text-decoration:none;*/
}

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

a:hover,
a:hover span {
	text-decoration:none;
	outline: none;
}


.btn {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-webkit-transition: opacity 200ms linear;
	-moz-transition: opacity 200ms linear;
	-ms-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	transition: opacity 200ms linear;
}
.btn:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

/* @media   */

/*  599px以下（SP）  */
@media screen and (max-width: 599px) {
html, body {
	min-width: inherit;
}
html {
	font-size: 81%;
}
body {
	font-size: 1.0rem;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	letter-spacing: 0em;
}
}

/*  414px以下（SP）  */
@media screen and (max-width: 414px) {
html {
	font-size: 81%;
}
}

/*  375px以下（SP）  */
@media screen and (max-width: 375px) {
html {
	font-size: 73.24%;
}
}

/*  360px以下（SP）  */
@media screen and (max-width: 360px) {
html {
	font-size: 70.3%;
}
}

/*  599px以下（SP）  */
@media screen and (max-width: 320px) {
html {
	font-size: 62.5%;
}
}

/* @media   */

/*------------------------------------------------
contents
------------------------------------------------*/
#wrapper {
	width:	auto;
	height:	auto;

/*	width:	1000px; */
/*	height:	1600px; */
	padding-left:	0px;
	padding-right:	0px;

	margin-left:	0px;
	marging-right:	0px;


}

.section + .section {
	margin-top: 40px;
}
.section > .header {
	background-color: #f3f3f3;
	border-left: 10px solid #e55217;
	
	width:	100%;
}
.section > .header .title {
	color: #e55217;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	border: 1px solid #e1e1e1;
	border-left-width: 0;
	padding: 17px 20px 15px;
	text-align:	left;
}

.section.search > .body {
	background-color: #faf3f0;
	margin: 30px 30px;
	padding: 30px 0;
	position: relative;
}
.section.search > .body a {
	color: #e55217;
}

.form_textsearch {
	text-align: center;
}
.form_textsearch input[type="text"],
.form_textsearch button {
	font-size: 20px;
	display: inline-block;
	vertical-align: middle;
}
.form_textsearch input[type="text"] {
	border: 2px solid #f8e2da;
	padding: 12px 19px 9px;
	width: 380px;
	margin-right: 10px;
}
.form_textsearch button {
	color: #fefefe;
	font-weight: bold;
	text-align: center;
	background-color: #e55217;
	border: none;
	border-radius: 8px;
	margin-bottom: 2px;
	padding: 13px 36px 10px;
	-webkit-box-shadow: 0 5px 0 0 #c14b19;
	box-shadow: 0 5px 0 0 #c14b19;
	cursor: pointer;
	position: relative;
	-webkit-transition: top 200ms linear;
	-moz-transition: top 200ms linear;
	-ms-transition: top 200ms linear;
	-o-transition: top 200ms linear;
	transition: top 200ms linear;
}
.form_textsearch button:hover {
	top: 2px;
	-webkit-box-shadow: 0 3px 0 0 #c14b19;
	box-shadow: 0 3px 0 0 #c14b19;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

#search_from_railway .btns {
	text-align: center;
}
.section.search .btn.link {
	color: #3a3a3a;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border: 1px solid #cbcacb;
	border-radius: 8px;
	padding:  13px 27px 11px;
	display: inline-block;
	position: relative;

	background: #fcfcfc;
	background: -moz-linear-gradient(top,  #fcfcfc 0%, #e9e9e9 100%);
	background: -webkit-linear-gradient(top,  #fcfcfc 0%,#e9e9e9 100%);
	background: linear-gradient(to bottom,  #fcfcfc 0%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#e9e9e9',GradientType=0 );
	-webkit-box-shadow: 0 4px 0 0 #dcd5d3;
	box-shadow: 0 4px 0 0 #dcd5d3;
}
.section.search .btn.link:after {
	content: "";
	background: url(../images/arrow_orange.png) 0 0 no-repeat;
	width: 14px;
	height: 14px;
	margin-left: 10px;
	margin-bottom: 4px;
	display: inline-block;
	vertical-align: middle;
}
.section.search .btn.link:hover {
	top: 2px;
	-webkit-box-shadow: 0 2px 0 0 #c1b4b2;
	box-shadow: 0 2px 0 0 #c1b4b2;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}


/* ----------------------------
  search_from_area
---------------------------- */
#search_from_area .map {
	margin: 0 auto;
	padding: 0 0 64px;
/*	width: 448px; */
	heigth:	auto;
	width:	auto;
}
#search_from_area .map img {
	margin-left: -17px;
	height:	auto;
	width:	auto;
}
#search_from_area .area_btns li {
	position: absolute;
	left: 50%;
	z-index: 1;
}
#search_from_area li a.btn {
	padding:  11px 0 9px;
	width: 118px;
}
#search_from_area .area_btns li.a1 {
	margin-left: 220px;
	top: 60px;
}
#search_from_area .area_btns li.a2 {
	margin-left: 194px;
	top: 214px;
}
#search_from_area .area_btns li.a3 {
	margin-left: 194px;
	top: 307px;
}
#search_from_area .area_btns li.a4 {
	margin-left: -57px;
	top: 145px;
}
#search_from_area .area_btns li.a5 {
	margin-left: -25px;
	top: 440px;
}
#search_from_area .area_btns li.a6 {
	margin-left: -170px;
	top: 214px;
}
#search_from_area .area_btns li.a7 {
	margin-left: -357px;
	top: 293px;
}
#search_from_area .area_btns li.a8 {
	margin-left: -163px;
	top: 440px;
}
#search_from_area .area_panel {
	margin-top: 30px;
	padding: 16px 20px 22px;
	width: 252px;
	display: none;
	position: absolute;
	left: 50%;
	z-index: 10;
}
#search_from_area .area_panel .area_name {
	font-size: 18px;
	margin-bottom: -4px;
}
#search_from_area .area_panel ul {
	font-size: 0;
	text-align: left;
	margin-right: -16px;
	width: 266px;
}
#search_from_area .area_panel ul li {
	font-size: 20px;
	margin: 12px 12px 0 0;
	display: inline-block;
}
#search_from_area .area_panel .btn.close {
	background: url(../images/btn_close.png) 0 0 no-repeat;
	width: 35px;
	height: 35px;
	display: block;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: -35px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	visibility:	visible;

}
#search_from_area #mapLargeHokaido {
	background-color: #cce8e7;
	margin-left: 212px;
	top: 30px;
	
/* add */
	height: auto;
	visibility:	visible;
}
#search_from_area #mapLargeTohoku {
	background-color: #e3d6e8;
	margin-left: 212px;
	top: 130px;
	
/* add */
	height: auto;
	visibility:	visible;
}
#search_from_area #mapLargeKanto {
	background-color: #f4e5a2;
	margin-left: 212px;
	bottom: 30px;;
	
/* add */
/*	height: auto; */
	height: 280px;
	visibility:	visible;
}
#search_from_area #mapLargeChubu {
	background-color: #f7e7ef;
	margin-left: -297px;
	top: 23px;
	
/* add */
	height: auto;
	visibility:	visible;
}
#search_from_area #mapLargeKinki {
	background-color: #edf1b3;
	margin-left: -297px;
	bottom: 30px;
	
/* add */
/*	height: auto; */
	height: 280px;
	visibility:	visible;
}
#search_from_area #mapLargeChugoku {
	background-color: #f5e3a3;
	margin-left: -383px;
	top: 74px;
	
/* add */
	height: auto;
	visibility:	visible;
}
#search_from_area #mapLargeKyushu {
	background-color: #cbdcf0;
	margin-left: -522px;
	top: 84px;
	
/* add */
	height: auto;
	visibility:	visible;
}
#search_from_area #mapLargeShikoku {
	background-color: #f4c099;
	margin-left: -383px;
	bottom: 30px;
	
/* add */
	height: auto;
	visibility:	visible;
}
#search_from_area #mapLargeHokaido li a.btn {
	width: 252px;
	
/* add */
	height: auto;
	visibility:	visible;
}