@charset "utf-8";

/* -------------------------------------------------------
初期化
*/
html,body,div,p,dl,dt,dd,form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,blockquote,hr,ul,li
{
	margin: 0;
	padding: 0;
	color:#333333;
}
body{
	font-size:75%;
	font-family:"メイリオ","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.5;
	min-width:1060px;
_display: inline;
_zoom:1;

}
a:link{
	color:#2083be;
}
a:visited {
	color:#2083be;
}
a:hover,a:active{
	color:#2083be;
	text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

/* テーブルの初期化 */
table{
	border-collapse:collapse;
	border-spacing: 0;
	border-right-style:none;
	border-bottom-style:none;
}
/**** FireFoxのみ ****/html:not([lang*=""]) table {
	
}
/**** サファリのみ ****/html[xmlns*=""] body:last-child table {
	border-top-style:none;
	border-left-style:none;
}
table,th,td{
	border-collapse:;
}
/* //テーブルの初期化 */


fieldset,img,abbr,acronym {
	border: 0;
}
/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
	/* font-style: normal; */
	/* font-weight: normal; */
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
a {
	text-decoration: underline;
	outline: none;
}
hr {
	border: 0;
	height: 1px;
	background-color: #000;
	color: #000;
}
a img,:link img,:visited img {
	border: none;
}


/* -------------------------------------------------------
枠組みCSS
*/
body{
	background-image: url(../images/bodyBg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#container{
	/*background:url(../images/wrappingBg.gif) repeat-y;*/
	margin:0px auto;
	padding:0;
	width:960px;
	height:auto;
	display:block;
}
#containerInner{
/*	width:1041px;
	margin:0px auto;*/
}
#header{
	/*background:url(../images/headerBg.jpg) left top repeat-x;*/
	height:126px;
	position:relative;
}
#header h1{
	position:absolute;
	top:5px;
	left:9px;
	height:18px;
	width: 600px;
	text-align:left;
	font-size:100%;
	color:#FFFFFF;
}
#siteName{
	position:absolute;		
	top:40px;
	left:9px;
	width:946px;
}
#siteName a{
	display:block;
	overflow:hidden;
	height:68px;
}




#contents{
	margin:0 auto;
	padding-left:5px;
	padding-right:5px;
}
#contentsInner{
}
#goToTop{
	padding:7px;
	margin-top:0px;
	margin-bottom:5px;
	text-align:right;
}
#goToTop a:hover img{
	filter: alpha(style=0,opacity=70);
	opacity: 0.7;
}
#panNavi{	
}
#panNavi li{
	float:left;
	margin-top:3px;
	margin-left:5px;
	margin-bottom:15px;
	list-style:none;
	color:#777777;
}
#panNavi a{
	background:url(../images/panNaviBg.gif) center right no-repeat;
	padding:1px 2px;
	padding-right:10px;
	color:#B98C46;
	text-decoration:none;
}
/*#panNavi a.home {
	background-color:#777777;
	padding:1px 2px;
	color:#FFFFFF
}*/


.pagetop {
    display: none;
    position: fixed;
    bottom: 0px;
    right: 10px;
}
.pagetop a {
    display: block;
    text-align: center;
    text-decoration: none;
}
.pagetop a img{
	filter: alpha(style=0,opacity=70);
	opacity: 0.7;
}

.pagetop a:hover img{
	filter: alpha(style=0,opacity=100);
	opacity: 1.0;
}



#footer{
	/*position:relative;*/
	clear:both;
	text-align:center;
	/*margin:50px auto 0 auto;*/
	margin:0px auto 0 auto;
	font-size:90%;
	/*width:1041px;*/
	width:100%;
	/*height:100px;*/
}
#copyLightsText{
	clear:both;
	padding-top:3px;
	padding-bottom:10px;
	border-top:#D7D7D7 solid 1px;
	color:#333333;
}





#l-side{
	display:inline;
	float:left; /* ie6.0はフロートライトだけでは不満 */
	width:230px;
	padding-right:0px;
	padding-top:0px;
}

#menu_left h2 a{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	padding:6px 12px;
	border-top:#e5e5e5 solid 6px;
	border-left:#e5e5e5 solid 6px;
	border-right:#e5e5e5 solid 6px;

	background: #00644d; /* Old browsers */
	background: -moz-linear-gradient(top,  #00644d 0%, #00261e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00644d 0%,#00261e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00644d 0%,#00261e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00644d', endColorstr='#00261e',GradientType=0 ); /* IE6-9 */
}
#menu_left h2 a i{ padding-right:5px;}
#menu_left h2 a:hover{
	/*filter: alpha(style=0,opacity=80);
	opacity: 0.8;*/
	color:#f1b03c
}

#menu_left h2.end{	border-bottom:#e5e5e5 solid 6px;}



#menu_left h3 a{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	padding:6px 12px;
	border-top:#e5e5e5 solid 6px;
	border-left:#e5e5e5 solid 6px;
	border-right:#e5e5e5 solid 6px;

	background: #f08080; /* Old browsers */
	background: -moz-linear-gradient(top,  #f78aa5 0%, #de455a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f78aa5 0%,#de455a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f78aa5 0%,#de455a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78aa5', endColorstr='#de455a',GradientType=0 ); /* IE6-9 */
}
#menu_left h3 a i{ padding-right:5px;}
#menu_left h3 a:hover{
	/*filter: alpha(style=0,opacity=80);
	opacity: 0.8;*/
	color:#f1b03c
}

#menu_left h3.end{	border-bottom:#e5e5e5 solid 6px;}



#menu_left h4 a{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:14px;
	padding:6px 12px;
	border-top:#e5e5e5 solid 6px;
	border-left:#e5e5e5 solid 6px;
	border-right:#e5e5e5 solid 6px;

	background: #00008b; /* Old browsers */
	background: -moz-linear-gradient(top,  #1772ed 0%, #104594 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1772ed 0%,#104594 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1772ed 0%,#104594 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1772ed', endColorstr='#104594',GradientType=0 ); /* IE6-9 */
}
#menu_left h4 a i{ padding-right:5px;}
#menu_left h4 a:hover{
	/*filter: alpha(style=0,opacity=80);
	opacity: 0.8;*/
	color:#f1b03c
}

#menu_left h4.end{	border-bottom:#e5e5e5 solid 6px;}



#menu_left p{
	font-size:14px;
	border-bottom:#bed0c4 solid 1px;
	border-right:#bed0c4 solid 1px;
	text-align:center;
	background-color:#78b345;
	padding:5px 10px;
	color:#FFFFFF;
	font-weight:900;
	text-shadow:0 0 10px #7bae45;
	/*width:18%;*/
box-shadow:0px 0px 5px 2px #67a92d inset;
-moz-box-shadow:0px 0px 5px 2px #67a92d  inset;
-webkit-box-shadow:0px 0px 5px 2px #67a92d  inset;
 margin-top:20px;
}
#menu_left p i{ padding-left:5px;}

#menu_left ul {}

#menu_left li { list-style:none;position: relative;}
#menu_left li a{
	display:block;
	color:#333;
	font-weight:900;
	text-decoration:none;
	font-size:14px;
	padding:7px/* 10px*/;
	border-top:#CCC solid 1px;
	background: #ffffff/* url(../images/leftmenu_Bg.png) no-repeat left center*/;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}
#menu_left li a:before{content: url("../images/favicon.png"); left:8px; margin-top:-7px; top: 50%; position: absolute;}
#menu_left li a:after{content: url("../images/outlink.png"); padding-left:5px; margin-top:-7px; top: 50%; position: absolute;}

#menu_left li:last-child{border-bottom:#CCC solid 1px;}

#menu_left li a:hover{ color:#e73f09;}

#menu_left li a i{ padding-left:5px; color:#006B03;}




/* li2　リンク様式追加  START 2018-6-27 */

#menu_left li2 { list-style:none;position: relative;}
#menu_left li2 a{
	display:block;
	color:#333;
	font-weight:900;
	text-decoration:none;
	font-size:12px;
	padding:7px/* 10px*/;
	border-top:#CCC solid 1px;
	background: #ffffff/* url(../images/leftmenu_Bg.png) no-repeat left center*/;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}
/* #menu_left li2 a:before{content: url("../images/favicon2.png"); left:8px; margin-top:-7px; top: 50%; position: absolute;} */
#menu_left li2 a:after{content: url("../images/outlink.png"); padding-left:5px; margin-top:-7px; top: 50%; position: absolute;}
#menu_left li2:last-child{border-bottom:#CCC solid 1px;}
#menu_left li2 a:hover{ color:#e73f09;}
#menu_left li2 a i{ padding-left:5px; color:#006B03;}

/* li2　リンク様式追加  END  2018-6-27 */



#main {
	display			:inline;
	float			: left;
	width			: 680px;
	margin:0 0 0 40px;
	height:auto;
}
#content{
	background:url(../images/contentBg.jpg) top left no-repeat;
	text-align:center;
	height:auto;
	min-width:592px;
	_display: inline;
	_zoom:1;
}
#contentBtm{
	background:url(../images/contentBgbtm.jpg) bottom left no-repeat;
	height:auto;
	min-width:592px;
}



/* -------------------------------------------------------
コンテンツ部分のCSS
*/
#contents h1{
	/*padding:15px 0 15px 30px;*/
	/*margin:0 0 30px 0;*/
	/*background:url(../images/h1Bg.jpg) no-repeat left center;*/
	clear:both;
	width:555px;
	/*height:41px;*/
	font-size:200%;
	margin-bottom:30px;
}

/*#contents h2{
	background:url(../images/H2Bg.gif) no-repeat center left;
	font-size:140%;
	font-weight:900;	
	padding:10px 0 10px 17px;
	margin-bottom:5px;
	clear:both;
	color:#333333;
}*/

/*#contents h3{
	font-size:180%;
	font-weight:900;
	text-align:left;
	padding:6px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:15px;
	clear:both;
	color:#777777;
}*/

/*#contents h4{
	/**/background:url(../images/H4Bg.jpg) no-repeat top center;
	font-size:120%;
	font-weight:900;
	text-align:left;	
	height:28px;
	padding:10px 0 10px 18px;
	margin-bottom:5px;
	clear:both;
	color:#323232;
}*/

#contents h5{
	/**/background:url(../images/H5Bg.jpg) no-repeat top center;
	font-size:120%;
	font-weight:900;	
	margin-bottom:5px;
	padding:6px 0 7px 48px;
	clear:both;
	color:#051942;
	text-align:left;
}

#contents h6{
	/*background:url(../images/H6Bg.jpg) no-repeat top center;*/
	font-size:120%;
	font-weight:900;	
	margin-bottom:5px;
	padding:10px 0 7px 15px;
	clear:both;
	color:#051942;
	text-align:left;
	border-bottom: #666666 solid 1px;
}


/* -------------------------------------------------------
トップページ
*/

.facebook{/* text-align:center; margin:0 auto;*/}


/* -------------------------------------------------------
クラブ沿革
*/
.history{}
/*.history*/ table{
	border-top:#e8e8e8 solid 1px;
	border-left:#e8e8e8 solid 1px;
}
/*.history*/ th{
	border-bottom:#bed0c4 solid 1px;
	border-right:#bed0c4 solid 1px;
	text-align:center;
	background-color:#78b345;
	padding:5px 10px;
	color:#FFFFFF;
	text-shadow:0 0 10px #7bae45;
	/*width:18%;*/
box-shadow:0px 0px 5px 2px #67a92d inset;
-moz-box-shadow:0px 0px 5px 2px #67a92d  inset;
-webkit-box-shadow:0px 0px 5px 2px #67a92d  inset;

}
/*.history*/ tr:nth-child(2n-1){background: #f3f3f3;}
/*.history*/ tr:nth-child(2n){background: #fefefe;}
/*.history*/ td{
	border-bottom:#e8e8e8 solid 1px;
	border-right:#e8e8e8 solid 1px;
	padding:5px 12px;
	text-align:left;
box-shadow:0px 0px 5px 1px #FFF inset;
-moz-box-shadow:0px 0px 5px 1px #FFF  inset;
-webkit-box-shadow:0px 0px 5px 1px #FFF  inset;

}

/* -------------------------------------------------------
例会場
*/
.reikai{
	text-align:center;
}


.reikai .btn a{
	color:#FFF;
	font-size:14px;
	font-weight:900;
	text-decoration:none;
	padding:15px 50px;
	/*background:#F02011;*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */

/* box-shadow */
box-shadow:0px 0px 5px 2px #cccccc;
-moz-box-shadow:0px 0px 5px 2px #cccccc;
-webkit-box-shadow:0px 0px 5px 2px #cccccc;

/* border-radius */
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

/* border */
border:1px solid #ba0712;
}

.reikai .btn a:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e82517+0,c10a03+100 */
background: #e82517; /* Old browsers */
background: -moz-linear-gradient(top,  #e82517 0%, #c10a03 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e82517 0%,#c10a03 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e82517 0%,#c10a03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82517', endColorstr='#c10a03',GradientType=0 ); /* IE6-9 */
}

/* -------------------------------------------------------
会員メンバー
*/
/*.member{}
.member table{
	border-top:#bed0c4 solid 1px;
	border-left:#bed0c4 solid 1px;
}
.member th{
	border-bottom:#bed0c4 solid 1px;
	border-right:#bed0c4 solid 1px;
	text-align:center;
	background-color:#cfe7b3;
	padding:2px 10px;
}
.member tr:nth-child(2n+1){
	background: #f0fae1;
}


.member td{
	border-bottom:#bed0c4 solid 1px;
	border-right:#bed0c4 solid 1px;
	padding:2px 12px;
	text-align:left;
}*/

.member .name{ width:70px;}
.member .division{ width:px;}
.member .job{ width:160px;}
.member .corporate{ width:220px;}



.member ul{ width:100%;}
/*.member li { list-style:none; float:left; text-align:center;}
.member li a{
	 border-top:#bed0c4 solid 1px;
	 border-left:#bed0c4 solid 1px;
 	 border-bottom:#bed0c4 solid 1px;
	 display:block;
	 width:80px;
	 text-decoration:none;
	 padding:3px 0;
}
.member li a i{ padding-left:25px;}

.member li a:hover{
	 border:#bed0c4 solid 1px;
 	 background-color:#00382c;
	 color:#FFF;
}
.member li:last-child{border-right:#bed0c4 solid 1px;}*/


.member li {
	list-style:none;
	float:left;
	text-align:center;
	margin-right:8px;
}
.member li a{
	display: table-cell;
	/*border:#e5e5e5 solid 6px;*/
	background:#60b300;
	border-radius: 50px;        /* CSS3草案 */  
    -webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 50px;   /* Firefox用 */
	width:90px;
	/**/height:75px;
	text-align:center;
	text-decoration:none;
	font-size:24px;
	padding:15px 0 0 0;
	color:#FFF;
}
.member li a span{display:block;}

.member li a:hover{
 	 background-color:#00382c;
	 color:#FFF;
 	/*border:#00382c solid 6px;*/
}
.member li:last-child{margin-right:0px;}