


/* 基本 */
html body{ height: 100%; background: #FFFFFF url(../image/00_bg.gif) repeat center top fixed; overflow-x: hidden; }
*{ 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; }



/* デザイン要素の追加 */
.shadow{	/* コンテンツに影を落とす */
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 1px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 1px;
-moz-box-shadow :rgba(0, 0, 0, 0.2) 0px 1px 2px 1px;
}



/* 包装 */
.wrapper{	/* TOP以降 */
width: 100%;
background: #FFFFFF;
margin: 0px auto;
padding-top: 100px;
}



/* フッター */
.footer{	/* 包装 */
width: 100%;
height: 160px;
background: url(../image/99_bg01.png) repeat-x center top;
margin: 0 auto;
}
.footer_text{	/* コピーライト */
width: 100%;
text-align: center;
bottom: 15px;
left: 0;
}
.footer_blank{	/* 余白 */
width: 1100px;
height: 60px;
margin: 0 auto;
}



/* ページのＴＯＰへボタン */
.returntop{
z-index: 100;
position: fixed;
bottom: 30px;
right: 30px;
}



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



/* 基本 */
html body{
overflow-x: hidden;
}



/* フッター */
.footer{	/* 包装 */
width: 100%;
height: 160px;
background: url(../image/99_bg01.png) repeat-x center top;
margin: -10px auto 0 auto;
}
.footer_text{	/* コピーライト */
width: 100%;
text-align: center;
bottom: 10px;
left: 0;
}
.footer_blank{	/* 余白 */
width: 600px;
height: 60px;
margin: 0 auto;
}



/* ページのＴＯＰへボタン */
.returntop{
opacity: 0;
}



}




