@charset "utf-8";

* { margin:0; padding:0; font-size:100%;}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; /* 10px */ overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, btn, select { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
body { color: #000; line-height: 1.5; margin: 0; padding:0; font-size: 14px; font-size: 1.4rem; border-top:3px solid #005AC8;background-color:#F5C53A;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
h1,h2,h3,h4,h5,h6 { font-size:100%; line-height:1}
img { border:none; vertical-align:top;}
table { border-collapse: collapse; border-spacing:0;}
td,th { text-align:left; margin:0;}
ul,ol,li { margin:0 auto; padding:0; list-style:none;}


/* リンク */
a:link,
a:visited { color: #0079F7; text-decoration: underline;}
a:link:hover,
a[href]:hover { color: #2693FF; text-decoration: underline;}
a:hover img { opacity:0.7; filter: alpha(opacity=70);}

/* グループリンク */
.gr li { cursor:pointer; display:block; }
.gr li:hover { text-decoration:underline; }
.gr li:hover img { opacity:0.8; filter: alpha(opacity=80);}

.clearfix:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: ".";}
.clearfix { display: block; /* for IE8 */}
.clear { clear: both;}

.flL { float:left;}
.flR { float:right;}
.fonts { font-size:86%;}

/* 囲み */
#wrap { margin: 0 auto; padding:0; width: 100%; text-align: center; color:#666; font-size:14px; font-size:1.4rem;}
#wrap:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}


/* ==============================================
 Header
=============================================== */
header { width:auto; height:auto; margin: 0 auto; padding: 0;}
header:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
header h1 { width:auto; padding:30px 0 0 0;}



/* ==============================================
 コンテンツ
=============================================== */
#contents { width: 660px; margin: 0 auto 30px auto; padding: 50px 10px 30px 10px; text-align: left;font-size: 110%; line-height: 1.7em;}
#contents:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

.stg0{font-weight:bold;font-size:180%;}
.stg1{font-weight:bold;font-size:110%;}
@media only screen and (max-width: 680px) {
#wrap img { width: 100% !important; }
}