/*
	酒井形成外科 メインCSS
	version 2018 美容外科サイト
*/

#frame {
	/* width: 1024px; */
	width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
#main_contents {
	width: 1138px;
	background-image: url("../image/side_bar_bg.png");
	background-repeat: repeat-y;
	background-size: 310px auto;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}
#right_contents {
	margin-left: 20px;
	margin-right: 20px;
	width: 780px;
	float: right;
}
#side_menu {
	padding-top: 30px;
	/* width: 195px; */
	width: 300px;
	float: left;
}
#site_title {
	background-image: url("../image/header_title_bg.png");
}
#header {
	width: 500px;
	float: left;
}
#header_reserve {
	width: 200px;
	text-align: right;
	float: right;
	margin-right: 10px;
	margin-top: 8px;
}
.oneblock,
.twoblock,
.twoblock2,
.twoblock_small_img,
.twoblock_small_img2 {
	margin-left: 30px;
	margin-bottom: 5px;
	margin-top: 10px;
}
.oneblock_inset {
	margin-left: 60px;	
}
.twoblock .left_side,
.twoblock .left_side2,
.twoblock_small_img .left_side,
.twoblock_small_img2 .left_side {
	width: 370px;
	float: left;
}
.twoblock .right_side,
.twoblock .right_side2,
.twoblock_small_img .right_side,
.twoblock_small_img2 .right_side {
	width: 370px;
	float: right;
}
.twoblock_small_img .left_side img,
.twoblock_small_img .right_side img,
.twoblock_small_img2 .right_side img {
	width: 75%;
}
.twoblock2 .left_side {
	width: 460px;
	float: left;
}
.twoblock2 .right_side {
	width: 280px;
	float: right;
}
.twoblock_add .left_side {
	float: left;
	width: 220px;
}
.twoblock_add .right_side {
	float: right;
	width: 220px;
}
.twoblock_add .left_side img,
.twoblock_add .right_side img {
	width: 100%;
}
.column .twoblock {
	margin-left: 0;
}
.column .twoblock .left_side,
.column .twoblock .right_side {
	width: 340px;
}
.column .twoblock .left_side {
	margin-left: 30px;
}
.column .twoblock .left_side img,
.column .twoblock .right_side img {
	padding-left: 42px;
	float: left;
	width: 255px;
}
.column .twoblock2 .left_side {
	width: 480px;
}
.column .twoblock2 .right_side {
	float: right;
	width: 210px;
}
.column .twoblock2 .right_side img {
	width: 200px;
}

.oneblock img {
	width: 480px;
	margin-left: 125px;
}
.twoblock .left_side2,
.twoblock .right_side2 {
	text-align: center;
}
.center_image {
	text-align: center;
	width: 460px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.center_image_big {
	text-align: center;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.center_image_small {
	text-align: center;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.center_image img,
.center_image_big img,
.center_image_small img {
	width: 100%;
}
.risk dd {
	width: 500px;
}
/*
	左右文中配置イメージ
*/
.right_image,
.right_image160,
.right_image240,
.right_image300 {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}
.right_image,
.right_image240 {
	width: 240px;
}
.right_image160 {
	width: 160px;
}
.right_image300 {
	width: 300px;
}
.right_image img,
.right_image160 img,
.right_image240 img,
.right_image300 img {
	padding: 0;
	margin: 0;
	width: 100%;
}
/*
	サイドメニュー
*/
.side_buttons {
	margin-bottom: 20px;
}
.side_button_header {
	margin-left: 9px;
	margin-right: 9px;
	padding: 8px;
	padding-left: 30px;
	background-image: url("../image/button_header_bg2.png");
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
}
a .side_button,
a .side_button2,
a .side_button_mail,
a .side_button_home {
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #cccccc;
	padding: 8px;
	padding-left: 25px;
	padding-right: 40px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
	color: #333333;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
}
.side_button {
	background: url("../image/gradation_gray.png");
}
.side_button2 {
	background: url("../image/gradation_gray.png");
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
}
.side_button_mail {
	background: url("../image/gradation_gray_mail.png");
}
.side_button_home {
	background: url("../image/gradation_gray_home.png");
	border-bottom-left-radius : 10px;
	border-bottom-right-radius : 10px;
}
/*
	フッター
*/
#footer {
	width: 100%;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 20px;
	background-image: url("../image/header_title_bg_light_gray.png");
}
/*
	ページ下部ナビゲーション
*/
.footerNavi .backBtn {
	background-image: url("../image/gradation_gray_left_arrow.png");
}
.footerNavi .nextBtn {
	background-image: url("../image/gradation_gray_right_arrow.png");
}
.footerNavi .nextBtn ,
.footerNavi .backBtn {
	width: 300px;
	height: 50px;
}
.footerNavi .backBtn {
	float: left;
}
.footerNavi .nextBtn {
	float: right;
}
/*
	ページタイトル
*/
#mainTitle h2 {
	background: url("../image/title_base.png");
	height: 120px;
	text-align: center;
}
/*
	トップ画面
*/
#top_menu01,
#top_menu02,
#top_menu03,
#top_menu05,
#top_menu06,
#top_menu07 {
	width: 185px;
	margin-right: 12px;
	float: left;
}
#top_menu04,
#top_menu08 {
	width: 185px;
	float: left;
}
#top_menu05 {
	clear: both;
}
#top_menu01 p,
#top_menu02 p,
#top_menu03 p,
#top_menu04 p,
#top_menu05 p,
#top_menu06 p,
#top_menu07 p,
#top_menu08 p {
	height: 120px;
	font-size: 12px;
	line-height: 20px;
}
/*
	クリニックについて
*/
#clinic .oneblock p,
#clinic .twoblock p,
#clinic .twoblock2 p {
	margin-top: 8px;
	margin-bottom: 18px;
}
#clinic .dr_profile_photo {
	margin-left: 85px;
	width: 200px;
	text-align: center;
}
#clinic .dr_profile_photo img {
	width: 200px;
}
/*
	クリニックのメニュー
*/
#clinic_menu01,
#clinic_menu02,
#clinic_menu03,
#clinic_menu05,
#clinic_menu06,
#clinic_menu07,
#clinic_menu09,
#clinic_menu10,
#clinic_menu11 {
	width: 185px;
	margin-right: 12px;
	float: left;
}
#clinic_menu04,
#clinic_menu08 {
	width: 185px;
	float: left;
}
#clinic_menu05,
#clinic_menu09 {
	/* clear: both; */
}
#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 {
	height: 90px;
}

/*
	手術一覧
*/
.ope_ichiran_icon,
.ope_ichiran_icon_null {
	margin-left: 20px;
	margin-right: 10px;
	float:left;
}
.ope_right_area {
	width: 640px;
	float: right;
}
.opeIndex,
.opeIndex_nolink {
	float: left;
	width: 280px;
}
.ope_setsumei {
	float: right;
	width: 330px;
}
/*
	各施術ページ
*/
#headline {
	color: #000000;
	margin: 10px;
}
#operation {
	color: #4a337a;
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 22px;
}
#operation_top {

}
#operation_top .left_side {
	width: calc(100% - 310px);
	float: left;
}
#operation_top .right_side {
	width: 300px;
	float: right;
}
#operation_top .opraion_left_header {
	
}
#operation_top .operation_shortcut {
	margin-bottom: 18px;
}
#operation_top .operation_shortcut .opraion_right_header {
	padding: 5px;
	background: #9679d2;
	text-align: center;
	color: #FFFFFF;
}
#operation_top .operation_shortcut .left_side {
	float: left;
	width: 49%;
}
#operation_top .operation_shortcut .right_side {
	float: left;
	width: 49%;
}
#operation_top .operation_shortcut img {
	width: 100%;
}
/*
	詳細情報
*/
.operation_infomation_table th,
.operation_infomation_table .johoKomoku {
	width: 200px;
}
/*
	価格表
*/
#cost {
	margin-left: 30px;
}
.cost_table2 {
	width: 630px;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #999999;
}
/*
	トップページ オペアイコン
*/
.twoblock .topLeftGrid {
	width: 50%;
	float: left;
}
.twoblock .topRightGrid {
	width: 50%;
	float: right;
}
.topLeftGrid .left1 {
	margin-right: 6px;
	width: 110px;
	float: left;
}
.topLeftGrid .left2 {
	margin-right: 6px;
	width: 110px;
	float: left;
}
.topLeftGrid .left3 {
	margin-right: 6px;
	width: 110px;
	float: left;
}
.topRightGrid .right1 {
	margin-right: 6px;
	width: 110px;
	float: left;
}
.topRightGrid .right2 {
	margin-right: 6px;
	width: 110px;
	float: left;
}
.topRightGrid .right3 {
	margin-right: 6px;
	width: 110px;
	float: left;
}
/*
	診察予約バナー
*/
#footer_reserve_box {
	width: 780px;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
#footer_reserve_box img {
	width: 780px;
}
/*
	FAQ
*/
#faq h3 {
	margin-top: 25px;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	color: #FFFFFF;
	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);
}
/*
	ドクター紹介
*/
.profile_line .affiliation .left_side {
	float: left;
	width: 50%;
}
.profile_line .affiliation .right_side {
	float: right;
	width: 50%;
}
/*
	リクルート
*/
#clinic .recruit_address {
	width: 48%;
	float: left;
}
#clinic .recruit_map {
	width: 48%;
	float: right;
}
/*
	calendar
*/

#holiday {
	margin-left: 25px;
	margin-right: 20px;
	margin-bottom: 15px;
	background-image: url("../image/header_title_bg.png");
	padding: 8px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border-radius : 10px;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
}
#calendarArea {
	margin-left: 30px;
}
#kyushin {
	font-size: 14px;
}
.calendar {
	width: 240px;
	border: 1px solid #0066cc;
	margin-bottom: 10px;
	border-collapse: collapse;
	border-spacing: 0;
}
.calendar td {
	text-align: center;
	border: 1px solid #cccccc;
	font-size: 12px;
}
.sun, .mon, .tus, .wed, .thr, .fri, .sat {
	width: 14%;
	background: #f0f0f0;
	color: #000000;
	text-align: center;
}
.nengetsu {
	color: #000000;
	font-weight: bold;
}
.normalColor {
	color: #000000;
	background: #ffffff;
}
.holidayColor {
	color: #cc0000;
	background: #ffcccc;
}
.cal_week {
	color: #FFFFFF;
}
.cal_day {
	color: #FFFFFF;
}
.cal_week2 {
	color: #000000;
}
.cal_day2 {
	color: #000000;
}
.time_cell {
	background: #f0f0f0;
	color: #000000;
}
/*
	リクルート
*/
#clinic .recruit_merit_list {
	margin-left: 140px;
}
#clinic .recruit_merit_line img {
	width: 600px;
}
/*
	症例
*/
.case {

}
.case .syourei {

}
.case .before {
	width: 48%;
	float: left;
}
.case .after {
	width: 48%;
	float: right;
}