@charset "UTF-8";

/* ------------------------------------------- CSS Information 
 File Name:      default.css
 Author:         Dxmix 
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  

html{overflow-y: scroll;} 

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;
}

p{
margin: 0;
padding:12px 0 12px 0;
}

h1,h2,h3,h4,h5,h6{
font-size: 100%;
font-weight: normal;
}



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:      slhp.css
 Author:         Dxmix
 Style Info:     セールスレター型ホームページ詳細設定
----------------------------------------------------------- */

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


/*header*/
header{
width:100%;
text-align: center;
background:url(../img/header_bg.png) repeat-x left top;
}

/*wrapper*/
.wrapper{
margin:0 auto;
padding:20px 0;
width:960px;
background:#ffffff;
}

.wrapper_sub{
margin:0 auto;
padding:40px 0;
width:960px;
background:#ffffff;
}

/*textbox*/
.textbox{
margin:0 auto;
padding: 30px 0;
width:800px;
text-align: justify;
line-height: 30px;
}
.textbox p{
margin :0;
padding:0 0 30px 0;
}


/*step*/
#step{
margin:0 auto 60px auto;
width:800px;
}
#step_header_01{
width: 800px;
background:url(../img/step_header_01.png) no-repeat left top;
}
#step_header_02a{
width: 800px;
background:url(../img/step_header_02a.png) no-repeat left top;
}
#step_header_02b{
width: 800px;
background:url(../img/step_header_02b.png) no-repeat left top;
}
#step_header_03{
width: 800px;
background:url(../img/step_header_03.png) no-repeat left top;
}
.step_text{
padding:110px 260px 30px 30px;
font-size:16px;
line-height:26px;
text-align:left;
}
.step_text p{
margin:0;
padding:0;
}
.step_box{
width: 800px;
background:url(../img/step_bg.png) repeat-y left top;
}
#step dl{
width:740px;
margin:0 auto;
}
#step dt{
margin:0;
font-weight: bold;
font-size:18px;
text-align: justify;
line-height: 24px;
padding:16px 20px 16px 90px;
position: relative;
}
#step dt.step01{background:url(../img/step01.png) no-repeat left center;}
#step dt.step02{background:url(../img/step02.png) no-repeat left center;}
#step dt.step03{background:url(../img/step03.png) no-repeat left center;}
#step dt.step04{background:url(../img/step04.png) no-repeat left center;}
#step dt.step05{background:url(../img/step05.png) no-repeat left center;}
#step dt.step06{background:url(../img/step06.png) no-repeat left center;}
#step dt.step07{background:url(../img/step07.png) no-repeat left center;}
#step dt.step08{background:url(../img/step08.png) no-repeat left center;}
#step dt.step09{background:url(../img/step09.png) no-repeat left center;}
#step dt.step10{background:url(../img/step10.png) no-repeat left center;}
#step dt.step11{background:url(../img/step11.png) no-repeat left center;}
#step dt.step12{background:url(../img/step12.png) no-repeat left center;}
.youtube{
font-weight: none;
font-size:12px;
line-height: 20px;
position: absolute;
right: 20px;
top: 30px;
}
#step dd{
font-size:14px;
padding:10px 5px 20px 5px;
line-height:20px;
text-align: justify;
}


/*present*/
#present{
margin:30px auto;
width:800px;
overflow:auto;
}
#present dl.line{
border-bottom: 1px dashed #999999;
}
#present dt{
font-weight: bold;
font-size:18px;
text-align: justify;
line-height:48px;
padding:16px 20px 16px 90px;
position: relative;
}
#present dt.present01{background:url(../img/present01.png) no-repeat left center;line-height: 24px;}
#present dt.present02{background:url(../img/present02.png) no-repeat left center;}
#present dt.present03{background:url(../img/present03.png) no-repeat left center;line-height: 24px;}
#present dt.present04{background:url(../img/present04.png) no-repeat left center;line-height: 24px;}
#present dt.present05{background:url(../img/present05.png) no-repeat left center;line-height: 24px;}
#present dt.present06{background:url(../img/present06.png) no-repeat left center;}
.pdf{
font-weight: none;
font-size:14px;
line-height: 20px;
position: absolute;
right: 20px;
top: 30px;
}
#present dd{
padding:30px 180px 30px 90px;
line-height:30px;
text-align: justify;
}
#present dd.sec{
font-size:18px;
padding:30px;
line-height:36px;
text-align: center;
}

/*profile*/
#profile{
margin: 0 auto 60px auto;
width:800px;
}
#profile_text{
padding:36px 0 12px 0;
line-height:24px;
text-size:14px;
text-align: justify;
}
#profile_text p{
margin:0;
padding:0 0 24px 0;
}


/*form*/
.form_box{
margin:20px auto 0 auto;
width:960px;
text-align: left;
height: 730px;
background: url(../img/form_bg.png) no-repeat center top;
}
.form_box form{
margin: 0 auto;
padding-top:370px;
width:620px;
}
.form_box form input[type=text]{
font-family: "ヒラギノ角ゴ Pro W3",Osaka,"メイリオ","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
font-size: 20px;
line-height:40px;
width:580px;
margin:0 10px;
padding: 10px;
float:left;
}
.form_box form input[type=image] {
margin:10px auto 50px auto;
width:620px;
}
.form_box p{
margin:0;
padding:0 50px;
font-size:12px;
line-height:18px;
text-align:center;
}


/*footer*/
footer{
padding:10px;
font-size: 12px;
line-height:20px;
background: #005982;
color: #eeeeee;
min-width:940px;
overflow:auto;
}
#f-navi li{
list-style-type: none;
float: left;
padding:0 20px 0 12px;
background: url(../img/footer.png) no-repeat left center;
}
#copyright{
padding-right:10px;
float: right;
color: #eeeeee;
text-align:right;
}







/*A Style*/
a:link{
text-decoration: none;
color: #179ec2;
}

a:visited{
text-decoration: none;
color: #179ec2;
}

a:hover{
text-decoration: underline;
color: #179ec2;
}

a:active{
text-decoration: none;
color: #179ec2;
}



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

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

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

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


/*basic*/

.b{font-weight: bold;}
.b-bg{font-weight: bold; background-color: #fff45c;}
.b-ul{font-weight: bold; text-decoration: underline;}
.b-ul-bg{font-weight: bold; text-decoration: underline; background-color: #fff45c;}
.b-big{font-weight: bold; font-size:24px; line-height:40px;}


/*red*/

.red-b{
color: #e83e3e;
font-weight: bold;
}
.red-b-ul{
color: #e83e3e;
font-weight: bold;
text-decoration: underline;
}

.red-b-ul-big{
color: #e83e3e;
font-weight: bold;
text-decoration: underline;
font-size:24px;
line-height:40px;
}


#tokutei{
margin: 0 auto;
width: 800px;
line-height: 18px;
font-size: 12px;
}

.c_title{
text-align: left;
font-size: 14px;
font-weight: bold;
padding:0 0 10px 0;
}

#tokutei th{
width: 180px;
padding: 10px;
}

#tokutei td{
padding: 10px;
text-align: justify;
text-justify: inter-ideograph;
}


#pp{
margin: 0px auto;
width: 800px;
line-height: 20px;
text-align: justify;
text-justify: inter-ideograph;
font-size: 12px;
}

dt.dtpp{
font-weight: bold;
padding-top: 1em;}

dd.ddpp{margin-left:24px;} 
ol.olpp{padding-left:30px; }
li.123{list-style: outside list-style-type: decimal;}
li.abc{list-style: outside lower-alpha;}
li.iii{list-style: outside lower-roman;}