@charset "utf-8";

/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
}

body {
	background-image:url(stripe.png);
	background-color:#;		/*ページ全体の背景色*/
	font-size:95%;
	font-family: "ＭＳ ゴシック",sans-serif;
	line-height:1.5;
	color:#333333;  /* 文字色を濃い目のグレーにする */
}
span.under {
  text-decoration: underline red;
}

event_table tr:hover td {
	background-color: #d9efff;
}
div#pagebody {
	width:960px; margin:0 auto;	/*内容全体をセンタリング*/
	background-color:#fffacd;		/*内容全体の背景色*/
}

img {border:0;} 				/*画像のボーダーを0にする*/
p {
	width:800px;		/*幅の指定*/
	margin:10px;		/*マージン*/
	text-indent:1em;		/*インデント幅*/
}
hr {
	clear:both;		/*フロート配置をクリアする*/
	width:680px;		/*幅の指定*/
	margin:10px 0px;		/*マージン*/
	border:1px dotted #cccccc;	/*内容の区切りをグレーの点線表示にする*/
}
/*============================================
ヘッダ
============================================*/
div#header {
	height:100px;				/*ヘッダ部分の高さ*/
}
div#header h1 {
	padding:0px 0px 0px 0px;		/*見出しの位置調整*/
	font-size:18px;				/*フォントのサイズ*/
	font-family:Arial, Helvetica, sans-serif;	/*フォントの種類*/
}
div#header h1 a {text-decoration:none;} 	/*リンクの下線を無くす*/




/* add animation to bg color  */
@keyframes random-bg {
  from {
    filter: hue-rotate(0);
  }
  to {
    filter: hue-rotate(360deg);
  }
}


.box00s {
	width:850px; 	/*幅と高さ*/
	margin:auto;
    border: solid 6px #FFAB8B;
    border-radius: 30px;
	
}
.box00s .box-title {
    font-size: 1.2em;
    background: #FFAB8B;
    padding: 5px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
    border-radius: 15px 15px 0 0;
}
.box00s p {
    padding: 10px 40px 0px 25px;
	word-wrap:break-all;
    margin: 0;
}

.box06s {
	width:850px; 	/*幅と高さ*/
	margin:auto;
    border: solid 6px #00b4e1;
}
.box06s p {
    padding: 10px 40px 0px 10px;
	word-wrap:break-all;
    margin: 0;
}
.box07s {
	width:790px; 	/*幅と高さ*/
	margin:auto;
    border: solid 1px #ffffff;
	position: relative;
	top: 0;
	right: 5px;
}
.box07s p {
    padding: 10px 40px 0px 10px;
	word-wrap:break-all;
    margin: 0;
}
/*============================================
ヘッダ画像
============================================*/
#img_index {
	width:960px; height:345px;	/*トップページのヘッダ画像の表示サイズを指定*/
	margin:10px 0px;		/*マージン*/
}
/*============================================

============================================*/
h1 {
  position: relative;
  	padding:35px 0px 0px 0px;		/*パディング*/
}
h1:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(255, 61, 0), transparent);
  background: linear-gradient(to right, rgb(255, 61, 0), transparent);
}

h2 {
  padding: 10rem 10rem;
  color: #fff;
  border-radius: 15px;
  border-bottom:1px solid #426579;
  padding:7px;
  width: 80%;
  background-image: -webkit-gradient(linear, left top, right top, from(#2648b5), to(#8bf1a7));
  background-image: -webkit-linear-gradient(left, #2648b5 0%, #8bf1a7 100%);
  background-image: linear-gradient(to right, #2648b5 0%, #8bf1a7 100%);
}


/*============================================*/
div#info {
	width:660px;		/*幅の指定*/
	float:left;			/*カラムを左寄せにする*/
	padding:10px 20px 0px 0px;		/*パディング*/
}
h3 {
	font-size:16px;			/*文字サイズ*/
	width:850px;			/*横幅*/
	padding:10px 0px 10px 20px;		/*パディング*/
	margin:20px 20px 20px 50px;
	background-color:#003399;		/*背景色*/
	color:#ffffff;			/*文字色*/
	border-radius:3px;			/*角丸にする*/
}

hr {
	clear:both;			/*フロート配置をクリアする*/
}
/*============================================
備考情報
============================================*/
div.remarks {
	margin:0px 10px 10px 10px;
}
h4 {
	color:#000066;
}
/*============================================
フッタ
============================================*/
div#footer {
	clear:both;			/*回り込みを解除する*/
	height:40px;			/*高さの指定*/
	padding:10px 0px 0px 0px;	/*パディング*/

	text-align:center;		/*センタリング*/
}