@charset "UTF-8";

/* ------------------------------------------- CSS Information 
 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;}
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 
 Style Info:     基本設定
----------------------------------------------------------- */
/*A Style*/  
a:link{text-decoration: underline;color: #666666;}
a:visited{text-decoration: none;color: #66666;}
a:hover{text-decoration: underline;color: #999999;}
a:active{text-decoration: none;color: #66666;}
.it{ font-style: italic;}
.ol{ text-decoration: overline;}
.lt{ text-decoration: line-through;}
.uol{ text-decoration: underline overline;}
/*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:20px; line-height:30px;}
.b-bg-big{font-weight: bold; background-color: #fff45c; font-size:20px; line-height:30px;}
.b-ul-big{font-weight: bold; text-decoration: underline; font-size:20px; line-height:30px;}
.small{font-size:14px;}
/*red*/
.red-b{color: #c9171e;font-weight: bold;}
.red-b-bg{color: #c9171e;font-weight: bold;background-color: #fff45c;}
.red-b-ul{color: #c9171e;font-weight: bold;text-decoration: underline;}
.red-b-ul-bg{color: #c9171e;font-weight: bold;text-decoration: underline;background-color: #fff45c;}
.red-b-big{color: #c9171e; font-weight: bold; font-size:20px;line-height:40px;}
.red-b-bg-big{color: #c9171e; font-weight: bold; background-color: #fff45c; font-size:20px; line-height:30px;}
.red-b-ul-big{color: #c9171e; font-weight: bold; text-decoration: underline; font-size:20px;line-height:30px;}
.red-b-ul-bg-big{color: #c9171e; font-weight: bold; text-decoration: underline; background-color: #fff45c; font-size:20px;line-height:30px;}
/*img float*/
img.imgr{float: right; padding: 0 0 50px 30px;}
img.imgl{float: left;}


/* ------------------------------------------- CSS Information 
 Style Info:     セールスレター型ホームページ詳細設定
----------------------------------------------------------- */
body{  
font-family: Osaka,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
color: #333333;
font-size: 17px;
line-height: 0;
text-align: center;
background:#e9ebee url(../img/wrapper.png) repeat-y center top fixed;
letter-spacing:0em;
overflow:hidden;
}

/*cdt*/
#cdt{
width:100%;
background:#000000;
padding:10px 0;
position:fixed;
z-index:10;
}
.count{
font-family:Osaka,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif;
font-size:30px;
line-height:50px;
color:#ffffff;
text-align:center;
width:100%;
border-style:none;
padding:0;
margin:0;
font-weight: bold;
background:#000000;
}

/*contents*/
.contents{
margin: 0 auto;
padding:0;
width:960px;
}
/*header*/
header{}


/*text*/
.textbox{
margin: 0 auto;
padding:30px 0;
width:800px;
text-align: justify;
line-height: 24px;
}
.textbox p,.textbox ul,.textbox ol{
margin: 0;
padding:12px 0;
}
.textbox p.p_long{
margin: 0;
padding:60px 0;
}
.textbox ul{
margin: 0;
padding:24px 0 0 0;
}
.textbox li{
list-style:none;
margin:0 0 20px 0;
padding:0 0 0 24px;
font-weight: bold;
font-size: 20px;
line-height: 30px;
background:url(../img/list_01.png) no-repeat top left;
}
li.check{
padding:0 0 0 26px;
background:url(../img/list_check.png) no-repeat top left;
}
.textbox img{
margin:0 auto;
padding:15px 0;
}
.profile_img{float:right;padding:0 60px 20px 20px;}

/*ps*/
.ps_text{
margin: 0 auto;
padding:30px 0;
width:700px;
text-align: justify;
line-height: 24px;
}
.ps_text p{
margin: 0;
padding:12px 0;
}


/*step*/
.step_box{
margin:30px auto;
padding:29px 29px 9px 29px;
width:840px;
background:#e9ebee;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #d0d1d5;
}
.step_text{
padding:20px 0 0 0;
font-size:17px;
line-height:24px;
text-align:justify;
}
.step_text p{
margin:0;
padding:0 0 24px 0;
}
.step_box dl{
margin:0 auto 20px auto;
padding:29px 29px 9px 29px;
width:780px;
background:#ffffff;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #d0d1d5;
}
.step_box dt{
margin:0;
padding:10px 20px 20px 110px;
font-weight: bold;
font-size:20px;
text-align: justify;
line-height: 20px;
color:#3b5998;
position: relative;
border-bottom:1px dashed #d0d1d5;
}
dt.step01{background:url(../img/step01.png) no-repeat left top;}
dt.step02{background:url(../img/step02.png) no-repeat left top;}
dt.step03{background:url(../img/step03.png) no-repeat left top;}
dt.step04{background:url(../img/step04.png) no-repeat left top;}
dt.step05{background:url(../img/step05.png) no-repeat left top;}
dt.step06{background:url(../img/step06.png) no-repeat left top;}
dt.step07{background:url(../img/step07.png) no-repeat left top;}
dt.step08{background:url(../img/step08.png) no-repeat left top;}
dt.step09{background:url(../img/step09.png) no-repeat left top;}
dt.step10{background:url(../img/step10.png) no-repeat left top;}
dt.step11{background:url(../img/step11.png) no-repeat left top;}
dt.step12{background:url(../img/step12.png) no-repeat left top;}
dt.step13{background:url(../img/step13.png) no-repeat left top;}
dt.step14{background:url(../img/step14.png) no-repeat left top;}
.step_box dd{
font-size:17px;
padding:30px 0 10px 0;
line-height:24px;
text-align: justify;
}
.step_box dd p,.step_box dd ul,.step_box dd ol{
margin:0;
padding:0 0 24px 0;
}
.step_box ul li{
list-style:none;
padding:0 0 0 24px;
font-size: 20px;
line-height: 30px;
font-weight:bold;
background:url(../img/list_01.png) no-repeat center left;
}
.step_box ol li{
list-style-position:inside;
font-size: 20px;
line-height: 30px;
font-weight:bold;
}


/*present*/
#present{}
.present_box{
margin:0 auto 20px auto;
padding:39px 39px 9px 39px;
width:760px;
background:#fff4f4;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #d0d1d5;
}
#present_01,#present_02,#present_03,#present_04,#present_05,#present_06,#present_07,#present_08{
width:760px;
height:100px;
position: relative;
}
#present_01{background:url(../img/present_01.png) no-repeat top left;}
#present_02{background:url(../img/present_02.png) no-repeat top left;}
#present_03{background:url(../img/present_03.png) no-repeat top left;}
#present_04{background:url(../img/present_04.png) no-repeat top left;}
#present_05{background:url(../img/present_05.png) no-repeat top left;}
#present_06{background:url(../img/present_06.png) no-repeat top left;}
#present_07{background:url(../img/present_07.png) no-repeat top left;}
#present_08{background:url(../img/present_08.png) no-repeat top left;}
.present_title_1{
text-align:left;
color:#c9171e;
font-weight:bold;
font-size:20px;
line-height:24px;
padding:38px 0 38px 110px;
}
.present_title_2{
text-align:left;
color:#c9171e;
font-weight:bold;
font-size:20px;
line-height:25px;
padding:25px 0 25px 110px;
}
.present_text{
padding:20px 0;
font-size:17px;
line-height:24px;
text-align:justify;
}
.youtube{
font-weight:none;
font-size:13px;
line-height: 20px;
position: absolute;
right: 25px;
top: 15px;
}
.present_text p,.present_text ul{
margin:0;
padding:0 0 24px 0;
}
.present_text li{
list-style:none;
padding:0 0 0 24px;
font-weight: bold;
font-size: 20px;
line-height: 30px;
background:url(../img/list_02.png) no-repeat top left;
}
.present_text img{
padding:0 0 20px 20px;
width:200px;
float:right;
}


/*repayment*/
#repayment{}
.repayment_box{
margin:0 auto 20px auto;
padding:39px 39px 9px 39px;
width:760px;
background:#fffae1;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #d0d1d5;
}
.repayment_text{
padding:30px 0 10px 0;
font-size:17px;
line-height:24px;
text-align:justify;
}
.repayment_text p,.repayment_text img{
margin:0;
padding:0 0 24px 0;
}


/*table*/
.table_step,.table_present,.table_repayment{
margin: 0 auto 20px auto;
padding:0;
width:800px;
text-align: justify;
font-size:12px;
line-height: 20px;
border-spacing: 0 10px;
border-collapse:separate;
}
.table_step th,.table_present th,.repayment th{
font-weight:normal;
text-align:center;
width:100px;
color:#ffffff;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.table_step td,.table_present td,.repayment td{padding:0 5px;}
.table_step th{background:#3b5998;}
.table_present th{background:#c9171e;}
.table_repayment th{background:#fcc800;}
caption{
font-size:14px;
line-height:20px;
font-weight:bold;
}


/*faq*/
#faq{
width:100%;
margin:0;
padding:0;
}
#faq dl{
width:760px;
margin:0 auto 20px auto;
padding:19px 19px 9px 19px;
text-align:justify;
background:#ffffff;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #d0d1d5;
}
#faq dt{
margin:0 0 10px 0;
padding:10px 0 20px 50px;
text-align:justify;
color:#3b5998;
font-weight:bold;
font-size:20px;
line-height:20px;
background:url(../img/question.png) no-repeat left top;
border-bottom:1px dashed #d0d1d5;
}
#faq dd{
margin:0;
padding:10px 0 0 50px;
text-align:justify;
font-size:17px;
line-height:24px;
background:url(../img/answer.png) no-repeat left top;
}
#faq strong{
font-weight:bold;
font-size:20px;
color:#c9171e;
}
#faq p{
margin:0;
padding:0 0 40px 0;
}


/*profile*/
#profile{
width:100%;
margin:30px 0;
padding:0 0 60px 0;
}
#profile dl{
width:720px;
margin:30px auto 0 auto;
padding:39px 39px 0 39px;
text-align:justify;
font-size:14px;
line-height:20px;
background:#e9ebee;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #d0d1d5;
}
#profile dt{
margin:0;
text-align:justify;
color:#3b5998;
font-weight:bold;
font-size:20px;
line-height:40px;
border-bottom:1px dashed #d0d1d5;
}
#profile dd{
margin:0;
padding:20px 0;
}
#profile p{
margin:0;
padding:10px 0;
}
.name{color:3b5998;font-size:18px;font-weight:bold;}
.photo{float:right;}

/*recommender*/
#recommender{
width:100%;
margin:0;
padding:0 0 60px 0;
}
#recommender dl{
width:720px;
margin:30px auto 0 auto;
padding:10px 39px 0 39px;
text-align:justify;
background:#ffffff;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #d0d1d5;
}
#recommender dt{
margin:0;
padding:30px 0;
text-align:center;
color:#c9171e;
font-weight:bold;
font-size:26px;
line-height:30px;
border-bottom:1px dashed #d0d1d5;
}
#recommender dd{
margin:0;
padding:30px 0;
font-size:16px;
line-height:24px;
}
#recommender dd img{
float:right;
padding:10px 0 30px 30px;
}
#recommender p{
margin:0;
padding:12px 0;
}


/*cta*/
.cta{
margin:0;
padding:0 0 30px 0;
background:#e9ebee;
}


/*user*/
#user{
width:100%;
margin:0;
padding:0 0 60px 0;
}
#user dl{
width:720px;
margin:30px auto 0 auto;
padding:39px 39px 0 39px;
text-align:justify;
font-size:16px;
line-height:24px;
background:#ffffff;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #d0d1d5;
}
#user dt{
margin:0;
padding: 0;
vertical-align:middle;
text-align:justify;
border-bottom:1px dashed #d0d1d5;
min-height:90px;
}
#user dt img{
display:table-cell;
float:left;
padding:0 10px 0 0;
width:80px;
height:80px;
vertical-align:middle;
}
.user_title{
margin:50px 0 0 0;
color:#3b5998;
font-weight:bold;
font-size:20px;
line-height:30px;
}
.user_info{
color:#999999;
font-weight:bold;
font-size:14px;
line-height:30px;
}
#user dd{
margin:0;
padding:20px 0 30px 0;
}

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


/*footer*/
footer{
min-width: 960px;
line-height: 20px;
font-size: 12px;
color: #ffffff;
background: #000000;
overflow:auto;
}
address{
float:right;
line-height: 20px;
padding: 5px 15px;
}

nav ul{
float:left;
padding: 5px 15px;
line-height: 20px;
font-size: 12px;
}
nav li{
list-style-type:none;
float: left;
padding: 0 20px 0 8px;
font-size: 12px;
background: url(../img/footer.png) no-repeat left center;
}
nav a:link{
color: #dddddd;
text-decoration: none;
}
nav a:visited{
text-decoration: none;
color: #dddddd;
}
nav a:hover{
text-decoration: underline;
color: #dddddd;
}
nav a:active{
text-decoration: none;
color: #dddddd;
}

/*tsh pp*/
.wrapper_sub{
margin:0 auto;
padding:40px 0;
width:900px;
font-size: 14px;
min-height: 640px;
background:#ffffff;
}
#tokutei{
margin: 0 auto 60px auto;
width: 800px;
line-height: 18px;
font-size: 12px;
}
.title3{
text-align: center;
font-size: 20px;
font-weight: bold;
margin: 0;
padding:0 0 20px 0;
}
#tokutei th{
width: 180px;
padding: 10px;
}
#tokutei td{
padding: 10px;
text-align: justify;
}
#pp{
margin: 0 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:18px;} 
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;}