* {
 font-family: "Meiryo UI";
/* 
 font-size: 10pt;
 font-size:smaller;
 */
 box-sizing: border-box;
}

body {
 width: 800px;
 margin: 0 auto;
}
a:link,
a:visited {
 color: #136;
    text-decoration:none;
    
}
#header {
 background: #FFFFFF;
 margin: 10px 0 5px 0;
 color: #446699;
 border-top: 5px solid #446699;
 border-bottom: 5px solid #446699;
}
#header a:link,
#header a:visited {
 color: #136;
}
#pageTitle {
 font-size: 16pt;
 font-weight: bold;
 margin: 5px;
}
#subTitle {
 font-size: 12pt;
 font-weight: bold;
 margin: 3px;
}

.secTitle {
 background: #446699;
 color: #fff;
 padding: 4px;
 font-weight: bold;
}
#footer {
 clear: both;
 text-align: center;
 margin-top: 30px;
 padding: 10px;
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
}
.gdel {
 margin: 8px;
 color: #008000;
}
i {
 color: #999;
 font-size: smaller;
}
@media screen and (min-width:768px) {
 .leftPain {
  float: left;
  width: 50%;
  padding: 2px;
 }
 .rightPain {
  padding: 2px;
 }
 .rightPain:after {
  display: block;
  content: "";
  clear: both;
 }
}
@media screen and (max-width:768px) {
 body {
  width: 100%;
 }
 #menu {
  width: 100%;
  height: 100%;
  padding: 10px 0 10px 5px;
  text-align: left;
 }
 #main {
  width: 100%;
 }
 .secTitle {
  margin: 5px 0 5px 0;
 }
 .gdel {
  display: none;
 }
}