@charset "utf-8";
/* CSS Document */


/*  --------------------------------------
			　 TOP_Flash
----------------------------------------*/
#Flash{
   width:960px;
   height:200px;
   margin:0 auto;
}

/*  --------------------------------------
			　 TOP_Bana
----------------------------------------*/
.banaBox table{
	border:0;
	width:683px;
	margin-bottom:20px;
	padding:0;
	border-collapse:collapse;
}
.bana_left{
	float:left;
	margin-bottom:5px;
}

.bana_right{
	float:right;
	margin-bottom:5px;
}


/*  --------------------------------------
		　　　TOP_医院概要
----------------------------------------*/
.topCinfo_left{
	width:346px;
	float:left;
}
.topCinfo_right{
	width:310px;
	float:right;
}

.topCinfo_logo{	margin:5px 0;}

.topCinfo_subTitle{
	background-color:#be4c5d;
	display:inline-block;
	padding:1px 5px;
	margin-bottom:5px;
	color:#ffffff;
	letter-spacing:0.3em;
	font-size: 85%;
}

#topCinfoTable table{
	border:none;
	border-collapse:collapse;
}

#topCinfoTable td{
	font-size:14px; 
	padding-bottom:8px;
	line-height:110%;
}

.topCinfo_tel{
	font-size:30px;
	font-weight:bold;
	margin:5px 0 3px;
}

#topCinfoTable2 table{
	border:none;
	border-collapse:collapse;
	width:663px;
}

#topCinfoTable2 td{
	font-size:14px; 
	padding-bottom:8px;
	line-height:110%;
}


.topCinfoTime table{
	border:1px solid #74bd77;
	border-collapse:collapse;
	width:663px;
	margin:5px 0;
}
.topCinfoTime td{
	border:1px solid #74bd77;
	padding:5px;
	text-align:center;
}
.topCinfoTime .topCinfoTd1{
	background-color:#c7f1c9;
	color:#125115;
}
.topCinfoTime .topCinfoTd2{
	background-color:#ffd9df;
}

/*  --------------------------------------
		　　　お知らせ(新着)
----------------------------------------*/
#infoArea{
	width:683px;
	height:400px;
	overflow-y:scroll;
	margin-bottom: 30px;
}

.info_box{
	width:630px;
	margin-bottom:7px;
	margin-left:15px;
	display:block;	
}
.info_day{
	font-size:80%;
	color:#777777;
	font-weight:normal;
}
.info_titlebox{
	margin:0 0 4px;
	color:#e34125;
	font-weight:bold;
	font-size:120%;
	line-height:100%;
}

.info_combox{
	width:630px;
	display:block;
	line-height:120%;
	font-size:110%;
	color:#824630;
	border-bottom:1px dashed #cacaca;
	padding-bottom:10px;
}


/*  --------------------------------------
  　　院長プロフィール greeting.html
----------------------------------------*/
.prof table{ 
    border-collapse:collapse;
	width:100%;
}
.prof td{
	padding:5px 7px;
	border:1px solid #cccccc;
	border-collapse:collapse;
	font-size:14px;
}

.prof .proftitle{
	background-color:#e0ffd3;
	width:30%;
}

.greet_box{
   background-image:url(../img/greeting_bg.png);
   background-repeat:no-repeat;
   width:663px;
   height:358px;
   position:relative;
}

.greet_boxCom{
   width:345px;
   position:absolute;
   top:30px;
   right: 25px;
}


.prof_book table{
   border-collapse:collapse;
   width:100%;
   margin-bottom: 20px;
}
.prof_book td{
   padding:5px 10px;
   border:1px solid #cccccc;
   border-collapse:collapse;
   font-size:13px;
   line-height: 130%;
}

.prof_book .booktitle{
   background-color:#e0ffd3;
   font-weight: bold;
   text-align: center;
}



/*  --------------------------------------
	　　　アクセス access.html
----------------------------------------*/
.Cinfo_left{
	width:346px;
	float:left;
}
.Cinfo_right{
	width:310px;
	float:right;
}

.Cinfo_logo{	margin:5px 0;}

.Cinfo_subTitle{
	background-color:#be4c5d;
	display:inline-block;
	padding:1px 5px;
	margin-bottom:5px;
	color:#ffffff;
	letter-spacing:0.3em;
	font-size: 85%;
}

#CinfoTable table{
	border:none;
	border-collapse:collapse;
}

#CinfoTable td{
	font-size:14px; 
	padding-bottom:8px;
	line-height:110%;
}

.Cinfo_tel{
	font-size:30px;
	font-weight:bold;
	margin:5px 0 3px;
}

#CinfoTable2 table{
	border:none;
	border-collapse:collapse;
	width:663px;
}

#CinfoTable2 td{
	font-size:14px; 
	padding-bottom:8px;
	line-height:110%;
}


.CinfoTime table{
	border:1px solid #74bd77;
	border-collapse:collapse;
	width:663px;
	margin:5px 0;
}
.CinfoTime td{
	border:1px solid #74bd77;
	padding:5px;
	text-align:center;
}
.CinfoTime .CinfoTd1{
	background-color:#c7f1c9;
	color:#125115;
}
.CinfoTime .CinfoTd2{
	background-color:#ffd9df;
}



/*  --------------------------------------
　　健康診断・人間ドックセンター checkup.html
----------------------------------------*/
.checkup table{
   border:1px solid #a29c99;
   border-collapse:collapse;
   width:100%;
}
.checkup td{
   border:1px solid #a29c99;
   padding:5px 10px;
   font-size:14px;
}
.checkup .checkupTitle{
   border:1px solid #a29c99;
   font-size:110%;
   font-weight:bold;
   background-color:#96de7e;
   color:#265617;
   text-align: center;
}
.checkup .checkupMenu{
   background-color:#c7eebd;
   color:#265617;
}

.antiaging_price{
   text-align:right;
}

.checkup_sub table{
   margin:0;
}
.checkup_sub td{
   padding:5px;
   font-size:14px;
   border:3px solid #ffffff;
}
.checkup_sub .checkupSubTitle{
   background:#87d8a5;
   color:#05672a;
}

/*  --------------------------------------
　　トラベルクリニック TravelClinic.html
----------------------------------------*/
.travelFlow table{
   margin:20px auto;
   border:3px double #49bc43;
   border-collapse:collapse;
   width:85%;
}

.travelFlow td{
   padding:5px 10px;
   font-size:14px;
   line-height:130%;
   background-color:#95ee91;
}

.travelFlow .travelNum{
   font-size:200%;
   font-weight:bold;
   width: 30px;
}

.TC_Vtable table{
   border:1px solid #cccccc;
   border-collapse:collapse;
   margin:0 auto;
}

.TC_Vtable td{
   padding:5px;
   border:1px solid #cccccc;
   font-size:13px;
   text-align: right;
}

.TC_Vtable .TC_Vname{
   background-color:#d5f9c9;
   color:#3fc139;
   font-weight:bold;
   text-align: left;
}


/*  --------------------------------------
　    　クリニック紹介 Cinfo.html
----------------------------------------*/
.Cinfo_machinery{
   margin-bottom:20px;
   border:3px double #cccccc;
   padding:10px;
}

.machinery_photo{
   width:170px;
   float:left;
}
.machinery_photo .photo_main{
	width:170px;
	height: 200px;
}
.machinery_photo .photo_sub{
	margin: 10px 0 0;
	padding: 0;
	display: flex;
	justify-content: center;
}
.machinery_photo .photo_sub li{
	cursor: pointer;
	width: 38px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	list-style: none;
	padding: 2px 0;
}
.machinery_photo .photo_sub li:not(:last-of-type){
	margin-right: 6px;
}
.machinery_photo .photo_sub li img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.machinery_txt{
   width:450px;
   float:right;
}
.machinery_dl{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.5rem;
}
.machinery_dl dt{
	width: 6rem;
}
.machinery_dl dd{
	width: calc(100% - 6rem);
	margin: 0;
}
.machinery_title{
   color:#4da831;
   font-size:120%;
   font-weight:bold;
   background-color:#d5ffca;
   padding:5px 10px;
   margin-bottom:10px;
}

/*  --------------------------------------
　    　連携医療機関 partner_org.html
----------------------------------------*/
.ptORG table{
	border:1px solid #74bd77;
	border-collapse:collapse;
	width:100%;
	margin:5px 0;
}
.ptORG td{
	border:1px solid #74bd77;
	padding:5px;
   font-size:13px;
}
.ptORG .ptORG_headtitle{
	background-color:#c7f1c9;
	color:#125115;
}
.ptORG .ptORGTd1{
	background-color:#eaffe1;
	color:#125115;
}


/*  --------------------------------------
　    　ロゴマークについて AboutLogo.html
----------------------------------------*/
.hrstyle{
   border:none;
   border-top:1px dotted #4da831;
   margin:10px 0 20px;
   widht:100%;
   height:1px;
   background-color:#ffffff;
}


/*  --------------------------------------
　    　追加 2013.11.1
----------------------------------------*/

.kakomi_r   {
	border-radius: 10px;
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
	margin-top: 20px;
	padding: 1em;
}
.r_green  {
	border: 2px solid #73C87B;
} 
.r_red  {
	border: 2px solid #b93f59;
} 
.text_bold {
	font-weight: bold;	
}ol.num1 { margin-bottom: 1.4em; margin-left: 1.7em; }
ol.num1 li {
	position: relative;
	list-style: none;
	margin-bottom: 0.3em;
}
ol.num1 li span {
	position: absolute;
	top: 0;
	left: -2em;
}
* html ol.num1 li span { top: -0.1em; } /* for win ie6 */
*:first-child+html ol.num1 li span { top: -0.1em; } /* for win ie7 */

.contanchor {
	margin-top: 20px;
}
.contanchor a{
	display:block;
	border-radius:10px;
	width:195px;
	background:#EF7D1A;
	float:left;
	cursor:pointer;
	border:#CCCCCC solid 1px;
	text-align:center;
	font-size:14px;
	line-height:1.4em;
	font-weight:bold;
	color:#666666;
	text-decoration:none;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);



	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
.contanchor a:hover {
	color:#333333;
	background: #90EE90;
	text-decoration:none;
	border:#8FBC8F solid 1px;
}
.travelc-box {
	margin: 0px;
	width: 660px;
}
.travelc-box .titleh3 {
	font-size: 28px;
	color: #2FAB2B;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2FAB2B;
	padding-bottom: 8px;
}
.travelc-box .titleh3 span {
	font-size: 20px;
}

.travelc-box .read {
	font-size: 15px;
	font-weight: bold;
	color: #895933;
	line-height: 1.4em;
}
.travelc-box dl {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 14px;
	font-weight: bold;
}
.travelc-box dl dt {
	font-size: 20px;
	margin-bottom: 5px;
	color: #43B226;
	letter-spacing: -0.1em;
}
.travelc-box dl dd {
	background-color: #EAEAEA;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 15px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 15px;
}
.travelc-box p {
	color: #000;
	line-height: 1.4em;
}


/*  --------------------------------------
　    　oonline.html
----------------------------------------*/
.charge_list {
    align-items: center;
    display: flex;
    height: 70px;
    margin: 0 auto 6px;
    max-width: 683px;
}

.charge_term {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    background-color: #24cdcb;
    flex-basis: 350px;
   /* font-size: 16px;*/
    font-weight: 600;
    height: 100%;
    text-align: center;
    justify-content: center;
    color: #ffffff;
}

.charge_discrip {
    display: flex;
	justify-content: center;
    background-color: #f7f7f7;
    box-sizing: border-box;
    flex-flow: column nowrap;
    /*font-size: 16px;*/
    font-weight: 500;
    color: #4a4a4a;
    flex-basis: 683px;
    height: 100%;
    padding:0 30px;
	margin-left: 0;
}

.fs_s{
	font-size: 90%;
	margin: 5px 0 0;
	padding-left:1em;
	text-indent:-1em;
	color: #959595;
	font-weight: bold;
}

.p_merit_list {
    display: flex;
    margin: 0 auto 2rem;
    /*max-width: 680px;
    flex-flow: row nowrap;
    align-items: flex-start;*/
	padding-left: 0;
}

.p_merit_item {
    flex-flow: column nowrap;
    display: flex;
    flex-basis: 33%;
    margin: 0 15px;
}

.p_merit_item .num {
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    color: #24cdcb;
    margin-bottom: 10px;
}

p.ttl {
    align-self: center;
    font-size: 16px;
    font-weight: 600;
    min-height: 55px;
    line-height: 1.2;
    text-align: center;
    color: #4a4a4a;
}
.p_merit_item .bg {
    background: url(../img/merit_1.png) no-repeat;
    background-size: cover;
	height: 0;
    padding-top: 96.55%;
    margin: 0 auto;
    max-width: 280px;
    width: 96.55%;
}

.p_merit_item:nth-child(2) .bg {
    background: url(../img/merit_2.png) no-repeat;
    background-size: cover;
}

.p_merit_item:nth-child(3) .bg {
    background: url(../img/merit_3.png) no-repeat;
    background-size: cover;
}

.p_merit_item .text {
    /*font-size: 16px;*/
    line-height: 1.5;
    color: #4a4a4a;
    margin-top: 30px;
}

.cashless_box {
  width: 100%;
  padding: 20px 15px 15px;
  border-radius: 10px;
  border: 3px solid #eee;
  box-sizing: border-box;
}
.cashless_box h4 {
  margin: 0;
  color: #2FAB2B;
  font-size: 120%;
}
.cashless_box h4:not(:first-of-type) {
  margin: 10px 0 12px;
}
.cashless_box .icon_list {
  margin: 0 -20px 0 0;
  padding: 5px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.cashless_box .icon_list li {
  list-style: none;
  width: 70px;
  min-height: 40px;
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.cashless_box .icon_list li img {
  max-width: 70px;
  height: auto;
}








