@charset "UTF-8";

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;
}
html{line-height:1;overflow-y: scroll;}
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;}

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

#wrapper{
margin: 0 auto;
padding: 0;
width: 860px;
}

header{
margin: 0;
padding: 0;
background:#ffffff;
}

#contents{
margin: 0 auto;
width: 860px;
font-size:14px;
background:#ffffff;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
}

img.all{width:100%;}
.img_right{
width:100px;
padding:0 0 0 10px;
float: right;
background: #ffffff;
}
.img_left{
width:100px;
padding:0 10px 0 0;
float: left;
background: #ffffff;
}
.img_small{
width:60px;
padding:0 0 0 10px;
float: right;
}

/*-----user_long-----*/
.user_long{
margin:10px auto;
padding-bottom:20px;
background: url(../img/user_bg.png) #fed7e8 no-repeat left top ;
background-size:auto 1200px;
border-bottom:5px solid #eb688d;
}
.user_long_bg{background: url(../img/user_long_bg.png) repeat-y left top;}
.user_long_text{
font-size:17px;
line-height:24px;
padding:10px 60px;
text-align:justify;
}
.user_long_text p{
margin:0;
padding:0 0 20px 0;
}
.user_long_text .red-b{
color: #eb688d;
font-weight: bold;
}
.user_long_text_title{
font-size:21px;
margin-bottom:20px;
padding-bottom:10px;
line-height:30px;
font-weight:bold;
color: #ff0000;
border-bottom: dotted 2px #f5b2b2;
}

/*-----user_mid-----*/
.user_mid{
margin:10px auto;
padding-bottom:20px;
border-top:5px solid #eb688d;
background: url(../img/user_bg.png) #fed7e8 no-repeat left top;
background-size:auto 1000px;
}
.user_bg_01{background:url(../img/user_bg_01.png) center top no-repeat;min-height:400px;}
.user_bg_02{background:url(../img/user_bg_02.png) center top no-repeat;min-height:340px;}
.user_bg_03{background:url(../img/user_bg_03.png) center top no-repeat;min-height:340px;}
.user_text_01{
font-size:16px;
line-height:24px;
padding:240px 60px 0 280px;
text-align:justify;
}
.user_text_02,.user_text_03{
font-size:16px;
line-height:24px;
padding:180px 60px 0 280px;
text-align:justify;
}
.user_text_01 p,.user_text_02 p,.user_text_03 p{
margin:0;padding:0 0 10px 0;
}
.user_mid .red-b-bg{
color: #eb688d;
font-weight: bold;
background-color: #ffff99;
}

/*-----user2-----*/
.user2{
background: url(../img/user2.png) no-repeat center top;
margin:40px 0;
padding:400px 0 0 0;
}
.user_iframe{width:728px;height:398px;border:1px solid #333333;}
.btn_user{width:480px !important;margin-top:20px;}
.f9{
font-size:12px;
line-height:20px;
margin:0;
padding:0;
}

/*-----user_short-----*/
.user_short{
width:700px;
margin:0 auto;
padding:10px 0;
}
.user_name{
font-size:14px;
line-height:20px;
padding:5px;
text-align:justify;
background:#fff462;
}
.user_short_text{
font-size:14px;
line-height:20px;
padding:10px;
text-align:justify;
}
.user_short_text p{
margin:0;
padding:0 0 10px 0;
}
.star{color:#ffd700; padding-left:5px;}


/*-----cause-----*/
.cause_bg{background: url(../img/cause_bg.png) repeat-y left top;}
.cause_text{
font-size:17px;
line-height:26px;
padding:20px 60px 0 60px;
text-align:justify;
}
.cause_title{
font-size:24px;
margin:20px 0;
width:100%;
text-align:center;
color:#ffffff;
height:44px;
line-height:44px;
background:#217b7b;
}
.cause1_img{
width:120px;
padding:0 0 0 10px;
float: right;
}


/*-----point-----*/
.point_bg{background: url(../img/point_bg.png) repeat-y left top;}
.point_text{
font-size:17px;
line-height:26px;
padding:0 60px;
text-align:justify;
}
.point_text p{
margin:0;
padding:0 0 20px 0;
font-size:18px;
line-height:30px;
}
.point_title{
margin:0;
width:100%;
text-align:center;
color:#ffffff;
height:44px;
font-size:24px;
line-height:44px;
background:#e5004f;
}
.point_text2{
font-size:16px;
line-height:24px;
padding:10px 0;
text-align:center;
}
.point1{
width:740px;
margin:0 auto;
border: 0;
text-align:center;
vertical-align:middle;
border-collapse:separate;
border-spacing:0;
}
.point1 th{vertical-align:middle;}
.point1 th img{padding:10px;vertical-align:middle;}
.point1 td{text-align:center;}
.itembox{text-align:left;}
.item{
font-size: 15px;
line-height: 20px;
color:#ffffff;
background:#eb688d;
padding: 0 6px;
margin:0 4px 0 0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}

/*-----howto-----*/
.howto_text_left{
margin:0;
width:430px;
float:left;
height: 240px;
font-size:15px;
line-height:24px;
padding:0;
text-align:center;
}
.howto_text_right{
margin:0;
width:430px;
float:right;
height: 240px;
font-size:15px;
line-height:24px;
padding:0;
text-align:center;
}

/*-----sample-----*/
.sample_bg{
margin:30px auto 0 auto;
width:800px;
background: #fef8ef;
border:3px solid #cba952;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.sample_text{
font-size:16px;
line-height:24px;
padding:30px;
text-align:justify;
}
.sample_text p{margin:0;padding:10px 0 0 10px;}
.sample_img{padding:10px 0 0 20px;float:right;}

/*-----privacy-----*/
.privacy_bg{
margin:0 auto 30px auto;
width:800px;
background: #fff4f8;
border:3px solid #fed7e8;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;	
}
.privacy_text{
font-size:16px;
line-height:24px;
padding:30px;
text-align:justify;
}
.privacy_text p{margin:0;padding:10px 0 0 60px;}
.privacy_img{padding:10px 0;float:right;}

/*-----faq-----*/
#faq{margin:0 0 30px 0;}
dl.faq_text{
width:800px;
margin:20px auto;
}
dl.faq_text dt{
margin:0 0 20px 0;
background:url(../img/faq_dt.png) no-repeat left top;
}
.faq_text dd{
margin:0 0 20px 0;
text-align:justify;
font-size: 16px;
line-height:24px;
text-align:justify;
}

/*-----refund-----*/
.refund_bg{background: url(../img/refund_bg.png) repeat-y left top;}
.refund_text{
font-size:16px;
line-height:24px;
padding:0 80px;
text-align:justify;
}
.refund_text p{padding:8px 0;}
.refund_img{float:right;padding-left:20px;}

/*-----order-----*/
.order{
width:860px;
margin :10px auto 0 auto;
text-align:left;
}
.order_cp_bg{
height:680px;
background: url(../img/order_cp_bg.png) no-repeat center top;
}
.btn_cp{margin:550px 0 0 430px;}
.order_nm_bg{
background: url(../img/order_nm_bg.png) no-repeat center top;
height:180px;
text-align:left;
}
.btn_nm{margin:50px 0 0 440px;}


/*-----guide-----*/
#guide{
margin:20px auto;
width:800px;
padding:0;
text-align:justify;
font-size:12px;
line-height:20px;
color:#4a0b0b;
}
.guide_title{
clear:both;
margin:0 0 20px 0;
padding:10px;
text-align:justify;
font-weight:bold;
font-size:14px;
line-height:20px;
background:#fef8ef;
border-left:10px solid #eb688d;
}
.guide_box_left{
width:390px;
margin-right:10px;
float:left;
}
.guide_box_right{
width:390px;
margin-left:10px;
float:right;
}
.guide_box{
width:100%;
background: url(../img/logo.png) no-repeat center;
}
.guide_text{padding:0 10px;}
.list_title{
margin-bottom:10px;
padding:5px;
color:#b7282e;
font-weight:bold;
line-height:15px;
background:#fef8ef;
}
.guide_text dl,.guide_text ul{
padding:0 5px;
}
.guide_text dd,.guide_text li{
margin-bottom:10px;
}
.guide_text dt{
padding-left:14px;
background: url(../img/dt.png) no-repeat left center;
}
.guide_text img{width:360px;}

/*-----footer-----*/
footer{
margin: 0;
padding:0;
font-size: 12px;
width: 100%;
color:#eeeeee;
background:#eb688d;
text-align:center;
line-height:30px;
overflow:auto;
}

#footer_nav{
margin:0 auto;
width:800px;
height:60px;
font-size:14px;
line-height: 20px;
position: relative;
overflow: hidden;
border-top: 2px dotted #b77b57;
}
#footer_nav ul{
margin:0 auto;
padding:20px 10px;
width:700px;
float: none;
list-style-type: none;
text-align:center;
position: relative;
left: 0;
}
#footer_nav li{
padding: 0 10px;
float:left;
position: relative;
left: 0;
}

#footer_nav a{color:#eb688d;text-decoration:none;}
#footer_nav a:hover{color:#eb688d;text-decoration:none;}


table#tokutei{
margin: 40px 80px 40px 80px;
width: 600px;
line-height: 1.5;
}

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

.t_left{
width: 160px;
padding: 5px;
}

.t_right{
padding: 5px;
text-align: justify;
text-justify: inter-ideograph;
}

#pp{
margin: 0 auto;
width: 300px;
text-align: justify;
}

dt.dtpp{font-weight: bold;}
dd.ddpp{margin-left:18px;} 
ol.olpp{padding-left:30px; }
li.123{list-style: outside decimal;}
li.abc{list-style: outside lower-alpha;}

#page_sub{
padding:10px 0;
margin:0 auto 0 auto;
width:800px;
min-height:800px;
text-align:justify;
}

#header_sub{
margin-bottom:10px;
padding:0 10px;
width:800px;
font-size:16px;
line-height: 30px;
background: #eb688d;
color:#ffffff;
font-weight:bold;
}

.title_sub{
margin:10px 0;
color: #eb688d;
font-size:14px;
line-height:20px;
font-weight:bold;
border-bottom: 1px solid #eb688d;
}

.textbox_sub{
font-size:12px;
line-height:16px;
}

.textbox_sub b{
color:#e29399;
}

.textbox_sub p{
margin:0;
padding:0 0 10px 0;
}

.textbox_sub ul{
margin:0 0 0 14px;
padding:0 0 10px 0;
}

.textbox_sub ul li{
list-style-type: disc;
list-style-position: outside;
}


.bold{ font-weight: bold;}
.italic{ font-style: italic;}
.12px{ font-size: 12px;}
.14px{ font-size: 14px;}
.uline{ text-decoration: underline;}
.oline{ text-decoration: overline;}
.line-t{ text-decoration: line-through;}
.uoline{ text-decoration: underline overline;}


/*black*/
.b{
font-weight: bold;
}
.b-bg{
font-weight: bold;
background-color: #ffff00
}
.b-ul{
font-weight: bold;
text-decoration: underline;
}
.b-ul-bg{
font-weight: bold;
text-decoration: underline;
background-color: #ffff00
}



/*blue*/
.blue{color: #11899a;}
.blue-b{
color: #11899a;
font-weight: bold;
}
.blue-b-bg{
color: #11899a;
font-weight: bold;
background-color: #ffff00
}
.blue-b-ul{
color: #11899a;
font-weight: bold;
text-decoration: underline;
}
.blue-b-ul-bg{
color: #11899a;
font-weight: bold;
text-decoration: underline;
background-color: #ffff00
}

/*red*/
.red{color: #ff0000;}
.red-b{
color: #ff0000;
font-weight: bold;
}
.red-b-bg{
color: #ff0000;
font-weight: bold;
background-color: #ffff99;
}
.red-b-ul{
color: #ff0000;
font-weight: bold;
text-decoration: underline;
}
.red-b-ul-bg{
color: #ff0000;
font-weight: bold;
text-decoration: underline;
background-color: #ffff00
}