@charset "utf-8";
/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
	body {
   
	}
	/* Default link styling */
	a{text-decoration:none;}
	a:link { color:#336600;}
	a:visited { color:#336600;}
	a:hover, a:focus { color:#339900; text-decoration:underline;}
	a:active { color:#336600; }
	
	
/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
	body {
   	color:#333;
	background:#FFF url(../images/header_bg_01.gif) repeat-x;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	line-height:1.7;
	}

	body#top{
		background:url(../../images/top_header_bg_01.gif) repeat-x;
	}


	
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
/*    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
		background:transparent !important;
    }*/
/*	html { background-color:#fff; }*/
	/* Hide navigation */
/*nav { display:none; }*/

	/* Show link destinations in brackets after the link text */
/*	a[href]:after { content: " (" attr(href) ") "; }*/
/*	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}*/
	/* Don't show link destinations for JavaScript or internal links */ 
/*	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }*/ 
	
	/* Show abbr title value in brackets after the text */
/*	abbr[title]:after { content: " (" attr(title) ")"; }*/ 

/*	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}*/ 

/*	figure img { border:1px solid #000; }*/ 

#pankuzu{
	display:none;
}

footer{
	display:none;
}

header{
}

}

/* ---------------------------------------------------------
   clear
   ---------------------------------------------------------*/

.clear{
	clear:both;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ---------------------------------------------------------
   header
   ---------------------------------------------------------*/

header#header{
	height:176px;
}


header #headerInner{
	width:984px;
	height:176px;
	margin:0 auto;
	position:relative;
}

header#header h1{
	width:218px;
	height:102px;
	background:url(../images/header_logo.gif) no-repeat;
	position:absolute;
	top:5px;
	left:0px;
}

header#header h1 a{
	width:218px;
	height:102px;
	display:block;
	text-indent:-9999px;
}

header#header .headerBox01{
	width:248px;
	height:80px;
	position:absolute;
	top:15px;
	right:258px;
	background:url(../images/header_img_tel.gif) no-repeat;
}

header#header .headerBox01 li{
	text-indent:-9999px;
}

header#header .headerBox02{
	width:248px;
	height:39px;
	position:absolute;
	top:61px;
	right:0;
}

header#header .headerBox02 li{
	width:121px;
	float:left;
}

header#header .headerBox02 li a{
	width:121px;
	height:39px;
	display:block;
	text-indent:-9999px;
}

header#header .headerBox02 li.contactBtn a{background:url(../images/header_btn_contact.gif) no-repeat;}
header#header .headerBox02 li.accessBtn a{background:url(../images/header_btn_access.gif) no-repeat;}

header#header .headerBox02 li.contactBtn a:hover{background:url(../images/header_btn_contact.gif) 0 bottom no-repeat;}
header#header .headerBox02 li.accessBtn a:hover{background:url(../images/header_btn_access.gif) 0 bottom no-repeat;}




header#header nav{
	position:absolute;
	top:116px;
	left:0;
}

header#header nav li{
	width:246px;
	float:left;
}

header#header nav li a{
	width:246px;
	display:block;
	height:60px;
	text-indent:-9999px;
}

header#header nav li.gNav01,
header#header nav li.gNav01 a{background:url(../images/gnav_01.gif) no-repeat;}

header#header nav li.gNav02,
header#header nav li.gNav02 a{background:url(../images/gnav_02.gif) no-repeat;}

header#header nav li.gNav03,
header#header nav li.gNav03 a{background:url(../images/gnav_03.gif) no-repeat;}

header#header nav li.gNav04,
header#header nav li.gNav04 a{background:url(../images/gnav_04.gif) no-repeat;}


header#header nav li.gNav01 a:hover{background:url(../images/gnav_01.gif) 0 bottom no-repeat;}
header#header nav li.gNav02 a:hover{background:url(../images/gnav_02.gif) 0 bottom no-repeat;}
header#header nav li.gNav03 a:hover{background:url(../images/gnav_03.gif) 0 bottom no-repeat;}
header#header nav li.gNav04 a:hover{background:url(../images/gnav_04.gif) 0 bottom no-repeat;}



header#header #font{
	width:245px;
	height:42px;
	background:url(../images/font_size_bg.gif) no-repeat;
	position:absolute;
	top:10px;
	right:0px;
}

header#header #font ul{
	position:absolute;
	top:8px;
	left:119px;
}

header#header #font li{
	float:left;
	padding-right:5px;
	list-style-type:none;
}

header#header #font li.large{}
header#header #font li.middle{}
header#header #font li.small{}


/* ---------------------------------------------------------
   wrap
   ---------------------------------------------------------*/

.mainBg{
	height:340px;
	background:url(../../images/top_main_img.jpg) center 0 no-repeat;
	clear:both;
	margin-bottom:30px;
}

.mainBgInner{
	width:984px;
	height:340px;
	margin:0 auto;
	background:url(../../images/top_main_img.jpg) center 0 no-repeat;
	position:relative;
}

.mainBgInner p{
	position:absolute;
	top:226px;
	right:20px;
}

.mainBgInner p a{
	width:284px;
	height:84px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top_service_btn.gif) no-repeat;
}

.mainBgInner p a:hover{
	background:url(../../images/top_service_btn.gif) 0 bottom no-repeat;
}


.wrap{
	width:984px;
	margin:0 auto;
/*	background:#FFF url(../images/main_bg_01.gif) center 0 repeat-y;*/
/*	box-shadow:0px 0px 12px #8A8A8A;*/
}


/* ---------------------------------------------------------
   main
   ---------------------------------------------------------*/

main{
	width:984px;
	padding:0;
/*	background:url(../images/main_bg_02.gif) no-repeat;*/
}

.mainTitle{
	width:984px;
	height:130px;
	color:#333;
	margin-bottom:30px;
/*	text-indent:-9999px;*/
}


.mainTitle h2{
	font-size:200%;
	padding:40px 0 0 40px;
	font-weight:normal;
/*	background:url(../images/main_title_bg.png) 10px 43px no-repeat;
  text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
}




#mainContent{
	width:710px;
	float:left;
	padding-bottom:50px;
/*	box-shadow:rgba(113, 135, 164, 0.368627) 0px -6px 17px -1px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.368627) 0px -6px 17px -1px;
	-moz-box-shadow:rgba(113, 135, 164, 0.368627) 0px -6px 17px -1px;*/
}


#mainContentInner{
	clear:both;
}


.mainContentTitle02{
	width:704px;
	text-indent:30px;
	line-height:50px;
	background:url(../images/top_topics_tit.gif) no-repeat;
	position:relative;
	margin-bottom:20px;
	clear:both;
	margin: 20px auto 20px 0;
}

.mainContentTitle02 p{
	width:160px;
	height:34px;
	position:absolute;
	top:8px;
	right:8px;
}

.mainContentTitle02 p a{
	width:160px;
	height:34px;
	display:block;
	text-indent:-9999px;
	background:url(../images/btn_list.gif) no-repeat;	
}

.mainContentTitle02 p a:hover{
	background:url(../images/btn_list.gif) 0 bottom no-repeat;	
}

.mainContentTitle02 h3{
	color:#666600;
	font-weight:bold;
	font-size:140%;
	margin-top:35px;
}

.mainContentTitle03 {
	width:704px;
	font-size: 16px;
	border-left: solid 5px #89893B;
	padding-left: 10px; 
	line-height: 30px;
	margin: 20px 0 20px 9px;
	font-weight:bold;
}




/* ---------------------------------------------------------
   pankuzu
   ---------------------------------------------------------*/


#pankuzu{
	margin-bottom:20px;
	font-size:86%;
	position:relative;
}

#pankuzu li{
	list-style-type:none;
	float:left;
	padding:0 20px 0 5px;
	background: url(../images/ico_pankuzu.png) right 3px no-repeat;
}

#pankuzu li.last{
	background:none;
}


#pankuzu p.listBtn{
	width:108px;
	height:31px;
	position:absolute;
	right:10px;
	top:-8px;
	background:url(../images/btn_list.png) 0 bottom no-repeat;
}

#pankuzu p.listBtn a{
	width:108px;
	height:31px;
	background:url(../images/btn_list.png) no-repeat;
	display:block;
	text-indent:-9999px;	
}

#pankuzu p.listBtn a:hover{
	background:url(../images/btn_list.png) 0 bottom no-repeat;
}

/* ---------------------------------------------------------
   sidebar
   ---------------------------------------------------------*/

#sidebar{
	width:260px;
	float:right;
}

#sidebarInner{
	padding:0 10px 50px 10px;
}


/*-- sideQABtn --*/

.sideQABtn{
	width:254px;
	background:url(../images/side_btn_qa.gif) right 0 no-repeat;
	margin-bottom:10px;
}

.sideQABtn a{
	display:block;
	width:254px;
	height:104px;
	text-indent:-9999px;
	background:url(../images/side_btn_qa.gif) no-repeat;
}

.sideQABtn a:hover{
	background:url(../images/side_btn_qa.gif) right 0 no-repeat;
}


/*-- sideRoomBtn --*/

.sideRoomBtn{
	width:254px;
	background:url(../images/side_btn_room.gif) right 0 no-repeat;
	margin-bottom:10px;
}

.sideRoomBtn a{
	display:block;
	width:254px;
	height:104px;
	text-indent:-9999px;
	background:url(../images/side_btn_room.gif) no-repeat;
}

.sideRoomBtn a:hover{
	background:url(../images/side_btn_room.gif) right 0 no-repeat;
}


/*-- sideContactBtn --*/

.sideContactBtn{
	width:254px;
	background:url(../images/side_btn_contact.gif) right 0 no-repeat;
	margin-bottom:10px;
}

.sideContactBtn a{
	display:block;
	width:254px;
	height:174px;
	text-indent:-9999px;
	background:url(../images/side_btn_contact.gif) no-repeat;
}

.sideContactBtn a:hover{
	background:url(../images/side_btn_contact.gif) right 0 no-repeat;
}


/*-- sideKyoikuBtn --*/

.sideKyoikuBtn{
	width:254px;
	background:url(../images/side_btn_kyoiku.jpg) right 0 no-repeat;
	margin-bottom:10px;
}

.sideKyoikuBtn a{
	display:block;
	width:254px;
	height:104px;
	text-indent:-9999px;
	background:url(../images/side_btn_kyoiku.jpg) no-repeat;
}

.sideKyoikuBtn a:hover{
	background:url(../images/side_btn_kyoiku.jpg) right 0 no-repeat;
}


/*-- sideJigyouBtn --*/

.sideJigyouBtn, .sideMahaeBtn, .sideBlogBtn {
	width:254px;
	margin-bottom:10px;
}

.sideJigyouBtn a, .sideMahaeBtn a, .sideBlogBtn a {
	display:block;
	width:254px;
	height:104px;
	text-indent:-9999px;
}

.sideJigyouBtn a {
	display:block;
	width:254px;
	height:54px;
	text-indent:-9999px;
}


/*-- sideSaiyoBtn --*/

.sideSaiyoBtn{
	width:254px;
	margin-bottom:3px;
}

.sideSaiyoBtn a{
	display:block;
	width:254px;
	height:106px;
	text-indent:-9999px;
	background:url(../images/side_btn_saiyou.jpg) no-repeat;
}

.sideSaiyoBtn a:hover{background:url(../images/side_btn_saiyou.jpg) right 0 no-repeat;}


.sideJigyouBtn a {
	background:url(../images/side_btn_jigyou.jpg) no-repeat;
}

.sideMahaeBtn a {
	background:url(../images/side_btn_mahae.gif) no-repeat;
}

.sideBlogBtn a {
	background:url(../images/side_btn_blog.gif) no-repeat;
}

.sideJigyouBtn a:hover {
	background:url(../images/side_btn_jigyou.jpg) right 0 no-repeat;
}

.sideMahaeBtn a:hover {
	background:url(../images/side_btn_mahae.gif) right 0 no-repeat;
}

.sideBlogBtn a:hover {
	background:url(../images/side_btn_blog.gif) right 0 no-repeat;
}


.sideAddBox{
	width:250px;
	background:#FAFBF2;
	font-size:86%;
}

.sideAddBoxInner{
	padding:10px;
	border:1px solid #E6E6E6;
}

.sideAddBox li{
	border-bottom:2px solid #89893B;
	padding-top:10px;
	clear:both;
}

.sideAddBox01{
	margin-bottom:10px;
}

.sideAddBox01.addIco01{background:url(../images/side_mahae_ico_01.png) 0 8px no-repeat;}
.sideAddBox01.addIco02{background:url(../images/side_mahae_ico_02.png) 0 8px no-repeat;}
.sideAddBox01.addIco03{background:url(../images/side_mahae_ico_03.png) 0 8px no-repeat;}
.sideAddBox01.addIco04{background:url(../images/side_mahae_ico_04.png) 0 8px no-repeat;}

.sideAddBoxLeft{
}

.sideAddBoxLeft dt{
	font-weight:bold;
	width:120px;
	float:left;
	padding:10px 0 0 27px;
}

.sideAddBoxLeft dd{
	width:70px;
	float:right;
}

.sideAddBoxText{
	clear:both;
}

.sideAddBox02{
	clear:both;
	border-top:1px dotted #89893B;
	padding:5px 0;
}

.sideAddBox02 dt{
	font-weight:bold;
}

.sideLocalNav{
	width:250px;
	margin-bottom:15px;
}

.sideLocalNav dl{
	border:1px solid #DFDFDF;
	padding:3px 3px 0 3px;
}

.sideLocalNav dt a{
	display:block;
	background:#89893B;
	line-height:50px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin-bottom:3px;
}

.sideLocalNav dt a:hover{
	text-decoration:none;
}

.sideLocalNav dd{
	margin-bottom:3px;
}

.sideLocalNav dd a{
	background:url(../images/ico_01.png) 10px 15px no-repeat;
	display:block;
	line-height:40px;
	color:#333;
	padding:3px 3px 3px 35px;
	font-size:86%;
}

.sideLocalNav dd a:hover,
.sideLocalNav.chiikikoryuNav01 .lNav01 a,
.sideLocalNav.chiikikoryuNav02 .lNav02 a,
.sideLocalNav.guideNav01 .lNav01 a,
.sideLocalNav.guideNav02 .lNav02 a{
	background:#EDF0D2 url(../images/ico_01.png) 10px 15px no-repeat;
	text-decoration:none;
}

.sideLocalNav dd.subNav a{
	background:url(../images/ico_01.png) 30px 15px no-repeat;
	padding-left:55px;
}

.sideLocalNav dd.subNav a:hover{
	background:#EDF0D2 url(../images/ico_01.png) 30px 15px no-repeat;
}


/* ---------------------------------------------------------
   footer
   ---------------------------------------------------------*/

footer#footer{
	clear:both;
	background:url(../images/footer_bg_01.gif) repeat-x;
}

footer#footer #footerInner{
	width:984px;
	height:210px;
	margin:0 auto;
	padding:0 0;
	position:relative;
}

footer#footer .footerBox00{
	height:50px;
	padding-top:10px;
}

footer#footer .footerBox00 dt{
	width:88px;
	float:left;
}

footer#footer .footerBox00 dt a{
	width:88px;
	height:42px;
	background:url(../images/footer_logo.gif) no-repeat;
	text-indent:-9999px;
	display:block;
}

footer#footer .footerBox00 dd{
	float:left;
	padding:10px 0 0 15px;
}

footer#footer .footerBox01{
/*	font-size:86%;*/
	line-height:140%;
	/*clear:both;*/
	/*210921追加*/
	display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

footer#footer .footerBox01 a{
	 text-decoration:none;
	 color:#333;
}

footer#footer .footerBox01 a:hover{
	 text-decoration:underline;
	 color:#666;
}

footer#footer .footerBox01 dl{
	float:left;
	padding:10px 10px 10px 10px;
}

footer#footer .footerBox01 dt{
	background:url(../images/ico_01.png) 3px 2px no-repeat;
	padding-left:20px;
	margin-bottom:0px;
	clear:both;
}

footer#footer .footerBox01 dd{
	padding-left:10px;
	background:url(../images/ico_01.png) 18px 2px no-repeat;
}


footer#footer .footerBox01 .footerBox01_01{
	/*width:230px;*/
	flex: 1 1 25%;
}
footer#footer .footerBox01 .footerBox01_02{
	/*width:330px;*/
	flex: 1 1 25%;
}
footer#footer .footerBox01 .footerBox01_03{
	/*width:130px;*/
	flex: 1 1 25%;
}
footer#footer .footerBox01 .footerBox01_04{
	/*width:180px;*/
	flex: 1 1 25%;
}

footer#footer .footerBox01 ul{
	float:left;
}

footer#footer .footerBox01 li{
	padding-left:30px;
	background:url(../images/ico_02.png) 10px 2px no-repeat;
}

footer#footer .copy{
	clear:both;
	text-align:right;
	color:#666600;
}





#pageTopBtn{
	width:134px;
	position:absolute;
	top:-40px;
	right: 0;
}


#pageTopBtn a{
	width:134px;
	height:34px;
	display:block;
	text-indent:-9999px;
	background:url(../images/btn_pagetop.png) no-repeat;
}

#pageTopBtn a:hover{
	background:url(../images/btn_pagetop.png) 0 bottom no-repeat;
}





/* ---------------------------------------------------------
   404error
   ---------------------------------------------------------*/

.errorBox01{
	margin:0 auto;
}

.errorBox01 dl{
	padding:100px 0;
	line-height:200%;
}

.errorBox01 dt{
	font-weight:bold;
	font-size:200%;
	margin-bottom:20px;
	text-align:center;
}

.errorBox01 dd{
	text-align:center;
}

.errorBox01 dd a{
	font-weight:bold;
}



/* ---------------------------------------------------------
   snsBtn
   ---------------------------------------------------------*/

.snsBtnBox{
	height:40px;
}

.snsBtnBox ul{
	float:right;
}

.snsBtnBox li{
	float:left;
	padding-left:5px;
	list-style-type:none;
}


/* ---------------------------------------------------------
   list
   ---------------------------------------------------------*/


ul.listDisc{
	padding-left:20px;
}

.listDisc li{
	list-style-type:disc;
	margin-bottom:5px;
}

/* ---------------------------------------------------------
   margin
   ---------------------------------------------------------*/
.mgnBtm10{margin-bottom:10px;}
.mgnBtm20{margin-bottom:20px;}
.mgnBtm30{margin-bottom:30px;}
.mgnBtm40{margin-bottom:40px;}
.mgnBtm50{margin-bottom:50px;}









/* ---------------------------------------------------------
   pageList
   ---------------------------------------------------------*/

.pageList{
	clear:both;
	padding-top:30px;
}

.pageList ul{
	float:right;
}


.pageList li{
	float:left;
	margin-left:3px;
	font-weight:bold;
	border:1px solid #D26942;
}

.pageList li.activ{
	background:#D26942;
	color:#FFF;
	padding:1px 8px;
}

.pageList li a{
	background:#FFF;
	color:#E60012;
	display:block;
	padding:1px 8px;
}

.pageList li a:hover{
	background:#D26942;
	color:#FFF;
}

.pageList li.nextBtn,
.pageList li.backBtn{
	border:none!important;
	margin:0!important;
}

.pageList li.nextBtn,
.pageList li.backBtn{
	width:21px;
	height:21px;
	text-indent:-9999px;
}

.pageList li.nextBtn{background:url(../images/pagelist_ico_01.png) 5px 10px no-repeat;}
.pageList li.backBtn{background:url(../images/pagelist_ico_02.png) 5px 10px no-repeat;}


.pageList li.nextBtn a,
.pageList li.backBtn a{
	width:21px;
	height:21px;
	display:block;
	text-indent:-9999px;
	padding:3px 0;
}

.pageList li.nextBtn a{background:url(../images/pagelist_ico_01_ov.png) 5px 10px no-repeat;}
.pageList li.backBtn a{background:url(../images/pagelist_ico_02_ov.png) 5px 10px no-repeat;}