@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page
			   - index
						- nt
						- about
						- medical

--------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
#indexLead {
	background: url(../image/index_slide_back.png) repeat 0 0;
}

#indexLead .contents {
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0 25px;
}

#indexLead .contents .slide {
	float: left;
	position: relative;
	width: 600px;
	height: 370px;
	padding: 3px;
}

#indexLead .contents .slide .slider-pro {
	position: absolute;
	z-index: 1;
	top: 8px;
	left: 6px;
}

#indexLead .contents .slide .wrap_l {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
}

#indexLead .contents .slide .wrap_r {
	position: absolute;
	z-index: 10;
	top: 344px;
	left: 572px;
}

#indexLead .contents .info {
	width: 350px;
	float: right;
	padding: 8px 0 0;
}

#indexLead .contents .info ul {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
}

#indexLead .contents .info ul li {
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}

#indexLead .contents .info ul li:nth-child(1) a {
	display: block;
	width: 320px;
	padding: 12px 0;
	color: #FFF;
	background: url(../image/arrow-05.png) #659E2D no-repeat 95% center;
	background-size: 10px;
	border-radius: 4px;
	text-decoration: none;
}

#indexLead .contents .info ul li:nth-child(2) a {
	display: block;
	width: 320px;
	padding: 12px 0;
	color: #FFF;
	background: url(../image/arrow-05.png) #D75E0E no-repeat 95% center;
	background-size: 10px;
	border-radius: 4px;
	text-decoration: none;
}

#indexLead .contents .info h2 {
	font-weight: 600;
	font-size: 18px;
	margin: 0 0 5px;
	text-align: center;
}

#indexLead .contents .info p {
}

#indexLead .contents .info p.btn {
	text-align: right;
}

#indexLead .contents .info p.btn a {
	margin: 0;
	padding: 0 22px 0 0;
	background: url(../image/arrow-01.png) no-repeat 100% 6px;
	background-size: 16px;
	text-decoration: none;
	color: #000000;
}

#indexLead .contents .info dl {
	width: 320px;
	border: 1px solid #8AB65A;
	padding: 20px 20px 5px;
	background-color: #FFF;
}

#indexLead .contents .info dt {
	display: inline-block;
	margin-bottom: 4px;
	background-color: #8AB65A;
	color: #FFF;
	padding: 0 10px;
	border-radius: 4px;
}

#indexLead .contents .info dt.closed {
	background-color: #E39832;
}

#indexLead .contents .info dd {
	margin-bottom: 14px;
	line-height: 1.4;
}

#indexNTS {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 60px;
}

#indexNTS .iNT {
	width: 493px;
	float: left;
}

#indexNTS .iNT h2 {
	border-bottom: 4px solid #6AA330;
}

#indexNTS .iNT h2 img {
	width: 493px;
	height: auto;
}

#indexNTS .iNT p a {
	margin: 0;
	padding: 0 22px 0 0;
	background: url(../image/arrow-01.png) no-repeat 100% 6px;
	background-size: 16px;
	text-decoration: none;
	color: #000000;
}

#indexNTS .iNT p a:hover, #indexNTS .iNT p a:active {
	text-decoration: underline;
}

#indexNTS p.nonews {
    padding: 12px;
    text-align: left;
}

#indexNTS .iS {
	width: 433px;
	float: right;
}

#indexNTS .iS h2 {
	border-bottom: 4px solid #103A55;
}

#indexNTS .iS h2 img {
	width: 433px;
	height: auto;
}

#indexNTS .iS p a {
	margin: 0;
	padding: 0 22px 0 0;
	background: url(../image/arrow-02.png) no-repeat 100% 6px;
	background-size: 16px;
	text-decoration: none;
	color: #000000;
}

#indexNTS .iS p a:hover, #indexNTS .iS p a:active {
	text-decoration: underline;
}

#indexNTS ul {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	line-height: 1.4;
}

#indexNTS ul li {
	margin: 0;
	padding: 0;
}

#indexNTS ul li a {
	display: block;
	padding: 12px 0 12px 6px;
	color: #000000;
	text-decoration: none;
	background: url(../image/line-01.png) repeat-x 0 100%;
}

#indexNTS ul li a:hover, #indexNTS ul li a:active {
	background: url(../image/line-01.png) #FCF9F1 repeat-x 0 100%;
}

#indexNTS ul li span.date {
	width: 110px;
	float: left;
}

#indexNTS ul li span.title {
	padding-left: 110px;
	display: block;
}

#indexNTS p {
	text-align: right;
}

.indexBanner {
	width: 1000px;
	margin: 0 auto 60px;
	padding: 0;
	list-style: none;
}

.indexBanner li {
	float: left;
	margin: 0;
	padding: 0;
}

.indexBanner li:first-child {
	margin: 0 36px 0 0;
}

#indexAbout {
	width: 860px;
	margin: 0 auto;
	padding: 40px 0 30px;
}

#indexAbout h2 {
 position: relative;
	margin: 0 0 20px;
	font-size: 22px;
	font-weight: 500;
	border-bottom: 5px solid #6AA330;
}

#indexAbout h2::after {
 position: absolute;
 bottom: -5px;
 left: 0;
 z-index: 2;
 content: '';
 width: 22px;
 height: 5px;
 background-color: #D85F12;
}

#indexAbout p.btn {
	text-align: right;
}

#indexAbout p.btn a {
	margin: 0;
	padding: 0 22px 0 0;
	background: url(../image/arrow-01.png) no-repeat 100% 6px;
	background-size: 16px;
	text-decoration: none;
	color: #000000;
}

/*------------------------------------------------------------------------------------------------
  nt
--------------------------------------------------------------------------------------------------*/
ul.ntList {
	margin: 0 0 10px;
	padding: 0;
	list-style: none;
	line-height: 1.4;
}

ul.ntList  li {
	margin: 0 !important;
	padding: 0 !important;
	background-image: none !important;
}

ul.ntList  li a {
	display: block;
	padding: 12px 0 12px 6px;
	color: #000000;
	text-decoration: none;
	background: url(../image/line-01.png) repeat-x 0 100%;
}

ul.ntList  li a:hover, ul.ntList  li a:active {
	background: url(../image/line-01.png) #FCF9F1 repeat-x 0 100%;
}

ul.ntList  li span.date {
	width: 110px;
	float: left;
}

ul.ntList  li span.title {
	padding-left: 110px;
	display: block;
}

.ntDay {
	margin: 0 0 20px !important;
	padding: 0 0 0 20px;
	background: url(../image/icon_calendar.png) no-repeat 0 8px;
	background-size: 16px;
}

/*------------------------------------------------------------------------------------------------
  about
--------------------------------------------------------------------------------------------------*/
#secondTitle.about {
	background: url(../image/second_title_back.png) repeat 0 0;
}


/*------------------------------------------------------------------------------------------------
  about--greeting
--------------------------------------------------------------------------------------------------*/
.greetingSig {
	text-align: right;
	line-height: 1.6;
}

/*------------------------------------------------------------------------------------------------
  about--nursing
--------------------------------------------------------------------------------------------------*/
.nursingMokuhyou {
	position: relative;
	margin: 0 20px 50px;
	padding: 10px;
	border: 3px solid #F7DFD0;
}

#second .content .nursingMokuhyou h3 {
	position: absolute;
	top: 20px;
	left: -20px;
	padding: 5px 16px;
	background-color: #F7DFCF;
	box-shadow: 2px 2px 5px #CCC;
}

#second .content .nursingMokuhyou h3::after {
	position: relative;
	width: auto;
	background-color: transparent;
}

#second .content .nursingMokuhyou ul {
	margin: 80px 0 0;
}

/*------------------------------------------------------------------------------------------------
  about--access
--------------------------------------------------------------------------------------------------*/
.accessAddress {
	margin: 0 0 30px !important;
}

#second ul.anchorMenu li.car {
	background: url(../image/car.png) #F7F5EE no-repeat 8px 10px;
	background-size: 22px;
}

#second ul.anchorMenu li.train {
	background: url(../image/train.png) #F7F5EE no-repeat 8px 10px;
	background-size: 22px;
}

#second ul.anchorMenu li.bus {
	background: url(../image/bus.png) #F7F5EE no-repeat 8px 10px;
	background-size: 22px;
}

#second ul.anchorMenu li.car a,
#second ul.anchorMenu li.train a,
#second ul.anchorMenu li.bus a {
	padding: 8px 10px 10px 36px;
}

.accessFrom {
 position: relative;
 text-align: center;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px !important;
}

.accessFrom span {
 position: relative;
 z-index: 2;
 display: inline-block;
 margin: 0 2em;
 padding: 0 2em;
 background-color: #fff;
 text-align: left;
}

.accessFrom::before {
 position: absolute;
 top: 50%;
 z-index: 1;
 content: '';
 display: block;
 width: 100%;
 height: 1px;
 background: #6AA330;
 background: -webkit-linear-gradient(-45deg, transparent, #6AA330 10%, #6AA330 90%, transparent);
 background: linear-gradient(-45deg, transparent, #6AA330 10%, #6AA330 90%, transparent);
}

.accessMap {
	margin: 0 0 20px !important;
}


/*------------------------------------------------------------------------------------------------
  medical
--------------------------------------------------------------------------------------------------*/
#secondTitle.medical {
	background: url(../image/second_title_back.png) repeat 0 0;
}


/*------------------------------------------------------------------------------------------------
  medical--kamoku
--------------------------------------------------------------------------------------------------*/
.kamokuList {
}

.kamokuList div {
	margin: 0 0 50px;
}

.kamokuList div p {
	margin: 0 0 20px !important;
	line-height: 1.4;
}

.kamokuList div dl {
	margin: 0;
	line-height: 1.4;
}

.kamokuList div dl dt {
	padding: 0 0 5px;
	color: #6AA330;
	font-weight: 600;
	border-bottom: 1px solid #AAA;
}

.kamokuList div dl dd {
	margin: 0;
}

.kamokuList div dl dd ul {
	margin: 5px 0 0 !important;
	padding: 0 !important;
	list-style: none;
}

.kamokuList div dl dd ul li {
	float: left;
	width: 33.333%;
	margin: 0 !important;
	padding: 5px 0 5px 14px !important;
	border-bottom: 1px dotted #CCC;
	background: url(../image/arrow-04.png) no-repeat 3px 14px !important;
	background-size: 6px !important;
}

.pageMenu {
	position: relative;
	overflow: hidden;
	margin: 20px 0 10px;
}

.pageMenu ul.pager {
	position: relative;
	left: 50%;
	float: left;
}

.pageMenu ul.pager li {
	position: relative;
	left: -50%;
	float: left;
}

.pageMenu ul.pager {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pageMenu ul.pager li {
	display: inline;
	width: 160px;
	margin: 2px !important;
	padding: 0 !important;
	background-color: #E9F5DC !important;
	text-align: center;
	background-image: none !important;
}

.pageMenu ul.pager li a {
	display: block;
	padding: 10px 15px;
	color: #000;
	text-decoration: none;
}

.pageMenu ul.pager li a:hover, .pageMenu ul.pager li a:active {
	color: #FFFFFF !important;
	background-color: #6AA330 !important;
}

.consulFlow {
    margin: 0 20px;
    padding: 0 0 1px;
    background: url(../image/line-02.png) repeat-y 22px 0;
}

.consulFlow dt {
 background: #8BCA4D;
 height: 40px;
 width: 40px;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 text-align: center;
 line-height: 36px;
 float: left;
 color: #FFF;
 border: 2px solid #CEE9B4;
}

.consulFlow dd {
margin: 0 0 0 60px;
}


/*------------------------------------------------------------------------------------------------
  medical--clinic
--------------------------------------------------------------------------------------------------*/
.reserveFlow {
	margin: 0 20px 30px;
	padding: 30px 20px;
	background-color: #F3F2F1;
}

.reserveFlow dt {
	margin: 0 0 5px;
	font-weight: 600;
}

.reserveFlow dt img {
	margin-right: 8px;
}

.reserveFlow dd.contact {
	background-color: #FFF;
	margin: 10px 0 50px;
	padding: 30px 10px 1px;
}

.reserveFlow dd.contact p {
	margin: 0 0 20px !important;
	text-align: center;
}

.reserveFlow dd.contact .tel {
	border-bottom: 2px solid #6AA330;
	padding: 0 0 20px;
}

.reserveFlow dd.contact p span {
	display: block;
	padding-bottom: 5px;
}