<!--

a	{color:#33aaaa}
a:hover	{color:#00cc00}

/* === ヘッダー部分のスタイル === */

.head	{
    background-color:#32d4a9;
    width:1100px;
    height:70px;
}

.head1	{width:45px;
	 text-align:right}

.head2	{padding-left:9px}

.head h1	{font-size:24px;
	 font-family:'Comic Sans MS';
	 color:white;
	 margin-bottom:1px}

.head div	{font-size:12px;
	 color:white}

.headmenu	{background-color:#336666;
	 width:1100px;
	 text-align:left;
	 font-size:11px;
	 color:white}

.headmenu td	{padding-left:9px}

.headmenu a	{color:white;
	 text-decoration:none}
.headmenu a:hover	{color:orange}


/* === サイドバーとコンテンツ部分のスタイル === */

.side_main	{width:1100px;
	 height:70%;
	 border:solid 3px #336666;
	 border-top:none}

.side_main2	{width:1100px;
	 height:70%;
	 border:solid 3px #336666;
	 border-top:none}


/* === サイドバー部分のスタイル === */

.side	{width:175px;
	 background-color:#32d4a9}

.side	{vertical-align:top;
	 padding:0px}

.side div	{font-size:14px;
	 font-weight:bold;
	 border-bottom:solid 1px white;
	 padding-top:8px;
	 padding-bottom:8px;
	 padding-left:12px;
	 padding-right:0px}

.side a	{color:#444444;
	 text-decoration:none}
.side a:hover	{color:white}

.sidemenu1	{margin-top:10px;
	 border-top:solid 1px white}


/* === コンテンツ部分のスタイル === */

.main	{width:500px;
	 padding-left:30px;
	 padding-right:30px;
	 padding-top:25px;
	 padding-bottom:20px;
	 vertical-align:top}

.main h1	{font-size:18px;
	 font-family:Arial, Helvetica}

.main h1 img	{vertical-align:middle;
	 margin-right:8px}

.main h2	{border-bottom:solid 3px #336666;
	 font-size:16px;
	 color:black;
	 padding:5px 0px 3px}
	 
.main h3	{border-bottom:solid 3px #336666;
	 font-size:14px;
	 color:black;
	 padding:5px 0px 3px}

.main p	{font-size:14px;
	 line-height:160%;
	 color:#333333}

.photo td	{vertical-align:bottom;
	 font-size:12px;
	 padding:0px}
.photo img	{margin-right:8px}


.copy	{border-top:solid 3px #336666;
	 padding-top:6px;
	 font-size:10px;
	 text-align:center}
   
.koshin {font-size:14px;
　　}
.nittei1 {font-size:16px;
　 font-weight:bold;}
	 
.nittei2 {font-size:12px; border-color:#008080;}

.nittei3 {font-size:14px;}

/* === サイドバー部分（右）のスタイル === */

.side2	{vertical-align:top;
	 padding-right:20px}

.side2 .submenu	{font-size:14px;
	 font-family:Arial, Helvetica;
	 background-color:#cccccc;
	 border-left:solid 8px #336666;
	 padding:3px;
	 margin-top:30px}

.side2 div	{font-size:12px;
	 margin-bottom:10px}

.side2 a	{color:#333333}

.side2 img	{border:none}

.ks{
    font-family:Arial;
    font-size:smaller;
    margin-top:5px;
    text-align:right;
}
.font1 {
    font-size:12px;
    border-width:1px;
}

/* === 画像キャプションのスタイル === */

div.imagebox {
   width: 240px; /* 横幅 */
　 float: left; /* 左に配置 */

}
p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 80%;  /* 5.文字サイズ */
   color: black; /* 6.文字色 */
}
media screen and (max-width: 600px) {
  body {
    font-size: 16px;
    padding: 10px;
  }

  .side_main {
    display: flex;
    flex-direction: column;
  }

  .side, .main, .side2 {
    width: 100%;
    display: block;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  table {
    width: 100% !important;
  }
img {
  max-width: 100%;
  height: auto;
}

table {
  width: 100% !important;
}

--></style>
</head>
