@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: 100%;
	font-weight: normal;
	line-height: 1.4;
	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_sea.png") ,  /* 最前面の背景レイヤーの背景画像 */
url("../images/bg_cercle.png") ,
url("../images/bg_wave.png");

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

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

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



/*--contents----------------------------------------------------------*/
#wrapper {
	width: 100%;
	margin: 0 auto;
}
#header {
width: 100%;
height:320px;
}
#header2 {
width: 100%;
height:150px;
}
#header h1 {
		display:inline-block;
		text-indent: -9999px;
}
#contents {
	width: 960px;
	margin: 0 auto;
}


.contents_wrap {
	width: 960px;
	margin: 0 auto;
}
.topcontents_wrap {
	width: 572px;
	margin: 0 auto;
}
.topcontents_wrap img{
	padding-bottom:15px;
}
.topcontents_wrap hr{
	border:solid thin #E3FFFC;
}
.topcontents_wrap span{
	color:#006bb7;
}
.topcontents_layer {
	width: 122px;
	float:right;
	position:relative;
	top:-50px;
	left:0px;
	font-size:12px;
	line-height:2;
}
.topcontents_text {
	width: 450px;
	float:left;
}
.topcontents_text h2 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.topcontents_wrap table {
	width: 572px;
	margin: 0 auto;
}
.topcontents_wrap table tr td {
	vertical-align:top;
	padding-right:15px;
}

.title_wrap {
	height:187px;
	float:left;
	display:inline-block;
	position:relative;
	top:77px;
	left:0px;
}

.top_recruit {
	border:solid 1px #666666;
	padding:20px;
	background-color:#FFF;
}


.mark_wrap {
	float:left;
	position:relative;
	top:5px;
	left:170px;
	color:#FFFFFF;
	text-align:right;
	font-size:12px;
	line-height:2;
	
}


#global-navbox {
	width: 960px;
	height: 70px;
	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 ul{
}
#sub-nav ul li {
	margin: -7px 20px 10px 0;
	float:right;
}
#sub-nav ul li:first-child {
	margin: -7px 300px 10px 10px;
	float:left;
}
#sub-nav a{
	display: block;
	height: 44px;
	outline: 0;
}

/*ページトップ
-------------------------------------------------------------------------*/
.pagetop{
	position:relative;
	top:0px;
	left:830px;
	z-index:5;
	width:114px;
	height:30px;	
}

#footer {
	margin-top:30px;
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-pagetop{
	width: 960px;
	height:20px;
	margin: 0 auto;
	position:relative;
	top:90px;
	left:0px;
	z-index:5;	
}
.footer-contents h2{
	width: 960px;
	height:30px;
	margin: 0 auto;
	text-align:center;
	line-height:1.5;
	color:#2973C9;
	font-size:18px;
}
.footer-contents .info{
	width: 960px;
	height:70px;
	margin: 0 auto;
	text-align:center;
	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;
}