@charset "UTF-8";

body {
-webkit-text-size-adjust: 100%;
}

/*====テキスト====*/
p.text{
	font-size: 16px;
	text-height: 30px;
}

/*====メインビジュアル====*/
.topMainvisual{
	position: relative;
	width: 100%;
	margin: 0 auto 3px;
	border-bottom: 3px solid #963821;
}

.topMainvisual .imgwrap{
	overflow: hidden;
	width: 100%;
	height: 693px;
	margin-top: 3px;
	margin-bottom: 3px;
	background:url(../images/index/main.jpg) no-repeat center center;
	background-size: cover;
	text-indent: -9999px;
}
.topMainvisual .imgwrap img{
	width: 100%;
	min-width: 1200px;
	height: auto;
	min-height: 691px;
}

.cloud{
	position: absolute;
	top: 83px;
	right: 100px;
}


/*====information====*/
.information{
	border-top: 3px solid #963821;
	background:url("../images/index/information/bg-information2.png") no-repeat top center;
	border-bottom: 4px solid #ffffff;
}

.informationArea01{
	overflow: hidden;
	width: 910px;
	margin: 40px auto;
	
}
	.informationArea01 .detail{
		float: left;
		width: 395px;
		}

.informationArea02{
	overflow: hidden;
	width: 920px;
	margin: 0 auto 40px;
	
}
	.informationArea02 .detail{
		float: left;
		width: 255px;
		}
.informationArea03{
	text-align: center;
	padding-bottom: 40px;
}

.banner-recruit{
	background:url("../images/index/information/banner-recruit.png") no-repeat top center;
	width: 882px;
	height: 314px;
	margin: 0 auto 35px;
	position: relative;
}
.banner-recruit .btn-recruit01{
	position: absolute;
	top:230px;
	left:120px;
}

.banner-recruit .btn-recruit02{
	position: absolute;
	top:230px;
	right:120px;
}


/*====Slide====*/	
.slideBlock{
	text-align: center;
	margin: 0 auto 20px;
}

	.slideBlock .tickerSlide{
		width: 100%;
		margin: 0 auto;

		padding-top: 40px;

	}

		.slideBlock .tickerSlide ul{
			overflow: hidden;
		}
		
		.slideBlock .tickerSlide li{
			float: left;
			width: 223px;
			margin-right: 20px;
		}

/*==== タイトル====*/
 h2{
	 margin-bottom: 30px;
	 text-align: center;
	 }	


/*====トップ / お知らせ//news-text ====*/	
.news-text{
	width: 1000px;
	padding-top: 20px;
	margin: 0 auto;
}
	.news-text ul{
}
		.news-text ul li{
		width: 1000px;
		overflow:hidden;
		margin-bottom: 10px;
		}

	.news-text ul li .text-date{
		float: left;
		width: 120px;

	}
	.news-text ul li .text-info{
		float: left;
		width: 800px;
	}



/*====トップ / 今月のプログラム====*/	

.monthly{
	text-align: center;
	margin: 40px auto 20px;
	background: #ffffff;
	padding: 40px 0;	
}
.monthly ul{
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
}
	.monthly ul li{
		float: left;
		width:243px;
		text-align: center;
	}
		.monthly ul li .balloon{
			margin-bottom: 10px;
		}
		.monthly ul li a:hover {
		opacity: 0.6 ;
		}
/*====トップ====*/	

.pctArea{
	width: 1000px;
	height: 1350px;
	margin: 0 auto;
	position: relative;
	background:url(../images/index/background%20-pct.png) no-repeat 290px 365px;
	}
	
	.pctArea .news{
		position: absolute;
		width: 500px;
		margin: 30px auto;
		top: 0px;
		left: 0;
	}
	.pctArea .news .blogFeed{
		width: 500px;
		margin: 0 auto;
	}

	.pctArea .pct01{
		position: absolute;
		top: 70px;
		right: 0;
	}

	.pctArea .pct02{
		position: absolute;
		top: 520px;
		left: 10px;
	}

	.pctArea .about{
		position: absolute;
		width: 480px;
		margin: 0 auto;
		top: 590px;
		right: 0;
	}

	.pctArea .schedule{
		position: absolute;
		top: 980px;
		left: 40px;
	}
	.pctArea .schedule p{
		text-align: center;
	}
	
	.pctArea .pct03{
		position: absolute;
		top: 1025px;
		right: 0;
	}

.greetingArea{
	background:url(../images/index/background-greeting.png) no-repeat;
	width: 1000px;
	height: 752px;
	margin: 100px auto 0;
	padding-top: 120px;
}

.greetingArea p{
	width: 860px;
	margin: 0 auto 65px;
}



	

				
/*======================

コンテンツページ 共通

======================*/

.title{
	text-align: center;
}


/*======================

施設案内

======================*/

.About{
	width: 1000px;
	margin: 0 auto;
	padding-top: 60px;
	}

	.About .map{
		text-align:center;
		margin-bottom: 30px;
		}
		
	.About .greeting{
	margin-bottom: 60px;
	}
	
	.About .facility{
	}
			
			.About .facility .pct{
				width: 955px;
				margin: 10px auto 50px;
			}
		
		.About .company table {
				width: 960px;
				border: #c0bcbc 1px solid ;
				border-collapse: collapse;
				font-size:16px;
				line-height:26px;
				margin: 0 auto 50px;
				}
		
				.About .company td.itemL{
					width: 220px;
					background:#cc8a59;
					border: #3d441e 2px solid ;
					padding: 15px 30px 15px 20px ;
					color: #ffffff;
				}
		
				.About .company td.itemR{
					width: 740px;
					background:#ffffff;
					border: #3d441e 2px solid ;
					padding: 15px 30px 15px 20px ;
				}
		
																		
		
	
/*======================

プログラム

======================*/

.Program{
	width: 1000px;
	margin: 0 auto;
	padding-top: 60px;
	}

			.Program .schedule .pct{
				width: 955px;
				margin: 10px auto 50px;
			}

.Program .Activity{
	width: 1000px;
	height: 1050px;
	margin: 0 auto;
	position: relative;
	background: url(../images/program/bg.png) no-repeat 290px 440px;
	}
	
		.Program .Activity .icon{
			margin-bottom: 20px;
		}
		.Program .Activity .subtitle{
			margin-bottom: 20px;
		}
		.Program .Activity p{
			font-size: 16px;
			line-height: 32px;
		}
			.Program .Activity .activity01{
				position: absolute;
				width: 500px;
				margin: 30px auto;
				text-align: center;
				top: 20px;
				left: 0;
			}
			.Program .Activity .activity02{
				position: absolute;
				width: 500px;
				margin: 30px auto;
				text-align: center;
				top: 260px;
				left: 0;
			}
			.Program .Activity .pct01{
				position: absolute;
				top: 140px;
				right: 0;
			}
			.Program .Activity .pct02{
				position: absolute;
				top: 600px;
				left: 0;
			}
			.Program .Activity .activity03{
				position: absolute;
				width: 500px;
				margin: 30px auto;
				text-align: center;
				top: 480px;
				right: 0;
			}
			.Program .Activity .activity04{
				position: absolute;
				width: 480px;
				margin: 30px auto;
				text-align: center;
				top: 710px;
				right: 0;
			}

			.Program .example{
				overflow: hidden;
				width: 980px;
				margin: 0 auto 50px;
			}
			
			.Program .example .detail{
				float: left;
				width: 473px;
				margin-right: 25px;
				margin-bottom: 30px;
			}
			
			.Program .example .detail.right{
				float: left;
				width: 473px;
				margin-right: 0;
			}
			
/*======================

ご利用の流れ・料金

======================*/

.Flow{
	width: 1000px;
	margin: 0 auto;
	padding-top: 60px;
	}

	.Flow .fee .calculation{
		width: 960px;
		border: 3px solid #cc8a59;
		background: #ffffff;
		color: #963821;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding: 30px 0;
		margin: 0 auto 60px;
	}
	
		.Flow .other table {
				width: 960px;
				border: #c0bcbc 1px solid ;
				border-collapse: collapse;
				font-size:16px;
				line-height:26px;
				margin: 0 auto 50px;
				}
		
				.Flow .other td.itemL{
					width: 480px;
					background:#cc8a59;
					border: #3d441e 2px solid ;
					padding: 15px 30px 15px 20px ;
					color: #ffffff;
					font-weight: bold;
				}
		
				.Flow .other td.itemR{
					width: 480px;
					background:#ffffff;
					border: #3d441e 2px solid ;
					padding: 15px 30px 15px 20px ;
				}
				.Flow .other td.itemL_p{
					width: 480px;
					background:#998542;
					border: #3d441e 2px solid ;
					padding: 15px 30px 15px 20px ;
					color: #ffffff;
					font-weight: bold;
				}
		
				.Flow .other td.itemR_p{
					width: 480px;
					background:#998542;
					border: #3d441e 2px solid ;
					padding: 15px 30px 15px 20px ;
					color: #ffffff;
					font-weight: bold;
				}
		
	.Flow .step{
			margin: 0 auto 70px;;
	}
		
		.Flow .step .detail{
			border: 3px solid #cc8a59;
			background: #ffffff;
			padding: 25px 0 30px;
			margin-bottom: 30px;			
		}
	
		.Flow .step .detail .icon{
			width: 94px;
			margin: 0 auto 25px;
		}
		.Flow .step .detail .subtitle{
			text-align: center;
			margin-bottom: 25px;
		}
		.Flow .step .detail p{
			width: 890px;
			margin: 0 auto;
		}
		.Flow .step .detail .upper{
			width: 890px;
			margin: 0 auto 15px;
			border-bottom:  2px #cc8a59 dotted;
			padding-bottom: 15px;
		}
/*======================

ご利用の流れ・料金

======================*/

.Faq{
	width: 1000px;
	margin: 0 auto 700px;
	padding-top: 60px;
	}

	
/*======================

　アクセス

======================*/
.Access{
	width: 1000px;
	margin: 0 auto ;
	padding-top: 60px;
}
		.Access .detail table {
				width: 960px;
				border: #c0bcbc 1px solid ;
				border-collapse: collapse;
				font-size:16px;
				line-height:26px;
				margin: 0 auto 50px;
				}
		
				.Access .detail td.itemL{
					width: 240px;
					background:#cc8a59;
					border: #3d441e 2px solid ;
					padding: 15px 30px 15px 20px ;
					color: #ffffff;
					font-weight: bold;
				}
		
				.Access .detail td.itemR{
					width: 720px;
					background:#ffffff;
					border: #3d441e 2px solid ;
					padding: 15px 30px 15px 20px ;
				}

		.Access .map{
			width: 960px;
			margin: 0 auto 20px;
		}

/*======================

　お問合わせ

======================*/
.Contact{
	width: 1000px;
	margin: 0 auto 100px;
	padding-top: 60px;
}

	
	.Contact .formtable{
		width: 960px;
		border-top: 2px solid #3d441e;
		border-left: 2px solid #3d441e;
		margin: 0 auto 60px;
	}
	
	.Contact .formtable td{	
		border-right:2px solid #3d441e;
		border-bottom:2px solid #3d441e;
		padding: 15px 20px;
		width: 645px;
		vertical-align:middle;
		background: #ffffff;
		
	}/*rollover*/
	
	.Contact .formtable td.itemTitle{
		color:#963821;
		font-size:16px;
		font-weight:bold;
		background-color:#f5e8de;
		width:250px;
		vertical-align:top;
	}
	
	.Contact .formtable td.itemTitle.vaMiddle{
		vertical-align:middle;
	}
	
	.Contact .formtable td.subtitle{
		font-size:16px;
		font-weight:bold;
		color: #ffffff;
		background-color:#cc8a59;
		padding: 15px 20px;
	}
	
	.Contact .formtable td.subtitle2{
		padding:10px 15px;
	}
	
	.Contact .formtable td.bottomline1{
		border-bottom:none;
		background-image:url(../images/pamphlet/line01.gif);
		background-position: left bottom;
		background-repeat: repeat-x;
	}
	.Contact .formtable td.bottomline2{
		border-bottom:none;
		background:url(../images/pamphlet/line02.gif) left bottom repeat-x;
	}
	
	.Contact .formtable td.subtitle a{
		font-size:16px;
		font-weight: normal;
	}
	
	.Contact .formtable td .innertable td{
		padding:3px 30px 3px 0px;
		border:none;
	}
	
	.Contact .check{
		text-align: center;}

.fbox{
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 15px;
	line-height: 1.6;
}