@charset "utf-8";

@import url(font.css);

html {
	font-size:62.5%;
	overflow-y:scroll;
}
body {
	background:url(../img/bg_body.png) repeat center top;
	font-size:0;
	font-family:'Noto Sans Japanese', sans-serif;
	font-weight:300;
	color:#222222;
}

/*-----------------------------------------------
 text size
-------------------------------------------------*/

p, th, td, dt, dd, li, form {
	line-height:180%;
	font-size:1.4rem;
	font-size:14px\9; /* for IE8 */
	letter-spacing:0.5px;
	text-align:left;
}
.txt12 {
	font-size:1.2rem !important;
	font-size:12px\9 !important; /* for IE8 */
}

/*-----------------------------------------------
 text color
-------------------------------------------------*/

a {
	overflow:hidden;
	outline:none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
}
a:link, a:visited {
	color:#0068b7;
	text-decoration: none;
}
a:hover {
	opacity:0.7;
}
a:active {
	background:none;
}
.red {
	color:#dc0024;
}

/*-----------------------------------------------
 align
-------------------------------------------------*/

.center {
	text-align:center !important;
}
.left {
	text-align:left !important;
}
.right {
	text-align:right !important;
}

/*-----------------------------------------------
 margin
-------------------------------------------------*/


/* top */

.top0 {
	margin-top:0 !important;
}
.top10 {
	margin-top:10px !important;
}
.top15 {
	margin-top:15px !important;
}
.top20 {
	margin-top:20px !important;
}
.top25 {
	margin-top:25px !important;
}
.top30 {
	margin-top:30px !important;
}
.top35 {
	margin-top:35px !important;
}
.top40 {
	margin-top:40px !important;
}
.top50 {
	margin-top:50px !important;
}
.top60 {
	margin-top:60px !important;
}
.top70 {
	margin-top:70px !important;
}
.top100 {
	margin-top:100px !important;
}

/* bottom */

.btm0 {
	margin-bottom:0 !important;
}
.btm10 {
	margin-bottom:10px !important;
}
.btm15 {
	margin-bottom:15px !important;
}
.btm20 {
	margin-bottom:20px !important;
}
.btm25 {
	margin-bottom:25px !important;
}
.btm30 {
	margin-bottom:30px !important;
}
.btm35 {
	margin-bottom:35px !important;
}
.btm40 {
	margin-bottom:40px !important;
}

/*===============================================

 header

=================================================*/

header {
	width:100%;
	height:80px;
	border-bottom:1px solid #f4f4f4;
}
#headerIn {
	position:relative;
	width:960px;
	height:80px;
	margin:0 auto;
}
#headerIn .logo {
	position:absolute;
	top:29px;
	left:0px;
}

/* fixed */

header.fixed {
  position: fixed;
  top: 0;
	height:45px;
  z-index: 10000;
	background-color:rgba(253,253,251,0.9);
}
header.fixed #headerIn .logo {
	top:11px;
}

/*--------------------------------------*/
/*              #gnavi                  */
/*--------------------------------------*/

#gnavi {
	position:absolute;
	top:25px;
	right:10px;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
}
header.fixed #gnavi {
	top:5px;
}
#gnavi li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#gnavi li a {
  display: block;
	height:45px;
  line-height: 30px;
  margin: 0;
  padding: 0 13px 15px 13px;
  background-color: transparent;
	background-image:url(../img/line_gnavi.png);
	background-position:right top;
	background-repeat:no-repeat;
  color: #222;
	font-size:1.3rem;
	font-size:13px\9; /* for IE8 */
  text-decoration: none;
	letter-spacing:0;
	box-sizing:border-box;
}
header.fixed #gnavi li a {
	height:35px;
  padding: 0 13px 5px 13px;
}
#gnavi li#gnavi1 a {
	letter-spacing:0.1em;
}
#gnavi li#gnavi2 a,
#gnavi li#gnavi3 a,
#gnavi li#gnavi6 a{
	padding-right:28px;
}
#gnavi li#gnavi6 a {
	/*padding-right:0;
	background:none;
	text-align:right;*/
}
#gnavi li#gnavi2:after,
#gnavi li#gnavi3:after,
#gnavi li#gnavi6:after{
  position: absolute;
  content: "";
  top: 13px;
  right: 13px;
  width: 8px;
  height: 6px;
	background-image:url(../img/arrow_gnavi.png);
	background-repeat:no-repeat;
	background-size:8px 6px;
}

/* sub */

#gnavi li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#gnavi li#gnavi3 ul {
  width: 200%;
}
#gnavi li#gnavi6 ul {
  width: 200%;
}
#gnavi li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .2s;
}
#gnavi li ul li:after {
  position: absolute;
  content: "";
  top: 16px;
  right: 13px;
  width: 5px;
  height: 8px;
	background-image:url(../img/arrow_gnavi_sub.png);
	background-repeat:no-repeat;
	background-size:5px 8px;
}
#gnavi li ul li a {
  height:40px;
	line-height:40px;
  padding: 0 15px;
	border-top:1px solid #0da86f;
	border-right:none;
  background: #009961;
	color:#fff;
  text-align: left;
}
#gnavi li ul li a:hover {
	opacity:0.9;
}
header.fixed #gnavi li ul li a {
	height:40px;
  padding: 0 15px;
}
#gnavi li:hover > ul > li {
  overflow: visible;
  height: 40px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

#gnavi {
	zoom: 1; /* for IE5.5 - IE7 */
}
#gnavi:after {
	/* for modern browser */
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*===============================================

 #container

=================================================*/

#container {
	width:960px;
	margin:30px auto 0 auto;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

#container {
	zoom: 1; /* for IE5.5 - IE7 */
}
#container:after {
	/* for modern browser */
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*===============================================

 #mainContents 

=================================================*/

#mainContents {
	float:right;
	width:690px;
}
#mainContents  section {
}

/*===============================================

 section 

=================================================*/

section {
	margin-top:35px;
}
section:first-child {
	margin-top:0;
}

/*-----------------------------------------------
 title
-------------------------------------------------*/

#mainContents section h2 {
	line-height:1;
	padding-top:20px;
	background:url(../img/bg_h2.png) no-repeat 0 0;
	font-size:1.8rem;
	font-size:18px\9; /* for IE8 */
	font-weight:500;
}

/*-----------------------------------------------
 .boxInfo
-------------------------------------------------*/

.boxInfo {
}
.boxInfo dl {
	margin-top:11px;
	padding-bottom:12px;
	background-image:url(../../common/img/line_dot.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}
.boxInfo dl:nth-of-type(1) {
	margin-top:30px;
}
.boxInfo dt {
	float:left;
	position:relative;
	width:164px;
}
.boxInfo dt:after {
	position:absolute;
	top:3px;
	width:70px;
	height:20px;
	line-height:20px;
	margin-left:15px;
	text-align:center;
	color:#fff;
	font-size:1.2rem;
	font-size:12px\9; /* for IE8 */
	box-sizing:border-box;
}
.boxInfo dl.news dt:after {
	content:"お知らせ";
	background-color:#44c4eb;
}
.boxInfo dl.meeting dt:after {
	content:"総　会";
	background-color:#57c6b9;
}
.boxInfo dl.seminar dt:after {
	content:"セミナー";
	background-color:#fa5f66;
}
.boxInfo dd {
	padding-left:180px;
}
.boxInfo dl:last-child {
	padding-bottom:0;
	background:none;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

.boxInfo dl {
	zoom: 1; /* for IE5.5 - IE7 */
}
.boxInfo dl:after {
	/* for modern browser */
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*===============================================

 #sideContens

=================================================*/

#sideContents {
	float:left;
	width:230px;
}

/*===============================================

 footer

=================================================*/

footer {
	position:relative;
	margin-top:100px;
}
#footerIn {
	position:relative;
	width:960px;
	height:100px;
	margin:0 auto;
}

/*-----------------------------------------------
 #fnavi
-------------------------------------------------*/

#fnavi {
	height:50px;
	background-image:url(../img/bg_footer.png);
	background-repeat:repeat-x;
}
#fnavi ul {
	width:960px;
	margin:0 auto;
}
#fnavi ul li {
	float:left;
	line-height:50px;
	margin-left:20px;
	padding-left:20px;
	background-image:url(../img/line_fnavi.png);
	background-position:left center;
	background-repeat:no-repeat;
}
#fnavi ul li:first-child {
	margin-left:0;
	padding-left:0;
	background-image:none;
}
#fnavi ul li a {
	color:#fff;
	font-size:1.2rem;
	font-size:12px\9; /* for IE8 */
}

/*-----------------------------------------------
 #copyright
-------------------------------------------------*/

#copyright {
	padding-top:15px;
	border-top:1px solid #eaeaea;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1rem;
	font-size:11px\9; /* for IE8 */
}

/*-----------------------------------------------
 #btnPagetop
-------------------------------------------------*/

#btnPagetop {
	position:fixed;
	right:40px;
	bottom:0;
}
#btnPagetop a {
	display:block;
	width:50px;
	height:50px;
	background:url(../img/btn_pagetop.png);
	background-size:contain;
	-webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
	transition:all 0.3s;
}
#btnPagetop a:hover {
	opacity:0.7;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

#fnavi {
	zoom: 1; /* for IE5.5 - IE7 */
}
#fnavi:after {
	/* for modern browser */
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}