@charset "UTF-8";

body  {font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

.headbox::after {content: "";
                display: block;
                clear: both}

.sitename {float: left;
           width: 60%;
           height: 40px;
            background-color: #7cbac1;
            border-bottom: 1px solid #fff;
            }


.sitename h1 a {color: #000000;
                text-decoration: none;}

.sitename h1    {margin: 0;
                font-size: 30px}

.sitename p     {margin: 0;
                font-size: 12px}

.menubox        {float: left;
                background-color: #7cbac1;
                width: 40%}

.menu           {/*width: 650px;
	               height: 40px;*/
	               margin: 0 auto;}

.menu ul        {margin: 0;
                padding: 0;
                list-style: none}

.menu li a    {display: block;
                width: 115px;
                height: 40px;
                line-height: 2.8;
                color: #000000;
                font-size: 14px;
                text-decoration: none}

.menu li a:hover { background-color: #eeeeee}

.menu ul:after  {content: "";
                display: block;
                clear: both}

.menu li        {position: relative;
                 width: 115px;
                 height: 40px;
                 text-align: center;
                 float: left;
               /*  border-right: 1px solid #fff; */
                }

.menu li:last-child {border-right: none}

.menu li ul {position: absolute}

.menu li ul li {background-color: #7cbac1;
                overflow: hidden;
                height: 0}

.menu li ul li a {border-top: 1px solid #fff;}

.menu li:hover > ul > li {overflow: visible;
                          width: 115px;
                          height: 40px;}


.box2 {margin-bottom: 5em;}

.box2 h3 {border-left: solid 10px #7cbac1;
          border-bottom: solid 1px #7cbac1;
          padding-left: 5px;
        }

.box2 dt {border-left: solid 10px #7cbac1;
          padding-left: 5px;
          }

.box2 ul {list-style: none;}

.aisatsu h3 {border-left: 0;
          border-bottom: 0;
          text-align: center;}

.namebox {text-align: right;}


.infobox1 {float: left;}

.infobox2 {display: block;
            margin-left: 150px;}

.schebox1 {float: left;}

.schebox2 {display: block;
            margin-left: 170px;}

.fmtbox1 {float: left;}

.fmtbox2 {display: block;
          margin-left: 260px;}

footer {border-top: solid 1px #dddddd}

.copyright p {margin: 0;
              color: #666666;
              font-size: 14px}
