@charset "utf-8";

/* 
<meta http-equiv="Content-Style-Type" content="text/html; charset=UTF-8" />
<LINK rel="stylesheet" href="http://krsm94.web.fc2.com/style.css" type="text/css" />
*/

/*
html { font-size: 80%; }

body { font-size: 10px; font-size: 1.0rem; }

li   { font-size: 14px; font-size: 1.4rem; }

p   { font-size: 12px; font-size: 1.2rem; }
*/

/* 文字サイズ関係 */

html{ font-size: 62.5%; }

body{ font-size:16px; font-size:1.6rem; color:#556; }
@media only screen and (max-device-width : 480px) {
/* スマートフォンだけ以下を適用 */
body {-webkit-text-size-adjust: 150%;}
}

p{ font-size:16px; font-size:1.6rem; color:#555; line-height:24px; line-height:2.4rem; margin-top:10px;}

p.pad{ padding-left:16px; }

p.tead{ color:#889; }

table{ font-size:16px; font-size:1.6rem; color:#555; line-height:24px; line-height:2.4rem; }

table.tead{ color:#889; }

ul.tead{ color:#889; }

h1{ font-size:24px; font-size:2.2rem; color:#375; }
/* h1{ font-size:22px; font-size:2.2rem; } */

h2{ font-size:20px; font-size:2.0rem; color:#375; }
/* h2{ font-size:20px; font-size:2.0rem; } */

h3{ font-size:18px; font-size:1.8rem; color:#486; }

h4{ font-size:16px; font-size:1.6rem; color:#6a8; }

h5{ font-size:14px; font-size:1.4rem; color:#655; }

h1,h2,h3{ margin-top:50px; }

h4,h5{ margin-top:30px; line-height:20px; line-height:2.0rem; }

blockquote{ color:#3b7; }

/* フレーム関係 */

body , html {
    height: 100%;
}

#header {
    position: relative;
    width: 100%;
    height: 5%;
}

#container {
    position: relative;
    width: 100%;
    height: auto !important;
/*    height: 100%; */
    min-height: 100%;
}
 
#contents {
    padding-bottom: 15%;
}
 
#footer {
    position: fixed;
/*    position: relative; */
    width: 80%;
    height: 15%;
    min-height: 150px;
    bottom: 0;
    left: 10%;
    right: 10%;
    text-align: center;
    background: linear-gradient(0deg, rgba(255,255,255,0.9), rgba(255,255,255,0.0));
    /* background-color: rgba(243,247,251,0.5); */
}