@charset "utf-8";

/* ================================================================================= */
/*  reset.css                                                                        */
/* ================================================================================= */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
a:active{outline:none;}
body{line-height:1;color:#000000;background:#ffffff;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}


/* ================================================================================= */
/*  Common                                                                           */
/* ================================================================================= */
html   {height:100%;overflow-y:scroll;color:#333333;font-size:16px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body   {height:100%;background-color:#ffffff;}
a      {color:#0000ff;text-decoration:underline;}
a:hover{color:#ff0000;text-decoration:underline;}
a.BtnImg img{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
a.BtnImg:hover img{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.spacer{clear:both;}
.BtnAnchor{cursor:pointer;}
.BtnTop{cursor:pointer;}
img    {border:0;}
hr     {display:none;}
p      {line-height:220%;}


/* ================================================================================= */
/*  CSS                                                                              */
/* ================================================================================= */
.HeaderArea{
	background-color:#000000;
	width:100%;
	height:58px;
	position:fixed;
	box-shadow:0 3px 3px rgba(0,0,0,0.5);
	z-index:99999;
}
.HeaderBody{
	height:58px;
	width:880px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
}
.HeaderBody div{
	width:300px;
	text-align:center;
	line-height:60px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color:#ffffff;
}
.HeaderBody div a{
	display:block;
	color:#ffffff;
	text-decoration:none;
}
.HeaderBody div a.ON{
	display:block;
	color:#ffd23c;
	text-decoration:none;
	background-image:url("./img/icon_circle.svg");
	background-size:0.5rem;
	background-repeat:no-repeat;
	background-position:center bottom 0.5rem;
}
.HeaderBody div a:hover{
	color:#ffd23c;
	text-decoration:none;
	background-image:url("./img/icon_circle.svg");
	background-size:0.5rem;
	background-repeat:no-repeat;
	background-position:center bottom 0.5rem;
}
.HeaderBody div:nth-of-type(1){
	width:500px;
}
.MainContentsArea{
	background-color:#ffffff;
	padding-top:60px;
}
.ContentsHeadImg{
	width:1040px;
	margin-left:auto;
	margin-right:auto;
}
.ContentsHeadImgAbout{
	width:1040px;
	height:480px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../img/about_main.gif");
	background-repeat:no-repeat;
	background-position:center;
}
.ContentsHeadImgAccess{
	width:1040px;
	height:480px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../img/access_main.gif");
	background-repeat:no-repeat;
	background-position:center;
}
.ContentsHeadImgAbout > p, .ContentsHeadImgAccess > p{
	font-size:3rem;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	padding:1.5rem 5rem;
}
.ContentsHeadImgTLT > p{
	font-size:3rem;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	padding:1.5rem 0;
}
.ContentsHeadImgAct{
	font-size:3rem;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	padding:1.5rem 5rem;
	z-index:01;
	position:absolute;
	letter-spacing:-0.5rem;
}
.ContentsHeadImgActImg{
	z-index:00;
	position:relative; 
}
.MainContentsBox{
	width:880px;
	margin-left:auto;
	margin-right:auto;
}
.AboutBox01{
	width:880px;
	height:236px;
	background-image:url("../img/about_img01.gif");
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}
.AboutBox01 > p{
	display:block;
	position:absolute; top:45%; right:0; left:0; 
	font-size:2rem;
	font-weight:bold;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	line-height:140%;
	text-align:center;
}
.AboutBox02{
	margin-top:5px;
	display:flex;
}
.AboutBox02 > div{
	width:290px;
	margin-right:5px;
}
.AboutBox02 > div:last-child{
	margin-right:0;
}
.AboutBox03{
	margin-top:5px;
	display:flex;
}
.AboutBox03 > div:nth-of-type(1){
	width:225px;
	margin-top:50px;
	margin-left:0px;
}
.AboutBox03 > div:nth-of-type(2){
	width:655px;
	margin-top:50px;
	margin-left:0px;
}
.AboutBox04 > p{
	margin-top:50px;
	display:block;
	width:100%;
	font-size:1.5rem;
	padding:0.2rem 1rem;
	font-weight:bold;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color:#ffffff;
	background-color:#000000;
}
.AboutBox05 > p{
	margin-top:10px;
	font-size:1.3rem;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.ActivityAnchor{
	display:block;
	background-color:#000000;
	color:#ffffff;
	line-height:150%;
	padding:10px 0 10px 25px;
	background-image:url("../img/activity_arrow.gif");
	background-repeat:no-repeat;
	background-position:12px 17px;
}
.ActivityAnchor:hover{
	color:#ffd23c;
}
.ActivityBox01{
	display:flex;
	margin-top:80px;
}
.ActivityBox01 > div:nth-of-type(1){
	width:448px;
}
.ActivityBox01 > div:nth-of-type(2){
	width:calc(100% - 448px);
	margin-left:32px;
}
.ActivityBox01 > div:nth-of-type(2) > div:nth-of-type(1) > p{
	display:block;
	font-size:2rem;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	line-height:120%;
	padding-bottom:10px;
}
.AccessBox01{
	margin-top:50px;
}
.AccessBox01 > p{
	width:100%;
	font-size:1.5rem;
	padding:0.2rem 1rem;
	font-weight:bold;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	background-color:#000000;
	color:#ffffff;
}
.AccessBox02{
	margin-top:20px;
	margin-bottom:40px;
}
.AccessBox02:last-child{
	margin-bottom:0;
}
.AccessBox02 > p:nth-of-type(1){
	width:100%;
	font-size:1.3rem;
	padding-bottom:0.5rem;
	font-weight:bold;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	border-bottom:1px solid #000000;
	line-height:120%;
}
.AccessBox02 > p:nth-of-type(2){
	width:100%;
	padding-top:0.5rem;
}


/* ================================================================================= */
/*  SlideShow                                                                        */
/* ================================================================================= */
.FacilitySliderBox{
	position:relative;
	width:880px;
	height:410px;
}
.FacilitySliderPic{
	width:608px;
	height:410px;
	position:absolute;
	top:0px;
	left:0px;
}
.FacilitySliderText{
	width:240px;
	position:absolute;
	top:0px;
	left:640px;
	height:410px;
}
.FacilitySliderText > div:nth-of-type(1){
	font-size:2rem;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	padding-bottom:1rem;
}
.FacilitySliderThumbnail{
	width:240px;
	position:absolute;
	left:640px;
}


/* ================================================================================= */
/*  RightNavi                                                                        */
/* ================================================================================= */
.RightNaviBox{
	z-index:9999;
	width:250px;
	position:fixed;
	top:170px;
	right:0px;
	background-color:#ffffff;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	box-shadow:0 0 3px 3px rgba(0,0,0,0.5);
}
.RightNaviPrev{
	height:25px;
	cursor:pointer;
	background-color:#cccccc;
	border-top-left-radius:5px;
	background-image:url("../img/rightnavi_upper.gif");
	background-repeat:no-repeat;
	background-position:20px 9px;
}
.RightNaviPrev:hover{
	background-color:#000000;
}
.RightNaviNext{
	height:25px;
	cursor:pointer;
	background-color:#cccccc;
	border-bottom-left-radius:5px;
	background-image:url("../img/rightnavi_lower.gif");
	background-repeat:no-repeat;
	background-position:20px 9px;
}
.RightNaviNext:hover{
	background-color:#000000;
}
.RightNaviSep{
	width:250px;
	height:1px;
	background-color:#cccccc;
}
.RightNaviBtn{
	width:250px;
	height:64px;
	cursor:pointer;
}


/* ================================================================================= */
/*  Footer                                                                           */
/* ================================================================================= */
.PageTopBody{
	width:880px;
	height:180px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("./img/pgtop_bg.gif");
	background-repeat:no-repeat;
}
.BtnTop{
	width:70px;
	padding-top:80px;
	margin-left:auto;
	margin-right:auto;

}
.FooterArea{
	width:100%;
	height:120px;
	background-image:url("./img/footer_bg.gif");
	background-repeat:repeat-x;
}
.FooterBody{
	width:880px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("./img/footer_logo.gif");
	background-repeat:no-repeat;
	background-position:right;
}
.FooterBody p{
	font-size:16px;
	color:#ffffff;
	padding-top:75px;
}


/* ================================================================================= */
/*  HOME                                                                             */
/* ================================================================================= */
.HomeLogo{
	float:right;
	padding-top:20px;
	padding-right:20px;
}
.HomeWrap{
	width:100%;
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
}
.HomeFooter{
	height:100px;
	width:100%;
	position:absolute;
	bottom:0;
}
.HomeFooterImgNavi{
	height:40px;
}
.HomeFooterArea{
	height:60px;
	background-color:rgba(0,0,0,0.70);
}
.HomeFooterBody{
	height:60px;
	width:880px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
}
.HomeFooterBody div{
	width:300px;
	text-align:center;
	line-height:60px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color:#ffffff;
}
.HomeFooterBody div a{
	display:block;
	color:#ffffff;
	text-decoration:none;
	
}
.HomeFooterBody div a:hover{
	color:#ffd23c;
	text-decoration:none;
	background-image:url("./img/icon_circle.svg");
	background-size:0.5rem;
	background-repeat:no-repeat;
	background-position:center bottom 0.5rem;
}

.HomeFooterBody div:nth-of-type(1){
	width:500px;
}