@charset "utf-8";

@import "base.css";
@import url("textconversion.css");
#index #sidebar {
	float:left;
	margin: 30px 0px 40px 30px;
	width: 287px;
}
/* only for IE6 */
* html body#index #sidebar {
	margin: 10px 0px 40px 15px;
}
#index #content {
	float:right;
	margin: 35px 30px 0px 30px;
	width: 682px;
}
/* only for IE6 */
* html body#index #content {
	margin: 10px 15px 0px 15px;
}

#index .caption {
	padding:0 30px;
	margin:0;
}
#index #content h2 {
	padding: 15px 10px;
	background: url(/images/common_h2_back.gif) no-repeat left center;
	font-size: 1.16em;
	font-weight: bold;
}

#index #content h2.index_title {
	padding: 15px 10px;
	background-image:none;
	background-color:#45AADB;
	color:#fff;
	font-size: 1.16em;
	font-weight: bold;
}

.topic_list{
    margin-top:50px;
}
.mt50{
    margin-top:50px;
}


/* history */

#index #content .history {
	border:dotted 1px #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border:1px #ccc solid;
}
/*#index #content .history h2 {
	padding: 5px 0px 5px 25px;
	margin:0;
	background: #35b1fe url(/images/index_history_icon.gif) no-repeat 5px center;
	font-size: 1em;
	color: #FFFFFF;
}*/
#index #content .history dl,
#index #content .history ul  {
	padding: 0px 10px;
	overflow:hidden;
	zoom:1;
}

#index #content .history h3.blue_h3{
	margin-top:10px;
	margin-bottom:10px;
}
#index #content .history h3.blue_h3 span{
	background-color:#FFFFFF;
	color:#45AADB;
	border:1px solid #45AADB;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;

}
#index #content .history p.blue_h3 span{
	background-color:#FFFFFF;
	color:#45AADB;
	border:1px solid #45AADB;
	padding-top: 1.5px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;

}
#index #content .history ul li{
	line-height:25px;
}


#index #content .history dl dt {
	float:left;
	clear: both;
	padding: 5px 0px 5px 10px;
	background: url(/images/index_history_back.gif) no-repeat left center;
}
#index #content .history dl dd {
	padding: 5px 0px 5px 90px;
}
#index #content .history dl dd a,
#index #content .history ul li a {
	text-decoration:none;
	color:#666666;
}
#index #content .history dl dd span.strong,
#index #content .history ul li span.strong {
	color:#185584;
}
#index #content .history dl dd span,
#index #content .history ul li span {
	color:#ae8132;
}

/* topic_list */

#index #content .topic_list p {
	margin:0;
}
#index #content .topic_list ul li {
	margin-bottom:10px;
}
#index #content .topic_list ul li a {
	text-decoration:none;
	color:#666666;
}

/* voice_box */

#index #content .voice_box {
	overflow:hidden;
	zoom:1;
}
#index #content .voice_box div {
	padding: 8px 0px 14px 50px;
	background: url(/images/index_voice_title_back.gif) no-repeat left center;
	overflow:hidden;
	zoom:1;
}
#index #content .voice_box div h3 {
	float:left;
	font-weight:bold;
}
#index #content .voice_box div ul {
	float:right;
}
#index #content .voice_box div ul li {
	display:inline;
}
#index #content .voice_box div ul li a {
	text-decoration:none;
}
#index #content .voice_box div ul li.cat01 span {
	color:#0195fe;
}
#index #content .voice_box div ul li.cat02 span {
	color:#ff4b93;
}
#index #content .voice_box div ul li.cat03 span {
	color:#21b73f;
}
#index #content .voice_box div ul li.cat04 span {
	color:#e17b0e;
}
#index #content .voice_box div.left,
#index #content .voice_box div.right {
	width:321px;
	padding: 10px 20px 5px 0;
	background:none;
}
#index #content .voice_box div img {
	float:left;
	margin:0 10px 0 0;
}
#index #content .voice_box div hr {
	clear:both;
	margin:10px 0;
	border-top: 1px dotted #333333;
}
#index #content .voice_box div dl dt {
	padding:5px 0;
}
#index #content .voice_box a {
	color:#185584;
}
#index #content .voice_box div p {
	clear:both;
	text-align:right;
}



#index #content .voice_box_list{
	overflow:hidden;
}

#index #content .voice_box_list ul li{
	width:310px;
	margin:5px 8px;
	padding:5px;
	float:left;
	border:1px solid #CCC;
	overflow:hidden;
}
#index #content .voice_box_list ul li p{
	font-size:12px;
	margin-bottom:5px;
}
#index #content .voice_box_list ul li img{
	float:left;
	margin-right:10px;
}
#index #content .voice_box_list ul li h4 {
	color:#45AADB;
	font-size:15px;
	font-weight:500;
	margin-bottom:5px;
	border-bottom:1px solid #45AADB;
	background-color:none;
	float:none;
}

#index #content .voice_box_list ul li h4 a{
	text-decoration:none;
	color:#45AADB;
}

#index #content .voice_box_list ul li a.link{
	color:#fff;
	background-color:#45AADB;
	padding:5px;
	text-decoration:none;
	margin:5px;
	border-radius: 5px;        /* CSS3���� */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome�� */
    -moz-border-radius: 5px;   /* Firefox�� */
	float:right;
}

/* point_box */

#index #content .point_box {
	background: #eaf5ff url(/images/index_point_back.gif) no-repeat center bottom;
	padding:0 0 10px 0;
	overflow:hidden;
	zoom:1;
}
#index #content .point_box h2 {
	background: none;
	padding: 0px;
	margin: 0px 0px 20px;
}
#index #content .point_box dl {
	float:left;
	width: 316px;
	margin: 0px 8px 15px 8px;
}
#index #content .point_box dl dt {
	padding:5px;
	background: #185584;
	font-weight:bold;
	text-align:center;
	color: #FFFFFF;
}
#index #content .point_box dl dd {
	text-align:right;
}
#index #content .point_box dl dd p {
	text-align:left;
}
#index #content .point_box dl dd a {
	color:#185584;
}

/* カテゴリー別メニュー */

#index .category-list {
	width: 100%;
	margin-bottom: 15px;
	overflow: hidden;
}

#index .category-list-item {
	position: relative;
	box-sizing: border-box;
	float: left;
	    width: calc((100% - 40px) / 4);
	border: #3f69af 1px solid;
	padding: 10px;
	background: linear-gradient( top, #fefefe, #d6e6f7);
	background: -webkit-linear-gradient( top, #fefefe, #d6e6f7);
    margin: 5px;
height: 140px;
}
#index .category-list-item:nth-child(2n -1) {
	margin-right: 5px;
}
#index .category-list-item .category-item-title_b {
    color: #4870b3;
    font-size: 18px;
    margin: 10px auto 15px;
    font-family: YuMincho,"游明朝";
    letter-spacing: -.05rem;
    white-space: nowrap;
    text-align: center;
}
#index .category-list-item .category-item-title {
    color: #4870b3;
    font-size: 18px;
    margin: 15px auto;
    font-family: YuMincho,"游明朝";
    letter-spacing: -.05rem;
    white-space: nowrap;
    text-align: center;
}
#index .category-list-item a{
text-decoration: none;
}

#index .category-list-item .category-item-title span,#index .category-list-item .category-item-title_b span {
font-size: 11px;
display: block;
font-family: meiryo;
}
#index .category-list-item .pic {
    margin: 0;
    text-align: center;
}
#index .category-list-item .pic img {
    width: 100%;
}
#index .category-list-item .cat-btn,
#index .category-list-item .case-btn {
	position: relative;
	box-sizing: border-box;
	line-height: 25px;
	width: 150px;
	border-radius: 3px;
	padding-left: 1em;
	color: #fff;
}

#index .category-list-item .cat-btn::after,
#index .category-list-item .case-btn::after {
	position: absolute;
	right: 	5px;
	top: 6px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-top: 6px #fff solid;
	border-right:	6px transparent solid;
	border-left:	6px transparent solid;
	border-bottom:	6px transparent solid;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

#index .category-list-item .cat-btn {
	float: left;
	background: linear-gradient( top, #4474c2, #385b96 20%);
	background: -webkit-linear-gradient( top, #3f69ae, #385b96 90%);
}

#index .category-list-item .case-btn {
	position: absolute;
	left: 10px;
	bottom: 0;
	background: -webkit-linear-gradient( top, #4cb0e2, #1486bc 90%);

}


/* #index #content .category_list {
	margin:0 0 10px -5px;
	overflow:hidden;
	zoom:1;
}
#index #content .category_list li {
	float:left;
	margin: 0px 0px 5px 5px;
	width:338px;
}
/* only for IE6 */
/* * html body#index #content .category_list {
	margin:0 0 10px 0;
}
* html body#index #content .category_list li {
	margin: 0px 0px 5px 0px;
} */
 */


/*��ǯ��ǯ�ϡ�*/

   h2#nen{
	margin:0px 0px 0px 0px;
	padding:0px ;
	position:0px 0px ;
	height:92px;
      }

   div#nenmatu{
   background-image:url(/images/s_nenmatu_02.jpg) ;
   background-repeat:no-repeat ;
   padding:35px 90px ;
   margin-top:0px;
   height:198px ;
   font-size:14px ;
   line-height:170%
   }


   div.newyear{
   margin:20px 40px ;
   padding-bottom:20px ;
   }

   div.newyear table{
   border-left:double #9fd8fa 5px ;
   border-bottom:1px #cccccc solid ;
   border-right:1px #cccccc solid ;
   color:#454545 ;
   background-color:#FFFBE3;
   margin-bottom:10px;
   width:100%;
   }

   div.newyear td.left {
   padding:5px 10px ;
   background-color:#FFFBE3 ;
   text-align:left;
   font-weight:bold;
   width:50%;
   }

   div.newyear td.right {
   padding:5px 10px ;
   background-color:#FFFBE3 ;
   text-align:right;
   }

/*-----2018.09/21追加-----*/
#index #content #faq_box #doctor-info,
#index #content #faq_box #doctor-info .license,
#index #content #faq_box #doctor-info .lecture,
#index #content #faq_box #doctor-info div.cp_actab-content,
#index #content #faq_box #doctor-info div.cp_actab{
    width: 682px;
}

#index #content #faq_box #doctor-info {
overflow: hidden;
padding: 40px 0 30px;
}


#index #content #faq_box #doctor-info h2 {
    clear: both;
    background: url(/images/price/price_h3_back.gif) no-repeat left center;
    margin: 0 0 10px 0;
    padding: 15px;
    font-weight: bold;
}
#doctor-info .profile {
    width: 662px!important;
    padding: 10px!important;
    margin: 0px 0px 20px;
    background: url(/images/clinic/clinic_doctor_back.gif) no-repeat scroll right top #E5F5FF;
    border: 1px solid #C5EEFF;
    overflow: hidden;
    zoom: 1;
}

#doctor-info .profile img {
    float: left;
    margin: 0 10px 0 0;
}

#doctor-info .profile h3 {
    font-size: 1.6em;
    padding: 10px!important;
    margin: 0px 40px 0px 220px!important;
    background: none!important;
}
#doctor-info .profile h3 span {
    display: block;
    border-top: 1px solid #666666;
    font-size: 0.8em;
    margin: 5px 0px 0px;
}

#doctor-info .profile dl {
    margin: 0px 0px 15px 220px;
    padding: 0!important;
}

#index #content #faq_box div#doctor-info .profile dl dt {
    float: left;
    text-align: center;
    width: 80px!important;
    background: none!important;
    padding: 0!important;
    min-height: 0;
}



#doctor-info .profile dl dd {
    padding: 0px 0px 0px 80px!important;
    background: none!important;
    color: #666666!important;
}

#index #content #faq_box div#doctor-info .profile ul {
    border: 1px solid #ff4e9a;
    text-align: center;
    padding: 5px;
    background: #FFFFFF;
    margin: 0px 0px 0px 220px;
}



#index #content #faq_box div#doctor-info .profile ul li {
    display: inline;
    color: #ff4e9a;
    float: none;
    width: auto;
}

#index #content #faq_box div#doctor-info .profile ul li a {
    display: inline;
    color: #ff4e9a;
    float: none;
    width: auto;
    text-decoration: none;
}

#index #content #faq_box div#doctor-info .profile ul li a:hover {
    text-decoration: none;
    border-bottom: 1px solid #ff0000;
}

#index #content #faq_box div#doctor-info h4 {
    padding: 10px;
    background: #c5eeff;
}

#index #content #faq_box div#doctor-info .license ul {
    margin: 10px 60px 0px;
    overflow: hidden;
    zoom: 1;
}

#index #content #faq_box div#doctor-info .license ul li {
    float: left;
    width: 280px;
    text-align: center;
    margin: 10px 0px;
}

#index #content #faq_box div#doctor-info .license ul li img {
    border: solid 1px #999999;
    margin: 0px 0px 5px;
    float: none;
}
#index #content #faq_box div#doctor-info .license p{
    text-align: center;
    color: #ff4e9a;
}

#index #content #faq_box div#doctor-info h5 {
    background: url(/images/clinic/doctor_h5_back.gif) no-repeat left bottom;
    padding: 5px 0px 5px 55px;
    margin: 10px 0px;
}

#index #content #faq_box div#doctor-info h6 {
    color: #ff6699;
    margin: 10px;
}

#index #content #faq_box div#doctor-info .lecture dl {
    border-left: 1px dotted #666666;
    border-right: 1px dotted #666666;
    border-bottom: 1px dotted #666666;
    background: #c5eeff;
    padding: 0;
}

#index #content #faq_box div#doctor-info .lecture dl dt {
    float: left;
    width: 150px!important;
    padding: 10px;
    border-top: 1px dotted #666666;
    text-align: right;
    font-weight: bold;
    background: none;
    min-height: 0;
}

#index #content #faq_box div#doctor-info .lecture dl dd {
    margin: 0px 0px 0px 170px;
    padding: 10px;
    background: #FFFFFF;
    border-top: 1px dotted #666666;
    border-left: 1px dotted #666666;
    color: #666666;
}
#index #content #faq_box div#doctor-info .cp_actab-content p {
    text-align: left;
}

.cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 auto;
color: #ffffff;
}
.cp_actab input {
position: absolute;
z-index: -1;
opacity: 0;
}
.cp_actab label {
font-weight: bold;
position: relative;
display: block;
padding: 0 0 0 1em;
cursor: pointer;
margin: 0 0 1px 0;
background: #c5eeff;
color: #666666;
}
.cp_actab .cp_actab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.35s;
transition: max-height 0.35s;
color: #333333;
background: #fff;
}
.cp_actab .cp_actab-content p {
margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
max-height: 100%;
}
/* Icon */
.cp_actab label::after {
line-height: 3;
position: absolute;
top: 0;
right: 0;
display: block;
width: 3em;
height: 3em;
-webkit-transition: all 0.35s;
transition: all 0.35s;
text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
content: '>';
}
.cp_actab input[type=checkbox]:checked + label::after {
transform: rotate(90deg);
}

.faq2 a {
background: #e9f8fe;
display: block;
padding: 14px 14px 14px 14px;
color: #45AADB !important;
font-weight: bold;
border: 2px solid #45AADB;
border-radius: 8px;
text-decoration: none;
text-align: center;
}
.point4{
    margin:40px 0;
    overflow: hidden;
}
.point4 dl{
position: relative;
float: left;
border: 1px solid #45AADB;
border-radius: 5px;
margin: 10px;
}

.point4 img{
   border-radius: 3%;
}

.point4 dt{
position: absolute;
top: 35%;
left: 15%;
width: 300px;
color: #333;
}