@charset "UTF-8";

/* ------------------------------------------- CSS Information 
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  
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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
}
ol,ul{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle;}
q,blockquote{quotes:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}
a 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;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}

/* ------------------------------------------- CSS Information 
 Style Info:     スタイル設定
----------------------------------------------------------- */  
html,body{
width:100%;
height:100%;
margin:0;
padding:0;
line-height:0;
font-family: "メイリオ","ヒラギノ角ゴ Pro W3",Osaka,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif ;
color:#333333;
font-size:16px;
text-align:center;
background:url(../img/bg.png) no-repeat center fixed;
background-size:cover;
}

.b{font-weight:bold;}
.bg{background:#ffec47;}
.ul{text-decoration:underline;}
.big{font-size:20px;line-height:30px;}
.bigest{font-size:24px;line-height:36px;}
.small{font-size:12px;line-height:18px;}
.red{color:#c9171e;}
.i{font-style:italic;font-family:"ヒラギノ角ゴ Pro W3",Osaka,"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif !important;}
img{display:block;margin:0 auto;}
.img_right{float:right;padding:0 0 10px 10px;}

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

/*----- wrapper -----*/
.wrapper{
width:960px;
margin:0 auto;
padding:0;
background:rgba(255,255,255,0.9);
box-shadow:0 0 10px 0 rgba(0,0,0,0.5);
}

/*----- user -----*/
#user{
width:960px;
margin:0 auto;
padding:30px 0;
background:url(../img/user.png) repeat left top;
}
.user_text{
width:900px;
margin:0 auto 30px auto;
padding:40px 40px 10px 40px;
text-align:left;
font-size:18px;
line-height:30px;
background:rgba(255,255,255,0.8);
border-left:10px solid #5ba8d1;
border-right:10px solid #8fb8d4;
border-bottom:10px solid #60a3c5;
box-sizing:border-box;
}
.user_text p{
margin:0;
padding:0 0 30px 0;
}

/*----- point -----*/
#point{
width:960px;
margin:0 auto;
padding:30px 0;
background:url(../img/point_bg.png) no-repeat center fixed;
background-size:cover;
}
.point_text{
width:900px;
margin:0 auto 30px auto;
padding:50px 50px 20px 50px;
text-align:left;
font-size:18px;
line-height:30px;
background:rgba(255,255,255,0.8);
border-left:10px solid #3e5564;
border-right:10px solid #3e5564;
border-bottom:10px solid #3e5564;
box-sizing:border-box;
}
.point_text p{
margin:0;
padding:0 0 30px 0;
}

/*----- presemt -----*/
#present{
width:960px;
margin:0 auto;
padding:0;
background:url(../img/present.png) repeat left top;
}
.present_text{
width:800px;
margin:0 auto;
padding:30px 80px;
text-align:left;
font-size:16px;
line-height:24px;
background:url(../img/present_bg.png) repeat-y left top;
color:#ffffff;
}
.present_text p{
margin:0;
padding:0 0 20px 0;
}

/*----- support -----*/
.support{
width:100%;
margin:0;
padding:0;
background:url(../img/sign_bg.png) repeat left top;
}
.support_text{
width:800px;
margin:0 auto;
padding:60px 80px;
background:rgba(255,255,255,0.7);
text-align:left;
font-size:16px;
line-height:24px;
}
.support_text p{
margin:0;
padding:0 0 20px 0;
}

/*-----textbox-----*/
.textbox{
width:800px;
margin:0 auto;
padding:60px 80px;
font-size:18px;
line-height:30px;
text-align:left;
background:rgba(255,255,255,0.9);
}
.textbox p{
margin:0;
padding:0 0 30px 0;
}
.text-right{
text-align:right;
font-size:14px;
}

/*----- faq -----*/
#faq{
width:960px;
margin:0 auto;
padding:0 0 30px 0;
background:#eeeeee;
}
#faq dl{
width:900px;
margin:30px auto 0 auto;
padding:0;
text-align:left;
font-size:16px;
line-height:24px;
background:#ffffff;
border-radius:10px;
border:1px solid #999999;
}
#faq dt{
margin:0;
padding:20px 10px 20px 70px;
font-size:18px;
line-height:20px;
font-weight:bold;
color:#ffffff;
background:url(../img/question.png) no-repeat left top;
border-radius:10px 10px 0 0;
}
#faq dd{
margin:0;
padding:20px 10px 20px 70px;
background:url(../img/answer.png) no-repeat left center;
border-radius:0 0 10px 10px;
}

/*----- cta -----*/
.cta{
width:100%;
margin:0;
padding:0 0 30px 0;
text-align:center;
background:url(../img/cta_bg.png) no-repeat center top;
}
.cta_box{
width:900px;
margin:0 auto;
padding:30px 0;
}
.cta table{
width:900px;
margin:0 auto;
padding:0;
font-size:16px;
line-height:24px;
border-collapse: separate;
border-spacing:0 10px;
}
.cta table th{
text-align:center;
width:180px;
padding:10px;
background:#6690a3;
color:#ffffff;
}
.cta table td{
padding:10px;
background:#eeeeee;
}
.cta a{display:block;width:800px;margin:0 auto;}
.attention{
width:900px;
margin:30px auto;
padding:0 20px 20px 20px;
color:#ffffff;
font-size:14px;
line-height:20px;
text-align:left;
box-sizing:border-box;
border:1px dashed rgba(255,255,255,0.5);
}
.attention p{
margin:0;
padding:20px 0 0 0;
}

/*-----footer-----*/
footer{
margin:0;
padding:30px 0;
font-size:12px;
width:100%;
min-width:320px;
color:#ffffff;
background:#333333;
text-align:center;
line-height:20px;
overflow:auto;
border-top:1px solid #555555;
}
nav{
margin:0 auto;
padding:0 0 30px 0;
}
nav ul{
text-align:center;
font-size:12px;
line-height:20px;
padding:0 0 0 20px;
}
nav li{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
list-style-type:none;
padding: 0 20px 0 8px;
background: url(../img/footer.png) no-repeat left center;
}
nav a:link{color:#ffffff;text-decoration:none;}
nav a:visited{color:#eeeeee;text-decoration:none;}
nav a:hover{color:#eeeeee;text-decoration:underline;}
nav a:active{color:#eeeeee;text-decoration:none;}


/* ------------------------------------------- CSS Information 
 Style Info:     サブページ
----------------------------------------------------------- */  
.wrapper_sub{
width:960px;
margin:0 auto;
padding:60px 0;
background:rgba(255,255,255,0.9);
box-shadow:0 0 10px 0 rgba(0,0,0,0.5);
min-height:640px;
}
#tokutei{
width:900px;
margin:0 auto;
padding:0;
line-height:20px;
font-size:14px;
border-collapse:separate;
border-spacing:5px;
}
#tokutei caption,.title_sub{
text-align:center;
font-size:20px;
font-weight:bold;
margin:0;
padding:0 0 20px 0;
}
#tokutei th{
text-align:center;
width:180px;
padding:10px;
background:#6690a3;
color:#ffffff;
}
#tokutei td{
padding:10px;
text-align:justify;
background:#f3f3f3;
}
#pp{
width:900px;
margin:0 auto;
padding:0;
line-height:24px;
font-size:14px;
text-align:justify;
text-justify:inter-ideograph;
}
.title_pp{
width:100%;
margin:0;
padding:10px 0;
background:#6690a3;
color:#ffffff;
text-align:center;
font-weight:bold;
font-size:16px;
line-height:30px;
}
#pp dl{
margin:5px 0;
padding:30px 30px 0 30px;
background:#f3f3f3;
}
#pp dt{font-weight:bold;}
#pp dd{padding:0 0 30px 0;}
#pp dd ol{
padding-left:40px; 
list-style-position: outside ;
list-style-type: decimal;
}
#pp dd ol ol{
padding-left:20px; 
list-style-position: outside ;
list-style-type: disc;
}