@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 : 6px 0px 5px;			/* 上下の余白 */
	margin-bottom : 1em;			/* 他のブロックとのスペース */
	background : none 0% 0% / auto auto repeat scroll padding-box border-box #1f497d;			/* 背景色(確認用) */
}

/* ロゴ画像を囲む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 #1f497d;
  color : white;
}


/* 全体(デスクトップ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;
	font-size : 30px;

  font-family : メイリオ, Arial;

  background-color : #66669a;
  text-align : center;
  font-weight : bold;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  margin-top : 0px;
  margin-bottom : 0%;
}

h2{
	color : black;
	font-size : 24px;

  font-family : メイリオ, Arial;

  background-color : yellow;
  text-align : center;
  font-weight : bold;
  padding-top : 3px;
  padding-left : 3px;
  padding-right : 3px;
  padding-bottom : 3px;
border-width : 1px;border-style : solid;
  margin-top : 0%;
  margin-left : 0%;
  margin-right : 0%;
  margin-bottom : 0%;
}

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;
}

figure{
	text-align:center;
}

caption.sita{
   caption-side: bottom;
}

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

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

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

.enji{
 color:990099;
 
  color : purple;
}

.hai{
 color:666666;
 
  color : gray;
}

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

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

.saisyou{
 color:ff0000;
  font-size : 18px;
}


.small{
 color:ff0000;
  font-size : 10px;
}



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;
} 

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;
} 

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

th.vaio{
  background-color : #ccccff;
} 

th.black{
  background-color : #000000;
  color : white;
} 

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

tr.orange{
  background-color : #ffcc99;
} 

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

tr.vaio{
  background-color : #ccccff;
} 

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

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

tr.black{
  background-color : #000000;
  color : white;
} 

tr.gray{
  background-color : #cccccc;
}

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

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

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

td.orange{
  background-color : #ffcc99;
} 

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

td.vaio{
  background-color : #ccccff;
} 

td.black{
  background-color : #000000;
  color : white;
} 


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 : auto;margin-bottom : 0em;margin-left : auto;
	text-align : left;
	line-height : inherit;
  color : black;
  border-width : 3px;
  padding : 0em 1px;
border-color : #8080ff;
  vertical-align : inherit;
  right : auto;
  left : auto;
}

.wakuL{
	   /*←この文字色が、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;
}

.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 5px;
border-color : #8080ff;
  vertical-align : inherit;
    display: inline-block;
}

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

.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;
  text-align : left;
}

.CM{
	border-width : 0px;
  text-align : center;
}

.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{
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

/* [ifram] */
.youtube iframe{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}