
/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style{
    border-color: #666666;
}

.hpb-parts-hl-style{
    border-color: #2db43a;
	background-image:none !important;
    padding: 9px 8px 7px !important;
}

.hpb-parts-cbox-style{
    border-color: #cccccc;
}

.hpb-parts-hr-style{
    border-color: #cccccc;
}

.hpb-parts-pbox-style{
    border-color: #cccccc;
}
.hpb-parts-pbox-style h4{
    padding: 0px;
}

.hpb-parts-blist-style{
    border-color: #cccccc;
    background-color: #f3f3f3;
}
a:link.hpb-parts-blist-style{
    color: #2db43a;
}
a:visited.hpb-parts-blist-style{
    color: #2db43a;
}
a:hover.hpb-parts-blist-style{
    color: #2db43a;
	background-color:#e6e6e6;
}
a:active.hpb-parts-blist-style{
    color: #2db43a;
	background-color:#e6e6e6;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
body{
	color: #333;
	line-height: 1.6;
	background: #eeeff1;
	letter-spacing:1.6pt;
	font-size: 0.8rem !important;
}

.w-100{
	width:100px;
}

/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {
	
	.hpb-parts-hl-style{
		border-top-color: #2db43a !important;
		background-color: #FFFFFF !important;
	}

.w-100{
	width:auto;
}
table.ichiret{
    border: 0;
    width:100%
  ;
}
table.ichiret th{
    background-color: #95c653;
    display: block;
	color:#fff;
  }
table.ichiret tr{
    display: block;
  }

table.ichiret td{
    display: block;
    position: relative;
	border: none;
  }
  
}

table.school{
    border: 0;
    width:97%
  ;
}
table.school th{
    background-color: #95c653;
	color:#fff;
  }


table.school td{
	border: none;
  }


/*NAV*/
#hpb-nav li span.en{
    display: none;
}

#hpb-nav li span.ja{
	text-transform:uppercase;
	display:inline-block;
}
#hpb-nav ul{
	background-color:#006837;
}

#hpb-nav li a{
	display: inline-block;
	overflow: hidden;
	padding-left : 15px;
	padding-right : 15px;
    font-family:migu-b;
	font-weight:normal;
    text-decoration: none;
	line-height:37px;
    height: 37px;
	color : #ffffff;
	background-color : #006837;
}

#hpb-nav li a:hover{
	display: inline-block;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
    font-weight: normal;
    text-decoration: none;
	line-height:37px;
    height: 37px;
	color:#333;
    text-decoration: none;
	background-color:#ffffff;
}
/*h3*/
#hpb-wrapper h3{
  padding-top:10px;
  padding-bottom:5px;
  color: #020903;/*文字色*/
  border-top: solid 2px #020903;/*上線*/
  border-bottom: solid 2px #020903;/*下線*/
  background-image:none;
}

#hpb-inner #associationinfo h3{
		background-image : none;
		border-top-width: 3px;
		border-top-color: #020903;
		border-top-style: solid;
		background-color: #F5F5F5;
	}

@media screen and (max-width: 568px) {
.scroll-table{
  overflow: auto;
  white-space: nowrap;
}
}

#hpb-footerMain p{
	background-color:#006837 !important;
}
a:hover{
	background-color:#006837 !important;
}

#facebook{
	margin-bottom:30px;
}

.info-photo{
	float: left;
	padding-right: 10px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.info-photo img{
	width:100px;
	height:auto;
}

.info-comment{
    float: left;
	width:310px;
	height:100px;
	margin-left:15px;
	background-color:#f5f5f5;
}
.info-comment02{
    float: left;
	width:650px;
	margin-left:15px;
	background-color:#f5f5f5;
	height:auto;
}


#toppage-info h3{
	padding-right: 13px;
	padding-left: 13px;
	padding-top:10px;
	padding-bottom:8px;
	margin-top:1em;
	margin-bottom:0.5em;
	color: #020903;
	clear:both;
	background-repeat: repeat-x;
	background-position: left top;
    font-size: 1.6em;
	font-weight:normal;
}

#hpb-header{
	background:#006837;

}
@media screen and (max-width: 568px) {
		.info-comment02{
		width: 90%;
		height: auto;
		margin-bottom: 5px;
	}
}

.mblimg{
    display:none;
}

.hpb-layoutset-02 #hpb-title02{
    width: 938px;
    height: 90px;
}
.hpb-layoutset-02 #hpb-title02 h2{
	margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    height: 90px !important;
    background-position: top left;
    background-repeat: no-repeat;
	line-height:90px;
	text-align:left;
    font-size: 24px;
	background:#000;
}
