*{margin:0;}

body {
	text-align:center;
	background-color:#f0f0f0;
	margin:0;
	height:100%;
}   

#wrap {
	width:900px;
/* 幅を800から900に変更*/
	text-align:left;
	margin:0 auto;
	background-color:#4B64A1;
	height:100%;
	min-height:500px;
}

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

a:visited {
	color:blue;
	text-cordination:none;
}

.title {
	margin:0;
	color:white;
	font-size:24pt;
}

.title2 {
	margin:0;
	color:#3F63A8;
	font-size:18pt;
}


.coment {
	color:white;
	font-size:10pt;
}

.header {
    margin:0;
    padding:2%;
	height:100px;

}

.main_a {
	padding:2%;
	color:#3F63A8;
	font-size:12pt;
}

.main_b {
	padding:0% 0% 0% 2%;
	color:#3F63A8;
	font-size:12pt;
}

.main_c {
	padding:2% 0% 0% 2%;
	color:#3F63A8;
	font-size:12pt;
}

body{
  word-wrap : break-word;
  overflow-wrap : break-word;
}

h2 {
	padding:2%;
	color:#3A322F;
}

h3 {
	padding:1% 2%;
	color:#3A322F;
}

h4 {
	padding:0.5% 1% 0% 6%;
	color:#3A322F;
}

h5 {
	padding:0.5% 1% 0.5% 15%;
	color:#3A322F;
}

.th {
	padding:2% 1% 2% 2%;
	line-height:1.3em;


}

.new {
	color:red;
}

.main_table{
padding:0% 2% 2% 2%;
width: 500px;
border-collapse: separate;
}
.main_table th{
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.main_table td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

.sub_table{
padding:0% 2% 2% 2%;
width: 700px;
font-size:10pt;
border-collapse: separate;
}
.sub_table th{
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.sub_table td{
padding: 6px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

.sub2_table{
padding:0% 2% 2% 2%;
width: 600px;
font-size:10pt;
border-collapse: separate;
}
.sub2_table th{
padding: 6px;
width:25%;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.sub2_table td{
padding: 6px;
width:25%;
background-color: #fff;
border: 1px solid #b9b9b9;
}

.sub3_table{
padding:0% 2% 2% 2%;
width: 400px;
font-size:10pt;
border-collapse: separate;
}
.sub3_table th{
padding: 2px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.sub3_table td{
padding: 2px;
background-color: #fff;
border: 1px solid #b9b9b9;
}

.sub4_table{
padding:0% 2% 2% 2%;
width: 500px;
font-size:10pt;
border-collapse: separate;
}
.sub4_table th{
padding: 2px;
text-align: left;
vertical-align: top;
color: #333;
background-color: #eee;
border: 1px solid #b9b9b9;
}
.sub4_table td{
padding: 2px;
background-color: #fff;
border: 1px solid #b9b9b9;
}


.pic_table{
padding:0% 2% 2% 2%;
width: 500px;
font-size:10pt;
border-collapse: separate;
}
.pic_table th{
padding: 6px;
width:50%;
text-align: center;
vertical-align: top;
color: #333;
background-color: white;
border: auto solid #b9b9b9;
}
.pic_table td{
padding: 6px;
width:50%;
background-color: #fff;
border: auto solid #b9b9b9;
}

img.pic1 {
	width:250px;
	height:210px;
}

img.pic2 {
	width:200px;
	height:150px;
}

.mainmenu {
  margin: 0 auto;
  width: 900px;
/* 幅を800から900に変更*/
  height:30px;
}

.mainmenu ul {
  margin: 0;
  padding: 0;
  z-index: 1000;
  list-style: none;
}


.mainmenu ul li {
   width: 100px; /* メニュー項目の横幅 */
   height: 10%; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   line-height: 30px;
   float: left;
   list-style-type: none;
   position: relative;
}

.mainmenu ul li a {
   background-color: #1D417A; /* メニュー項目の背景色 */
   color: white; /* メニュー項目の文字色 */
   line-height: 30px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;
   width: 100%;
   height: 100%;
}

.mainmenu ul li:hover > a {
  color: white;
  background: #A3BACD;
}

.mainmenu ul li ul {
  position: absolute;
}

.mainmenu ul li ul li {
  overflow: hidden;
  height: 0;
  background: #1D417A;

}

.mainmenu ul li:hover > ul > li {
  overflow: visible;
  height: 30px;
  transition: 0.5s;
}

.mainmenu ul li ul li a {
  background: #1D417A;
}

.mainmenu ul li ul li ul {
  top: 0;
  left: 100%;
}

.mainmenu ul li ul li ul:before {
  position: absolute;
  top: 10px;
  left: -15px;
  content: "";
  border: 5px solid transparent;
  border-left-color: silver;
}

.sublist {
  margin: 0 auto;
  width: 900px;  //メインの項目数×liのwidth;
  height:30px;
}

.sublist ul {
  margin: 0;
  padding: 0;
  z-index: 1000;
  list-style: none;
}

.sublist ul {
   width: 100px; /* メニュー項目の横幅 */
   height: 10%; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   line-height: 30px;
   float: left;
   list-style-type: none;
   position: relative;
}


.sublist ul li a {
   background-color: #1D417A; /* メニュー項目の背景色 */
   color: white; /* メニュー項目の文字色 */
   line-height: 30px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;
   width: 100%;
   height: 100%;
}

.sublist ul li:hover > a {
  color: white;
  background: #A3BACD;
}

.sublist ul li ul {
  position: absolute;
}



#inner {
	margin:0;
	padding:0;
	background-color:blue;
	height:100%;
	min-height:420px;
	overflow:hidden;
}


#main {
	margin:0;
	width:800px;/* 幅を700から800に変更*/
	float:right;
	background-color:white;
	height:100%;
	min-height:390px;
	overflow:wrap;
	padding-bottom: 10000px;
    margin-bottom: -10000px;

}

#submenu {
	margin:0;
	width:100px;
	float:left;
	background-color: #87AFC5;
	height:100%;
	min-height:390px;
	overflow:wrap;
	padding-bottom: 10000px;
    margin-bottom: -10000px;

}

#footer {
	width:900px;/* 幅を800から900に変更*/
	margin:0;
	height:20px;
	background-color:skyblue;
}


.clear {
	clear:both;
}   
.clear hr {
	display:none;
} 

p.copyright {
	text-align: center;
	margin:0;
}


/* 現在位置項目の装飾 */
#wrap .mainmenu ul li.here {
   background-color:Dodgerblue;

/* 背景色 */
   color: white;          /* 文字色 */
   border-color: #87CEFA;     /* 枠線色 */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   line-height: 30px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;

}

#inner .sublist ul li.here {
   background-color:Dodgerblue;

/* 背景色 */
   color: white;          /* 文字色 */
   border-color: #87CEFA;     /* 枠線色 */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   line-height: 30px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;

}



 ul.tab {
	margin: 0;
	padding: 0;
	border-bottom: 2px #ddd solid;
}
ul.tab li {
	float: left;
	margin: 0 0 0 5px;
	position: relative;
	bottom: -2px;
	list-style-type: none;
	border: 1px #ddd solid;
	border-top: none;
	border-bottom: 2px #ddd solid;
}
ul.tab li.none {
	border-bottom: 2px #fff solid;
	font-weight: bold;
}
ul.tab li a {
	color: #000;
	display: block;
	padding: 3px 10px 5px;
	text-decoration: none;
	background: #fff;
}
ul.tab li a.blue {
	border-top: 5px #2384dc solid;
}
ul.tab li a.green {
	border-top: 5px #4cbb47 solid;
}
ul.tab li a.red {
	border-top: 5px #dd1d25 solid;
}
ul.tab li a.yellow {	
	border-top: 5px #ffd242 solid;
}
ul.tab li a.violet {	
	border-top: 5px violet solid;
}
ul.tab li a.pink {	
	border-top: 5px pink solid;
}
ul.tab li a.orange {	
	border-top: 5px orange solid;
}
ul.tab li a.skyblue {	
	border-top: 5px skyblue solid;
}

ul.tab li a:hover {
	position: relative;
	bottom: 6px;
}
/* clerfix */
.clear:after {
    content:"";
    display:block;
    overflow:hidden;
}
.clear:after {
    clear:both;
}
.clear {
    zoom:1;
}