* {
	margin: 0;
	padding: 0;
}

body{
  margin: 0;
  font-family:"Arial", Gadget, sans-serif;
  color:#A0A0A0;
  height:100%;
  
  /*
  background-image:url(../../../Documents/%E5%B0%8F%E6%B1%A0%E5%9C%8F/web_back.png);
 */
}

a{
  text-decoration: none;
}
html{
	height:100%;
}
/****************************************************/
.back{
	background-color:#CBCBCB;
}

#wrapper{
     width: 100%;
     position: relative;
	 text-align: center;
}

#top-wrapper{
  padding: px 0 px 0;
  color: white;
  text-align: center;
}
img {
	width:90%;
	margin:0 auto;
	margin-top:40px;
}

.title {
	width:30%;
	margin:auto;
}
.title2 {
	width:70%;
	margin:auto;
}

.container{
  width: auto;
  padding: auto;
  margin-top:px;
  color: #727171;
}

#top-wrapper h1 {
  font-size: 50px;
  letter-spacing: 5px;
  color: #727171;
  font-family:"Arial", Gadget, sans-serif;
  line-height:70px;
  font-weight:bold;
  margin:auto;
  margin-top:10%;
}

#top-wrapper  h2{
	opacity:;
	font-size: 30px;
	letter-spacing: 5px;
	color: #727171;
	font-family:"Arial", Gadget, sans-serif;
	line-height:50px;
	font-weight:bold;
}


/********/

.top-wrapper p{
  opacity: 0.7;
  font-size: 14px;
  margin-bottom: 35px;
}


/*******************ヘッダー*****************/

header {
	width: 100%;
	height: 40px;
	color: #333;
	background-color:#78DDEF;
	top: 0px;
	z-index:10;
	position:fixed;
	text-align: left;
}
header h1 {
	color:white;
	margin-left: 40px;
	margin-top: 10px;
    font-size: 15px;
}

#title{
	width: auto;
	height:auto;
	margin: auto;
	padding:20px 0px 5px 15px;
	font-size: 30px;
	text-align:left;
}

nav {
	color: #FFF;
	background: #78DDEF;
	float:right;
	margin-top:10px;
	margin-right:1%;
}
nav ul li {
	float:left;
	margin-right:30px;
	list-style-type:none;
}

.logo{
  width: 110px;
  margin-top: 23px;
}

#header-left{
  float: left;

}
.header-left p {
	font-size:24px;
	color:#FBFBFB;
}
.header-right {
	width: auto;
	height: auto;
	float:right;
}

.header-right ul{
	width: 600px;
	height: auto;
	margin: 10px;
	overflow: hidden;
}

.header-right ul li{
  float: left;
  list-style-type:none;
  padding:5px  10px 10px 25px;
  font-size:20px;
  color:white;
  text-align: center;
}

.header-right:hover{
  background-color: rgba(255,255,255,0.5);
}

.header-right a{
  line-height: 65px;
  padding: 0 25px;
  color: white;
  display: block;
}



/*********************************アバウト***/
.about-wrapper {
	width: 90%;
	background-color:white;
	text-align: center;
	margin:0 auto;
	padding:20px 0;
	margin-bottom:5px;
	padding:50px 0;
}

.abib > div {
	display:inline-block;
}
.ableft {
	position:relative;
	width:300px;
	background-color:white;
	margin-top:20px;
	padding:20px;
}
.abcent {
	position:relative;
	width:300px;
	background-color:white;
	margin-top:20px;
	padding:20px;
}
.abright {
	position:relative;
	width:300px;
	background-color:white;
	margin-top:20px;
	padding:20px;
	margin-bottom:20px;
}
.abright p{
	margin-bottom:2.4px;
	margin-top:10px;
}


/**********************コンテンツ*************************************/
.contents-wrapper {
	background-color:white;
	width:90%;
	margin:0 auto;
	padding:20px 0;
	margin-bottom:5px;
	padding:50px 0;
	}
	.contents-wrapper h3{
		margin-top:15px;
	}
.forth {
	border:dashed;
	border-width:1px;
	margin:20px;
	padding:10px;
	text-align:left;
	margin-bottom:30px;
}
.forth h3 {
	margin-bottom:10px;
}
.forth p{
	margin-bottom:60px;
}
img.gazo1 {
	vertical-align:middle;
	margin-top:0px;
	width:50px;
	height:50px;
}

.third {
	border:dashed;
	border-width:1px;
	margin:20px;
	padding:10px;
	text-align:left;
	margin-bottom:30px;
}
.third h3{
	margin-bottom:10px;
}
.third p{
	margin-bottom:60px;
}
.grad {
	border:dashed;
	border-width:1px;
	margin:20px;
	padding:10px;
	text-align:left;
	margin-bottom:30px;
}
/*************************イベント**************************/
.event-wrapper {
	background-color:white;
	width:90%;
	margin:0 auto;
	padding:20px 0;
	margin-bottom:5px;
	padding:50px 0;
	}

.eventsub > div {
	display:inline-block;
}

.eventsub h4 {
	text-align:center;
}
.evleft {
	position:relative;
	width:450px;
	background-color:white;
	padding:20px;
	text-align:left;
}

.evright {
	position:relative;
	width:450px;
	background-color:white;
	padding:20px;
	text-align:left;
	bottom:66px;
}

/**************************アクセス***********************/
.Access-wrapper{
	background-color:white;
	width:90%;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
	margin-bottom:5px;
	padding:50px 0;
}
.access-oya {
	display:inline-block;
}
.access-left{
	width:auto;
	margin-top:40px;
	position:relative;
}


/**************************コンタクト**********************/
.contacts-wrapper{
	background-color:white;
	width:90%;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}
.fa-facebook{
	color:#A0A0A0;

	margin:40px 0;
}
.fa-border {
	border-radius:20em;
	border-color:#A0A0A0;
}

#footer {
	text-align:center;
}
#footer p {
	margin-bottom:10px;
}



/**facebook****

.facebox {
	width:100px;
	height:100px;
	background-color:#A31E20;
	text-align:center;
	float:left;
}
.facebook {
	display:block;
	font-family:"Arial", Gadget, sans-serif;
	color:#fff;
	width:90px;
	height:90px;
	line-height:90px;
	border-radius:50%;
	font-size:36px;
	cursor:pointer;
	background-color:#70DAEA;
	#72C2DC
	box-shadow:  0px -2px #9EE0ED , 0 7px #3A95A2;
	margin:0 auto;
}
.facebook:active {
	  position:relative;
      top:7px;
      box-shadow:none;
}
*************/




/*********************フッター***********************/
footer{
  position:center;
  width:100%;
  height:40px;
  background-color:#70DAEA;
  bottom:0px;
  text-align:center;
}
footer p{
  color: #727171;
  font-size: 18px;
  line-height:40px;
}


/*768px*****************************************************************/
@media screen and (max-width : 768px) {  /*768px以上のレイアウト*/
footer p{
  color: #727171;
  font-size: 10px;
  line-height:40px;
}

#top-wrapper h1 {
  font-size: 25px;
  letter-spacing: 5px;
  color: #727171;
  font-family:"Arial", Gadget, sans-serif;
  line-height:70px;
  font-weight:bold;
  margin:auto;
  margin-top:10%;
}
#top-wrapper h2 {
  font-size: 20px;
  letter-spacing: 5px;
  color: #727171;
  font-family:"Arial", Gadget, sans-serif;
  line-height:70px;
  font-weight:bold;
  margin:auto;
  margin-top:10%;
}
header {
	width: 100%;
	height: 40px;
	color: #333;
	background-color:#78DDEF;
	top: 0px;
	z-index:10;
	position:fixed;
	text-align: center;
}
header h1 {
	color:white;
	margin-left: 0px;
	margin-top: 10px;
    font-size: 15px;
}

/*********************************アバウト***/
.about-wrapper {
	width: 90%;
	background-color:white;
	text-align: center;
	margin:0 auto;
	margin-bottom:5px;
}

.abib > div {
	display: inline-block;
}
.ableft {
	position:relative;
	width:80%;
	background-color:white;
	margin-right:0;
	margin-left:0;
}
.abcent {
	position:relative;
	width:80%;
	background-color:white;
	margin-top:20px;
}
.abright {
	position:relative;
	width:80%;
	background-color:white;
	margin-left:0;
	margin-right:0;
}
	.eventsub > div {
	display:inline-block;
}

.evleft {
	position:relative;
	width:300px;
	background-color:white;
	padding:20px;
}

.evright {
	position:relative;
	width:300px;
	background-color:white;
	padding:20px;
	top:30px;
}

@media screen and (max-width : 500px) {
	.eventsub > div {
	display:inline-block;
}

.evleft {
	position:relative;
	width:85%;
	background-color:white;
	padding:20px;
}

.evright {
	position:relative;
	width:85%;
	background-color:white;
	padding:20px;
	top:0px;
}
	
	
@media screen and (max-width : 320px) {
	footer p{
  color: #727171;
  font-size: 10px;
  line-height:40px;
}
img {
	width:85%;
	margin:0 auto;
	margin-top:40px;
}
#top-wrapper h1 {
  font-size: 20px;
  letter-spacing: 5px;
  color: #727171;
  font-family:"Arial", Gadget, sans-serif;
  line-height:70px;
  font-weight:bold;
  margin:auto;
  margin-top:10%;
}
#top-wrapper h2 {
  font-size: 15px;
  letter-spacing: 5px;
  color: #727171;
  font-family:"Arial", Gadget, sans-serif;
  line-height:70px;
  font-weight:bold;
  margin:auto;
  margin-top:10%;
}

.about-wrapper {
	width: 85%;
	background-color:white;
	text-align: center;
	margin:0 auto;
}

.abib > div {
	display: inline-block;
}
.ableft {
	position:relative;
	width:70%;
	background-color:white;
	margin-right:0;
}
.abright {
	position:relative;
	width:70%;
	background-color:white;
	margin-left:0;
}
.contents-wrapper {
	background-color:white;
	width:85%;
	margin:0 auto;
	padding:20px 0;
	margin-bottom:5px;
	padding:50px 0;
	}
.event-wrapper {
	background-color:white;
	width:85%;
	margin:0 auto;
	padding:20px 0;
	margin-bottom:5px;
	padding:50px 0;
	}
	.eventsub > div {
	display:inline-block;
}

.evleft {
	position:relative;
	width:70%;
	background-color:white;
	padding:20px;
}

.evright {
	position:relative;
	width:70%;
	background-color:bwhite;
	padding:20px;
	top:0px;
}

.contacts-wrapper{
	background-color:white;
	width:85%;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}
.Access-wrapper{
	background-color:white;
	width:85%;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
	margin-bottom:5px;
	padding:50px 0;
}
#acMenu dt{
    display:block;
    width:200px;
    height:50px;
    line-height:50px;
    text-align:center;
    border:#666 1px solid;
    cursor:pointer;
    }
#acMenu dd{
    background:#f2f2f2;
    width:200px;
    height:50px;
    line-height:50px;
    text-align:center;
    border:#666 1px solid;
    display:none;
    }