@charset "UTF-8";
@import url(../common/common.css);
@import url(../common/base.css);


/*----- 院長・副院長のご紹介ページ 設定 ----------------------------------------------------*/

section#clinic { width:100%; padding:10px 0 30px 0; overflow:hidden; }

section#staff { width:94%; padding:20px 3% 50px 3%; text-align:left; overflow:hidden; float:left; }

section#staff h3{ width:98%; padding:20px 1% 0 1%; font-size:1.8em; color:#0669a8; font-weight:normal; border-bottom:solid 1px #0669a8; overflow:hidden; }

article.profile { width:96%; padding:20px 2%; margin:10px 0 50px 0; /* background-color:#e3eff8; */ overflow:hidden; float:left; }
article.profile { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }

article.profile h4{ width:100%; font-size:1.8em; font-weight:normal; color:#e95377; border-bottom:solid 1px #e95377; }
span.name01 { font-size:0.8em; }
span.name02 { font-size:0.6em; }
article.profile h5{ width:100%; font-size:1.1em; font-weight:normal; color:#777; }

div.pr_photo { width:60%; padding:10px 0; margin:0 20%; text-align:center; float:left; }
div.pr_photo img{ width:70% ;padding:2px; margin:0 auto; border:solid 2px #f5c4d0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }

div.pr_right { width:98%; padding-top:10px; margin:0 1%; float:left; }
div.pr_right p{ width:94%; padding:15px 3%; margin:10px 0; font-size:1.0em; color:#555; line-height:1.8em; letter-spacing:0.1em; background-color:#ffeaef; display:table; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; float:left; }

div.detail_nav { width:100%; margin:10px 0 0 0; float:left; }

div.pr_detail_btn { width:80%; height:30px; margin:0 10%; background-color:#e95377; float:left; }
div.pr_detail_btn { -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }

div.pr_detail_btn span{ width:100%; height:30px; font-size:0.9em; font-weight:bold; color:#fff; line-height:30px; text-align:center; background:url(/img/member/db_icon01.png) 7px 7px no-repeat; cursor:pointer; float:left; }
div.pr_detail_btn span.active { background:url(/img/member/db_icon02.png) 7px 7px no-repeat; }

div.pr_bottom { width:100%; padding:20px 0 0 0; display:none; overflow:hidden; }
div.pr_box { width:100%; float:left; }

div.biography_tit, div.related_tit { width:100%; padding:7px 0 5px 0; font-size:1.1em; color:#fff; text-align:center; letter-spacing:1.2em; background-color:#e95377; float:left; }
div.biography_tit, div.related_tit { -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; }

ul.biography { width:100%; padding:10px 0; margin:0 0 20px 0; background-color:#fafafa; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; float:left; }
ul.biography li{ width:100%; padding:10px 0; margin-bottom:5px; font-size:0.9em; border-bottom:dotted 1px #244580; display:table; float:left; }
ul.biography li:last-child{ margin-bottom:0; border-bottom:none; }

div.bg_year { width:35%; font-size:1.0em; color:#555; text-align:center; display:table-cell; vertical-align:middle; }
div.bg_txt { width:64%; padding-left:1%; font-size:1.0em; color:#555; display:table-cell; vertical-align:middle; }

ul.related { width:100%; padding:10px 0; margin:0 0 20px 0; background-color:#fafafa; -webkit-border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px; float:left; }
ul.related li{ width:90%; padding:5px 0 5px 0; margin:0 0 0 10%; font-size:0.9em; list-style-type:disc; float:left; }
ul.related li:last-child{ margin-bottom:0; border-bottom:none; }




/*----- 650px以下の画面設定 ----------------------------------------------------*/

@media screen and (max-width:650px) {

	ul.patient-medical li{ width:98%; }

	ul.sub_menu li{ width:98%; }

	div.samp_logo { width:94%; margin:10px 3% 0 3%; }

}