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


/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 98%;
	font-weight: normal;
	line-height: 1.7;
	color:#575C79; 
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
address,em { font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul,ol,li { 
list-style-type: none; }
img {
	border: none;
	vertical-align: bottom; }
	

/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: '';
display: block;
clear: both;
height:0;
}
.clearfix { /zoom: 1; } /* IE */


/*--Link------------------------------------------------------------*/
a,
a:link {
	color: #3E7A6B;
}
a:visited {
	color: #3E7A6B;
}
a:hover,
a:active {
	color: #777777;
}
a:focus {
	outline: none;
}
a:hover img{
	opacity:0.8;
}

/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}

html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

body {
  background-image:
url("../images/bg_sea2.png") ,  /* 最前面の背景レイヤーの背景画像 */
url("../images/bg_cercle.png") ,
url("../images/bg_wave.png");

  background-repeat:
    no-repeat, /* 最前面の背景レイヤーに対応 */
    repeat-y,
	repeat-y;

  background-position:
    left top,/* 最前面の背景レイヤーに対応 */
    center 140px, 
	center top;

  background-size:
	100% 89px,
	1107px 1223px,
	100% 100%;
}



/*--contents----------------------------------------------------------*/
#wrapper {
	width: 100%;
	margin: 0 auto;
}

#header {
	width: 960px;
	margin: 0 auto;
	height:100px;
}
#header .title_wrap h1 {
	display:inline-block;
	text-indent: -9999px;
	float:left;
	line-height:0.1}


.contents_wrap {
	width: 960px;
	margin: 0 auto;
}
.topcontents_wrap {
	width: 572px;
	margin: 30px auto;
}
.genecon_wrap {
	width: 840px;
	margin: 30px;
	border:solid 1px #999999;
	border-top:ridge 5px #2973C9;
	background-color:#FFFFFF;
	background-image:url(../images/bg_cercle2.png);
	background-position:-20px -10px;
	background-repeat:no-repeat;
	padding:30px;
}
.gene_wrap h4{
	text-align:center;
	}
.gene_wrap {
	width: 840px;
	margin: 30px;
	border:solid 1px #999999;
	border-top:ridge 5px #2973C9;
	background-color:#FFFFFF;
	background-image:url(../images/bg_cercle2.png);
	background-position:-20px -10px;
	background-repeat:no-repeat;
	padding:30px;
}

.topcontents_wrap img{
	padding-bottom:15px;
}
.topcontents_layer {
	width: 122px;
	float:right;
	position:relative;
	top:-50px;
	left:0px;
	font-size:12px;
	line-height:2;
}
.contents_text {
	width: 650px;
	float:left;
	padding:20px 100px;
}

/*テーブル
-------------------------------------------------------------------------*/
.formation01,
.formation02,
.formation03{
	width: 650px;
	float:left;
}
.formation01 td,
.formation02 td,
.formation03 td{
	padding:4px;
	border-top: 1px solid #666;
	border-left:1px solid #C8C2EF;
	text-align:center;
	background-color:#fff;
}
.formation01  td:last-child{
	border-top: 1px solid #666;
	border-left:1px solid #C8C2EF;
	background-color:#fff;
	text-align:center;
}
.formation02  td:first-child{
	border-top: 1px solid #666;
	border-left:1px solid #fff;
	background-color:#DDD9D1;
	text-align:center;
}
.formation03  td:last-child,
.formation03  td:nth-last-child(2),
.formation03  td:nth-last-child(3){
	border-top: 1px solid #666;
		border-left:1px solid #C8C2EF;
	background-color:#fff;
	text-align:center;
}

.formation01 th,
.formation02 th,
.formation03 th{
	padding:4px;
	border-bottom:1px solid #666;
	border-right:1px solid #fff;
	text-align:center;
	background-color:#DDD9D1;
}

.formation01 thead th,
.formation02 thead th,
.formation03 thead th{
	color:#FFFFFF;
	text-align:center;
	background-color:#274DA0;
	border-left:1px solid #fff;
}
.formation01 tr:last-child,
.formation02 tr:last-child,
.formation03 tr:last-child,
.formation03  tr:nth-last-child(2){
	border-bottom: 1px solid #666;
}
.formation01 td:last-child,
.formation02 td:last-child,
.formation03 td:last-child{
	border-right: 1px solid #C8C2EF;
}


.bgmarktable{
	line-height:2;
	background-color:#D4DAFD;
	padding:3px 10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

.about01{
	width: 650px;
	float:left;
	border-top:#4476C6 ridge 3px;
}
.about01 a{
	text-decoration:none;
	color:#575C79; 
}
.about01 td{
	padding:4px;
	border-top: 1px solid #666;
	background-color:#fff;
}
	
.about01 th{
	padding:4px;
	border-bottom:1px solid #666;
	border-right:1px solid #fff;
	text-align:center;
	background-color:#DDD9D1;
}

.about01 thead th{
	color:#FFFFFF;
	text-align:center;
	background-color:#247CC7;
	border-left:1px solid #fff;
}
.about01 tr:last-child{
	border-bottom: 1px solid #666;
}

.about01 .blue{
	background-color:#DEF2FF;
}
.about01 .purple{
	background-color:#E6DAEA;
}
.about01 .right{
	text-align:right;
}
.act01{
	width: 650px;
	float:left;
}

.act01 td{
	padding:4px;
	text-align:left;
	background-color:#fff;
}
.act01 tr td img{
		opacity:1;
}
	
.act01 th{
	padding:4px;
	border-right:1px solid #fff;
	text-align:center;
	background-color:#274DA0;
		color:#FFFFFF;
}

.act01 tr:last-child{
	border-bottom: 1px solid #666;
}
.member01 img{
	max-width:100%;
	padding:2px 0;
}
.member01 a{
	text-decoration:none;
	color:#5F8F51;
}
.member01 thead th{
	color:#FFFFFF;
	text-align:center;
	background-color:#247CC7;
	border-left:1px solid #fff;
}
.member01 th{
	padding:4px;
	border-bottom:1px solid #666;
	border-right:1px solid #fff;
	text-align:center;
	background-color:#DDD9D1;
}
.member01{
	width: 650px;
	float:left;
}
.member01 td{
	padding:4px;
	text-align:left;
	background-color:#fff;
	border-bottom: 1px solid #666;
	border-right:1px solid #fff;
}

.member01 tr:last-child{
	border-bottom: 1px solid #666;
}
.member01 td:last-child{
	border-bottom: 1px solid #666;
	background-color:#D4DAFD;
}
.member01 td:nth-last-child(2) {
	}
.member01 td:nth-last-child(3) {
	background-color:#DEF2FF;
	text-align:center;
	}
		
.formtable{
	width: 650px;
	float:left;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
	border-collapse:collapse;
		font-size:90%;

	}
.formtable2{
	width: 630px;
	float:left;
	text-align:center;
	padding-top:20px;
	}
.formtable2 td{
	width:100%;
	float:left;
	text-align:center;
	border-top:#4476C6 ridge 3px;
	border-bottom:1px solid #666;
	background-color:#F5F5F5;
	padding:10px;

		}

.formtable th{
	width:30%;
	border-top: 1px solid #666;
	vertical-align:top;
	padding:4px;
	border-bottom:1px solid #666;
	border-right:1px solid #fff;
	background-color:#D4DAFD;
}
.formtable td{
	width:70%;
	padding:14px;
	border-top: 1px solid #666;
	background-color:#F5F5F5;


}
.formtable td:last-child{
	border-bottom: 1px solid #666;

}
.formtable span{
	color:#FF0000;
	font-size:80%;

}
.formtable a{
	color:#d62c3e;

}

.l_cel{
	width:20%;
}
.align-c{
	text-align:center;
	line-height:4;
}
	
/*
-------------------------------------------------------------------------*/

.contents_text h2 {
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.genecon_wrap h3,
.gene_wrap h3 {
	font-size:16px;
	font-weight:bold;
	text-align:left;
	color:#3399FF;
}
.contents_text h4 {
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
.contents_right{
	text-align:center;
}
.title_wrap {
	height:89px;
	float:right;
	display:inline-block;
	position:relative;
	top:0px;
	left:0px;
	z-index:50;
}
.mark_wrap {
	float:left;
	position:relative;
	top:13px;
	left:170px;
	color:#FFFFFF;
	text-align:right;
	font-size:12px;
	
}

#contents {
	width: 960px;
	margin: 0 auto;
	overflow:hidden;
}


#global-navbox {
	width: 960px;
	height: 50px;
	position:relative;
	top:0px;
	left:0px;
}
#global-nav ul
 {
	margin: 0;
	width: 960px;
}
#global-nav ul li {
	float:left;

}

#global-nav a {
	display: block;
	width: 120px;
	height: 75px;
	text-indent: -9999px;
	outline: 0;
}

#global-nav #menu-item-top {
	background-image: url(../images/gnav_top.png);
	width: 120px;
}
#global-nav #menu-item-greeting {
	background-image: url(../images/gnav_greeting.png);
	width: 120px;
}
#global-nav #menu-item-aboutus {
	background-image: url(../images/gnav_aboutus.png);
	width: 120px;
}
#global-nav #menu-item-schedule {
	background-image: url(../images/gnav_schedule.png);
	width: 120px;
}
#global-nav #menu-item-activity {
	background-image: url(../images/gnav_activity.png);
	width: 120px;
}
#global-nav #menu-item-members {
	background-image: url(../images/gnav_members.png);
	width: 120px;
}
#global-nav #menu-item-weekly {
	background-image: url(../images/gnav_weekly.png);
	width: 120px;
}
#global-nav #menu-item-contactus {
	background-image: url(../images/gnav_contactus.png);
	width: 120px;
}


#global-nav .current-menu-item, 
#global-nav .current-post-ancestor, 
#global-nav .current-page-ancestor, 
#global-nav .menu-item:hover {
	background-position: 0 -100px;
}


#sub-nav{
		float:right;

}
#sub-nav ul li {
	margin: 0 40px 0 0;
	float:right;
}
#sub-nav a{
	display: block;
	height: 30px;
	outline: 0;
}

/*ページトップ
-------------------------------------------------------------------------*/
.pagetop{
	text-align:right;
	font-size:75%;
	line-height:2.6;
}

#footer {
width: 100%;
background:url(../images/bgimage.png);
background-repeat:repeat;
}

.footer-contents{
	width: 960px;
	height:40px;
	margin: 0 auto;
	background:url(../images/top_gradation.png);
	background-repeat:repeat-y;
}


.footer-contents .info{
	float:left;
	width: 450px;
	margin: 0 0 0 70px;
	line-height:1.5;
	font-size:12px;
}
.footer-contents .copyright{
	border-top:solid 4px #2973C9;
	width: 960px;
	height:50px;
	margin: 0 auto;
	text-align:center;
	line-height:2;
	font-size:12px;
}
.textblue{
	font-size:18px;
	color:#0099FF;
	font-weight:bold;
}


.mailcon,
.error_messe{
	text-align:center;
}


/*
-------------------------------------------------------------------------*/

img.alignright { display: block; 
margin: 0 0 0 auto; }/* 配置位置 右 */
img.alignleft { display: block; 
float:left;
margin:0 10px 10px 0; }/* 配置位置 左 */
img.aligncenter { display: block;
margin: 10px auto; }/* 配置位置 中央 */

.float-left { float:left;
				margin-right:10px;
 }/* 回り込み 左 */
.float-right { float:right; }/* 回り込み 右 */

.hspace{height:20px;
width:20px;}

.wp-caption,
.wp-caption-text {
	font-weight:bold;
  margin: 0 auto;
  line-height:2;
}

.genecon_wrap h1{
	font-size:20px;
	font-weight:bold;
	text-align:left;
	color:#039;
}
.genecon_wrap h2{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	background-color:#DDD9D1;
	padding:5px 0 5px 0;
	border-top:#4476C6 ridge 1px;
	margin:30px 0 10px 0;
}

.genecon_wrap .smile01 tr td{
	line-height:1.7;
	vertical-align:top;

}

dl dd{
  background:#f2f2f2;
  width:200px;
  line-height:50px;
  text-align:center;
  border:1px solid #666;
  display:none;
  margin: 0;
  font-size: 12px;
}
