/*画面幅*/
body {
  background-color: #000000;
  width: 100%;
}

/*トップメニュー*/
#header-s{
  display: none;
}

#header {
  height: 164px;
}
#header h2 {
  color: #f0f0f0;
  font-weight: normal;
  font-size: 15px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0px;
}
#header img {
  margin: 0 auto;
  width: 550px;
  display: block;
  margin: 0 auto;
}

#header nav ul {
  list-style: none;
}
#header nav ul li a {
  text-decoration: none;
  text-align: center;
  display: block;
  font-size: 18px;
  color: #ddd;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  background: -moz-linear-gradient(top, #777777, #111111);
  background: -webkit-linear-gradient(top, #777777, #111111);
  background: linear-gradient(to bottom, #777777, #111111);
  padding: 20px 10px;
}
#header nav ul li :hover {
  background: -moz-linear-gradient(top, #CBFFD3, #007700);
  background: -webkit-linear-gradient(top, #CBFFD3, #007700);
  background: linear-gradient(to bottom, #CBFFD3, #007700);
}
#header nav ul li {
  float: left;
  width: 16.66%; //*14.28%;*//
}
#header nav ul li::after {
  content: "";
  display: block;
  clear: both;
}

#header {
  width: 1080px;
  margin: 0 auto;
}

/*スライド背景*/
.slide {
  margin: auto;
  width: 100%;
  height: 400px;
  /* ドット（水玉）模様のCSS */
  background-color   : #006400;
  background-image   : radial-gradient(#000000 15%, transparent 23%),
                       radial-gradient(#000000 15%, transparent 23%);
  background-position: 0 0, 20px 20px;
  background-size    : 40px 40px;
}

.slide-2 {
  margin: auto;
  width: 100%;
  height: 200px;
  /* ドット（水玉）模様のCSS */
  background-color   : #006400;
  background-image   : radial-gradient(#000000 15%, transparent 23%),
                       radial-gradient(#000000 15%, transparent 23%);
  background-position: 0 0, 20px 20px;
  background-size    : 40px 40px;
}


/*スライド*/

.slideshow img {
  width: 1080px;
  height: 400px;
  display: block;
  margin: 0 auto;
}
.slide-2 img {
  width: 1080px;
  height: auto;
  display: block;
  margin: 0 auto;
  position: relative;
}
/*メイン*/
#main {
  width: 1080px;
  margin: 0 auto;
  height: 900px;
  
}

#main .main-1 {
  float: left;
  height: auto;
  width: 65%;
  margin-top: 30px;
  box-sizing: border-box;
  background: -moz-linear-gradient(top, #222222, #000000);
  background: -webkit-linear-gradient(top, #222222, #000000);
  background: linear-gradient(to bottom, #222222, #000000);
}

.main-1 h2 {
  color: #ddd;
  text-align: center;
  margin: 0 10px;
  margin-top: 10px;
  background-color: #000000;
  padding: 10px 10px;
  border: double 3px #444444;
  font-weight: normal;
  font-size:16px;
  letter-spacing:0.2em;
}

.main-1 h2:first-letter {
 color:#FFCD43;
}


.main-1 h3 {
  color: #ddd;
  text-align: center;
  margin: 0 10px;
  margin-top: 10px;
  background-color: #666;
  padding: 10px 20px;
  border-bottom: : double 3px #444444;
  font-weight: normal;

}
#main .sub {
  float: right;
  height: auto;
  width: 30%;
  margin-top: 30px;
  box-sizing: border-box;
  background: -moz-linear-gradient(top, #222222, #000000);
  background: -webkit-linear-gradient(top, #222222, #000000);
  background: linear-gradient(to bottom, #222222, #000000);
}
.sub h2 {
  color: #ddd;
  text-align: center;
  margin: 0 auto;
  margin-top: 10px;
  background-color: #000000;
  width: 300px;
  padding: 5px 0px;
  border: double 3px #444444;
  font-weight: normal;
}


#main p {
  color:#ddd;
  padding:20px;
  line-height: 1.6em;
}

#main .map {
 margin: 10px 20px;
}
#main .map2 img {
 padding:10px;
 width:100%;
}

span.col1 {color:#FFCD43!important;}


dl.list_news{
 margin:10px 0 2em 10px;
}

dl.list_news dt {
  clear: left;
  float: left;
  margin: 0 0 0.5em;
   width: 7.5em;
  border-left: solid 6px #45BD42;
  line-height:1.5em;
  padding-left: 5px;
  color: #FFCC66;
}

dl.list_news dd {
  margin-bottom: 0.5em;
  margin-left: 7.5em;
  line-height:1.5em;
  text-align:left;
}

a {color:#FFFF33;}
a:hover {color:#45BD42;}


.sub img {
  width: 300px;
  display:block;
  margin: 0 auto;
  margin-top: 10px;
}

/*フッター*/
footer {
  width: 100%;
  height: 150px;
  clear:both;
  
}
footer img {
  
  display: block;
  margin: 0 auto;

}
footer p {
  color: #ddd;
  text-align: center;
  margin-top: 10px;
}
  /*メニュー料金*/


.menu-table th {
  float: left;
  font-size: 14px;
  font-weight: normal;
  color: #ddd;
    padding: 25px 5px 5px 5px;
}
.menu-table td {
  float: right;
  font-size: 15px;
  color: #ddd;
  padding: 25px 5px 5px 5px;
}
.menu-table tr {
border-bottom: dotted 1px #EEE;
}

.main-1 .menu-table {
  width: 600px;
  margin-left: 50px;
}
.cal-box {

	margin-right:2%;
}
.cal-box::after{
	content: "";
	display: block;
	clear: both;
}
.cal-box p{
	font-size:14px;
}

/* lightbox
--------------------------------------------------------------------*/
.gallery {
	text-align: left;
	margin-left:10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.gallery a img {
	padding: 5px;
	border: 1px solid #222222;
	margin: 2px;
}
.gallery a:hover img {
	margin: 2px;
	padding: 5px;
	border: 1px solid #666666;
}

/* lightbox2�p�ݒ�
--------------------------------------------------------------------*/
.gallery2 {
	text-align: left;
	line-height: 1.6em;
	margin-left:10px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom: 1px dotted #333333;
}
.gallery2 a img {
	float:right;
	padding: 5px;
	border: 1px solid #444444;
	margin: 2px;
}
.gallery2 a:hover img {
	margin: 2px;
	padding: 5px;
	border: 1px solid #888888;
}
.m1 {
	color:#FC0;
	margin-left: 0px;
	padding: 2px;
	border-bottom: 1px dotted #555555;

}
.m2 {
	color:#cccccc;
	margin-right: 20px;
	padding: 2px;
}
.m3 {
	text-align: center;
	color:#aaaaaa;
	margin-left: 0px;
	padding: 2px;
	border-bottom: 1px dotted #555555;
	border-top: 1px dotted #555555;
	line-height:1.6em;
}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 {
		color:#ddd;

}

.ta1 caption {
	border: 1px solid #888;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
	background: #000;		/*背景色*/
}
/*テーブルの見出し（※tamidashi）*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #000;	/*背景色*/
}
/*ta1設定*/
.ta1 {
	table-layout: fixed;
	width: 96%;
	margin: 0 auto 20px;
}
.ta1, .ta1 td, .ta1 th {
	word-break: break-all;
	border: 1px solid #888;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;	/*ボックス内の余白*/
	font-weight:normal;
	color:#ddd;
	vertical-align:middle;
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 140px;		/*幅*/
	text-align: center;	/*センタリング*/
}

/*フォーム関連
---------------------------------------------------------------------------*/
/*ボタン（btn）*/
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn {
	padding: 10px 30px;		/*上下、左右へのボックス内の余白*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: rgba(255,255,255,0.8)	;	/*背景色*/
	color: #333;
	font-size:14px;
	display:block;
	margin:10px auto;

}
/*マウスオン時のボタン（btn）設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover {
	background: #000;	/*背景色*/
	color:#ccc;
}
/*input,textarea共通*/
input,textarea {
	outline: none;background: transparent;
	border: 1px solid #666;	/*枠線の幅、線種、色*/
	color: #fff;	/*文字色*/
}
/*input,textareaのフォーカス時*/
input:focus,textarea:focus {
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
}

input[type="text"].ws {width:90%;}
textarea.ws {width:90%;}

ul.list3 {
  display:block;
  margin-bottom:50px!important;
  margin-left: 10px;
}

ul.list3 li {
	float:left;
	width:48%;
	margin-right:8px;
}
ul.list3 li img {
	padding:3px;
	display:block;
	float:left;
	margin:6px;
}

ul.list3 a {
	color:#333;
	text-decoration:none;
}

ul.list3 a:hover {
	color:#F60;
}
ul.list3 li p.voice-t {
	color:#393;
	font-size:14px;
}
ul.list3 li:hover {
	opacity:0.8;
}

ul.list3 li:nth-child(2n+1) {
	clear:both;
}

.img_center {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 100px;
}