@charset "utf-8";
/* CSS Document */
/* ↓基本設定 */

* {
              font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
              line-height: 1.6;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
              margin: 0;
              padding: 0;
              border: 0;
              font-size: 100%;
              vertical-align: baseline;
}


img{
              border: none;
              margin: 0;
              padding: 0;
              vertical-align:bottom;
}

html {
                            height: 100%;
}
body {
              margin: 0;
              padding: 0;
              background: #a2c3e7;
              color: #0a3869;
              height: 100%;
}

a:link {
}
a:visited {
              color: #500;
}
a:hover {
              color: #777;
}
a:active{
              color: #aaa;
}
/* ↑基本設定 */

/* >> Rayout */
#imghead {
              max-height: 420px;
              overflow: hidden;
              text-align: center;
}
#imghead  img{
              width: 900px;
              margin: -20px 0 0;
              padding:0;
}
.header {
              background: #fff;
}
#wrap {
              position: relative;
              width: 880px;
              margin: 0 auto;
              padding: 0 5px;
              border-right: 5px solid #fff;
              border-left: 5px solid #fff;
}
.article {
              width: 880px;
              background: #fff;
}
.footer {
              width: 880px;
              background: #fff; 
}

/* >>COunter*/ 
#countbox {
              position: absolute;
              display: none;
}
#counterswitch {
              position: absolute;
              top: -137px;
              left: 808px;
}
#counterswitch a {
              display: block;
              width: 5px;
              height: 5px;
}


/* >> Header */
.header h1 {
              height: 106px;
              width: 346px;
              overflow: hidden;
              margin: 0 0 10px;
              padding: 10px  0 0 9px;
}
.header h2 {
              font-size: 0.95em;
              font-weight: normal;
              margin: 0;
              padding: 10px ;
}
.header hgroup {
              padding-bottom: 20px;
}
.header #headertopimage{
              margin: 5px 5px 0 0;
              float: right;
}

/* >> article */
.article h3 {
              margin: 0 10px;
              padding: 0 5px;
              border-bottom: 1px solid #0a3869;
}
.article dl {
              font-size: 0.95em;
              margin: 5px 0 20px;
}
.article dt {
              margin: 0 15px;
              padding: 0 5px;
              border-bottom: 1px dotted #0a3869;
              font-weight: bold;
              font-size: 0.95em;
}
.article dd {
              padding: 3px 0 0;
              margin: 0 0 10px 60px;
              font-size: 0.95em;
              line-height: 1.4;
}
.article dd br {
              line-height: 1.4;
}
.article p {
              margin: 0 20px;
              padding: 10px;
              font-size: 0.85em;
}
.article p a span{
              font-size: 1.2em;
}

/* >> footer */
.footer h4 {
              margin: 0;
              padding: 10px 20px 0;
              font-size: 1em;
              text-align: right;
}
.footer ul {
              list-style: none;
              margin: 0 10px;
              padding: 0 10px;
              text-align: right;
              font-size: 0.85em;
              border-bottom: 1px solid #0a3869;
}
.footer ul li {
              margin: 0;
              padding: 0;
}
.footer address {
              font-size: 0.8em;
              font-weight: bold;
              font-style: normal;
              text-align: right;
              color: #0a3869;
              padding: 3px 20px;
}

/* >>begin______________________clearfix______________________ */
.clearfix:after {
              content: ".";
              display:block;
              height: 0;
              clear: both;
              visibility: hidden;
}

.clearfix{ display: inline-block; }

/* Hides From IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {display:block; }
/* End hide from IE-mac */
/* ______________________clearfix______________________end<< */