@charset "Shift_JIS";
/* CSS Document */


body {
 font-size: 16px;
 font-weight: bold;
}

td {
 font-size: 16px }

th {
 background: #0080c0;
 text-align: left;
 color: #ffffff;
}

h1{
 font-size : 17px;
}

h2{
 font-size : 18px;
 color : #000000;
 background-color : #c0c0e0;
 }

h3{
 font-size : 18px;
 color : #000000;
 background-color : #8cc6c6;
 }

h4{
 font-size : 18px;
 color : #000000;
 background-color : #b9ffb9;
 }

h5{
 font-size : 20px;
 color : #000000;
 }

p{
 font-size : 16px;
 background-color : #fff;
 }

.N10 { font-size: 10px }

hr {
height: 3px;
background-color: #000000;
border: none;
color: #808080;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;�@
}

.bold {
	font-weight: bold;
}

.b_yellow {
	background-color: #FFFF66;padding:2px;
}

.purple {
	color: #800080;
}

#header{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}

#topimage{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}

#exp{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}

#menu{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#menu li{
  display: block;
  float: left;
  width: 25%;
  margin: 0;
  padding: 0; 
}
#menu li a{
  display: block;
  padding: 12px 0 10px;
  background: #c0c0c0;
  color: #000000;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  background: #ff9933;
}
#toggle{
 display: none;
}
@media only screen and (max-width: 768px) {
    #menu li{
    width: 50%;
    border-bottom: 2px solid #fff;
  }
}

#exp2{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
}
#exp2 li{
  display: block;
  float: left;
  width: 49.0%;
  margin: 0;
  padding: 1; 
}
#exp2 li a{
  display: block;
  padding: 12px 0 10px;
  background: #ffffff;
  color: #000000;
  text-align: left;
  text-valign: top;
  text-decoration: none;
}
#exp2 li a:hover{
  background: #ffffff;
}
#toggle{
 display: none;
}
@media only screen and (max-width: 768px) {
    #exp2 li{
    width: 100%;
    border-bottom: 2px solid #fff;
  }
}