body {
 text-align: center;
 padding: 0;
 margin: 0;
 background-color: #dddddd;
}

form {
 display: inline;
}

img {
 vertical-align: middle;
}

input,select {
 vertical-align: middle;
}

select {
 height: 24px;
}

input[type="text"] {
 height: 18px;
}

input[type="button"] {
 cursor: pointer;
 height: 24px;
}

input[type="submit"] {
 cursor: pointer;
 height: 24px;
}

input[type="reset"] {
 cursor: pointer;
 height: 24px;
}

button[type="button"] {
 cursor: pointer;
 height: 24px;
}

button[type="submit"] {
 cursor: pointer;
 height: 24px;
}

button[type="reset"] {
 cursor: pointer;
 height: 24px;
}

a {
 outline: none;
}

a:hover {
 color: #990000;
}

#all {
 width: 749px;
 text-align: left;
 margin-left: auto;
 margin-right: auto;
 margin-top: 1.0em;
 margin-bottom: 2.0em;
 background-color: #ccffcc;
 box-shadow: 8px 8px 8px 4px rgba(0,0,0,0.3);
 border-radius: 15px;
}

#contents {
 width: 709px;
 line-height: 1.8em;
 margin-left: 20px;
 margin-right: 20px;
 margin-top: 2.0em;
 margin-bottom: 5.0em;
}

#box {
 width: 749px;
 float: left;
 background-image: url("images/bg2.gif");
 background-repeat: repeat-y;
 background-position: left top;
}

#left {
 width: 130px;
 float: left;
}

#right {
 width: 579px;
 line-height: 1.5em;
 margin-left: 20px;
 margin-right: 20px;
 float: left;
}

.navi {
 text-align: center;
 padding: 0;
 margin: 0;
 overflow: hidden;
}

.navi li {
 width: 107px;
 font-size: 15px;
 float: left;
 list-style: none;
}

.navi li a {
 line-height: 25px;
 text-decoration: none;
 border-top: 2px solid #666666;
 border-right: 4px solid #339933;
 border-bottom: 4px solid #006600;
 display: block;
 background-color: #66cc66;
}

.navi li a:hover {
 background-color: #66ff66;
}

.menu {
 text-align: center;
 padding: 0;
 margin: 0;
}

.menu li {
 width: 130px;
 line-height: 0px;
 font-size: 14px;
 list-style: none;
}

.menu li a {
 line-height: 25px;
 text-decoration: none;
 border-bottom: 1px solid #000066;
 display: block;
 background-color: #66cc66;
}

.menu li a:hover {
 background-color: #66ff66;
}

.layout1 {
 margin-left: auto;
 margin-right: auto;
 border: 1px solid #ff9933;
 border-collapse: collapse;
 border-spacing: 0;
 background-color: #ffff66;
}

.layout1 td {
 padding: 0.1em 0.5em;
 border-right: 2px solid #ff9933;
 border-bottom: 2px solid #ff9933;
}

.layout1 td a {
 text-decoration: none;
}

.layout1 td a:hover {
 position: relative;
 left: 1px;
 top: 1px;
}

.layout2 {
 padding: 5px 15px;
 margin: 3px 0px;
 border: 1px solid #191970;
 background-color: #b0e0e6;
}

.style0 {
 font-size: 100%;
 margin-left: 10px;
 margin-right: 10px;
 margin-top: 3.0em;
 margin-bottom: 5.0em;
}

.style1 {
 text-align: center;
 color: #336633;
 line-height: 1.0em;
 padding-top: 0.7em;
 font-size: 16px;
 margin-top: 0;
 margin-bottom: 0.6em;
}

.style2 {
 text-align: center;
 line-height: 1.5em;
 padding-bottom: 0.7em;
 font-size: 14px;
 font-style: oblique;
 margin-top: 0.6em;
 margin-bottom: 0;
}

.style2 a {
 text-decoration: none;
}

.style2 a:hover {
 text-decoration: underline;
}

.style3 {
 font-size: 105%;
 font-weight: bold;
 margin-left: 30px;
 margin-right: 30px;
 margin-top: 3.0em;
 margin-bottom: 4.0em;
}

.style4 {
 font-size: 150%;
 font-weight: bold;
 margin-left: 50px;
 margin-right: 50px;
 margin-top: 3.0em;
 margin-bottom: 4.0em;
}

.style5 {
 font-size: 105%;
 font-weight: bold;
 margin-left: 70px;
 margin-right: 70px;
 margin-top: 3.0em;
 margin-bottom: 4.0em;
}

.style6 {
 font-size: 110%;
 font-weight: bold;
 margin-left: 70px;
 margin-right: 70px;
 margin-top: 4.0em;
 margin-bottom: 5.0em;
}

.style7 {
 font-size: 105%;
 font-weight: bold;
 margin-left: 50px;
 margin-right: 50px;
 margin-top: 3.0em;
 margin-bottom: 4.0em;
}

.style8 {
 text-align: center;
 margin-top: 1.5em;
 margin-bottom: 1.5em;
}

.style9 {
 color: #ff0000;
 font-weight: bold;
}

.style10 {
 font-size: 15px;
 vertical-align: middle;
}

.style11 {
 text-align: center;
 margin-top: 1.0em;
 margin-bottom: 0;
}

.style12 {
 display: block;
 background-image: url("images/logo1.png");
}

.style12 img {
 width: 749px;
 height: 60px;
 border: none;
 transition: opacity 0.7s linear;
}

.style12:hover img {
 opacity: 0;
 filter: alpha(opacity=0);
}

.style13 {
 display: block;
 background-image: url("images/line1.png");
}

.style13 img {
 width: 749px;
 height: 30px;
 border: none;
 transition: opacity 0.7s linear;
}

.style13:hover img {
 opacity: 0;
 filter: alpha(opacity=0);
}

.style14 {
 width: 550px;
 height: 25px;
}

.mailform {
 width: 590px;
 height: 300px;
}

.notice {
 font-size: 15px;
 line-height: 1.0em;
 margin-bottom: 0.5em;
}

.information {
 width: 650px;
 height: 180px;
 overflow: scroll;
 line-height: 1.3em;
 border: 2px solid #ff0000;
 background-color: #ffeeee;
 margin-left: auto;
 margin-right: auto;
 margin-top: 3.0em;
 margin-bottom: 0;
}

.information p {
 text-indent: -1.0em;
 margin-right: 2.0em;
 margin-left: 2.0em;
}

.information a {
 text-decoration: none;
}

.information a:hover {
 text-decoration: underline;
}

.space {
 letter-spacing: 1.0em;
}

.br1 {
 display: none;
}

.selectmenu {
 font-size: 14px;
}

.socialbox {
 display: inline-block;
 vertical-align: top;
}

.socialbox .socialballoon {
 display: block;
 position: relative;
 margin-bottom: 7px;
 padding: 8px 5px 8px 5px;
 border: 1px solid #aaaaaa;
 border-radius: 3px;
 background-color: #ffffff;
 color: #777777;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 height: 15px;
}

.socialbox .socialballoon::before,
.socialbox .socialballoon::after {
 content: "";
 position: absolute;
 left: 50%;
 bottom: 0;
 border: 6px solid transparent;
 border-bottom: 0;
}

.socialbox .socialballoon::before {
 margin: 0 0 -6px -6px;
 border-top-color: #aaaaaa;
}

.socialbox .socialballoon::after {
 margin: 0 0 -5px -6px;
 border-top-color: #ffffff;
}

#capboards {
 position: relative;
 left: 1px;
 height: 250px;
 overflow: hidden;
}

#capboard1, #capboard {
 position: absolute;
 left: 0px;
 top: 0px;
 padding: 10px;
 background-color: #ffff66;
 border: 1px solid #000099;
}

#capmessage1, #capmessage {
 color: #ff0000;
 font-size: 15px;
 font-weight: bold;
}

#capsrc11, #capsrc12, #capsrc13, #capsrc1, #capsrc2, #capsrc3 {
 width: 202px;
 height: 135px;
 border: 3px solid #000099;
 box-shadow: 4px 4px 4px 2px rgba(0,0,0,0.3);
 border-radius: 15px;
}

#captitle11, #captitle12, #captitle13, #captitle1, #captitle2, #captitle3 {
 font-size: 14px;
 letter-spacing: -0.1em;
}

@media screen and (max-width:639px) {

#all {
 width: 428px;
}

#contents {
 width: 408px;
 margin-left: 10px;
 margin-right: 10px;
}

#box {
 width: 428px;
 background-image: url("images/bg3.gif");
}

#left {
 width: 100px;
}

#right {
 width: 318px;
 margin-left: 5px;
 margin-right: 5px;
}

.menu li {
 width: 100px;
 letter-spacing: -0.2em;
}

.layout1 {
 font-size: 14px;
 letter-spacing: -0.2em;
}

.layout2 {
 word-break: break-all;
}

.style2 {
 letter-spacing: -0.1em;
}

.style0, .style3, .style4, .style5, .style6, .style7 {
 font-size: 100%;
 margin-left: 0;
 margin-right: 0;
}

.style12 {
 background-image: none;
}

.style12 img {
 width: 428px;
 height: auto;
}

.style12:hover img {
 opacity: 1;
 filter: alpha(opacity=100);
}

.style13 {
 background-image: none;
}

.style13 img {
 width: 428px;
 height: auto;
}

.style13:hover img {
 opacity: 1;
 filter: alpha(opacity=100);
}

.style14 {
 width: 360px;
 height: auto;
}

.mailform {
 width: 320px;
}

.information {
 width: 400px;
}

.information p {
 margin-left: 1.0em;
 margin-right: 1.0em;
}

.scale1 {
 transform-origin: left top;
 transform: scale(0.80);
 margin-bottom: -26px;
}

.scale2 {
 transform-origin: left top;
 transform: scale(0.67);
 margin-bottom: -67px;
}

.br1 {
 display: inline;
}

.selectmenu {
 letter-spacing: -0.1em;
}

#right .selectmenu {
 width: 120px;
}

#capboards {
 left: 0px;
 height: 230px;
}

#capboard1 div:nth-child(4) {
 display: none;
}

#capboard div:nth-child(4) {
 display: none;
}

#capmessage1, #capmessage {
 letter-spacing: -0.1em;
}

#capsrc11, #capsrc12, #capsrc13, #capsrc1, #capsrc2, #capsrc3 {
 width: 166px;
 height: auto;
}

#captitle11, #captitle12, #captitle13, #captitle1, #captitle2, #captitle3 {
 letter-spacing: -0.2em;
}

}