@charset "utf-8";
/* CSS Document */

@import "normalize.css";
@import "font.css";
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400);
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,300);

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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html{ font-size:small; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; height:100%;}

a:link, a:visited{ color:#0660FF; text-decoration: none;}
a:hover{text-decoration:none;}
.Clear {clear: both;font: 0pt/0pt sans-serif;height: 0px; line-height:0;}


/* =========================================================
	font-size:77%    for setting 10px
	font-size:85%    for setting 11px
	font-size:93%    for setting 12px
	font-size:100%   for setting 13px
	font-size:108%   for setting 14px
	font-size:116%   for setting 15px
	font-size:123.1% for setting 16px
	font-size:131%   for setting 17px
	font-size:138.5% for setting 18px
	font-size:146.5% for setting 19px
	font-size:153.9% for setting 20px
	font-size:161.6% for setting 21px
	font-size:167%   for setting 22px
	font-size:174%   for setting 23px
	font-size:182%   for setting 24px
	font-size:189%   for setting 25px
	font-size:197%   for setting 26px
========================================================= */
body{ padding:0; height:100%;}
#wrap{margin:0; padding:0; width:100%; background-color:#eaeaea;}
body > #wrap {height: auto; min-height:100%;}
#container{ padding:40px 80px;}

img {
  max-width: 100%;
  vertical-align: middle;
}

/* Header
*******************************************************************************************************************/
header{ background-color:#243c54; position:relative;font-family: 'Roboto', sans-serif; font-weight:300; }
header section{position:relative; padding:40px 40px 35px 40px;}
header section #logo{padding:25px 15px 15px 0; font-size: 200%; text-align: center;}
.adv{ background-color:#FFF; padding:15px 0; text-align:center;}




/* Footer
*******************************************************************************************************************/
/*footer{margin-top:-155px; padding:0; position:relative; clear:both; width:100%;}*/
footer{margin-top:-36px; padding:0; position:relative; clear:both; width:100%;}
@media screen and (-webkit-min-device-pixel-ratio:0) {footer { margin-top:-35px; }}
footer .copy{background-color:#243c54; color:#98a3af; padding:10px 0; font-size:77%; text-align:center; letter-spacing:0.05em;}
footer .close a span{ margin-right:3px; vertical-align:-3px; font-size:16px;}
footer .close a{color:#98a3af;background-color:#2f4e6b; padding:10px 0; display:block; text-align:center;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
 -o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;}
footer .close a:hover{ color:#FFF; background-color: #467297;}