@charset "utf-8";
/* CSS Document */

/*
#index		トップページ
#service	サービス案内
#access		アクセス

*/

/*--------------------------------------
　index
---------------------------------------*/

#index #mv {
	background:url(../image/mv/bg.png) repeat-x;
	width:100%;
	height:400px;
}

#index #section01 {
	padding-top:20px;
	padding-bottom:20px;
}
#index .left-contents {
		background:#fff;
		float:left;
		width:600px;
		border-radius:5px 5px 0px 0px;
		padding:0px 15px 15px 15px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
}
#index .right-contents {
		background:#fff;
		float:right;
		width:390px;
		border-radius:5px 5px 0px 0px;
		padding:0px 15px 15px 15px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
}
	#index #info {
	}
		#index #info #infoarea {
			width:600px;
			height:265px;
			margin-top:15px;
			position:relative;
			overflow: hidden;
		}
			#index #info .info-img {
				float:left;
				margin-right:10px;
			}
				#index #info .info-img img {
					max-width:180px;
				}
			#index #info #infoarea .img-pt {
				float:left;
				width:400px;
			}
				#index #info #infoarea .img-pt h3 {
					color:#f294bc;
					font-size:16px;
					font-weight:normal;
					width:400px;
					margin-top:-5px !important;
				}
				#index #info #infoarea .img-pt .comment {
					margin-top:5px;
					width:400px;
					margin-bottom:10px;
				}
			#index #info #infoarea .no-img-pt {
				float:left;
				width:580px;
			}
				#index #info #infoarea .no-img-pt h3 {
					color:#f294bc;
					font-size:16px;
					font-weight:normal;
					width:580px;
				}
				#index #info #infoarea .no-img-pt .comment {
					margin-top:5px;
					width:580px;
					margin-bottom:10px;
					font-size:14px;
				}
	
	#index #calendar {
	}
		#index #calendar .inner {
			width:390px;
			margin-top:15px;
			}
			#index #calendar .inner .tb_month {
				width:390px;
				}
				#index #calendar .inner .tb_month table {
					width:100%;
					border-style:solid;
					border-width:1px 1px 0 1px;
					border-color:#cccccc;
					font-size:12px;
					}
					#index #calendar .inner .tb_month table th {
						background:#efefef;
						padding:4px 0 3px 0;
						}
						#index #calendar .inner .tb_month table th .mon-l img {
							vertical-align:top;
							margin-top:2px;
							margin-left:5px;
							}
						#index #calendar .inner .tb_month table th .mon-r img {
							vertical-align:top;
							margin-top:2px;
							margin-right:5px;
							}
			#index #calendar .inner .tb_head {
				width:390px;
				}
				#index #calendar .inner .tb_head table {
					width:390px;
					border-style:solid;
					border-width:1px 1px 0 1px;
					border-color:#cccccc;
					border-collapse:collapse;
					}
					#index #calendar .inner .tb_head table th {
						font-size:12px;
						background:#efefef;
						padding:1px 0;
						}
			#index #calendar .inner .tb_body {
				width:390px;
				}
				#index #calendar .inner .tb_body table {
					width:390px;
					height:186px;
					border:solid 1px #cccccc;
					border-collapse:collapse;
					}
					#index #calendar .inner .tb_body table td {
						background:#ffffff;
						border:dotted 1px #cccccc;
						padding:1px 5px;
						font-size:12px;
						}
						#index #calendar .inner table td.open {
							background:#ffffff !important;
							}
						#index #calendar .inner table td.few {
							background:#FFE2AC !important;
						}
						#index #calendar .inner table td.close {
							background:#DEDEDE !important;
							}
						#index #calendar .inner table td.today {
							border:#F4A22B solid 2px;
						}
							#index #calendar .inner table td .day {
								font-size:10px;
							}
		#index #calendar .open-ex {
			width:1em;
			float:left;
			margin: 0px 5px 0px 30px;
			display:block;
		}
		#index #calendar .few-ex {
			width:1em;
			float:left;
			margin: 1px 5px 0px 20px;
			display:block;
		}
		#index #calendar .close-ex {
			width:1em;
			float:left;
			margin: 0px 5px 0px 20px;
			display:block;
		}

#index #section02 {
	padding:20px 0;
	background:url(../image/contents/top/sec02-bg.png) repeat;
	width:100%;
	box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
}
	#index #feature-color .text-area {
		width:405px;
		float:left;
	}
	#index #feature-color h3 {
		font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
		font-size:24px;
		color:#6d6d6d;
		margin-bottom:10px;
	}
	#index #feature-color .fc-image {
		margin:15px 20px 0 0;
	}
	#index #feature-color .fc-pic {
		margin-top:15px;
		float:right;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
	}
	#index #feature-color p {
		font-size:14px;
	}
	
	#index #feature p {
		font-size:16px;
		line-height:26px;
		margin-top:8px;
	}
	
#index #section03 {
	padding:19px 0;
	background:url(../image/contents/top/sec03-bg.png) repeat;
	width:100%;
	box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
}
	#index #section03 .pic {
		float:left;
		margin-right:27px;
	}
	#index #section03 .add {
		float:left;
		width:386px;
	}
		#index #section03 .add h1 {
			font-size:24px;
			line-height:1.0;
			margin-bottom:20px;
		}
		#index #section03 p {
			font-size:16px;
			line-height:26px;
		}
		#index #section03 .tel {
			float:right;
			margin-top:12px;
		}


/*--------------------------------------
　service
---------------------------------------*/

#service .maintitle {
	background:url(../image/contents/service/title.jpg) center no-repeat;
}
#service .subtitle {
	margin-bottom:20px;
}

#service #section01 {
	padding:20px 0;
	width:100%;
	background:url(../image/contents/service/sec1back.gif) repeat;
}
	#service #section01 h3 {
		text-align:center;
		margin-bottom:15px;
	}
	#service #section01 p {
		font-size:16px;
		width:650px;
		float:left;
	}
	#service #section01 .illust {
		width:380px;
		float:right;
	}
#service #section02 {
	padding:20px 0;
	font-size:16px;
	box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
}
	#service #section02  p {
		margin-bottom:20px;
	}
	#service #section02 .photo img {
		float:left;
		margin:0 30px;
	}
	#service #section02 .photo img:first-child {
		margin:0px;
	}
	#service #section02 .photo img:last-child {
		float:right;
		margin:0px;
	}
#service #section03 {
	padding:20px 0;
	font-size:16px;
	width:100%;
	background:url(../image/contents/service/sec03back.png) repeat;
	box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05);
}
	#service #section03 .medical {
		background:#fff;
		float:left;
		width:470px;
		border-radius:5px 5px 0px 0px;
		padding:0px 15px 15px 15px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
	}
		#service #section03 .medical h3 {
			margin-left:-15px;
			margin-bottom:20px;
		}
		#service #section03 .medical p {
			width:300px;
			float:left;
		}
		#service #section03 .medical .illust {
			float:right;
			
		}
	#service #section03 .support {
		background:#fff;
		float:right;
		width:470px;
		border-radius:5px 5px 0px 0px;
		padding:0px 15px 15px 15px;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
	}
		#service #section03 .support h3 {
			margin-left:-15px;
			margin-bottom:20px;
		}
		#service #section03 .support p {
			width:320px;
			float:left;
		}
		#service #section03 .support .illust {
			float:right;
			
		}
		
/*--------------------------------------
　access
---------------------------------------*/

#access .maintitle {
	background:url(../image/contents/access/title.jpg) center no-repeat;
}
#access #section01 {
	padding:20px 0;
	background:url(../image/contents/access/back.png);
	width:100%;
}
	#access #section01 ul {
		list-style-position:inside;
	}
	#access #section01 .bus {
		line-height:1.0;
		margin-left:13px;
	}
	#access .gmap {
		margin-top:30px;
		padding:10px;
		background:#fff;
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
		-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
		-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
	}

/*--------------------------------------
　panf
---------------------------------------*/

#panf .maintitle {
	background:url(../image/contents/panf/title.jpg) center no-repeat;
}

#panf #section01 {
	padding:20px 0;
	background:url(../image/contents/panf/bg.png) repeat;
	width:100%;
}

#panf .topbanner {
	width:1080px;
	text-align:center;
}
	#panf .topbanner img {
		max-width:1080px;
		margin:0 auto;
	}

#panf .pdfbutton {
	background:url(../image/contents/panf/pdf.png) no-repeat;
	width:500px;
	height:60px;
	cursor:pointer;
	border:none;
	display:block;
	margin:0 auto;
	margin-bottom:30px;
}


/*--------------------------------------
　charge
---------------------------------------*/

#charge .maintitle {
	background:url(../image/contents/charge/title.jpg) center no-repeat;
}

#charge #section01 {
	padding:20px 0;
	background:url(../image/contents/charge/bg.png) repeat;
	width:100%;
}

#charge .topbanner {
	width:1080px;
	text-align:center;
}
	#charge .topbanner img {
		max-width:1080px;
		margin:0 auto;
	}

#charge .pdfbutton {
	background:url(../image/contents/charge/pdf.png) no-repeat;
	width:500px;
	height:60px;
	cursor:pointer;
	border:none;
	display:block;
	margin:0 auto;
	margin-bottom:30px;
}

/*--------------------------------------
　recruit
---------------------------------------*/

#recruit .maintitle {
	background:url(../image/contents/recruit/title.jpg) center no-repeat;
}
#recruit #section01 {
	padding-top:20px;
	background:url(../image/contents/recruit/bg.png) repeat;
	width:100%;
}
#recruit .recruit {
	width:518px;
	background:#fff;
	border:#c4c4c4 solid 1px;
	padding:5px;
	margin-bottom:20px;
}
#recruit a.under {
	color:#353535;
	text-decoration:none;
}
	#recruit .recruit .topbanner {
		width:280px;
		float:left;
		text-align:center;
		margin-right:10px;
	}
		#recruit .recruit .topbanner img {
			max-width:280px;
			max-height:120px;
		}
	#recruit .recruit .bosyu {
		font-size:22px;
		font-weight:bold;
	}
	#recruit .recruit .pdf {
		background: #C00 none repeat scroll 0% 0%;
		color: #FFF;
		padding: 3px 5px;
		font-size: 12px;
		font-weight: bold;
	}