@charset "utf-8";



/* ベース */
html body{ height: 100%; background: #FFFFFF url(../image/bg.gif) repeat center top fixed; }
*{ margin: 0; padding: 0; border:none; list-style: none; }
h1 , h2 , h3 , h4 , h5 , h6{ font-weight: normal; }
.tc{ text-indent: 100%; white-space: nowrap; overflow:hidden; }
img{ vertical-align: text-bottom; }
.relative{ position: relative; }
.absolute{ position: absolute; }
.check{ background: #FF0000; }



/* リンク用モーション */
.link-motion{
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-ms-animation: all 0.4s ease;
-o-transition: all 0.4s ease;
animation: all 0.4s ease;
}
.link-motion:hover{/* マウスオーバー */
opacity: 0.4;
text-decoration: none;
}



/* 包装 */
.wrapper{
width: 100%;
background: #FFFFFF;
margin: 0px auto;
padding: 100px 0 200px 0;
}



/* floatクリア */
.float_clear{
width: 100%;
height: 0;
clear: both;
}



/* フッター */
.footer{
width: 100%;
height: 200px;
background: url(../image/footer-bg.png) repeat-x center top;
margin: 0 auto;
}
.footer_text{
width: 100%;
text-align: center;
bottom: 35px;
left: 0;
}



/* ページのTOPへ */
.top_return{
z-index: 1000;
position: fixed;
bottom: 30px;
right: 30px;

cursor: pointer;
}



/* フォント */
*{
font-family: 'メイリオ',sans-serif;
color: #424242;
}
::selection{
background: #42C356;
color: #FFFFFF;
}



/* 色の追加 */
.T-white{
color: #FFFFFF;
}
.T-attention{
color: #42C356;
}
.T-yellow {
color: #FFAB00;
}
.T-blue{
color: #0091EA;
}
.T-green{
color: #558B2F;
}
.T-out{
color: #7F7F7F;
}



/* サイズの設定 */
.T-10px{
font-size: 10px;
line-height: 20px;
}
.T-12px{
font-size: 12px;
line-height: 22px;
}
.T-14px{
font-size: 14px;
line-height: 24px;
}
.T-16px{
font-size: 16px;
line-height: 26px;
}
.T-18px{
font-size: 18px;
line-height: 28px;
}
.T-20px{
font-size: 20px;
line-height: 30px;
}
.T-22px{
font-size: 22px;
line-height: 32px;
}
.T-24px{
font-size: 24px;
line-height: 34px;
}
.T-26px{
font-size: 26px;
line-height: 36px;
}
.T-28px{
font-size: 28px;
line-height: 38px;
}
.T-30px{
font-size: 30px;
line-height: 40px;
}
.T-40px{
font-size: 40px;
line-height: 55px;
}



/* リンク時の設定 */
a:link{/* 未訪問 */
color: #42C356;
text-decoration: none;
}
a:visited{/* 訪問済 */
color: #42C356;
text-decoration: none;
}
a:hover{/* マウスオーバー */
color: #42C356;
text-decoration: underline;
}
a:active{/* クリック */
color: #42C356;
text-decoration: underline;
}



/* ウインドウサイズが600pxを下回る場合 */
@media screen and (max-width: 600px){



html body{ background: #7CE68D;}



/* ページのTOPへ */
.top_return{
display: none;
}



}




