@charset "utf-8";
/*  ----------------------------------------------------------------
 
 	/Font-size List/
	9px = 69%		10px = 77%		11px = 85%		12px = 93%
	13px = 100%		14px = 108%		15px = 116%		16px = 123.1%
	17px = 131%		18px = 138.5%	19px = 146.5%	20px = 153.9%
	21px = 161.6%	22px = 167%		23px = 174%		24px = 182%
	25px = 189%		26px = 197%		27px = 207%		28px = 215%
	
 ------------------------------------------------------------------- */
.content > div{
	width:655px;
	margin-right:auto;
	margin-left:auto;
}
h2{
	width:655px;
	height:44px;
	margin:25px auto 30px;
	background:url(../images/bg_h2_ensenBg.gif) 0 0 repeat-x;
	text-align:center;
}
h2 p{
	height:44px;
	padding:0 20px;
	font-size:167%;
	font-weight:bold;
	color:#333;
	background:#fff;
	display:inline-block;
	line-height:1.4;
}
h2 p span{
	font-size:54%;
	font-weight:normal;
	color:#333;
	display:block;
}

.main{
	margin:20px auto 30px;
	border:3px solid #218a3b;
}
.main img{
	border:2px solid #fff;
}
.content h3{
	font-size:123.1%;
	font-weight:bold;
	color:#218a3b;
	border:1px solid #218a3b;
	border-left:none;
}
.content h3:before{
	font-family:"fontello";
	display:inline-block;
	text-decoration:inherit;
	width:1em;
	padding:11px 12px;
	margin-right:10px;
	text-align:center;
	font-variant:normal;
	text-transform:none;
	font-weight:normal;
	line-height:1em;
	color:#fff;
	content:'\68';
	background:#218a3b;
}
.content ul{
	padding-top:10px;
	margin-bottom:20px;
}
.content ul li{
	padding:7px 5px 7px 15px;
}
.content ul li a{
	color:#434343;
	text-decoration:none;
}
.content ul li a:hover{
	text-decoration:underline;
}
.content ul li:before{
	width:7px;
	height:11px;
	display:inline-block;
	padding-right:10px;
	content:"";
	background:url(/hachioji/common/images/ico_arrow_right_01.png) left center no-repeat;
}

.sidebar1 > ul > li{
	min-height:50px;
	line-height:50px;
	text-indent:10px;
	border-bottom:1px solid #218a3b;
}
.sidebar1 > ul > li p{
	cursor:pointer;
	padding-right:25px;
	background:#fff url(/hachioji/common/images/ico_arrow_down_01.gif) 180px center no-repeat;
}
.sidebar1 > ul > li p.on{
	background-image:url(/hachioji/common/images/ico_arrow_up_gray_01.gif);
}
.sidebar1 > ul > li > ul > li{
	border-top:1px solid #218a3b;
	text-indent:0;
}
.sidebar1 > ul > li > ul > li a{
	display:table-cell;
	vertical-align:middle;
	width:175px;
	height:50px;
	padding-left:10px;
	padding-right:30px;
	line-height:1;
	font-size:93%;
	color:#434343;
	text-decoration:none;
	background:#eff7f1 url(/hachioji/common/images/ico_arrow_right_01.png) 180px center no-repeat;
}
.sidebar1 > ul > li > ul > li a:hover{
	background:#deeee2 url(/hachioji/common/images/ico_arrow_right_01.png) 182px center no-repeat;
}
.sidebar1 > ul > li > ul > li a.current{
	font-weight:bold;
	color:#218a3b;
	background:#eff7f1;
}


.box-01{
	margin:0 0 15px;
}

.link-btn{
	font-size:123.1%;
	font-weight:bold;
	color:#218a3b;
	border:1px solid #218a3b;
	border-left:none;
}
.link-btn span{
	display:block;
	padding:10px;
	color:#218a3b;
	border-left:15px solid #218a3b;
}
.link-btn a{
	color:#218a3b;
	display:block;
	padding:10px;
	border-left:15px solid #218a3b;
	background:url(../../common/images/ico_arrow_right_01.png) 620px center no-repeat;
}
.link-btn a:after{
	display:inline-block;
	text-decoration:inherit;
	width:1em;
	margin-left:5px;
	text-align:center;
	font-variant:normal;
	text-transform:none;
	font-weight:normal;
	line-height:1em;
	color:#218a3b;
  	content:'';
	width:12px;
	height:10px;
	background:url(../../common/images/icon_link.png) 0 0 no-repeat;
}
.link-btn a:hover{
	background:#eff7f1 url(../../common/images/ico_arrow_right_01.png) 623px center no-repeat;
}

.news{
	padding-bottom:20px;
	float:left;
}
.news dl{
	border-bottom:1px dashed #888;
	line-height:1.4;
	clear:both;
}
.news dt{
	float:left;
	width:9em;
	padding:20px 0 0;
	color:#333;
}
.news dd{
	padding:20px 10px 20px 9em;
}
.news dd a{
	color:#245fbb;
	text-decoration:underline;
}
.news dl #nolink {
	color: #245fbb;
}

@media screen and (max-width:639px){
.content > div{
	width:100%;
	margin-right:auto;
	margin-left:auto;
}
h2{
	width:100%;
	height:auto;
	margin:25px auto 30px;
	background:url(../images/bg_h2_ensenBg.gif) 0 0 repeat-x;
	text-align:center;
}

.main{
	width:100%;
	margin:0 auto 10px;
	border:3px solid #218a3b;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.main img{
	width:100%;
	border:2px solid #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.sidebar1 > ul > li p{
	margin-right:10px;
	background:#fff url(/hachioji/common/images/ico_arrow_down_01.gif) right center no-repeat;
}
.sidebar1 > ul > li p.on{
	background-image:url(/hachioji/common/images/ico_arrow_up_gray_01.gif);
}
.sidebar1 > ul > li > ul > li{
	display:table;
	width:100%;
	border-top:1px solid #218a3b;
	text-indent:0;
}
.sidebar1 > ul > li > ul > li a{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	height:50px;
	padding-left:10px;
	padding-right:10%;
	line-height:1;
	font-size:93%;
	color:#434343;
	text-decoration:none;
	background:#eff7f1 url(/hachioji/common/images/ico_arrow_right_01.png) 96% center no-repeat;
}
.sidebar1 > ul > li > ul > li a:hover{
	background:#deeee2 url(/hachioji/common/images/ico_arrow_right_01.png) 96% center no-repeat;
}
.sidebar1 > ul > li > ul > li a.current{
	font-weight:bold;
	color:#218a3b;
	background:#eff7f1;
}

.news{
	padding-bottom:0;
}
.news dt{
	float:none;
	width:auto;
	padding:15px 0 0 0;
	color:#333;
}
.news dd{
	padding:15px 0 15px 0;
}

}