@charset="shift_jis"
/*----------------------------------------------------------
    reset
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}
/*p, blockquote, q, pre, address, hr, code, samp,
dl, ol, ul, form, table, fieldset, menu {
    margin-bottom: 1.5em;
}*/
html {
    font-size: 100%;
}

body {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro Pro W3",'メイリオ','Meiryo',"Osaka",Arial,sans-serif;
    font-size: .875em;
    min-width: 970px;
    margin: 0;
}

img {
    border: 0;
    margin:0;
    padding:0
}
ul li { list-style-type: none;}
ol { list-style: decimal outside none; }
h2{
    margin: 0;
}
p{
    margin:0; 
}
.clear {
    clear: both;
}

.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}
.wrap{
    background: url("../images/back_cover.gif");
    background-repeat: repeat;
}
#header{
    width:1040px;
    height: 430px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    zoom:1;
}
#header .btn{
    position: absolute;
    z-index: 990;
    top:365px;
    left:30px;
}
#cover{
    width:1040px;
    height: 430px;
    z-index: 0;
    overflow: hidden;
    top: 0;
    left:370px;
    margin-top:0;
    margin-bottom:0;
    margin-left: auto;
    margin-right: auto;
    zoom:1;
}

#header h1{
    width: 380px;
    height: 430px;
    margin:0;
    text-indent: -9999em;
    overflow: hidden;
    background-image: url("../images/h1.png");
    z-index: 900;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    left: 0
}
#content{
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    zoom:1;
}
#miryoku{
    position: relative;
}
#miryoku h2{
    width: 407px;
    height: 48px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("../images/h2_miryoku.png");
    position: absolute;
    top: 26px;
    left: 32px;
}
#ise{
    position: relative;
}
*#ise{
    margin-top: -4px;
    margin-bottom: -4px;
}
#ise h2{
    width: 350px;
    height: 54px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("../images/h2_ise.png");
    position: absolute;
    top:30px;
    left: 32px;
}
#tokushuu{
    width: 1020px;
    background-image: url("../images/content_bg.gif");
    background-repeat: repeat;
    padding-top: 30px;
}
#plan{
    width: 960px;
    height: 656px;
    background-image: url("../images/bg_plan.png");
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    position: relative;
}
#plan h2{
    width: 440px;
    height: 42px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("../images/h2_plan.jpg");
    position: absolute;
    top:26px;
    left: 18px;
}
#plan .btn{
    position: absolute;
    top: 21px;
    left: 490px;
}
#plan ul{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 91px;
    left: 18px;
    z-index:990;
}
#plan li{
    width: 136px;
    height: 118px;
    margin-right: 21px;
    margin-bottom: 14px;
    display: block;
    float: left;
}
#plan .questionnaire{
    position: absolute;
    top:353px;
    left: 19px;
}
#mise{
    width: 960px;
    height: 289px;
    background-image: url("../images/bg_mise.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    zoom:1;
    position: relative;
}
#mise h2{
    width: 580px;
    height: 43px;
    text-indent: -9999px;
    overflow: hidden;
    background-image: url("../images/h2_mise.jpg");
    position: absolute;
    top:26px;
    left: 18px;
}
#mise ul{
    margin: 0;
    padding: 0;
    position: absolute;
    top: 88px;
    left: 15px;
    z-index:990;
}
#mise li{
    margin-right: 17px;
    display: block;
    float: left;
}
.footer{
    width: 960px;
    height: 72px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.footer .png_bg{
    width: 64px;
    height: 72px;
    text-indent: -9999px;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    zoom: 1;
    background-image: url("../images/pr.png");
    background-repeat: no-repeat;
}
.footer .btn-pageTop{
    position: absolute;
    top: 30px;
    right: 0;
}