@charset "utf-8";

body {
	width: 1400px;
	margin: 0 auto ;
	/*border:solid 3px blue;*/
}

#back{
	height:auto;
	overflow:hidden;
	background: #add8e6;
	/*border:solid 5px green;*/


}
.wrap{
	/*height: 1000px;*/
	/*border:solid 5px red;*/
	margin:0px auto;
	padding:10px;
	/*min-height: 800px;*/
    background: #add8e6;

}
.wrap h2{
	font-size: 120%;	/*文字サイズ*/
	color: #FFFFFF;		/*文字色*/
	/*clear: both;*/
	line-height: 40px;
	width:auto;
	height: 40px;
	background: url(images/bg1.gif) no-repeat;
	margin-left: 20px;
	margin-top: 0px;
	padding-left: 40px;
	/*border:20px solid red;*/
	border-radius:50px 50px;
	/*-webkit-border-radius:15px;*/
	/*-moz-border-radius:15px;*/

}



.wrapper {
	margin: 0  10 auto;
	min-height:1000px;
	width: 1200px;
    /*: #fff;*/
	/*border:solid 5px red;*/
	float:left;

}


.wrapper h2{
	font-size: 120%;	/*文字サイズ*/
	color: #FFFFFF;		/*文字色*/
	/*clear: both;*/
	line-height: 40px;
	width:600px;
	height: 40px;
	background: url(images/bg1.gif) no-repeat;
	margin-left: 20px;
	margin-top: 0px;
	padding-left: 40px;
	/*border:20px solid red;*/
	border-radius:50px 50px;
	/*-webkit-border-radius:15px;*/
	/*-moz-border-radius:15px;*/
	
}
#wrapper2 {
	/*float: left;*/
	/*padding: 0 10px;*/
	margin: 0 auto;
	width: 1400px;
        /*width: 80%;*/
        background: #add8e6;
	/*background: #D4B29F;*/

	/*border:solid 5px green;*/
}

header {
	width: 1400px;
	margin: 0 auto 10px;
}

.box img{
/*width:300px;*/
/*float:right;*/
padding:15px ;

}

.box{
        width: 90%;
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin:0 auto;
        padding:50px;
       /*border:solid 2px red;*/
        

}

.box .inner {
      padding: 8px;
      vertical-align:middle;
      margin:0 auto;
      line-height:1.5em;
      /*border:solid 2px green;*/

}

.box table{
        margin:0 50px;

}

.box h3 {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3498db;
}
.box h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #ccc;
}

/*ナビゲーションメニュー親要素*/
#menu{
	list-style-type: none;
	width: 1400px;
	height: 40px;
	margin: 0px auto;
	padding: 0;
	background: #add8e6;
	border-bottom: 3px solid #808080;
	border-radius: 10px 10px 0px 0px;
	
}

#menu li{
  position: relative;
  width: 12.5%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index:2;
}

#menu li a{
  display: block;
  margin: 0;
  padding: 12px 0 12px;
  color: #000;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}

#menu li:hover > a{
  background: #696969;
  color: #ffffff;
}

#menu > li:hover > a{
  border-radius: 10px 10px 0px 0px;
}

#menu > li:hover > a{
  border-radius: 10px 10px 0px 0px;
}
/*ナビゲーションメニュー子要素*/

#menu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 10px 10px 0px 0px;
}
#menu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #000;
}
#menu li ul li a{
  padding: 13px 15px;
  background: #add8e6;
  text-align: left;
  font-size: 15px;
  font-weight: normal;
}
#menu li:hover ul li{
  overflow: hidden;
  height: 34px;
  border-bottom: 1px solid #ffffff;
}
#menu li:hover ul li:last-child a{
  border-radius: 0px 0px 20px 20px;
}

article {
	float: right;
	width: 80%;
	/*min-height: 1500px;*/
        background: #add8e6;
	/*background: #D4B29F;*/
	/*border:solid 5px red;*/
}
#article2 {
	/*float: right;*/
	/*width: 100%;*/
	float:left;
        width: 100%;
	min-height: 1500px;
        background: #add8e6;
	/*background: #D4B29F;*/
	/*border:solid 5px red;*/
	
}





/*section {

}*/
	
	

#main{
	width:1000px;
	float:right;
	/*border:solid 2px yellow;*/
	/*background: #add8e6;*/

}



#sidebar-l {
	width: 190px;
	/*background: #add8e6;*/
	float: left;
	/*border:solid 2px yellow;*/
	/*min-height:1000px;*/

}

#sidebar-r {
	width: 190px;
	/*background: #add8e6;*/
	float: right;
		/*border:solid 2px yellow;*/

}

footer {
    clear: both;
	width: 1000px;
}


.boxa{
	border:4px solid #0068b7;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	/*background:#eac872;*/
	background: url(images/site_top_image.jpg) no-repeat;
	display:table;
	width: 946px;
	height: 250px;
	margin: 20px auto 25px;

}

.boxa .inner {
      display:table-cell;
      padding: 10px;
      vertical-align:top;
      /*line-height:1em;*/
      font-size: 23px;
      font-style:bold;
      color:#fff;

}


#sosiki table{
        width: 95%;
        /*height: 1000px;*/
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin: 0 auto 5px;
        /*border:solid 2px yellow;*/
}

#sosiki img{
width:700px;
text-align:center;
}

#guide{
        width: 95%;
        /*height: 1000px;*/
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin: 0 auto 5px;
        /*border:solid 2px yellow;*/
        line-height:2em;
        font-size: 20px;

}

#soudan1{
        width: 95%;
        /*height: 1000px;*/
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin: 0 auto 5px;
        /*border:solid 2px yellow;*/
        line-height:2em;
        font-size: 20px;

}

#soudan2 table{
        width: 95%;
        /*height: 1000px;*/
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin: 0 auto 5px;
        /*border:solid 2px yellow;*/
        line-height:2em;
        font-size: 20px;

}
#soudan3{
        width: 95%;
        /*height: 1000px;*/
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin: 0 auto 5px;
        /*border:solid 2px yellow;*/
        line-height:2em;
        font-size: 20px;

}

#seminar{
        width: 95%;
        /*height: 1000px;*/
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin: 0 auto 5px;
        /*border:solid 2px yellow;*/
        line-height:2em;
        font-size: 20px;



}






/*幹事長挨拶*/

#aisatsu table{
        width: 95%;
        /*height: 1000px;*/
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin: 0 auto 5px;
        /*border:solid 2px yellow;*/
}

#aisatsu td {
        /*border: solid 3px #000000 ;*/
        padding: 0px;
        text-align: left;
        vertical-align: top;
}
#aisatsu td p{
		line-height:2em;
		margin:15px 5px;
}
/*組織図*/
#cont img{
width:80%;
/*float:right;*/
/*padding:15px ;*/

}
#cont table{
        width: 80%;
        /*height: 1000px;*/
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin: 0 auto 5px;
        /*border:solid 2px yellow;*/
}

#cont td {
        /*border: solid 3px #000000 ;*/
        padding: 0px;
        text-align: left;
        vertical-align: top;
}


#boxc{
      background:#fff;
      display:table;
      width: 60%;
      height: 60%;
      margin: 0 auto 30px;
      padding: 8px;
}
#boxc .inner {
      display:table-cell;
      padding: 8px;
      vertical-align:middle;
      line-height:1.5em;


}


#boxe {
      padding: 8px;
      text-align:center;


}


#boxpagea{
margin-top:20px;
/*display: -webkit-box;*/　/* Safari,Google Chrome用 */
/*display: -moz-box;*/　/* Firefox用 */
/*overflow: hidden;*/ 
box-pack: center;
/*		-webkit-box-pack: center;*/
/*		-moz-box-pack: center;*/
	/*border:solid 2px yellow;*/

}

.ib-box{
display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
width: 100%;
height: 20%;
margin: 0 auto;
  vertical-align: bottom; 
  /*border:solid 2px #fff;*/

}

.ib-box table td{
  border:solid 2px f### none;

}
.ib-box2{
display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
width: 100%;
height: 20%;
/*margin: 5px;*/
  vertical-align: top; 
	/*border:solid 2px blue;/*

}

.ib-box3{
display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
width: 100%;
height: 100%;
margin: 5px;
  vertical-align: top; 

}

.ib-box4{
display: inline-block;
/display: inline;  /* IE用ハック */
/zoom: 1;  /* IE用ハック */
width: 100%;
height: 40%;
margin: 0 auto;
  vertical-align: top; 

}
/*----------------------------------------------*/


/*----------------------------------------------*/
.topic table {
        width: 95%;
        height: 200px;
        border: 0px #000000 none;
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin: 0 auto 20px;
        font-size: 20px;
        line-height:1.5em;

}

.topic ul {
    list-style: none;
    width: 250px;
    font-size: 1em;
    line-height: 1.3;
}
 
.topic ul li {
    margin-bottom: 5px;
    padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
    color: #000;
}
 
.topic2 table {
        width: 95%;
        height: 100px;
        border: 0px #000000 none;
        border-collapse: collapse;
        background-color: #f8f4ce;
        margin: 0 auto 20px;
        font-size: 20px;

}

.topic td {
        border: 0px #000000 none;
        padding: 2% 2%;
        text-align: left;
        vertical-align: middle;
}
.a table {
border: 1px #000000 none;
margin:0 auto;
}

.a td {
       border: 1px #000000 none;
       padding: 20px 10px;
       background-color: #fff;}

.a th {
       border: 1px #000000 none;
       background-color: #f8f4ce;
       padding: 10px 10px;
}

.b table {
margin:0 auto;
border: 1px #000000 none;
}

.b td {
       background-color: #f8f4ce;
       border: 1px #000000 none;
       padding: 10px 10px;
}

.b th {
       border: 1px #000000 none;
       background-color: #f8f4ce;
       padding: 10px 10px;
}
/*------------名簿-------------*/


.member table {
width: 90%;
border: 3px #000000 solid;
border-collapse: collapse;
background-color: #f8f4ce;
margin-left:auto; 
margin-right:auto;
margin-top:40px;
}

.member td {
border: 1px #000000 solid;
}

/* 1列目 */ 
.member tbody tr :nth-child(3n+1) { text-align: center; background-color: #808080; }
.member th {
border: 1px #000000 solid;
background-color: #808080;
}
.col01 {
width:10%;
}

 
.menber {
text-align:center;
color: #fff;
}

#me1{
text-align:center;
margin:0 auto; 
background-color:#f8f4ce;
      width: 40%; height: 70px;
padding: 2% 2%; 
}
#me{
  display: -webkit-box;
  -webkit-box-orient: vertical;
}


/*------------会員ページ表-------------*/

#table_kanji{
text-align:center;
margin:0 auto;
width: 80%;
/*height: 1000px;*/
font-size:20px;

background-color: #f8f4ce;
}

#table_kanji table{
text-align:center;
margin:0 auto;
width: 900px;
border: 1px #000000 solid;
border-collapse: collapse;
background-color: #ffffcc;

}

#table_kanji_top table tr td{
font-size:20px;
padding-left:250px;
line-height:2em;

}
caption{
margin:0 auto

}

caption strong{
font-size:30px;


}



#table_kanji thead td{
	height:30px;
	width:15%;
	background:#808080;
	color:#fff;
	font-weight:bold;
	border:solid 2px solid;
	
}
#table_kanji tbody td{
	height:50px;
	width:auto;
	text-align: left;
	padding-left:30px;

}

.table_name{
		width:50px;


}

.table_role{
		width:20px;


}

/*------活動内容ｰｰｰｰｰ*/
#activity td {
border: 2px #000000 solid;
padding: 4% 4%;
}

#activity table {
margin:0 auto;
width:100%;
}

#activity table thead tr td{
background-color:#808080;
color:#fff;
font-size:30px;

}

.colname{
background-color:#808080;
width:250px;

}

span.act {
        font-weight: bold; 
        color:#fff;
        font-size:30px;

}

/*------------地図-------------*/
/* ----- 右サイド ----- */
#right {
width:420px;
min-height:350px;
height:auto ;

float:right;

margin-top:100px;
    	/*border:solid 5px blue;*/

}

#mapbox {
    display: table;
}
#mapboxa {
    display: table-cell;
    vertical-align: middle;
}

#mapbox1{  
width: 95%;
padding: 2% 2%;
background:#f8f4ce;
min-height:100px;
}

#mapbox2{
  width: 95%;
margin-top:30px;
padding: 2% 2%;
background:#ffff66;
min-height:200px;
}

#center01 {
    display:table-cell;
    text-align:center; 
    vertical-align:middle; 
    	border:solid 5px red;

}
/* ----- 左 ----- */
#content {
 width: 550px;
min-height:500px;
  float: left;

margin-top:20px;

}

#hanteibox{
  width: 90%;
margin-top:10px;
padding: 2% 2%;
background:#fff;
min-height:200px;
}


/*------------フォント-------------*/
span.a {
        font-weight: bold; 
        color:#ff0000;

}
span.b {
        font-size: 18px; 

}

span.c {font-size: 30px; 
		line-height:1.5em;
}

span.d {font-size: 50px; 

}
span.e {font-size: 20px; 

}
span.f {font-size: 25px; 

}

span.x {
	font-size: 24px; 
	font-style:bold;
	text-align:left;
	
}

span.x a{
	text-decoration:none;
	color:#fff;

}
span.y {
	font-size: 15px; 
	font-style:bold;
	text-align:left;
	
}

span.y a{
	text-decoration:none;
	color:#000;

}

span.g {
font-size: 20px
;
color:#808080;
}
#bannerl {
text-align:center;
margin-top:20px;
/*position:relative;*/
/*border:solid 5px red;*/
}

/*-----テロップ風に文字を動かす-----*/
.marquee {
    max-width: 946px;
    padding: 1em 0;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    text-align: left;
    /*border-top: 1px solid #c9171e;*/
    /*border-bottom: 1px solid #c9171e;*/
    color:#fff;
    font-weight: bold;
    font-size: 23px;
    
}
.marquee p:after {
    content:"";
    white-space:nowrap;
    padding-right:50px;
}
.marquee p {
    margin:0;
    padding-left:900px;
    display:inline-block;
    white-space:nowrap;
    -webkit-animation-name:marquee;
-webkit-animation-timing-function:linear;
-webkit-animation-duration:10s;
-webkit-animation-iteration-count:infinite;
-moz-animation-name:marquee;
-moz-animation-timing-function:linear;
-moz-animation-duration:10s;
-moz-animation-iteration-count:infinite;
-ms-animation-name:marquee;
-ms-animation-timing-function:linear;
-ms-animation-duration:10s;
-ms-animation-iteration-count:infinite;
-o-animation-name:marquee;
-o-animation-timing-function:linear;
-o-animation-duration:10s;
-o-animation-iteration-count:infinite;
animation-name:marquee;
animation-timing-function:linear;
animation-duration:20s;
animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
    from { -webkit-transform: translate(0%);}
    99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
    from { -moz-transform: translate(0%);}
    99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
    from { -ms-transform: translate(0%);}
    99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
    from { -o-transform: translate(0%);}
    99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
    from { transform: translate(0%);}
    99%,to { transform: translate(-100%);}
}

/*開催報告：地盤品質セミナー*/

#jhs2016 {
	width:800px;
	/*border:1px solid blue;*/
	
}

#jhs2016 ul{
	list-style-type: none ;
	
}

#jhs2016 ul li{

padding-left: 5em; /*6em（1文字）分、右に動かす*/
    text-indent: -5em; /*最初の行だけ1em（1文字）分、左に動かす*/
 
}


/*スライドショー*/
#photolist{
	position: relative;
	width: 400px;
	/*margin: 0px auto;*/
	/*padding: 0;*/
	float:right;
	/*border:10px solid yellow;*/
}

#photolist ul li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
}

#photolist li img{
	width:400px;
}