/*
	酒井形成外科 クリニックCSS
	version 2018 美容外科サイト
*/
/*
	クリニックについて
*/
#clinic {
	color: #4a337a;
}
#clinic h3 {
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	color: #4a337a;
	background-image: url(../image/header3_background.png);
	background-width: 100%;
	padding: 8px;
	padding-left: 20px;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
}
#clinic h4 {
	font-size: 18px;
	line-height: 24px;
	color: #4a337a;
}
#clinic h5 {
	font-size: 16px;
	line-height: 22px;
	padding-left: 24px;
	background-image: url(../image/i_circle_yellow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#clinic .oneblock h4,
#clinic .twoblock h4,
#clinic .twoblock2 h4 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	color: #4a337a;
	padding-left: 30px;
/*	background-image: url("../image/i_clip_yellow.png"); */
	background-image: url("../image/i-blue.png");
	background-repeat: no-repeat;
	background-position: 0 0px;
}
#clinic .q {
	font-weight: bold;
	color: ##4a337a;
	border-bottom: 1px solid #cccccc;
}
#clinic .a {
	font-weight: normal;
	color: #666666;
}
#clinic .fuki {
	margin-top: 15px;
	display: table;
}
#clinic .fuki .left_side {
	text-align: center;
	vertical-align: middle;
	width: 20px;
	display: table-cell;
	padding: 5px;
	border: 1px solid #cccccc;
}
#clinic .fuki .right_side {
	width: calc(100% - 50px);
	display: table-cell;
	padding: 5px;
	border: 1px solid #cccccc;
}
/*
	クリニックのメニュー
*/
#clinic_menu01 p,
#clinic_menu02 p,
#clinic_menu03 p,
#clinic_menu04 p,
#clinic_menu05 p,
#clinic_menu06 p,
#clinic_menu07 p,
#clinic_menu08 p,
#clinic_menu09 p,
#clinic_menu10 p,
#clinic_menu11 p,
#clinic_menu12 p {
	font-size: 12px;
	line-height: 20px;
	color: #333333;
}
#clinic_menu01 h4,
#clinic_menu02 h4,
#clinic_menu03 h4,
#clinic_menu04 h4,
#clinic_menu05 h4,
#clinic_menu06 h4,
#clinic_menu07 h4,
#clinic_menu08 h4,
#clinic_menu09 h4,
#clinic_menu10 h4,
#clinic_menu11 h4,
#clinic_menu12 h4 {
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	font-size: 14px;
	background: #0099cc;
	background-image: url(../image/header_title_bg_black.png);
	color: #ffffff;
	margin-bottom: 1px;
	border-top-left-radius : 8px;
	border-top-right-radius : 8px;
}
#clinic_menu01 img,
#clinic_menu02 img,
#clinic_menu03 img,
#clinic_menu04 img,
#clinic_menu05 img,
#clinic_menu06 img,
#clinic_menu07 img,
#clinic_menu08 img,
#clinic_menu09 img,
#clinic_menu10 img,
#clinic_menu11 img,
#clinic_menu12 img {
	width: 100%;
}
.go_to_page {
	text-align: center;
	font-size: 12px;
	background: #333333;
	background-image: url(../image/header_title_bg_black.png);
	color: #ffffff;
	margin-top: 2px;
	border-bottom-left-radius : 8px;
	border-bottom-right-radius : 8px;
}
/*
	ドクター紹介
*/
.profile_line {
	clear: both;
	border-top: 1px solid #cccccc;
	border-bottom: 1ps solid #cccccc;
	padding: 5px;
}
.profile_line .years {
	text-align: center;
	width: 95px;
	float: left;
}
.profile_line .detail {
	width: calc(100% - 110px);
	float: right;
	background: #FFFFFF;
}
.profile_header_top,
.profile_header {
	background: #666666;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	clear: both;
	padding: 3px;
	background-image: url("../image/i_dark_stone.png");
	border-radius: 5px 5px 0 0;
}
.profile_header {
	margin-top: 10px;
}
.profile_line .affiliation {
	padding: 5px;
}
.blog {
	margin-top: 5px;
	padding: 8px;
	border: 1pa solid #cccccc;
	background: #f0f0f0;
	border-radius: 5px;
}
/*
	リクルート
*/
#clinic #recruit_headline {
	text-align: center;
}
#clinic #recruit_headline p {
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #cc0000;
	margin-top: 0;
	margin-bottom: 4px;
	padding-bottom: 0;
	padding-top: 0;
}
#clinic #recruit_merit {
	margin-top: 15px;
	margin-bottom: 15px;
}
#clinic #merit_title {
	margin-top: 10px;
	text-align: center;
}
#clinic #merit_title img {
	width: 460px;
}
#clinic .recruit_merit_line {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
#clinic .recruit_merit_list li {
	color: #8a7b52;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
#clinic .recruit_shortcut_button_area {
	border-top: 2px dotted #cccccc;
	border-bottom: 2px dotted #cccccc;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 8px;
	font-size: 1px;
	line-height: 1px;
}
#clinic .recruit_shortcut_button {
	width: 240px;
	margin-left: 30px;
	padding: 5px;
	padding-left: 18px;
	font-size: 16px;
	line-height: 24px;
	border: 1px solid #cccccc;
	border-radius: 20px;
	background: #f0f0f0;
	color: #000000;
	margin-bottom: 5px;
}
#clinic .recruit_table {
	margin-left: 30px;
	width: calc(100% - 30px);
	border-collapse: collapse;
	border: 1px solid #cccccc;
}
#clinic .recruit_table th {
	padding: 5px;
	border: 1px solid #cccccc;
	text-align: left;
	background: #EAE9FF;
	font-size: 14px;
	line-height: 20px;
}
#clinic .recruit_table td {
	padding: 5px;
	border: 1px solid #cccccc;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
}
#clinic .recruit_form_button_area {

}
#clinic .recruit_form_button {
	width: 240px;
	margin-left: auto;
	margin-right: 0;
	background: #000000;
	border: 1px solid #333333;
	padding: 5px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 30px;
}
/*
	受付からのお知らせ
*/
#clinic .holidays {
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
#clinic .holidays .title {
	float: left;
	width: calc(100% - 120px;)
}
#clinic .holidays .date {
	float: right;
	width: 100px;
	font-size: 10px;
	color: #666666;
}
#clinic .infos {
	padding-bottom: 2px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
#clinic .infos .title {
	float: left;
	width: calc(100% - 120px;)
}
#clinic .infos .date {
	float: right;
	width: 100px;
	font-size: 10px;
	color: #666666;
}
.whatsnew_date {
	text-align: right;
	font-size: 10px;
	color: #666666;
	margin-bottom: 20px;
	padding-left: 15px;
}