@charset "utf-8";

/*-------------------------------------
mainvisual
---------------------------------------*/
#Content div.mainvisual{
	width:960px;
	height:332px;
	overflow:hidden;
	margin:0 0 22px 0;
	background:url("/kouenkai/images/index/mainvisual_bg.gif") no-repeat 0 0;
}
#Content div.mainvisual p{
	padding:10px;
}
/*-------------------------------------
sec_bnr
---------------------------------------*/
#Content div.sec_bnr {
		width:950px;
		margin: 0 auto 15px;
}
/*-------------------------------------
introduction
---------------------------------------*/
#Content div.introduction{
	width:950px;
	overflow:hidden;
	margin:0 auto 28px auto;
  display: -webkit-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
/* section
---------------------*/
#Content div.introduction div.section{
	width:230px;
	display:block;
}
#Content div.introduction div.section div.section-inline{
	width:100%;
  height: 100%;
  box-sizing: border-box;
	padding:10px 8px 8px 8px;
	border-radius: 0 0 5px 5px;
  border: solid 1px #d1c1a1;
  background-color: #fff;
  border-top:2px solid #D1C1A1;
}
#Content div.introduction div.section div.section-inline.top{
  height: 75%;
}
#Content div.introduction div.section div.section-inline.bottom{
  height: 20%;
  margin-top: 7%;
}
#Content div.introduction .last div.section div.section-inline{
  height: auto;
  min-height: 160px;
}
#Content div.introduction .last div.section:nth-child(2){
  margin-top: 20px;
}
/*#Content div.introduction div.section.long div.section-inline{
	width:100%;
  box-sizing: border-box;
	border-radius: 0 0 5px 5px;
  border: solid 1px #d1c1a1;
}*/
/* h2 */
#Content div.introduction div.section h2{
	width:100%;
	margin:0 0 10px 0;
  font-size: 124%;
  font-weight:600;
  background: url(/kouenkai/common/images/ico_arrow.png) no-repeat left center;
  background-size: 11px 11px;
  padding-left: 15px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: -0.05em;
}
_:-ms-input-placeholder, :root #Content div.introduction div.section h2{
  background-position: left center;  

}
#Content div.introduction div.section h2 a{
  color: #373737;
  text-decoration: none;
  padding-right: 2px;
}
#Content div.introduction div.section h2 a:hover{
  color: #0F5FD2;
}
/* p */
#Content div.introduction div.section p{
	width:190px;
	height:auto;
	margin:0 auto 8px;
}
/* ul */
#Content div.introduction div.section ul{
	width:90%;
	margin:4px auto 0;
}
#Content div.introduction div.section ul li a{
  font-feature-settings: "palt";
  letter-spacing: -0.01em;
  display: block;
  text-decoration: none;
  color: #373737;
  font-size: 92.5%;
  background: url(/kouenkai/common/images/ico_arrow_blue.png) no-repeat left top 10px;
  background-size: 4px 6px;
  padding:5px 0 5px 8px;
  border-bottom: dashed 1px #ddd1b9;
}
_:-ms-input-placeholder, :root #Content div.introduction div.section ul li a{
  background-position: left top 8px;
}
#Content div.introduction div.section ul li a:hover{
  color: #0F5FD2;
}

#Content div.introduction div.section .section-inline h2 span{
    font-size: 1.0rem;
    letter-spacing: 0.1px;
    display: block;
    background: #f0da22;
    width: 183px;
    padding: 0px 0px 4px;
    margin-top: 3px;
    border-radius: 15px;
    text-align: center;
}

/*-------------------------------------
section_bnr
---------------------------------------*/
#Content div.section_bnr{
	width:950px;
	overflow:hidden;
	margin:0 auto 28px auto;
}
#Content div.section_bnr .bnr_box{
  display: -webkit-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;	
}

/*-------------------------------------
news
---------------------------------------*/
#Content div.news{
	width:690px;
	position:relative;
	float:left;
	display:inline;
	margin:0 0 0 5px;
}
/* h3 */
#Content div.news h3{
  position: relative;
	width:100%;
	margin:5px 0 8px 0;
  padding-bottom: 9px;
  font-size: 169%;
  border-bottom: solid 3px #d2d2d2;
}
#Content div.news h3::after{
  width: 11em;
  height: 3px;
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom:-3px;
  background: #1655b1;
}
/* btn */
#Content div.news p.btn-list{
	width:105px;
	height:27px;
	position:absolute;
	top:10px;
	right:73px;
}
#Content div.news p.btn-rss{
	width:65px;
	height:27px;
	position:absolute;
	top:10px;
	right:0;
}
/* ul */
#Content div.news ul{
	width:100%;
}
#Content div.news ul li{
	width:100%;
	overflow:hidden;
	padding:13px 0 13px 0;
	border-bottom: dotted 1px #d3c57f;
}
#Content div.news ul li span.date{
	width:70px;
	float:left;
	display:block;
	padding:0 10px 0 3px;
}
#Content div.news ul li span.title{
	width:602px;
	float:left;
	display:inline;
	padding:0 0 0 5px;
}
#Content div.news ul li span.title a{
	padding:0 0 0 10px;
	background: url(/kouenkai/common/images/ico_arrow_blue.png) no-repeat left top 5px;
  background-size: 4px 6px;
  text-decoration: none;
}
#Content div.news ul li span.title img{
	vertical-align:middle;
	margin:0 0 0 5px;
}

/*-------------------------------------
about
---------------------------------------*/
#Content div.about{
	width:235px;
	float:right;
	display:inline;
	margin:0 6px 0 0;
}

/*-----------------------------------------------------
Footer
-------------------------------------------------------*/
#Footer{
	margin:27px 0 0 0;
}

/*-----------------------------------------------------
20130221 Facebook追加
-------------------------------------------------------*/
.marginTop05px {
	margin-top:05px;
}

/*-------------------------------------
important_news
---------------------------------------*/
#Content div.important_news{
  width: 920px;
  overflow: hidden;
  margin: -10px auto 15px auto;
  padding: 15px;
	position:relative;
  background: #e4ecff;
  display: -webkit-box;
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}
/* h3 */
#Content div.important_news h3{
  width: 145px;
  font-size: 123%;
  white-space: nowrap;
}
#Content div.important_news h3 span{
  display: inline-block;
  color: #fff;
  background: #1855b0;
  padding: 6px 10px 7px;
  border-radius: 10px;
}
/* ul */
#Content div.important_news ul{
  width: calc(100% - 145px);
  color: #da2723;
  font-size: 123%;
}
#Content div.important_news ul li{
	overflow:hidden;
	padding:7px 0;
	border-bottom: dotted 1px #1855b0;
}
#Content div.important_news ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#Content div.important_news ul li span.date{
	width:92px;
	float:left;
	display:block;
	padding:0 0 0 3px;
}
#Content div.important_news ul li span.title{
	width:657px;
	float:left;
	display:inline;
}
#Content div.important_news ul li span.title a{
  color: #da2723;
	padding:0 0 0 13px;
	background: url(/kouenkai/common/images/ico_arrow_blue.png) no-repeat left top 5px;
  background-size: 7px 10px;
  text-decoration: none;
}
#Content div.important_news ul li span.title img{
	vertical-align:middle;
	margin:0 0 0 5px;
}
