@charset "utf-8";

/*共通*/

.shelf{
	width:810px;
	margin:0 auto;
}

.ContentsBox740{
	width:740px;
	margin:0 auto;
	}

.ContentsBox720{
	width:720px;
	margin:0 auto;
	}


#Contents{
	width:810px;
	margin:0 auto;
	background:url(../../img/contbg_base.png) repeat-y;
	}

#Footer{
	background:url(../../img/footer_base.png) no-repeat;
	width:810px;
	height:60px;
	margin-top:10px;
	margin-bottom:50px;
	position:relative;
	}

#FooterCopy{
	position:absolute;
	color:#FFF;
	top:22px;
	left:20px;
	}

#TwitterBtn{
	position:absolute;
	top:20px;
	left:220px;
	}

#FooterLink{
	position:absolute;
	top:15px;
	right:15px;
	}

/* TOP */

#Navi{
	background:url(../../img/top_navibg.png) no-repeat bottom;
	height:50px;
	}
#Navi p{
	padding:15px 20px 10px 20px;
	text-align:left;
	}

#Navi p a {/* リンクテキストの設定 */
text-decoration:underline;
background:url(../../img/allow.gif) no-repeat;
padding-left:24px;
}
#Navi p a:link,
#Navi p a:visited,
#Navi p a:hover,
#Navi p a:active {
color:#FFF;
}


.PhotoColumn{width:180px;}


#News{
	width:720px;
	height:120px;
	position:relative;
	}

#NewsContents{
	width:610px;
	height:90px;
	position:absolute;
	top:15px;
	left:100px;
	overflow: auto;
	text-align:left;
	}

#NewsContents li{
	padding-bottom:10px;	}


#SystemMenu{
	width:270px;
	height:360px;
	position:relative;
	}

#SystemContents{
	width:240px;
	height:35px;
	position:absolute;
	top:50px;
	left:15px;
	overflow: auto;
	text-align:left;
	line-height:1.2;
	}

#MenuContents{
	width:240px;
	height:90px;
	position:absolute;
	top:140px;
	left:15px;
	overflow: auto;
	text-align:left;
	line-height:1.2;
	}



#Info{
	width:360px;
	height:130px;
	position:relative;
	}

#InfoContents{
	width:330px;
	height:70px;
	position:absolute;
	top:50px;
	left:15px;
	overflow: auto;
	text-align:left;
	line-height:1.2;
	}

#Twitter{
	width:360px;
	height:360px;
	position:relative;
	}
	
#TwitterContents{
	width:346px;
	height:346px;
	position:absolute;
	top:7px;
	left:7px;
	}

#LinkArea{
	width:810px;
	margin:10px auto;
                                border-radius: 16px;
                                background: rgba(255,255,255,0.7);
}

/*二層目 メニュー*/
.MenuList dt {
	padding-top:8px;
	font-weight:bold;
	}

.MenuList dd {
	line-height:1.2;
	}


/*二層目 スタッフ*/
.staffBox{
	width:660px;
	margin:0 auto;
	}

.staff{
	text-align:center;
	width:200px;
	padding:0 10px;
	margin:0 auto;
	}

/*二層目 ニュース*/
#NewsSub{
	width:730px;
	height:60px;
	margin:0 auto;
	background:url(../../img/news_subtitbg.png) no-repeat bottom;
	}
#NewsSub p{
	padding:15px 20px 10px 60px;
	text-align:left;
	}

.month p{
	padding-top:15px;
	}

hr{border-top: #9d9572 1px dotted;}

.NewsCaption{
	width:710px;
	height:1.5em;
	margin:5px auto;
	padding: 5px;
	background:#6f5936;
	color: #fff;
	}


/*-----------------------------------
GALLREY
-----------------------------------*/

ul.gallList{
	width:790px;
	margin:16px 28px 0 42px;
	}
.gallList li{
	width:147px;
	float:left;
	padding:0 11px 15px 0;
	}
/*リンクある場合pink枠*/
.gallList li a img{
	border:2px #ef2b99 solid;
	}
/*リンクない場合白枠←無いと2px分ズレる*/
.gallList li img{
	border:2px #FFF solid;
	}
.gallTit{
	padding:5px;
	font-family:"Times New Roman", Times, serif;
	}

/*-----------------------------------
ボタン
-----------------------------------*/

.btn {
  font-size:1.8rem;
  background:#cc0000;
  width:60%;
  margin:10px;
  padding: 1.2em 2em; /* 上下の余白、左右の余白 */
  text-decoration: none; /* デフォルトで入るリンクの下線を消す */
  border-radius: 8px; /* 角を丸くする */
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

/*-----------------------------------
youtube
-----------------------------------*/
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom:20px;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}