@charset "utf-8";
/* CSS Document */

body,html { margin:0; padding:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#595757; font-size:14px; width:100%; height:100%; line-height:1.8em; min-width:980px; background-color:#C8E3ED;}

#contents { width:740px; margin:0 auto 0 auto; padding:90px 120px 0px 120px; position:relative; background-color:#FFF; }

#contents h1 { margin:0px 0 90px 240px; }

#contents #ponchi {margin:-10px 0 60px 0; } 

.button { background-color: #C8E3ED; border: 7px solid #C8E3ED; color: #595757; line-height: 55px; display: inline-block; width: 530px; height: 65px; text-align: center;	text-decoration:none; outline: none; font-size:16px; margin-left:100px;}
.button:hover {	background-color: #fff;	border-color: #C8E3ED;	color: #595757; }
.button::before,
.button::after { position: absolute; z-index: -1; display: block; content: ''; }
.button,
.button::before,
.button::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;}

.m100 { margin-left:100px; font-size:12px; }
.m70  { margin-bottom:70px; }
.m170  { padding-bottom:170px; }