@charset "utf-8";
/* ==========================================================

title : 生活施設検索
scope : 生活施設検索おすすめ施設

last modify : 2019/09/09 matsuzumi ipad仕様変更によるfont-weightの変更

2018/06/29 308_tsuda ドクター紹介の余白調整
2018/04/16 309_nakai ドクター紹介のデザイン改修
2018/01/18 156_goto ドクター紹介部分にリーダーナビ100へのリンクのリード文追加
2017/07/03 156_goto 医療広告ガイドラインに基づく修正　#12367
2017/03/08 264_tanabe 病院おすすめ施設　ボタン追加 #11709
2014/10/23 288_goto osusume fa_box_ttl fa_cat の二行表示対応
2014/10/22 288_goto osusume_title_txt の幅修正
2013/11/15 153_miyano おすすめ施設有料施設会員募集中
2013/08/06 156_goto キーワード検索BOXの追加
2013/06/19 180_usuda 新規作成

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

/* ----------------------------------------------------------
 osusume 共通
---------------------------------------------------------- */
#content .osusume{
  position: relative;
  overflow:hidden;
  width:662px;
  /*height:200px;*/
  /*background:url(../image/osusume/osusume_bg2.gif) 0 0 no-repeat;*/
  background:url(../image/osusume/osusume_bg2_h369.gif) center bottom no-repeat;
  margin: 10px auto 25px;
  padding:0 0;
  text-align:left;
}
#content .osusume h2{
	overflow:hidden;
	position:relative;
	width:662px !important;
	height:42px !important;
	/*line-height:32px !important;
	margin:7px 0 5px -5px !important;
	font-size:16px !important;
	font-weight:bold !important;
	color:#f63d7f !important;
	background:url(../image/osusume/ttl_osusume2.gif) 0 0 no-repeat!important;*/
	padding:0 0 0 0;
}

#content .osusume h2 .mrk_pr{
  background: #1e90ff;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  margin: 8px 10px 0;
  padding: 3px 10px;
}

#content .osusume h2 a img.btn_list{
	position:absolute;
	margin:0;
	padding:0;
	top:3px;
	right:6px;
}
/* 周辺の生活施設ボタン／周辺の賃貸物件ボタン */
#content .osusume .mod_area_info_box {
	position: absolute;
	top: 8px;
	right: 10px;
}
#content .osusume .mod_area_info_box .btn_area_info {
  display: table-cell;
  width: 92px;
}
#content .osusume .mod_area_info_box .btn_area_info img {
  vertical-align: bottom;
}
#content .osusume .mod_area_info_box .btn_area_info:first-of-type {
  padding: 0 5px 0;
}
#content .osusume .mod_area_info_box .btn_area_info:last-of-type {
  padding: 0;
}
#content .osusume .mod_area_info_box .btn_area_info._single {
  padding: 0;
}
/* 周辺の生活施設ボタン／周辺の賃貸物件ボタン_End */

#content .osusume .osusume_box{
	border:#999 1px solid;
	margin:0 auto;
	background:#FFF;	
}
#content .osusume .osusume_box .name_box div img{
	vertical-align:bottom;
}

/* osusume_box */
#content .osusume .fa_area{
	position:relative;
	width:622px;
	/*height:124px;*/
	/*padding:10px 10px 15px 10px;*/
	padding:10px 10px 5px 10px;	
	/*margin:0 auto;*/
	margin:0 auto 10px auto;
	background:#FFF;	
}
#content .osusume .fa_area #osusume_title{
	height: 22px;
}
#content .osusume .fa_area #osusume_title .osusume_title_txt{
	/*width: 580px;*/
	float: left;		
}
#content .osusume .fa_area #osusume_title .tenten{
	width: 40px;
	float: left;
	color: #ff3366;
}

.fa_area .fa_data{
  font-weight: 600;
  margin: 0;
}

.fa_area .fa_data dt,
.fa_area .fa_data dd {
  display: inline-block;
  line-height: 1;
  padding: 6px 0;
}

.fa_area .fa_data .address,
.fa_area .fa_data .tel,
.fa_area .fa_data .fax,
.fa_area .fa_data .access{
  background: #029da3;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  width: 6em;
}

.fa_area .fa_data .tel + dd,
.fa_area .fa_data .fax + dd {
font-family: "Century Gothic",Arial,"メイリオ","Meiryo", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica,sans-serif;
  font-size: 16px;
  padding-left: 10px;
  width: 30%;
}

.fa_area .fa_data .address {
  margin-top: 20px;
}

.fa_area .fa_data .access {
  margin-top: 10px;
}

.fa_area .fa_data .address + dd,
.fa_area .fa_data .access + dd {
  box-sizing: border-box;
  font-weight: normal;
  line-height: 1;
  margin-top: 20px;
  overflow: hidden;
  padding: 2px 0 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 390px;
}

.fa_area .fa_data .address + dd .num {
  padding: 0 5px 0 0;
}

.fa_area .fa_data .access + dd {
  margin-top: 10px;
}



#content .osusume .fa_cat{
	padding-left: 8px;
	border-left: 4px solid #ff3366;
	color: #ff3366;
	font-size: 12px;
	display:inline;
	margin:2px 0 5px 10px;
	float:left;
}
#content .osusume .fa_box_ttl{
	/*margin:5px 15px 0 0;*/
	margin:0px 10px 5px 0;
	
	/*background:#fbe3e1;
	border-left: #f4bbb8 3px solid;*/
	vertical-align:middle;
	/*padding: 4px 10px 4px 9px;*/
	padding: 0px 10px 0px 9px;
	font-size:17px;
	font-weight:bold;
	line-height: 1.2;
	color: #444444;
	display: inline;
	
	float:left;
}
#content .osusume .fa_box_ttl a{
	/*color: #444444;*/
}
#content .osusume .fa_imgtxt_box{
	clear: both;
	display:inline-block;
	/*margin: 5px 0 0 0;*/	
}
#content .osusume .fa_img_box{
	float: left;
	display: block;
	overflow: hidden;
	width: 130px;
	height: 90px;
	margin: 5px 7px 0 0;
	padding: 1px;
	border: 1px solid #ccc;
	background: #fff;
	zoom: 1;
}
#content .osusume .fa_img_box a {
	position: relative;
	display: block;
	overflow: hidden;
	width: 130px;
	height: 90px;
}
#content .osusume .fa_txt_box{
	float:left;
	width:480px;
}
#content .osusume p.fa_address{
	padding: 7px 0 7px;
}
#content .osusume p.fa_page{
	text-align:right;
	line-height:15px;
	margin: 5px 0 0 0;
}
#content .osusume p.fa_page img{
	vertical-align: top;
	*vertical-align: middle;
	vertical-align: middle\9;
	padding: 0 0 0 4px;
}

/*-- osusume_box one --------------*/
#content .osusume .osusume_box.one{
	position:relative;
	width:630px;
	height:134px;
	padding:10px;	
}
#content .osusume .osusume_box.one h3{
	padding:4px;
	font-size:16px;
	background:#f4b9b5;
}
#content .osusume .osusume_box.one .osusume_imgleft{
	float:left;
	margin: 10px 10px 0 0;
}
#content .osusume .osusume_box.one p.shisetsu_text{
	padding:8px 8px 10px 0;
	font-size:12px;
	letter-spacing: 0;
}
#content .osusume .osusume_box.one p.shisetsu_text img{
	float:left;	
	margin:0 10px 0 0;
}
#content .osusume .osusume_box.one p.shisetsu_info{
	width:504px;
}
*+html #content .osusume .osusume_box.one p.shisetsu_info{/*IE7*/
	width:370px;
}
#content .osusume .osusume_box.one p.shisetsu_info img{
	vertical-align:middle;
	margin:-4px 5px 0 0;
}
#content .osusume .osusume_box.one a img.btn_look{
	position:absolute;
	bottom:10px;
	right:10px;
}
/*-- osusume_box two three --------------*/
#content .osusume .osusume_box.two,
#content .osusume .osusume_box.three{
	padding:4px;

	float:left;	
	margin:0 12px 0 0;
}
#content .osusume .osusume_box.two.last,
#content .osusume .osusume_box.three.last{
	margin:0;
}
#content .osusume .osusume_box.two .name_box,
#content .osusume .osusume_box.three .name_box{
	overflow:hidden;
	margin:0;
	padding:0 0 0 8px;
	border-left:#f4bbb8 3px solid;
	background:#fbe3e1;
}
#content .osusume .osusume_box.two .name_box h3,
#content .osusume .osusume_box.three .name_box h3{
	display:table-cell;
	vertical-align:middle;
	padding: 0 4px 0 0;
	font-size:15px;
	font-weight:bold;
	line-height: 1.2;
}
*+html #content .osusume .osusume_box.two .name_box h3,
*+html #content .osusume .osusume_box.three .name_box h3{/*IE7*/
	display: inline;
	zoom: 1;
	margin:-3px 0 0 0;
}
#content .osusume .osusume_box.two .name_box h3 span,
#content .osusume .osusume_box.three .name_box h3 span{
	font-size:12px ;
	font-weight:normal ;
}
#content .osusume .osusume_box.two .name_box div,
#content .osusume .osusume_box.three .name_box div{
	display:table-cell;
	vertical-align:middle;
}
*+html #content .osusume .osusume_box.two .name_box div,
*+html #content .osusume .osusume_box.three .name_box div{/*IE7*/
	display: inline;
	zoom: 1;
}
#content .osusume .osusume_box.two p.shisetsu_text,
#content .osusume .osusume_box.three p.shisetsu_text{
	overflow:hidden;
	position:relative;
	height:69px;
	font-size:11px !important;
	line-height:1.4 !important;
	background:#FFFFFF url(../image/osusume/shisetsu_text_bg.gif) left bottom repeat-x;
	margin:0 !important;
	padding:5px 8px !important;
}
#content .osusume .osusume_box.two p.shisetsu_text span,
#content .osusume .osusume_box.three p.shisetsu_text span{
	text-align:right;
	position:absolute;
	bottom:4px;
	right:5px;
	font-size:11px !important;
}
#content .osusume .osusume_box.two p.shisetsu_text span img,
#content .osusume .osusume_box.three p.shisetsu_text span img{
	float:none;
	vertical-align:middle;
	margin:-4px 0 0 2px;
}


/*-- osusume_box two --------------*/
#content .osusume .osusume_box.two{
	width:310px;
	height:148px;
}
#content .osusume .osusume_box.two .name_box{
	width:299px;
}
#content .osusume .osusume_box.two .name_box h3{
	width:228px;
}
/*-- osusume_box three --------------*/
#content .osusume .osusume_box.three{
	width:199px;
	height:146px;
}
#content .osusume .osusume_box.three.bosyu{
	width:199px;
	height:146px;
	margin-bottom: 6px;
}
#content .osusume .osusume_box.three .name_box{
	width:188px;
}
#content .osusume .osusume_box.three .name_box h3{
	width:117px;
}




.bosyu_box{
	float:right;
	text-align: right;
	margin:0px 0 0 0;
}
.bosyu_box p{
	
}
.bosyu_box p a{	
	background: url(/image/osusume/mrk_arrow1.gif) no-repeat left 3px;
	padding: 0 0 0 14px;
	
}
	
}
/* ----------------------------------------------------------
有料掲載施設様募集開始バナー
---------------------------------------------------------- */
#content .osusume_pay{
	width:680px;
	height:74px;
	margin:0;
}
#content .osusume_pay a img{
	vertical-align:bottom;
}

#content .osusume_li{
	width:680px;
	height:74px;
	margin:0;
}

#content .osusume_li li{
	float:left;
	margin:0 5px;
	padding:0;
}

#content .osusume_pay a img{
	vertical-align:bottom;
}

/*----------------------------
 キーワード検索BOX
-----------------------------*/
.keyword_srch_box{
	width:660px;
	height:152px;
	margin:20px auto 20px;
	padding:0px;
	text-align:left;
	background:url(/image/bg_word_srch_w660.gif) no-repeat center top;
	}
.keyword_srch_box.w670{
	width:670px;
	background:url(/image/bg_word_srch_w670.gif) no-repeat center top;
	}
.keyword_srch_box.w680{
	width:680px;
	background:url(/image/bg_word_srch_w680.gif) no-repeat center top;
	}
.keyword_srch_box .ttl{
	width:660px;
	height:88px;
	margin:0px;
	padding:0px;
	text-align:left;
	}
.keyword_srch_box.w670 .ttl{
	width:670px;
	}
.keyword_srch_box.w680 .ttl{
	width:680px;
	}
.keyword_srch_box h2{
	float:left;
 width:254px;
	height:42px;
	margin:0px;
	padding:0px;
	line-height:1 !important;
	}
.keyword_srch_box p.prword{
	float:right;
	height:42px;
	margin:0px;
	padding:0px;
	line-height:1;
	}

.keyword_srch_box p.lead_keyword_srch{
	clear:both;
	padding:14px 0px 0px 40px;
	color:#098cc7;
	font-weight:bold;
	font-size:18px;
	}
.keyword_srch_box p.lead_keyword_srch span.txt_m{
	font-size:16px;
	}
.keyword_srch_box p.lead_keyword_srch span.txt_s{
	font-size:15px;
	padding-left:3px;
	padding-right:3px;
	}
.keyword_srch_box form input{
	float:left;
	width:390px;
	margin:2px 0px 0px 35px;
	padding:5px 8px;
	}
.keyword_srch_box p.btn_word_srch input{
	float:right;
	width:88px;
	height:34px;
	margin:0px 35px 0px 0px;
	padding:0px;
	}
.keyword_srch_box p.btn_word_srch input:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}

/*----------------------------
 ドクター検索
-----------------------------*/

.doctors_interview {
    margin-top: 40px;
    overflow: hidden;
    padding: 0 0 7px;
    text-align:left;
}

.doctors_interview h3.doctors_interview_ttl{
    color: #FFFFFF;
    font-size: 16px;
	width:644px;
    height: 40px;
	margin:0 auto 25px;
}
.doctors_interview h3.doctors_interview_ttl + .bnr_att{
	margin-bottom: 10px;
}

.doctors_interview .interview_box{
	border: solid 1px #6f171e;
	background: linear-gradient( 0deg, #f6dad7,#fff);
	margin:0 auto 15px;
	width:620px;
	height:116px;
	position:relative;
	}

.doctors_interview .interview_box.ib02 {
	height: 146px;
	}

.doctors_interview .interview_box.ib02.inter09 {
	height: 128px;
}
	
.interview_box .doctor_photo{
	width: 91px;
	height: 91px;
	margin:11px 16px 0 11px;
	float:left;
	background: #ffffff;
	padding: 2px;
}		

.interview_box .doctor_name,
.interview_box.ib02 .doctor_name {
	background: url(/doctor-map/image/doctors/bg-ttl-interview.png) 0 bottom no-repeat;
	background-size: contain;
	color: #6f171e;
	display: flex;
	font-family: arial, sans-serif;
	font-size: 20px;
	font-weight: 600;
	height:40px;
	letter-spacing: 0.05em;
	margin-bottom: 4px;
	padding: 10px 0 0 0;
	width: 486px;
	align-items: center;
	flex-wrap: wrap;
}

.interview_box.ib02 .doctor_name {
	align-items: flex-start;
	height: 58px;
	padding: 14px 0 0 0;
}

.interview_box.ib02.inter09 .doctor_name {
	font-size: 16px;
	height: 48px;
	line-height: 20px;
}

.interview_box .doctor_name .yakushoku{
	color: #000;
	font-family: arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin-left: auto;
	margin-top: 2px;
	padding-left: 5px;
}

.interview_box.ib02 .doctor_name .yakushoku {
	margin-top: 6px;
	text-align: right;
  }

.interview_box.ib02.inter09 .doctor_name .yakushoku {
	font-size: 16px;
	margin-top: 0;
	margin-left: 10px;
	text-align: left;
}

.interview_box .doctor_name .name{
	font-family: arial, sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #000;
	margin-left: 8px;
}

.interview_box.ib02 .doctor_name .name {
	font-size: 21px;
	line-height: 1.2;
	margin-left: 10px;
  }

.interview_box.ib02.inter09 .doctor_name .name {
	margin-top: 10px;
	margin-left: auto;
}

.interview_box .txt_lead{
	display: inline-block;
	font-size:15px;
	line-height:1.7;
	margin-left: 7px;
	padding: 0px 5px;
}

.interview_box .btn_interview_read{
	position:absolute;
	bottom:7px;
	right:9px;
	width:172px;
	height:26px;
	background: url("/clinic/image/doctors/btn_interview_read_bg.gif") no-repeat scroll 0 0 ;
}

.bnr_att {
  margin: -5px 20px 0 auto;
  padding-left: 1.5em;
  text-align: right;
}

.bnr_att:before{
	content: "※ "
}

#content .doctors_interview + .osusume {
  margin-top: 1em;
}