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


/*about right side*/
#contents hr{
	border:0;
	border-bottom:#999 dashed 1px;
	margin:40px 20px;
}

#contents p{
	line-height:2em;
}

/*about top menu*/
#about-top-menu{
	width:100%;
}

#about-top-menu a{
	width:220px;
	margin-right:52px;
	margin-bottom:32px;
	float:left;
	height:160px;
	
	background-position:50% 50%;
	background-size:auto 160px;
	background-repeat:no-repeat;
	text-decoration:none;
}

#about-top-menu a.menu1{
	background-image:url(data/menu_01.jpg);
}
#about-top-menu a.menu2{
	background-image:url(data/menu_02.jpg);
	background-position:50% -20px;
}
#about-top-menu a.menu3{
	background-image:url(data/menu_03.jpg);
	background-position:50% -40px;
	margin-right:0;
}
#about-top-menu a.menu4{
	background-image:url(data/menu_04.jpg);
	background-position:50% -40px;
}
#about-top-menu a.menu5{
	background-image:url(data/menu_05.jpg);
}
#about-top-menu a.menu6{
	background-image:url(data/menu_06.jpg);
	margin-right:0;
}

#about-top-menu a div{
	width:100%;
	margin-top:120px;
	height:40px;
	line-height:40px;
	color:#fff;
	color:#434343;
	font-size:15px;
	background-color:rgba(0,0,0,0.5);
	background-color:#f9f4ee;
	background-color:#f4efe9;
	text-align:center;
	position:relative;
}

/*about 01*/
#yakuin{
	padding:30px 45px;
	margin:auto;
	background-color:rgba(131,117,104,0.05);
	border-radius:20px;
}

#yakuin div{
	float:left;
	width:170px;
}

#yakuin div img{
	margin-top:53px;
	display:block;
}

#yakuin div.no1{
	width:214px;
}

#yakuin div.no1 img{
	margin-top:0px;
}

#yakuin div p{
	line-height:1.8em;
	font-size:12px;
	margin:5px 0 0 0;
}

#yakuin div p span{
	font-size:14px;
	font-weight:bold;
}

/*about hyou*/
#contents table.hyou{
	border-collapse:collapse;
	width:100%;
}

#contents table.hyou td{
	border-collapse:collapse;
	border:#cfcfcf solid 1px;
	border-right:none;
	border-left:none;
	line-height:2em;
	padding:10px;
	
	background-color:#fafafa;
}

#contents table.hyou td.orange{
	background-color:#f4efe9;
}

#contents table.hyou td a{
	color:#5B330F;
}

/*about 05 event*/

#event{
	width:100%;
	margin:auto;
}

#event td{
	width:50%;
}

#event img{
	display:block;
	margin:auto;
	width:320px;
	height:auto;
}

#event p{
	font-size:14px;
	padding:10px 0px 30px 0px;
	margin:0;
	text-align:center;
}

#houkoku h2{
	border-bottom:#FDEE35 solid 7px;
	display:inline-block;
	line-height:30px;
	padding:0 10px;
	margin:0 0 20px 0;
}

#houkoku p{
	margin:10px 20px;
	font-size:15px;
	color:#000;
	line-height:normal;
}
#houkoku p:before{
  font-family: FontAwesome;
  content: "\f00c";
  padding-right: 5px;
  color: #3AC5E2;/*アイコンの色*/
}

#houkoku p a{
	color:#000;
	text-decoration:underline;
}
#houkoku p a:hover{
    color: #09c;
	text-decoration:underline;
}
#houkoku p a:visited{
    color:#09c;
	text-decoration:underline;
}

/*about 06 mail icon*/
.mail a:before{
	content:'\f0e0';
	font-family: FontAwesome;
	color:#5B330F;
	color:#5a3317;
	display:inline-block;
	margin-right:10px;
}




#event-menu{
	font-size:14px;
	border:#f9f4ee solid 3px;
	padding:10px;
}

#event-menu #back-number{
	float:left;
	border-right:#CCC dotted 1px; 
	height:55px; 
	line-height:25px; 
	padding:5px 10px 5px 0; 
	margin-right:10px; 
	font-weight:bold;
}
#event-menu #menu{
	float:left; 
	line-height:25px; 
	padding:5px 0;
}

#event-menu #menu .fooma,
#event-menu #menu .mobac{
}

#event-menu #menu .fooma{
	margin-bottom:5px;
}

#event-menu #menu .mobac{
}

#event-menu #menu .fooma .title,
#event-menu #menu .mobac .title{
	background-color:#f9f4ee;
	padding:0 3px;
	float:left;
}
#event-menu #menu .fooma a,
#event-menu #menu .mobac a{
	display:inline-block;
	padding:0 0 0 30px;
	background-image:url(data/right.png);
	background-repeat:no-repeat;
	background-position:20px 50%;
	color:#333;
}
#event-menu #menu .fooma a:hover,
#event-menu #menu .mobac a:hover{
	color:#F90;
}

#event-menu #menu .fooma a.active,
#event-menu #menu .mobac a.active{
	color:#F90;
	font-weight:bold;
	background-image:url(data/down.png);
}