/* Body */
body {
    margin: 0;
    padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',sans-serif;
    text-align:left;
	font-weight: normal;
	font-size: 15px;
	line-height: 1.5em;
	background: #ffffff;
}


.ni_blue {
	color: #01af84;
}

.clearfix {
	zoom:1;/*ie7*/
}

.clearfix:after {
	content:"";
	display:block;
	clear:both;
	height:1px;
}



img {
line-height: 0px; font-size: 0px; padding:0px;
border: none;
}

img.image-auto {
  max-width: 100%;
  height: auto;
}

p {
	padding:0;
}

a:link {
	text-decoration:none;
	outline: none;
	}
a:visited {
	text-decoration:none;
	outline: none;
	}

	
/* ボスクリ */
.cb	{
	clear:both;
}	


	
.bn a:hover img{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
    transition: opacity 0.5s;
} 	
	
.div_line {
	border-bottom: dotted 1px #959595;
	margin: 20px 0px 20px 0px;
}

.banner {
	margin: 0px 0px 10px 0px;
}

.banner img {
	-moz-border-radius:10px; /* Firefox */
	-webkit-border-radius:10px; /* Safari and chrome */
	-khtml-border-radius:10px; /* Linux browsers */ 
	border-radius:10px; /* CSS3 */
}

.banner img a {
	outline: none;
}


/* ラップ */
.wrap	{
    margin: 0;
	padding:0;
/*    border:solid 1px #ccc;　　*/
}

.wrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.fl {
	float: left;
}

.flx {
	float: left;
	margin-right: 50px;
}

.copyright2 {
	text-align: center;
	font-size: 13px;
	padding: 10px;
	color: #7e7e7e;
}

.icon_banner{
	text-align: center;
	padding: 10px 0px 10px 0px;
	background: #e4e5e5;
}

.icon_banner img{
	height: 25px;
}


.features
	{
		margin: 0;
	}


/* ページトップへ戻るボタン */
#backTop{
	position:fixed;
	right:20px;
	bottom:0px;
	z-index:2000;
	cursor:pointer;
}



.slbg {
	background: #01af84;
	padding: 20px 0px 20px 0px;	
}


/*    border:solid 1px #ccc;　　*/

.special_txt {
	font-weight:300;
	font-family: 'Titillium Web', sans-serif;
	line-height:1.5em;
}

h1 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight:300;
	color: #fff;
	background: #01af84;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
    
	padding: 6px;
	margin: 0px 0px  15px 0px;
}

h2 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight:300;
	color: #fff;
	background: #008cd6;	
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
    
	padding: 6px;
	margin: 0px 0px  15px 0px;
}

h3 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight:300;
	color: #fff;
	background: #f18f1a;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
    
	padding: 6px;
	margin: 0px 0px  15px 0px;
}


h4 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	font-size: 18px;
	font-weight:300;
	color: #01af84;	
	border: solid 1px #01af84;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
    
	padding: 6px;
	margin: 20px 0px  15px 0px;
}

h5 {
	text-align: center;
	font-size: 18px;
	color: #f48602;
    
    border:solid 1px #f48602;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
    
	padding: 10px;
	margin: 20px 0px  20px 0px;
}

h6 {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	font-size: 20px;
	font-weight:300;
	color: #fff;
	background: #317ef1;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
    
	padding: 6px;
	margin: 10px 0px  20px 0px;
}



.minc { font-family:  'Hiragino Mincho Pro'; }






/*  TOPページ  //////////////////////////////////////////*/

.top_box_01 {
	margin: 0px 0px 20px 0px;
	padding: 15px;
	border: solid 1px #008cd6;	
}

.top_title_01 {
	background: #008cd6;	
	padding: 6px;
	margin: 0px 0px  8px 0px;
	position: relative;
}

.tonews {
	position: absolute;
	top:6px;
	right: 10px;
	
	font-size: 14px;
	line-height: 1.3em;
	color: #008cd6;
    background: #fff;
    padding: 3px 6px;

	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
}

	
.top_mark01 {
	display: block;
	min-height: 18px;
	background: #008cd6;	
	background-image: url(../img/top/top_mark01.png);
	background-repeat: no-repeat;
	-moz-background-size:25px 25px;
	background-size:25px 25px;
	background-position: 4px 0px;
	padding:3px 0px 3px 35px;
	text-align: left;
	font-size: 17px;
	line-height: 1.2em;
	color: #fff;
	margin: 0;	
	cursor: pointer;
}

.top_mark01 a {
	outline: none;
	color: #fff;
	text-decoration: none;
}

.top_mark01 a:hover {
	color: #fff;
	text-decoration: none;
}

.topix_date {
	float: left;
	font-size: 13px;
	color: #49a4d4;
	margin-right: 15px;
	padding-left: 5px;
}

.topix_tittle {
	float: left;
	color: #008cd6;	
}

.topix_tittle a {
	font-size: 15px;
	color: #008cd6;	
	text-decoration: underline;
}

.topix_tittle a:hover {
	text-decoration: underline;
	color: #6aaccf;	
}

.topix_new {
	min-height: 18px;
	background-image: url(../img/top/new.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 60px;
}

.topix_divline  {
	border-bottom: dotted 1px #959595;
	margin: 6px 0px 8px 0px;
}




.top_box_02 {
	margin: 0px 0px 20px 0px;
	padding: 0;
/* 	border: solid 1px #36528a;	 */
}

.top_title_02 {
	background: #36528a;	
	padding: 6px;
	margin: 0px 0px  15px 0px;
}
	
.top_mark02 {
	display: block;
	min-height: 18px;
	background: #36528a;	
	background-image: url(../img/top/top_mark02.png);
	background-repeat: no-repeat;
	-moz-background-size:25px 25px;
	background-size:25px 25px;
	background-position: 4px 0px;
	padding:3px 0px 3px 35px;
	text-align: left;
	font-size: 17px;
	line-height: 1.2em;
	color: #fff;
	margin: 0;	
	cursor: pointer;
}

.top_mark02 a {
	outline: none;
	color: #fff;
	text-decoration: none;
}

.top_mark02 a:hover {
	color: #fff;
	text-decoration: none;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}







.top_box_03 {
	margin: 0px 0px 20px 0px;
	padding: 15px;
	border: solid 1px #ea5514;	
}

.top_title_03 {
	background: #ea5514;	
	padding: 6px;
	margin: 0px 0px  15px 0px;
}
	
.top_mark03 {
	display: block;
	min-height: 18px;
	background: #ea5514;	
	background-image: url(../img/top/top_mark03.png);
	background-repeat: no-repeat;
	-moz-background-size:25px 25px;
	background-size:25px 25px;
	background-position: 4px 0px;
	padding:3px 0px 3px 35px;
	text-align: left;
	font-size: 17px;
	line-height: 1.2em;
	color: #fff;
	margin: 0;	
	cursor: pointer;
}

.top_mark03 a {
	outline: none;
	color: #fff;
	text-decoration: none;
}

.top_mark03 a:hover {
	color: #fff;
	text-decoration: none;
}





/* 私たちについて */

table#ab {
	width:100%;
    border-collapse:collapse;
}

table#ab  tr {
    border-collapse:collapse;
}

table#ab  th {
	width:100px;
    border-collapse:collapse;
	text-align: left;
	vertical-align: top;
	padding:0px 10px 0px 0px;
}

table#ab  td {
    border-collapse:collapse;
	text-align: justify;
	vertical-align: top;
	font-size:15px;
	line-height: 1.5em;
	font-weight:normal;
	color: #333;
	padding:0;
}

table#ab img {
	width: 145px;
	padding: 0px 10px 5px 0px;
}





.button_box {
margin:0;
padding:0;
text-align: center;
}

.button_box a {
    margin-top: 15px;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    }

.button_box a:hover {
    text-decoration: none;
    color: #fff;
    }

.button
	{
		display: inline-block;
		color: #fff;
		font-size: 1.0em;
		text-decoration: none;
		background: #01af84;
		border-radius: 0.35em;
		padding: 0.8em 2em 0.8em 2em;
		cursor: pointer;
		outline: 0;
		-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-o-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		-ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;
	}



/*    border:solid 1px #ccc;　　*/



/* 新着情報  //////////////////////////////////////////*/

.topix_wrap {
	width: 115px;
	margin: 0 auto;
}

.top_mark00 {
	min-height: 18px;
	background: #008cd6;	
	background-image: url(../img/top/top_mark01.png);
	background-repeat: no-repeat;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
	background-position: 0px 1px;
	padding:0px 0px 0px 30px;

	text-align: left;
	font-size: 18px;
	font-weight:300;
	color: #fff;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
}

.news_date {
	font-size: 13px;
	color: #49a4d4;
	margin-right: 15px;
	padding-left: 5px;
}

.news_tittle {
	color: #008cd6;	
}

.news_tittle2 {
	font-size: 17px;
	color: #008cd6;	
}

.news_img {
	max-width: 480px;
	margin: 0px 10px 10px 0px;
}

.news_divline {
	border-bottom: dotted 1px #959595;
	margin: 20px 0px 20px 0px;
}


 .page_nation {
	text-align: right;
    color: #333;
    margin-bottom: 20px;
}

.page_nation a {
	color: #008cd6;	
	text-decoration: underline;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.page_number {
	margin: 0px 8px 0px 0px;
}

input[type="button"] {
   /* input要素のうちtype属性値がbuttonのものに対して装飾 */
   background: #fff;
   border: 1px solid #ccc; /* 枠線 */
   border-radius: 0.3em;      /* 角丸 */
   padding: 4px;
   margin: -9px 0px 0px 0px;
}



/* 私たちについて・入会お申し込み  //////////////////////////////////////////*/

.adm_title {
	text-align: center;
	font-size: 16px;
	font-weight:300;
	color: #fff;
	background: #008cd6;	    
	padding: 3px;
	margin: 0;	
}

table#adm {
	width:100%;
    border-collapse:collapse;
    border: solid 1px #258cd4;
    margin-bottom: 10px;
}

table#adm  tr {
    border-collapse:collapse;
}

table#adm  td {
    border-collapse:collapse;
	font-size:15px;
	font-weight:normal;
	vertical-align: top;
	padding:5px;
}

.adk_title {
	text-align: center;
	font-size: 16px;
	font-weight:300;
	color: #fff;
	background: #09b822;	    
	padding: 3px;
	margin: 0;	
}

table#adk {
	width:100%;
    border-collapse:collapse;
    border: solid 1px #09b822;
    margin-bottom: 10px;
}

table#adk  tr {
    border-collapse:collapse;
}

table#adk  td {
    border-collapse:collapse;
	font-size:15px;
	font-weight:normal;
	vertical-align: top;
	padding:5px;
}




/* 会員一覧  //////////////////////////////////////////*/
table#mem {
	width:100%;
    border-collapse:collapse;
    border: solid 2px #008cd6;	
    margin-bottom: 15px;
}

table#mem  tr {
    border-collapse:collapse;
}

table#mem  th {
	width: 50px;
    border-collapse:collapse;
	font-size:15px;
	font-weight:normal;
	color: #333;
	vertical-align: middle;
	padding:5px;
	border-right: solid 1px #ccc;	
	border-bottom: solid 1px #ccc;
}

table#mem  td {
    border-collapse:collapse;
	font-size:15px;
	font-weight:normal;
	vertical-align: middle;
	padding:5px;
	border-bottom: solid 1px #ccc;
}

.membg {
	background: #d6f1ff;
}



.mem_box {
	border: solid 2px #008cd6;	
	padding: 0;
	margin-bottom: 15px;
}

.mem_wrap	{
    margin: 0;
	padding:0;
	border-top: solid 1px #ccc;	
}

.mem_wrap:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.mem {
	text-align: center;
	background: #d6f1ff;	
	padding: 5px;
}










/* 会則  //////////////////////////////////////////*/

.reg_01 {
	width: 150px;
	font-weight:normal;	
	text-align: center;
	font-size: 15px;
	color: #070275;
    
    border:solid 1px #070275;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
    
	padding: 2px;
	margin: 0px 0px  5px 0px;
}

.reg_02 {
	font-weight:normal;	
	text-align: left;
	font-size: 15px;
	margin: 0px 0px  10px 70px;
}

table#reg {
	width:100%;
    border-collapse:collapse;
    margin:0px 0px 5px 0px;
}

table#reg  tr {
    border-collapse:collapse;
}

table#reg  th {
	width: 50px;
    border-collapse:collapse;
	font-weight:normal;	
	vertical-align: top;
	text-align: center;
	font-size: 15px;
	color: #070275;
	text-shadow: 0 0 1px #070275;
	padding:5px;
}

table#reg  td {
    border-collapse:collapse;
	vertical-align: top;
	font-size:15px;
	font-weight:normal;
	padding:5px 0px 0px 10px;
}

.reg_dl {
	border-bottom: dotted 1px #ccc;
	margin: 10px 0px 10px 0px;
}












/* アコーディオンメニュー //////////////////////////////////////////*/
ol ,ul{
	list-style:none;
	margin:0;
	padding: 0;
}

#menu{
	margin:0;
	padding: 0;
}

.archive{
	height:25px;
	padding: 9px 5px 3px 35px;
	cursor:pointer;	
	color: #2877bd;
	background: url(../img/common/acc_close.png);
	background-repeat:no-repeat;
	background-position:5px 8px;	
			
	border: solid 1px  #2877bd;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
}

.archive.open{
	background: url(../img/common/acc_open.png); 
	background-repeat:no-repeat;
	background-position:5px 8px;	
}

.archive a {
	color: #333;
	font-size:16px;
	font-weight:normal;
	text-decoration:none;
}

.subMenu ul{
	margin:0;
	padding: 0;
}

.subMenu li{
	margin:0;
}

.dia .archive{
	height:25px;
	background: url(../img/common/acc_close.png);
	background-repeat:no-repeat;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
	background-position:6px 9px;	
	background-color: #e2e1e1;

	border: none;	
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
	
	padding: 10px 5px 5px 35px;
	cursor:pointer;
	margin: 0px 0px 10px 0px;		
}

.dia .archive.open{
	background: url(../img/common/acc_open.png); 
	background-repeat:no-repeat;
	-moz-background-size:20px 20px;
	background-size:20px 20px;
	background-position:6px 9px;	
	background-color: #e2e1e1;	
}











/* プライバシーポリシー　-----------------------------------------*/

.pp_tittle {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
	font-size: 16px;
	font-weight:300;
	color: #ec7001;	
	border: solid 1px #ec7001;
	-moz-border-radius:5px; /* Firefox */
	-webkit-border-radius:5px; /* Safari and chrome */
	-khtml-border-radius:5px; /* Linux browsers */ 
	border-radius:5px; /* CSS3 */
    
	padding: 6px;
	margin: 10px 0px  20px 0px;
}

.pp {
	text-align:left;
	font-size: 15px;
	color: #333;
}

.pp a{
	color: #33a064;
	text-decoration: underline;
}

.pp_con {
	background:url(../img/comp/mail.png);
	background-repeat: no-repeat;
	padding:0px 0px 0px 30px;
	margin:10px 0px 0px 0px;
}






/* お問合せ　-----------------------------------------*/
.con_tittle{
	text-align: center;
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;	
}

.con_red{
	color: #ff0000;
}

.con_blue{
	text-align: center;
	font-size: 15px;
	color: #4679f9;
	margin-bottom: 20px;	
}

.contat_box {
	margin:0;
	padding: 0;
    font-size:15px;
   width:95%;
}

.contat_box a {
	text-decoration:none;
	font-size:15px;
	color: #478ffc;
}

input[type=text]{
   font-size:15px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;

   width:100%;
   height:40px;
   padding:0px 0px 0px 15px;
}

input[type=email]{
   font-size:15px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;

   width:100%;
   height:40px;
   padding:0px 0px 0px 15px;
}

input[type=text]:focus {
   border:solid 1px #0a88f3;
}

textarea {
	font-size:15px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;

   width:100%;
   height:200px;
   padding:10px 0px 0px 15px;
}


textarea:focus {
   border:solid 1px #0a88f3;
}

::-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}

.contact_error{
	color: #ff0000;
	margin-bottom: 15px;
}

.contact-submit {
    width:200px;
    height:60px;
	font-size: 15px;
	color: #0774ef;
	padding: 7px 23px;
	background: -moz-linear-gradient(
		top,
		#ebedea 0%,
		#bfbfbf);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ebedea),
		to(#bfbfbf));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #b1b3b1;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(186,186,186,0.7),
		0px 1px 0px rgba(184,184,184,0.3);
}


.css3button {
    width:200px;
    height:60px;
	font-size: 15px;
	color: #194510;
	padding: 7px 23px;
	background: -moz-linear-gradient(
		top,
		#ebedea 0%,
		#bfbfbf);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ebedea),
		to(#bfbfbf));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #b1b3b1;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(186,186,186,0.7),
		0px 1px 0px rgba(184,184,184,0.3);
}


.complete {
	width: 100%;
	text-align: center;
	color: #333;
	font-size: 16px;
	padding: 0;
	margin-bottom: 5px;
}

.dn {
	display: none;
}

.tel  {
	color: #008cd6;	
}