@charset "utf-8";

* {
	font-style:normal;
	font-weight:normal;
}

@media print{
    .no_print{
        display: none;
    }
}

html {
  font-size: 62.5%; /*font-size:10px;*/
}

body {
    color: #343A47;
	margin: 0;
	padding: 0;
	font-size:1.4rem; /*font-size:14px;*/
	font-family: Arial, Roboto, “Droid Sans”, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, “游ゴシック”, YuGothic, sans-serif;
    background: #FFF url("../images/bg02.png") repeat-x bottom center;
    background-size: contain; 
}

#header {
    width: 100%;
    padding: 10px 5px;
    text-align: center;
    margin: 0;
}
#header img {
    width: 100%;
   max-width: 700px;
    height: auto;
}

#contents {
    width: 100%;
	margin: 0 auto;
	padding: 0;
	max-width: 1024px;
    /*background: #FF0;*/
}

ol, dl, ul {
	padding: 0;
	margin: 0;
}
ul {
    margin-left: 1em;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
    padding: 0;
}

a img {
	border: none;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* --- 全体のリンクテキスト --- */
a:link {
	color: #039;
}
a:visited {
	color: #009;
}
a:hover {
	color: #009;
}
a:active {
	color: #06C;
}

.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal;
}

.clearfloat {
	clear:both;
	height: 0;
	padding: 0;
	margin: 0;
	visibility:hidden;
}

#footer {
	background: #000;
    color: #FFF;
	padding: 10px;
	text-align: center;
    font-size: 85%;
    width: 100%;
    border-top: 3px solid #FFD300;
}
#footer a:link {
	color: #FFF;
}
#footer a:visited {
	color: #FFF;
}
#footer a:hover {
	color: #CCC;
}
#footer a:active {
	color: #CCC;

/* ------------------------------------------------------------------
 表示領域が991px以下の場合に適用するスタイル
------------------------------------------------------------------ */
@media screen and (max-width: 991px) {
}

/* ------------------------------------------------------------------
 表示領域が992px以上の場合に適用するスタイル
------------------------------------------------------------------ */
@media screen and (min-width: 992px) {
#footer {
    position: fixed;       /* 絶対位置指定することを定義 */
    bottom: 0px;           /* 絶対位置指定(左0px,下0px) */
    }
}