@charset "UTF-8";



/* ボディ */
body{
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size : 16px;	/* 文字サイズ */
	line-height : 1.3;	/* 行の高さ */

  font-family : Arial, メイリオ;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* ボディ */
	body{
		font-size : 15px;	/* 文字サイズ */
	}
}

/* ヘッダー */
.header{
	border-bottom : 3px solid #888888;		/* 枠線 */
	text-align : left;			/* テキスト、画像の真ん中寄せ */
	padding : 2px 0px 0em;			/* 上下の余白 */
	margin-bottom: 2em ;			/* 他のブロックとのスペース */
	background : none 0% 0% / auto auto repeat scroll padding-box border-box #e6e6fa;			/* 背景色(確認用) */
}

/* ロゴ画像を囲むh1 */
.logo-wrapper{
	margin: 0 ;
	padding: 0 ;
	line-height: 1 ;
}

/* ロゴ画像 */
.logo{
	height : inherit;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* ロゴ画像 */
	.logo{
		width: 200px ;
		font-size: 15px ;	/* 文字サイズ */
	}
}

/* フッター */
.footer{
	border-top : 3px solid #888888;		/* 枠線 */
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-top: 2em ;			/* 他のブロックとのスペース */
	padding : 2px 0px;			/* 上下の余白 */
	background : none 0% 0% / auto auto repeat scroll padding-box border-box #e6e6fa;
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper{
	width : 1080px;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.wrapper{
		width: auto ;
		padding: 0 10px ;
	}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main{
	width : 730px;
	padding : 4px;					/* 上下左右に20pxの余白 */
	border : 1px solid black;		/* 枠線 */
}

h1{
	color : white;
	margin-top : 0%;
	margin-right : 0%;
	margin-bottom : 0%;
	margin-left : 0%;
	font-size : 24px;

  font-family : メイリオ, Arial;

  background-color : #66669a;
  text-align : center;
  font-weight : bold;
  line-height : 1.5;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
}

h2{
	color : black;
	margin-top : 0%;
	margin-right : 0%;
	margin-bottom : 0%;
	margin-left : 0%;
	font-size : 24px;

  font-family : メイリオ, Arial;

  background-color : yellow;
  text-align : center;
  font-weight : bold;
  line-height : 1.5;
  padding-top : 4px;
  padding-left : 4px;
  padding-right : 4px;
  padding-bottom : 4px;
border-width : 1px;border-style : solid;
}

h3{
	color : white;
	margin-top : 0%;
	margin-right : 0%;
	margin-bottom : 0%;
	margin-left : 0%;
	font-size : 22px;

  font-family : メイリオ, Arial;

  background-color : gray;
  text-align : center;
  font-weight : bold;
  line-height : 1.5;
  padding-top : 2px;
  padding-left : 2px;
  padding-right : 2px;
  padding-bottom : 2px;
}

h4{
	color : white;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size : 20px;
	font-weight: bold;
  background-color : navy;
  text-align : center;
  font-family : メイリオ, Arial;
}

h5{
	color : blue;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size : 20px;
	font-weight: bold;
	font-family : メイリオ, Arial;
}


a:link{
    
      
	color : blue;
	text-decoration: none;
	

}

a:visited{
    
     
	color : purple;
	text-decoration: none;
	

}

a:hover{
	color : blue;
	text-decoration : underline;
  font-size : 100%;
  font-weight : normal;
}


.aka{
 color:ff0000;
 
  color : red;
}

.ao{
 color:ff0000;
 
  color : blue;
}

.dai{
 color:ff0000;
  font-size : 30px;
}

.tyuu{
 color:ff0000;
  font-size : 26px;
}

.syou{
 color:ff0000;
  font-size : 20px;
}

.small{
 color:ff0000;
  font-size : x-small;
}

table,th,td{
	 
text-align : center; 
  table-layout : auto;
border-width : 1px;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  border-collapse : collapse;border-style : solid;
  margin-top : 5px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 5px;
} 


td.left{
  text-align : left;
  vertical-align : middle;
} 

td.right{
  text-align : right;
} 

table.yellow{
  background-color : #ffffc0;
} 

table.small{
  font-size : 67%;
} 

table.normal{
  font-size : 100%;
} 

th.yellow{
  background-color : #ffffc0;
} 

tr.yellow{
  background-color : #ffffc0;
} 

tr.green{
  background-color : #c0ffc0;
} 

tr.red{
  background-color : #FFCCFF;
} 

tr.blue{
  background-color : #e3f0fb;
} 

td.yellow{
  background-color : #ffffc0;
} 

td.green{
  background-color : #c0ffc0;
} 

td.red{
  background-color : #FFCCFF;
} 

td.blue{
  background-color : #e3f0fb;
} 

th.small{
  font-size : small;
} 

td.small{
  font-size : x-small;
} 

#thside{
	 
  width : 300px;
  background-color : yellow;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  height : 30px;
} 

.center {
　text-align: center
 }

a img{
	border: none;
}

.side{
	width: 320px ;
}

.waku{
	   /*←この文字色が、border-color のデフォルトになります*/
	border-style: solid;  /*←border-style だけしか指定していません*/margin-right : 0em;margin-bottom : 0em;margin-left : 0em;
	text-align : left;
	line-height : inherit;
  color : black;
  border-width : 3px;
  padding : 0em 1px;
border-color : #8080ff;
  vertical-align : inherit;
}

.wakuL{
	   /*←この文字色が、border-color のデフォルトになります*/
	border-style: solid;  /*←border-style だけしか指定していません*/margin-right : 1em;margin-bottom : 0em;margin-left : 1em;
	text-align : left;
	line-height : inherit;
  color : black;
  border-width : 3px;
  padding : 0em 1px;
border-color : #8080ff;
  vertical-align : inherit;
}

.wakuM{
	   /*←この文字色が、border-color のデフォルトになります*/
	border-style: solid;  /*←border-style だけしか指定していません*/margin-right : 5em;margin-bottom : 0em;margin-left : 5em;
	text-align : left;
	line-height : inherit;
  color : black;
  border-width : 3px;
  padding : 0em 1px;
border-color : #8080ff;
  vertical-align : inherit;
}

.wakuFitt{
	   /*←この文字色が、border-color のデフォルトになります*/
	border-style: solid;  /*←border-style だけしか指定していません*/
       margin-right : 1em;margin-bottom : 0em;margin-left : 1em;
	text-align : left;
	line-height : inherit;
  color : black;
  border-width : 3px;
  padding : 0em 1px;
border-color : #8080ff;
  vertical-align : inherit;
    display: inline-block;
}

.wakuS{
	   /*←この文字色が、border-color のデフォルトになります*/
	border-style: solid;  /*←border-style だけしか指定していません*/margin-right : 15em;margin-bottom : 0em;margin-left : 15em;
	text-align : left;
	line-height : inherit;
  color : black;
  border-width : 3px;
  padding : 0em 1px;
border-color : #8080ff;
  vertical-align : inherit;
}

.indextytle{

text-align : center; 
  table-layout : auto;
border-width : 1px;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  border-collapse : collapse;border-style : solid;
  margin-top : 0%;
  margin-left : 0%;
  margin-right : 0%;
  margin-bottom : 0%;
  font-weight : bold;
  color : white;
  background-color : navy;
  font-size : x-large;
}

.indexcontent{

text-align : left; 
  table-layout : auto;
border-width : 1px;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  border-collapse : collapse;border-style : solid;
  margin-top : 5px;
  margin-left : 0%;
  margin-right : 0%;
  margin-bottom : 5px;
}

.box1, box4{
  float: left;
  width : 15%;
}


.box2{
  float: left;
  width : 35%;
  
  text-align : left;
}

.box3{
  float: left;
  width : 35%;
  text-align : right;
}

.kakomi{
	overflow: hidden ;
}

#kanren{
  width : 150px;
  font-size : 10pt;
}

.left{
  text-align : left;
}

.siki{
	border-width : 0px;
}

.mokuji{
  text-align : left;
  padding-left : 50px;
  padding-right : 50pt;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.main{
		width: auto ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
	}

	.side{
		width: auto ;
	}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main{
	float: left ;		/* 左に寄せる */
}

.side{
	float: right ;		/* 右に寄せる */

  width : 320px;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  font-size : 14px;
  text-align : center;
border-width : 1px;
}

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	.main, .side{
		float: none ;
	}
}

.wrapper{
	overflow: hidden ;
}

img{
 max-width : 100% ;
 height : auto ;
 } 

iframe{
	width : 100% ;
}

.youtube{
	width: 100% ;
	max-width: 560px ;			/* 最大の横幅 */
	height: 0 ;					/* 高さは0にする */
	padding-bottom: 56.25% ;	/* 横幅に対する縦幅の比率 */
	position: relative ;
	top: 0 ;
	left : auto;
  right : auto;
  margin-left : auto;
  margin-right : auto;
}

/* [ifram] */
.youtube iframe{
	width: 100% ;		/* 親要素の余白いっぱい */
	height: 100% ;		/* 親要素の余白いっぱい */
	margin: 0 ;			/* 余白 */
	padding: 0 ;		/* スペース */
	position: absolute ;
	top: 0 ;
	left : auto;
  right : auto;
}