﻿/*-----------------------------------------------------	*/
/*	for PC					*/
/*-----------------------------------------------------	*/

#wrapper {
	min-width:980px;
	min-height:300px;
	padding-bottom:260px;
	background:url(../images/pc/animal.png) no-repeat center bottom;
}

/* ------ Header ------ */

#header {
	width: 100%;
	position:relative;
	background-color:#fff;
}
#tagline {
	background-color:#ffa3c5;
}
#tagline p {
	width: 960px;
	margin: 0 auto;
	padding:4px 0 2px;
	font-size:11px;
	color:#FFFFFF;
}
#header_inner {
	width: 960px;
	height:94px;
	margin: 0 auto;
	padding:0;
	position:relative;
	background-color:#fff;
}
#logo {
	position:absolute;
	left:0px;
	top:12px;
	z-index:999;
}
#logo a {
	display:block;
}
#logo img {
	width: 650px;
}
#hnav {
	position:absolute;
	top:30px;
	right:0px;
}
#hnav ul {
	display:table;
}
#hnav li {
	display:table-cell;
	vertical-align:middle;
	padding-left:15px;
	font-size:16px;
}
#sp_tel img {
	width:220px;
	/*padding-right:7px;*/
}
#sp_tel span {
	display:none;
}
#gnav_btn,
#gnav_btn a {
	display :none;
}

#hnav #header_contact {
	display:none;
}

.link_btn {
	margin-top:10px;
}
.link_btn li {
	display:inline-block;
	padding:0 10px;
}
.link_btn a {
	min-width:180px;
	padding:6px 10px 4px;
	display:inline-block;
	text-align:center;
	color:#fff !important;
	text-decoration: none !important;
	border-radius:5px;
	background-color:#f895ba;
}
.link_btn a:hover {
	color:#fff !important;
	background-color:#f895ba;
	opacity:0.8;
}

/* ------ Contents ------ */

#contents_head {
	width:100%;
	height:180px;
	margin-bottom:30px;
	text-align:center;
	background-color:#f1f1f1;
}
#contents_head h1 {
	display:inline-block;
	padding:0 0 5px;
	font-size: 28px;
	line-height: 1.2em;
	letter-spacing:0.1em;
	border-bottom:3px #ffa3c5 solid;
}
#contents_head p {
	padding:10px 0 0;
	font-size: 14px;
	line-height: 1.5em;
	color:#999;
}
.clinic_main_bg {
	background:url(../images/pc/clinic_main.jpg) no-repeat center center;
}

.breadcrumbs {
	margin-bottom:25px;
}
.breadcrumbs ul {
	width: 960px;
	margin:0 auto;
	padding:8px 0;
	text-align:left;
}
.breadcrumbs ul li {
	display:inline-block;
	font-size:12px;
	padding-left:5px;
}
.breadcrumbs ul li:first-child {}
.breadcrumbs ul li a {
	padding:0 10px 0 0;
}

#contents_body {
	width:100%;
}
#contents {
	width:730px;
	margin:25px auto;
	padding:0 0 20px;
	background-color:#FFFFFF;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
#main {
	width:690px;
	margin:0;
	padding:0 20px;
	position:relative;
}

/***************************/
/*　BOXレイアウト　　　　 */
/***************************/

.hbox1 {
	padding:0 0 20px;
}
.box1 {
	padding:0 20px 20px;
}
.box2 {
	width:327px;
	padding:0 0 20px 10px;
	float:left;
}
.box3 {
	width:200px;
	padding:0 5px 20px 15px;
	float:left;
}
.box3-2 {
	width:420px;
	padding:0 5px 20px 15px;
	float:left;
}

/*　見出し　*/
#pan_title h2 {
	width:920px;
	height:250px;
	margin-bottom:15px;
	text-indent:-9999px;
}
#contents h2 {}
.h2_box {}
.h2_box h2 {
	padding:12px 20px 10px;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	border-radius:10px 10px 0 0;
	background-color:#ff7eb4;
}
.h2_box p {
	padding:10px 20px;
	font-size:18px;
}
#main h3 {
	margin-bottom:15px;
	padding:10px;;
	font-size:20px;
	letter-spacing:0.1em;
	font-weight:normal;
	background-color: #ffe6ef;
}

#main h4 {
	margin-bottom:10px;
	padding:0;
	font-weight:bold;
	border-bottom:2px #ccc solid;
}
#main h4.title {
	line-height:36px;
	border-top:3px #ccc solid;
	border-bottom:3px #ccc solid;
}
#col_l h5 { margin-bottom:5px; }

p strong { font-size:110%; }


.photo_l {
	float:left;
	margin:0 10px 5px 0;
}
.photo_r {
	float:right;
	margin:0 0 5px 10px;
}
.page_link {
	background:url(../images/p01.jpg) no-repeat left center;
	margin-top:8px;
	padding-left:15px;
}
.page_link2 {
	background:url(../images/p04.jpg) no-repeat right center;
	padding-right:18px;
}
.page_link_bt {
	margin-top:8px;
}
.page_next {
	background:url(../images/p01.jpg) no-repeat left center;
	padding-left:15px;
}
.page_back a {
	background:url(../images/p04.jpg) no-repeat left center;
	padding-left:15px;
}


/*トップページ*/
.main_menu {
	width:560px;
	margin:0 auto;
}
.main_menu ul {
	border-bottom:5px #efe9db solid;
	border-right:5px #efe9db solid;
	width:554px;
}
.main_menu ul li {
	border-top:5px #efe9db solid;
	border-left:5px #efe9db solid;
	font-size:16px;
	display:block;
}
.main_menu ul li.col2 {
	float:left;
	border-top:5px #efe9db solid;
	border-left:5px #efe9db solid;
	width:272px;
}
.main_menu ul li.col1 {
	clear:both;
	/*width:549px;*/
}
.main_menu ul li a {
	font-size:18px;
	color:#333333;
	display:block;
	padding:8px 5px 5px 8px;
}
.main_menu ul li a i {
	padding-right:10px;
	font-size:28px;
	color:#E5DFD3;
	vertical-align:bottom;
}
/*
.main_menu ul li.ic_soudan1 a { background:url(../images/icon_soudan1.jpg) no-repeat 8px center; }
.main_menu ul li.ic_soudan2 a { background:url(../images/icon_soudan2.jpg) no-repeat 8px center; }
.main_menu ul li.ic_kondan1 a { background:url(../images/icon_kondan1.jpg) no-repeat 8px center; }
.main_menu ul li.ic_kondan2 a { background:url(../images/icon_kondan2.jpg) no-repeat 8px center; }
.main_menu ul li.ic_help a { background:url(../images/icon_help.jpg) no-repeat 8px center; }
.main_menu ul li.ic_pas a { background:url(../images/icon_pas.jpg) no-repeat 8px center; }
.main_menu ul li.ic_mail a { background:url(../images/icon_mail.jpg) no-repeat 8px center; }
.main_menu ul li.ic_name a { background:url(../images/icon_name.jpg) no-repeat 8px center; }
.main_menu ul li.ic_logout a { background:url(../images/icon_logout.jpg) no-repeat 8px center; }
*/
.main_menu ul li a.no_link { text-decoration:none; cursor:help; }


.attention_box {
	margin-bottom:20px;
	padding: 15px;
	border: 1px #e0ded2 solid;
	border-radius:5px;
	background-color: #fefbea;
}


/*テーブルスタイル*/
table.tb_style_01 {
	border:1px #40b6ad solid;
}
table.tb_style_01 th {
	border-right:1px #fff solid;
	padding:5px 20px;
	color:#fff;
	text-align:center;
	background-color:#40b6ad;
}
table.tb_style_01 th:last-child {
	border-right:0px #fff solid;
}
table.tb_style_01 td {
	border:1px #40b6ad solid;
	padding:10px;
}
table.tb_style_01 tr.gray th,
table.tb_style_01 tr.gray td {
	background-color:#f8f8f8;
}
table.tb_style_01.soudan {
	margin:0 auto;
	width:80%;
}
table.tb_style_01.soudan td,
table.tb_style_01.kondan td {
	text-align:center;
}

table.tb_style_02 {
	border:1px #CCCCCC solid;
}
table.tb_style_02 th {
	border:1px #CCCCCC solid;
	padding:5px 20px;
	background-color:#ecedef;
}
table.tb_style_02 td {
	border:1px #CCCCCC solid;
	padding:10px;
}
.link_bt {
	padding-top:5px;
}

p.home_back {
	text-align:center;
	margin:20px 0 0;
}
p.home_back a {
	width:200px;
	height:36px;
	display:block;
	margin:0 auto;
	background:url(../images/bt_back.jpg) no-repeat left top;
	text-indent:-9999px;
}
p.page_back {
	text-align:center;
	margin:20px 0 0;
}
p.page_back a {
	width:200px;
	height:36px;
	display:block;
	margin:0 auto;
	background:url(../images/bt_page_back.jpg) no-repeat left top;
	text-indent:-9999px;
}


.dr_view_box {
	border:3px #fc7ab1 solid;
	padding:10px 10px 10px 80px;
	margin-bottom:15px;
	position:relative;
}
.dr_view_box:before {
	font-family: "Font Awesome 5 Free";
  content: "\f061";
  color: #fc7ab1;
	font-size:65px;
	font-weight:900;
	position:absolute;
	left:10px;
	top:-11px;
}
.mb_view_box {
	border:3px #60c4b2 solid;
	padding:10px 10px 10px 80px;
	margin-bottom:15px;
	position:relative;
}
.mb_view_box:before {
	font-family: "Font Awesome 5 Free";
  content: "\f060";
	color: #60c4b2;
	font-size:65px;
	font-weight:900;
  position:absolute;
	left:10px;
	top:-11px;
}
.dr_view_box h5,
.mb_view_box h5 {
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px #CCCCCC dotted;
}

.help_box {
	margin-bottom:15px;
}

/*form*/
label {
	width:150px;
}

fieldset {
    border: 0;
}
input,
textarea,
select {
	font-size: inherit;
	font-weight: inherit;
}
form {
	/*padding: 8px;
	border: 1px solid #d7ddd1;*/
}

form table {
	margin-bottom:10px;
}
form table table {
  
}
form th {
	text-align:left;
	padding:10px 3px 0;
	font-weight:bold;
}
form td {
  padding:3px;
}
form td span {}


#logchk form,
#newmail form {
	border:1px #CCCCCC solid;
	border-radius:10px;
	background-color:#fefbea;
	margin:0 70px;
	padding:10px 60px;
}
.form01 {
	border:1px #CCCCCC solid;
	border-radius:10px;
	background-color:#fefbea;
	margin:0 40px;
	padding:20px 40px;
}
.form01 th,
.form01 td {
	display:block;
}
input[type="submit"] {
	padding:8px 40px;
	font-size:16px;
	color: #fff;
	border:0px;
	text-align:center;
	cursor:pointer;
	border-radius:5px;
	background-color:#f895ba;
}
input[type="submit"]:hover {
	opacity:0.8;
}
input[type="text"], input[type="password"] {
	padding:3px 5px;
}
.form01 input[type="text"], .form01 input[type="password"] {
	width:97%;
}
textarea {
	padding:3px 5px;
	width:100%;
	border:1px #ccc solid;
	box-sizing:border-box;
}
select {
	font-size:16px;
	width:50%;
}
.error {
	color:#CC0000;
	padding-bottom:5px;
}

/* ------ Footer ------ */

#footer_body {
	width:100%;
	background-color:#ffa3c5;
}
#footer {
	width:950px;
	margin:0 auto;
	padding:0px;
	position:relative;
}
#footer p.address {
	font-size:11px;
	padding:15px 0 0 200px;
}
p.copy {
	width:730px;
	margin:0 auto;
	padding:15px 0px;
	font-size:11px;
	color:#FFFFFF;
	text-align:center;
}

#page_top {
	position:relative;
	margin:0 auto;
}
.page_top_bpx p {
	position:fixed;
	left:50%;
	bottom: 65px;
	margin-left:420px;
	width:60px;
	height:60px;
	display:table;
	/*background-color:#193974;
	border-radius:10px;
	opacity:0.5;*/
	background:url(../images/bt_pagetop.png) no-repeat center center;
}

.img140 img { width:140px; }
.img226 img { width:226px; }

a:hover img {
	opacity:0.8;
}
a[target="_blank"]:after {
	font-family: "Font Awesome 5 Free";
	font-size:80%;
  content: "\f35d";
	padding-left:0.5em;
}

.tb { display:none !important; }
.sp { display:none !important; }
.pc { display:block !important; }
