@charset "shift_jis";


body {
margin: 0;
padding: 0;
text-align: center;
font-size: 12px;
color: #666;
line-height: 1.4em;
background: url(../img/bg.gif) repeat-y center;
font-family: 'ＭＳ Ｐゴシック',sans-serif;
}
table { font-family: 'ＭＳ Ｐゴシック',sans-serif; font-size: 12px; color: #000; line-height: 1.2em;}

img { border: 0; margin: 0;}

a { text-decoration: none;}
a:link { color: #369;}
a:visited { color: #369;}
a:hover { color: #f00; text-decoration: none;}
a:active { color: #369;}
/*------------------------------------------------*/


#wrap { width: 800px; padding: 0; margin: 0 auto 0; text-align: center; background: #fff; position: relative;}
#top { width: 100%; height: 140px; padding: 480px 0 0; margin: 0 auto 0; text-align: center; background: #FFA5CE url(../img/top.jpg) no-repeat 0 0;}
.qa { width: 100%; padding: 0 0 15px; margin: 0 auto 0; text-align: center; background: #FFA5CE;}
.contents { width: 100%; padding: 0; margin: 0 auto 0; text-align: center;}
#teiki { width: 100%; height: 180px; padding: 385px 0 0; margin: 0 auto 0; text-align: center; background: url(../img/teiki.jpg) no-repeat 0 0;}
#footer { width: 100%; padding: 10px 0 10px; color: #666; text-align: center;}
/*------------------------------------------------*/


.botan01 p { text-indent: -9999px;}
.botan01 a { display: block; width: 580px; height: 55px; margin: 0 auto 10px; background: url(../img/botan01.jpg) no-repeat 0 0; font-size: 0;}
.botan01 a:hover { display: block; width: 580px; height: 55px; margin: 0 auto 10px; background: url(../img/botan01.jpg) no-repeat 0 100%;}

.botan02 p { text-indent: -9999px;}
.botan02 a { display: block; width: 580px; height: 55px; margin: 0 auto 0; background: url(../img/botan2.jpg) no-repeat 0 0; font-size: 0;}
.botan02 a:hover { display: block; width: 580px; height: 55px; margin: 0 auto 0; background: url(../img/botan2.jpg) no-repeat 0 100%;}

.botan03 p { text-indent: -9999px;}
.botan03 a { display: block; width: 580px; height: 55px; margin: 0 auto 10px; background: url(../img/botan3.jpg) no-repeat 0 0; font-size: 0;}
.botan03 a:hover { display: block; width: 580px; height: 55px; margin: 0 auto 10px; background: url(../img/botan3.jpg) no-repeat 0 100%;}
/*------------------------------------------------*/


.m20t { margin: 0 auto 20px;}
.m20b { margin: 0 auto 20px;}
.m3l { margin: 0 0 0 3px;}
.gotop { display: block; width: 780px; text-align: right; margin: 20px auto 0; padding: 0;}
/*------------------------------------------------*/


a.login { position: absolute; z-index: 100; top: 0; left: 0; margin: 10px 0 0 800px;}
a:hover.login { margin: 12px 0 0 800px;}

a.login2 { position: absolute; z-index: 100; top: 0; left: 0; margin: 155px 0 0 800px;}
a:hover.login2 { margin: 157px 0 0 800px;}
/*------------------------------------------------*/


/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}

/* Win版IE7とMac版IE5対策 */
.clearfix { display: inline-block;}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix { height: 1px;}

.clearfix { display: block;}
/* End hide from IE-mac */