@charset "UTF-8";
/* ------------------------------------------- CSS Information 
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  
html{overflow-y:scroll;} 
html,body,div,blockquote,pre,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,input,textarea,fieldset{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}   
img,abbr,acronym,fieldset{border:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display:none;}
object,embed{vertical-align:top;} 

/* ------------------------------------------- CSS Information 
 File Name:      basic.css
----------------------------------------------------------- */
.b{font-weight:bold;}
.bg{background-color:#fff45c;}
.ul{text-decoration:underline;}
.red{color:#a40000;}
.big{font-size:24px;}

/* ------------------------------------------- CSS Information 
 Style Info:     セールスレター型ホームページ詳細設定
----------------------------------------------------------- */

body{  
font-family: Osaka,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
color:#333333;
font-size:16px;
line-height:0;
text-align:center;
background:#eeeeee;
}

/*header*/
header{background:url(../img/header_bg.png) no-repeat center top;}
/*wrapper*/
.wrapper{width:960px;margin:0 auto;background:#ffffff;}
/*slipin*/
#slipin{
margin:0 auto;
width:960px;
height:600px;
background:url(../img/slipin.png) no-repeat left top;
}
.slipin_text{
margin:0;
font-size:16px;
line-height:24px;
text-align:justify;
padding:200px 60px 100px 300px;
}

.btn{margin-top: 360px;}



.bg01{
margin:0;
background: url(../img/bg/bg1.png) #f7ebda repeat-x left top;
}

.bg02{
margin:0;
background: url(../img/bg/bg2.png) #f7ebda repeat-x left top;
}

.bg03{
margin:0;
background: url(../img/bg/bg3.png) #f7ebda repeat-x left top;
}



.textbox{
width:800px;
margin:0 auto;
padding:65px 0;
text-align:left;
font-size:18px;
line-height:30px;
}
.textbox p{margin:0;padding:15px 0;}



/*user*/
#user{
margin:0 auto 30px auto;
width:960px;
background:#f9f6f2;
}
.user_bg{margin:0 auto;width:960px;height:400px;}
.user_01{background:url(../img/user_01.png) no-repeat left top;}
.user_02{background:url(../img/user_02.png) no-repeat left top;}
.user_03{background:url(../img/user_03.png) no-repeat left top;}
.user_text{
margin:0;
font-size:16px;
line-height:30px;
text-align:justify;
padding:150px 80px 80px 300px;
}
/*after*/
#after{
margin:0 auto 30px auto;
width:900px;
}
.after_bg{
margin:0 auto 30px auto;
padding:30px;
width:820px;
border:10px solid #ea609e;
background:url(../img/after_bg.png) no-repeat left top;
}
.after_text{
margin:0;
font-size:14px;
line-height:24px;
text-align:justify;
padding:30px;
background:#ffffe4;
}

/*profile*/
#profile{
margin:30px auto;
padding:0 0 50px 0;
width:900px;
}
.profile_text{
width:740px;
margin:0 auto;
padding:20px 80px;
font-size:16px;
line-height:30px;
text-align:justify;
background:#ffffe4 url(../img/profile_bg.png) repeat-y left top;
}
.profile_text img{
float:left;
margin:0;
padding:0 20px 10px 0;
}
/*henkin*/
#henkin{
margin:0 auto 30px auto;
padding:0 0 50px 0;
width:900px;
background:#ffffe4;
}
.henkin_text{
width:800px;
margin:50px auto 0 auto;
font-size:16px;
line-height:40px;
text-align:justify;
background:#ffffe4 url(../img/henkin_bg.png) repeat-y left top;
}
/*present*/
#present{
margin:0 auto 30px auto;
width:960px;
}
.present_bg{margin:30px auto 0 auto;width:900px;height:600px;}
.present_01{background:url(../img/present_01.png) no-repeat left top;}
.present_02{background:url(../img/present_02.png) no-repeat left top;}
.present_03{background:url(../img/present_03.png) no-repeat left top;}
.present_04{background:url(../img/present_04.png) no-repeat left top;}
.present_05{background:url(../img/present_05.png) no-repeat left top;}
.present_06{background:url(../img/present_06.png) no-repeat left top;}
.present_07{background:url(../img/present_07.png) no-repeat left top;}
.present_text{
margin:0;
font-size:16px;
line-height:30px;
text-align:justify;
padding:230px 80px 80px 380px;
}
/*faq*/
#faq{
margin:0 auto 30px auto;
width:960px;
}
.faq_text{
margin:30px auto;
width:800px;
font-size:16px;
text-align:justify;
}
.faq_text dt{
line-height:30px;
padding:0 0 0 40px;
background:url(../img/q.png) no-repeat left center;
}
.faq_text dd{
margin:30px 0 30px 0;
line-height:30px;
padding:0 0 30px 40px;
border-bottom:1px dashed #999999;
background:url(../img/a.png) no-repeat left top;
}
/*support*/
#support{
margin:0 auto 30px auto;
width:900px;
height:500px;
background:url(../img/support.png) no-repeat left top;
}
.support_text{
margin:0;
font-size:16px;
line-height:30px;
text-align:justify;
padding:160px 60px 60px 60px;
}

/*-----cta-----*/
.cta{
width:960px;
margin:0;
padding:0 0 60px 0;

}
.cta img{
display:block;
margin:0 auto;
}
.attention{
margin:0 auto;
padding:19px;
width:760px;
font-size:12px;
line-height:20px;
text-align:left;
border:1px solid #999999;
}



/*-----footer-----*/
footer{
min-width: 980px;
height:30px;
line-height:30px;
background-color: #fce6ed;
font-size: 12px;
color: #666666;
font-weight:bold;
}

footer nav{
height:30px;
float: left;
padding: 0 10px;
}

nav a{
padding: 0 20px 0 0;
}

address{
float: right;
padding: 0 10px;
}

footer a:link{
color: #666666;
text-decoration: none;
}

footer a:visited{
color: #666666;
text-decoration: none;
}

footer a:hover{
color: #666666;
text-decoration: underline;
}

footer a:active{
color: #666666;
text-decoration: none;
}