@charset "utf-8";
html{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:20px;
	line-height:1.5;
	-webkit-text-size-adjust: 100%;
	}
body {
	color: #333;
	text-align: left;
	width: 100%;
	height: 100%;
	margin: 0;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	background-position: left top;
}

/* footer */

#footer {
	text-align: center;
	border-top: 1px solid #222;
	background: #293038;
	width: 100%;
	min-width: 900px;
	margin: 0;
	height: 100px;
}

#footer p {
	padding:8px 0 20px;
	line-height:1.0;
}


#footer p ,
#footer p a {
	color:#fff;
	font-size:12px;
}

#footer address{
	text-align:center;
	font-size:12px;
	color:#fff;
	margin-bottom:0;
	padding:0;
}

/* footer end */



.co {
	font-size: 14px;
	width: 660px;
	color: #333333;
	line-height: 1.4;
	margin:0 auto;
	border-top: 1px solid #CCCCCC;

}
.td_co01 {
	font-size: 14px;
	font-weight: bold;
	width: 180px;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
.td_co02 {
	font-size: 14px;
	font-weight: normal;
	width: 395px;
	text-align: left;
	vertical-align: text-top;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}

.tokutei {
	font-size: 14px;
	width: 700px;
	color: #333333;
	line-height: 1.4;
	margin:0 auto;
	padding-bottom:50px;

}

.tokutei table {
	width:660px;
	margin:0 auto;
	border-top: 1px solid #CCCCCC;	
}

.tokutei_top{
	border-top: 1px solid #CCCCCC;	
}

.td_tokutei01 {
	font-size: 14px;
	font-weight: bold;
	width: 180px;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.td_tokutei02 {
	font-size: 14px;
	font-weight: normal;
	width: 465px;
	text-align: left;
	vertical-align: text-top;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;	
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#main #referral .prof-t .referral-tit p {
	margin-bottom: 0px;
}
#main #prof-t-inr {
	width: 840px;
	text-align: center;
}

.txt-box02 {
	margin-top: 0px;
	padding-top: 20px;
	margin-bottom: 40px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f5f5f5;
	border: 1px solid #cbcbcb;
	border-radius: 10px;/*角の丸み*/
	position: relative;
}
.txt-box02 .txt-box02-inr {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #cbcbcb;
	border-radius: 10px;/*角の丸み*/
}
#profile .referral-tit p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#main #level {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 30px;
	border: 1px dashed #CCCCCC;
}
#main #level .level-box {
	text-align: center;
}

.hosoku-inr {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.hosoku {
	margin-top: 0px;
	padding-top: 20px;
	border: 10px solid #e5c448;
	margin-bottom: 40px;
	width: 818px;
	margin-right: auto;
	margin-left: auto;
}
.hosoku-inr h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.hosoku-txt {
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 50px;
}
.box01 {
	border: 1px solid #222222;
	background-color: #F9F9F9;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 15px;
}
.comment03 {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -20px;
	margin-bottom: 50px;
}
.comment03 .comment03-inr {
	margin-bottom: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cccccc;
	border-left-color: #cccccc;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.comment03-bottom {
	background-image: url(../../img/img_comment_bot.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 30px;
}

#tuiki {
	background-image: url(../../img/bg_main.gif);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
	width: 838px;
	border: 1px dashed #CCCCCC;
	text-align: center;
	position: relative;
	margin-top: 50px;
}

body#stop p#stop-top {
	width:100%;
	height:60px;
	padding-top:10px;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	line-height:1.2;
	letter-spacing:4px;
	color:#eee;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  sans-serif;

}

body#ipod {
	background: #e5f4fe url(../../img/bg_ipod.jpg) no-repeat scroll center 0;
}


body#ipod #header #ipod02-top {
	width:100%;
	height:76px;
	padding-top:14px;
	text-align:center;
	font-size:21px;
	font-weight:bold;
	line-height:1.1;
	color:#ff3300;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  sans-serif;
/*	text-shadow:1px 1px 0px rgba(255,255,255,1.0),-1px -1px 0px rgba(255,255,255,1.0),1px -1px 0px rgba(255,255,255,1.0),-1px 1px 0px rgba(255,255,255,1.0);
*/}


p {
	margin-bottom:20px;
}

#container {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-bottom: 0px;
	background-attachment: scroll;
	background-image: url(../img/bg_container.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 837px;
}

/*
#container02 {
	background: transparent url(../img/bg_header02.jpg) no-repeat scroll center 0;
	width:100%;
}
*/

#container #header {
	width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
}

#container #header h1 ,
#container #header h2 ,
#container #header p {
	margin:0;
	padding:0;
}
#co #container02 #header #title01 {
	position: absolute;
	left: 50px;
}
#container #header #point01 ,
#container #header #point02 ,
#container #header #point03 {
	width:275px;
	float:left;
	padding-bottom:12px;
}

#container #header #point01 {
	padding-left:30px;
}

#container #header #point02 {
	padding-left:13px;
}

#container #header #point03 {
	padding-left:12px;
}

#container #header p#cd01 {
	width:840px;
	height:66px;
	margin:0 auto 18px;
	padding-top:18px;
}

#main p.cd01 {
	width:840px;
	height:66px;
	margin:0 auto 5px;
}


#main p.cd02 {
	clear:both;
	width:700px;
	height:200px;
	margin:0 auto 20px;
}

#main p.tokuten_cd {
	width:800px;
	height:464px;
	margin:0 40px 20px 40px;
}



#main {
	width: 1000px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 20px;
	background-color: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

#main h3 {
	text-align: center;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Kaku Gothic Pro W6', 'HGS明朝E', 'ＭＳ Ｐ明朝', sans-serif;
	font-size: 30px;
	line-height: 1.3em;
	margin-top: 50px;
}

#main h4 {
	text-align:center;
	margin-bottom:0px;
}
#section01{
    position: relative;
	background-color:#000000;
	}

#section01 p{
	padding: 0 35px 24px;
	}
	
#section01 .title{
	background:url(../img/bg04.gif);
	}

#section01 h3{
	color:#FFF;
	font-size:42px;
	width:1000px;
	margin: 0px auto 50px;
	padding:30px 0;
	text-align:center;	
	line-height:68px;
	}

#section02{
	}

#section02 .title{
	background:#000000 url(../images/bg04.gif);
	}
#section02 .title h3{
	color:#FFF;
	font-size:42px;
	width:1000px;
	margin: 0px auto;
	padding:30px 0;
	text-align:center;	
	line-height:68px;
	}
#section02 .title p{
	padding: 0 35px 24px;
	}

#section02 .title2{
	background:#b91a30 url(../images/bg04.gif);
	}
#section02 .title2 h3{
	color:#FFF;
	font-size:42px;
	width:1000px;
	margin: 0 auto 50px;
	padding:30px 0 30px;
	text-align:center;	
	line-height:48px;
	}
#section02 .title2 p{
	padding: 0 35px 24px;
	}
.sign {
	text-align:center;
	font-family: "Times New Roman", Times, serifserif;
	font-size:36px;
	font-weight:bold;
	margin-bottom:10px;
}
.sign2 {
	text-align:right;
	font-family: "Times New Roman", Times, serifserif;
	font-size:30px;
	font-weight:bold;
	margin-bottom:10px;
}

.cr {
	color:#ba0c00;
}

.fb {
	font-weight:bold;
}
.fb18 {
	font-weight:bold;
	font-size: 18px;
}
.fb20 {
	font-weight:bold;
	font-size: 20px;
}
.fb24 {
	font-weight:bold;
	font-size: 24px;
}

.fb28 {
	font-weight:bold;
	font-size: 28px;
}
.fb30 {
	font-weight:bold;
	font-size: 30px;
}

.fb36 {
	font-weight:bold;
	font-size: 36px;
}
.fu {
	text-decoration:underline;
}

.fbu {
	font-weight:bold;
	text-decoration:underline;
}

.fb-cr {
	font-weight: bold;
	color: #ba0c00;
}

.fu-cr {
	text-decoration:underline;
	color:#ba0c00;
}

.fbu-cr {
	font-weight: bold;
	text-decoration: underline;
	color: #ba0c00;
}

.fbu-cb {
	font-weight:bold;
	color:#00f
}
.fb-cr-bgy {
	font-weight: bold;
	color: #ba0c00;
	padding: 2px;
	background-color: #fefe7b;
}

.fb-bgy {
	font-weight:bold;
	color:#000000;
	background:#FEFE7B;
	padding:2px;
}
.fb-bgy-g {
	font-weight:bold;
	color:#000000;
	background:#00ff00;
	padding:2px;
}
.fb-bgy-b {
	font-weight:bold;
	color:#000000;
	background:#00ffff;
	padding:2px;
}
.fbu-bgy {
	font-weight:bold;
	text-decoration:underline;
	background:#FEFE7B;
	padding:2px;
}


.fbu-cr-bgy {
	font-weight:bold;
	text-decoration:underline;
	color:#ba0c00;
	background:#FEFE7B;
	padding:2px;
}

.bgy {
	background:#FEFE7B;
	padding:2px;
}

.f-16 {
	font-size:16px;
	font-weight:bold;
}

.f-18 {
	font-size:18px;
	font-weight:bold;
}

.f-20 {
	font-size:20px;
	font-weight:bold;
}

.f-24 {
	font-size:24px;
	font-weight:bold;
}


.align-c {
	text-align:center;
}

.align-r {
	text-align:right;
}

.align-l {
	text-align:left;
}


.img-float-l {
	float: left;
	margin-top: 20px;
	margin-left: -20px;
	margin-right: 20px;
}

.img-float-r {
	float:right;
    margin-top: -18px;
    margin-right: -15px;
	margin-left:0px;
}
.img-float-r2 {
	float:right;
    margin-top: -190px;
    margin-right: -15px;
	margin-left:0px;
}
#sub_tit_box-inr a{
  padding: 0 10px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(49, 170, 226) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: .3s;
}

#sub_tit_box-inr a:hover{
  background-position: -100% 0;
  color: #fff;
}


ol , ul {
	margin-bottom: 20px;
}

ul li ,
ol li {
	font-weight:bold;
}

.indent-14px {
	text-indent:-14px;
	margin-left:14px;
}


#main .contents {
	width:760px;
	margin:0 auto 30px;
}

#main .txt-box {
	width:760px;
	margin:0 auto 30px;
}


#main .b-radius {
    -webkit-border-top-left-radius: 6px;  
    -webkit-border-top-right-radius: 6px;  
    -webkit-border-bottom-right-radius: 6px;  
    -webkit-border-bottom-left-radius: 6px;  
    -moz-border-radius-topleft: 6px;  
    -moz-border-radius-topright: 6px;  
    -moz-border-radius-bottomright: 6px;  
    -moz-border-radius-bottomleft: 6px; 
}

#main .box-shadow {
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	border:solid 1px #eee\9; /* ie8 */
}

*:first-child+html #main .box-shadow {
	border:solid 1px #eee;
} /* ie7 */

#main .box-shadow2 {
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.8);
	-o-box-shadow: 0px 1px 4px rgba(0,0,0,0.8);
	-ms-box-shadow: 0px 1px 4px rgba(0,0,0,0.8);
	border-top:solid 1px #ccc\9; /* ie8 */
	border-left:solid 1px #ccc\9; /* ie8 */
	border-right:solid 1px #ccc\9; /* ie8 */
	border-bottom:solid 2px #ccc\9; /* ie8 */
}

*:first-child+html #main .box-shadow {
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 2px #ccc;
} /* ie7 */



#main .box-s-inset {
	background: #fff;
	padding:30px 30px 10px;
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.2) inset;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.2) inset;
	-o-box-shadow: 0px 0px 6px rgba(0,0,0,0.2) inset;
	-ms-box-shadow: 0px 0px 6px rgba(0,0,0,0.2) inset;
}


#main .gradient01 {  
	background: -moz-linear-gradient(top, #fff, #fff 50%, #eee);/* Firefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), to(#eee));/* Safari,Google Chrome用 */  
}  



#main #referral {
	width:722px;
	margin:0 auto 30px;
}


#main #referral .referral-inr  {
	margin-bottom:20px;
}

#main #referral .referral-inr .referral-tit h4 ,
#main #referral .referral-inr .referral-tit p {
	padding:0;
	margin:0;
	text-align:left;
}

#main #referral .referral-inr .raferral-txt {
	border-left:1px solid #444;
	border-right:1px solid #444;
	border-bottom:1px solid #444;
	width:666px;
	padding:20px 20px 1px 20px;
	margin:0 auto;
}
#suport  {
	width: 834px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	border: 3px solid #10243C;
}


#suport .suport-inr  {
	margin-bottom: 0px;
	background-color: #10243C;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 50px;
}


/* ------------ ppp ------------*/



#main .ppp {
	width: 800px;
	margin: 0px auto;
	padding: 20px 40px;

}

#main .ppp form {
	clear:both;

}

#main .ppp h4 {
	text-align: left;
	padding: 0;
	margin: 0 0 10px;
	line-height: 1px;
	border-width: 0px;
	border-style: none;
}

#button {
    display: block;
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
}
#button a {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 100%;
    border: 1px solid #f4b41e;
    border-radius: 2px;
    background-color: #f5a100;
    color: #ffffff;
	font-size:32px;
    padding: 12px 0;
    text-align: center;
    text-decoration: none;
    transition: .25s linear;
    -webkit-transition: .25s linear;
    -moz-transition: .25s linear;
}
#button a:hover {
    color: #ffffff;
    background-color: #ff0000;
}
#button a:before {
    display: block;
    position: absolute;
    z-index: -1;
    left: -30%;
    top: -50%;
    content: "";
    width: 30px;
    height: 200px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
    animation: shiny 3s infinite linear;
    -webkit-animation: shiny 3s infinite linear;
    -moz-animation: shiny 3s infinite linear;
}
@keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@-webkit-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@-moz-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@media screen and (max-width: 640px) {
	br {
		display: none;
	}
}

#main #pay  {
	width: 834px;
	margin: 0px auto;
	padding:0;
}


.pay-inr  {
	margin-bottom: 0px;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 50px;
}


#main .comment02 .comment-inr {
	border:5px solid #0909b4;
	padding:10px 10px 1px;
	margin-bottom:20px;
	position:relative;
}



#main .comment .comment-inr p ,
#main .comment02 .comment-inr p {
	padding:0 10px;
}

#main .comment .comment-inr p.stu-img {
	position: absolute;
	top:15px;
	right:30px;
}


#main .voice {
	background: transparent url(../../img/bg_voice_main.jpg) repeat-y scroll 0px 0px;
	width:700px;
	margin:0 auto 20px;
}

#main .voice .voice-inr {
	clear:both;
	background: transparent url(../../img/bg_voice_bottom.jpg) no-repeat scroll 0px bottom;
	padding-bottom:20px;
}

#main .voice .voice-main {
	padding-top:112px;
	background: transparent url(../../img/bg_voice_top.jpg) no-repeat scroll 0px 0px;
}

#main .voice .voice-cnts01 ,
#main .voice .voice-cnts02 {
	background-color:#ddd9ce;
	width:638px;
	border:1px solid #553b32;
	margin:0 auto 20px;
	min-height:246px;
	text-shadow:1px 1px 0px rgba(255,255,255,0.5);

}

#main .voice .voice-cnts01 {
	background: #ddd9ce url(../../img/bg_voice_cnts01.jpg) no-repeat scroll 0px bottom;
}

#main .voice .voice-cnts02 {
	background: #ddd9ce url(../../img/bg_voice_cnts02.jpg) no-repeat scroll 0px bottom;
}

#main .voice .voice-cnts h4 {
	margin-bottom:8px;
}


#main .voice .voice-cnts01 p ,
#main .voice .voice-cnts02 p {
	padding:0px 20px;
}


#main #program {
	width:800px;
	margin:0 auto 30px;
	border:1px solid #ccc;
	padding:10px 10px 14px;
	
}

#main #program p {
	margin:0;
	padding:0;
}

#main #program div.prgrm-inr {
	width:790px;
	margin:0 auto;
}


#main #program dl.prgrm-inr1 ,
#main #program dl.prgrm-inr2 {
	float:left;
	margin-right:8px;
	margin-bottom:4px;
}

#main #program dl.prgrm-inr2 {
	margin-right:0px;
}


#main #program dl.prgrm-inr4 {
	clear:both;
}

#main #program dl dd ,
#main #program dl dt {
	margin:0px;
	padding:0px;
	line-height:0.1;
}


#main #prlg {
	width:760px;
	margin:0 auto 20px;
	padding: 0;
	background: transparent url(../../img/bg_prof_head.gif) no-repeat scroll 0px 0px;
}

#main #prlg h4 {
	text-align:left;
	padding-top:4px;
}


#main #prlg p {
	padding-left:16px;
	line-height:1.6;
}


#main #prlg p.txt-img {
	padding-left:0px;
}

#main #prlg p.img-takamatsu {
	float:right;
	margin-top:-165px;
	padding-right:8px;
	margin-left:8px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}



#main #profile {
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 0px;
}

#main #profile h3 {
	margin-bottom:0px;
}

#main #profile h4 {
	text-align:center;
	margin-bottom:0px;
	padding-bottom:0px;
}


#main .prof-inr {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}


#main .prof-inr h5 {
	margin:0 0 4px -4px;
}

#main .prof-inr p {
	margin-bottom:16px;
}

#main .prof-inr ul {
	padding-left:16px;
}

#main .prof-inr ul li {
	background: transparent url(../img/li_img_prof.png) no-repeat scroll 0px center;
	padding-left:45px;
	border-bottom: 1px solid #999999;
	margin-bottom:8px;
	width:400px;
}




#main .nogood {
	width:680px;
	margin:0 auto 20px;
	border:10px solid #9b9b9b;
	padding:20px 20px 0;
}

#main .nogood p {
	padding:0px 16px ;
}

#main .frequency {
	width:680px;
	padding:18px;
	border:1px dotted #666;
	margin:0 auto 30px;
}

#main .frequency h4 {
	text-align:left;
	font-size:20px;
	font-weight:bold;
	border-left:5px solid #1D2CAD;
	padding-left:10px;
}


#main dl.example {
	width:600px;
	padding:20px;
	margin-bottom:20px;
	margin-left:20px;
	border:1px dotted #666;
	

}

#main dl.example dt {
	margin-bottom:8px;
}

#main dl.example dd {
	padding-left:20px;
}


#main #curriculum {
	width:680px;
	padding:20px 20px 1px 20px;
	margin:0 auto 20px;
	border:3px solid #154AC8;
}

#main #curriculum h4 {
	text-align:left;
	border-bottom:1px dotted #aaa;
	margin-bottom:16px;
	font-weight:bold;
	font-size:16px;
	
}

#main #curriculum h4 span {
	color:#154AC8;
	margin-right:5px;
	border-right:1px solid #666;
	padding-right:5px;

	
}
#main #tool1 {
	margin:0 auto 20px;
}

#main #tool1 dl {
	padding:10px 20px;
	margin-bottom:20px;
	border:1px solid #333;
}

#main #tool1 dl dt {
	background: transparent url(../img/check.png) no-repeat scroll 0px 2px;
	padding-left:50px;
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:1px dotted #999;
	line-height:30px;
	font-weight:bold;
}
#main #tool1 dl dt:last-child {
  border: none;
  margin-bottom: 0px;
}

#main #tool1 dl dd {
	margin-bottom:12px;
}

#main #tool_step {
	margin:0 auto 20px;
}

#main #tool_step dl {
	padding:10px 20px;
	margin-bottom:20px;
	border:1px solid #333;
}

#main #tool_step dl dt {
	font-size:24px;
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:1px dotted #999;
	line-height:30px;
	font-weight:bold;
}

#main #tool_step dl dt.step1 {
	background: transparent url(../img/step01.png) no-repeat scroll 0px 0px;
}

#main #tool_step dl dt.step2 {
	background: transparent url(../img/step02.png) no-repeat scroll 0px 0px;
}

#main #tool_step dl dt.step3 {
	background: transparent url(../img/step03.png) no-repeat scroll 0px 0px;
}

#main #tool_step dl dt.step4 {
	background: transparent url(../img/step04.png) no-repeat scroll 0px 0px;
	padding-left:60px;
}

#main #tool_step dl dd {
	margin-bottom:12px;
}

#main #tool2 {
	margin:0 auto 20px;
}

#main #tool2 dl {
	padding:10px 20px;
	margin-bottom:20px;
	border:1px solid #333;
}

#main #tool2 dl dt {
	background: transparent url(../img/check.png) no-repeat scroll 0px 0px;
	padding-left:50px;
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:1px dotted #999;
	line-height:30px;
	font-weight:bold;
}

#main #tool2 dl dd {
	margin-bottom:12px;
}

#main #tool3 {
	margin:0 auto 20px;
}

#main #tool3 dl {
	padding:10px 10px;
	margin-bottom:20px;
	border:1px solid #333;
}

#main #tool3 dl dt {
	padding-left:10px;
	padding-bottom:10px;
	margin-bottom:12px;
	line-height:30px;
	font-weight:bold;
}

#main #tool3 dl dd {
	margin-bottom:12px;
}




#main #meckelsen {
	width:760px;
	margin:0 auto 30px;
	position:relative;
}

#main #meckelsen h4 {
	margin-bottom:0px;
}

#main #meckelsen dl#meckelsen-prof {
	width:710px;
	border-left:5px solid #ab0000;
	border-right:5px solid #ab0000;
	border-bottom:5px solid #ab0000;
	margin:0 auto 30px;
	padding:16px 20px 1px 20px;
}

#main #meckelsen dl#meckelsen-prof dt {
	margin-bottom:8px;
}

#main #meckelsen dl#meckelsen-prof dd {
	margin-bottom:20px;
	padding-left:8px;
}

#main #meckelsen p {
	position:absolute;
	left: 435px;
	top: -15px;
}


#main dl.webcircle {
	padding-left:20px;
}

#main dl.webcircle dt ,
#main dl.webcircle dd {
	line-height:0.1;
}



.attention02 {
	border:2px solid #dccc1a;
}


#main #pronarrator {
	width:680px;
	margin:0 auto 20px;
	border:10px solid #666666;
	padding:20px 30px 0;
}

#main #hikaku h3 {
	margin-bottom:20px;

}

/*　仮ボックス　*/

#main .karibox {
	width:680px;
	margin:0 auto 20px;
	border:10px solid #666666;
	padding:20px 30px 0;
}

/*　仮ボックス　end　*/



#main #faq {
	width:730px;
	border:5px solid #0477ad;
	padding:30px 30px 10px;
	margin:0 auto 20px;
}



#main #faq .faq-inr {
	padding-bottom:10px;
	margin-bottom:20px;
}

#main #faq .faq-inr dl {
	margin-bottom:20px;
}

#main #faq .faq-inr dl dt {
	margin-bottom:16px;
	background: transparent url(../img/q.gif) no-repeat scroll 0px 0px;
	padding-top:8px;
	padding-left:48px;
	font-weight:bold;
	color:#c00;
	min-height:40px;
	border-bottom:dotted 1px #d9d9d9;
}

#main #faq .faq-inr dl dt.twoline {
	padding-top:4px;
	min-height:40px;
	line-height:1.3;
}



#main #faq .faq-inr dl dd {
	margin-bottom:8px;
	background: transparent url(../../img/a.gif) no-repeat scroll 0px 0px;
	padding-left:48px;
	padding-right:24px;
	font-weight:bold;
}





#main #ps {
	width:660px;
	padding:10px 0px;
	margin:0 auto 0px;
}

#main #ps .ps-inr {
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:dotted 1px #d9d9d9;
}

#main #ps .ps-inr h4 {
	text-align:left;
}

#main #ps .ps-inr p {
	padding:0 16px;
}


#main #i-link {
	width:700px;
	height:50px;
	margin:0 auto 30px;
}

#main #i-link a {
	background: transparent url(../../img/btn_item_detail.jpg) no-repeat scroll 0px 0px;
	overflow:hidden;
	width:700px;
	height:50px;
	display:block;
	text-indent:-9999px;
}

#main #i-link a:hover {
	background-position: 0px -50px;
}



/* footer */

#footer {
	text-align: center;
	border-top: 1px solid #222;
	width: 100%;
	min-width: 960px;
	margin: 0;
	height: 120px;
	background-color: #293038;
	padding-top: 15px;
}

#footer p {
	padding:8px 0 20px;
	line-height:1.0;
}


#footer p ,
#footer p a {
	color:#fff;
	font-size:12px;
}

#footer address{
	text-align:center;
	font-size:12px;
	color:#fff;
	margin-bottom:0;
	padding:0;
}

/* footer end */




/* co */
body#co {
	background-attachment: scroll;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#co #header {
	width: 960px;
	min-width: 960px;
	padding: 0;
	height: 82px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}

#co #header #logo {
	position: absolute;
	left: -50px;
	top: 0px;
	z-index: 9999;
}

#co #main {
	width: 100%;
	background-image: url(../img/bg_wrapper.gif);
	margin-top: 0px;
	padding-top: 0px;
}

#co #main #co01 {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 50px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}

#co #main li{
	list-style-type: decimal;
	list-style-position:outside;
	padding-bottom: 0px;
	margin: 0px 10px 10px 40px;
	font-weight:normal;
}

#main2 {
	width:740px;
	border-left:1px solid #d1cd91;
	border-right:1px solid #d1cd91;
	margin:0 auto;
	background-color:#fff;
	padding:0 30px;
}

#main2 h2 {
	font-weight:bold;
	font-size:16px;
}


#main2 li{
	list-style-type: decimal;
	padding-bottom: 0px;
	margin: 0px 10px 10px 30px;
}

#main2 h3 ,
#main2 h3 {
	margin-bottom:8px;
}

.co {
	font-size: 14px;
	width: 660px;
	color: #333333;
	line-height: 1.4;
	margin:0 auto;
	border-top: 1px solid #CCCCCC;

}
.td_co01 {
	font-size: 14px;
	font-weight: bold;
	width: 180px;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
.td_co02 {
	font-size: 14px;
	font-weight: normal;
	width: 395px;
	text-align: left;
	vertical-align: text-top;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}

.tokutei {
	font-size: 14px;
	width: 700px;
	color: #333333;
	line-height: 1.4;
	margin:0 auto;
	padding-bottom:50px;

}

.tokutei table {
	width:660px;
	margin:0 auto;
	border-top: 1px solid #CCCCCC;	
}

.tokutei_top{
	border-top: 1px solid #CCCCCC;	
}

.td_tokutei01 {
	font-size: 14px;
	font-weight: bold;
	width: 180px;
	text-align: center;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.td_tokutei02 {
	font-size: 14px;
	font-weight: normal;
	width: 465px;
	text-align: left;
	vertical-align: text-top;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;	
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/* co end */




/* members */


#mem .guide {
	width:660px;
	padding:20px 20px 10px 20px;
	border:5px solid #ddd;
	margin:0 auto 30px;
}

#mem .guide ul li {
	font-weight:bold;
}

#mem .member_ta{
	margin: 0px 100px 20px 130px;
}

#mem .member_ta th {
	border-bottom: 1px solid #CCCCCC;
	line-height:1.5;
}

#mem .member_ta tr.odd {
	background-color:#efeff0;
}

#mem .member_ta td {
	padding: 5px 5px;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;	
}

#mem .member_ta td {
	padding: 5px 5px;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;	
}

#mem a {
	color:#0033FF;
	text-decoration:underline;
}

#mem a:hover {
	color:#0033FF;
	text-decoration:none;
}

#mem .blue-b18 {
	color:#0033FF;
	font-size:18px;
	font-weight:bold;
}

/* members end */
#main #referral .prof-t .referral-tit p {
	margin-bottom: 0px;
}
#main #prof-t-inr {
	width: 840px;
	text-align: center;
}
#main .txt-box01 {
	margin-right: auto;
	margin-left: auto;
	width: 838px;
	border: 1px dotted #333;
}
#main .txt-box01 .txt-box01-inr {
	background-color: #FFFFFF;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	padding-top: 20px;
}
#profile .referral-tit p {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.attention01 {
	width: 788px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	border: 5px solid #CCC;
}
.attention01 h5 {
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #0677AD;
	padding-left: 8px;
}
#main .pp {
	width:820px;
	margin:0 auto 20px;
	}
	
#main .pp h4 {
	margin-bottom:8px;
	}
	
#main .pp textarea {
	width:820px;
	}

#main .send {
	width: 840px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 40px;
	}

/* SQUARED TWO */
.squaredTwo {
	width: 38px;
	height: 38px;

	background: #d70000;

/*
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
*/
	margin: 20px 20px 20px 50px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}

.squaredTwo input {
	margin-top:10px;

}
.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 30px;
	height: 30px;
	left: 4px;
	top: 4px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	background: #fff;

/*
	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
*/
}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 15px;
	height: 11px;
/*	width: 9px;
	height: 5px;*/
	background: transparent;
	top: 5px;
	left: 7px;
	border: 3px solid #d70000;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}



#main .btn-send {
	background-color: #FFF;
	width: 830px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 100px;
}


.pp {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
#voice #img-voice {
	position: absolute;
	left: 448px;
	top: 1905px;
}
#container02 #main #co01 #logo {
	position: absolute;
	left: -43px;
	top: -87px;
}
#first_wrapper {
    position:relative;
	width: 1000px; 
	margin: 0 auto;
}

#first_wrapper #main_box { 
    width: 1000px;
	margin: 0 auto;
}
#main_box p {
	margin-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
}

#main_box .txt-box02 {
    font-size: 20px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 20px;
	margin-bottom: 40px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #0288b4;
	border: 1px solid #0288b4;
	border-radius: 10px;/*角の丸み*/
	position: relative;
}

#main_box .txt-box02 .txt-box02-inr {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #cbcbcb;
	border-radius: 10px;/*角の丸み*/
}

#wrapper {
	background-image: url(../img/bg_wrapper.gif);
	background-repeat: repeat;
	width: 100%;
	background-attachment: scroll;
	background-position: left top;
	margin-top: -50px;
}


#main #main_tit_box {
	margin: 0 5px;
    padding-top: 15px;
    font-size: 20px;
}
#main #main_tit_box p {
	margin-bottom: 15px;
	padding-bottom: 0px;
}
#main #sub_tit_box {
	width: 880px;
	margin: 20px auto;
	background-color: #f5f5f5;
	border: 1px solid #cbcbcb;
	border-radius: 10px;/*角の丸み*/
	padding: 0px;
}
#main #sub_tit_box p{
	margin: 20px;
	padding: 0px;
}

#main #sub_tit_box-inr {
	width: 850px;
	margin: 20px auto;
	background-color: #fff;
	border: 1px solid #960a00;
	border-radius: 10px;/*角の丸み*/
	padding: 0px;	
}

#main #profile #profile-inr {
	text-align: left;
	margin-top: 0px;
	padding-bottom: 30px;
	width: 748px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 40px;
}
#main #profile #profile-inr h4 {
	text-align: left;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #222;
	padding-left: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}
#main .border01 {
	padding-top: 20px;
	padding-bottom: 20px;
	border: 3px solid #11253d;
	width: 840px;
}
#main #stepw .align-c {
	margin-bottom: 0px;
}
#main #stepw {
	margin-bottom: 40px;
}
#main .bread h4 {
	text-align: left;
	font-family: "ヒラギノ角ゴ Std W5", "Hiragino Ka Pro", "HGSゴシックE", "ＭＳ Ｐゴシック", Osaka;
	font-size: 22px;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#main .bread {
	width: 834px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border: 3px solid #11243c;
}
#main .bread .bread-inr {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-top: 0px;
}
#main .step h4 {
	text-align: left;
	font-family: "ヒラギノ角ゴ Std W5", "Hiragino Ka Pro", "HGSゴシックE", "ＭＳ Ｐゴシック", Osaka;
	font-size: 22px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#main .step {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-bottom: 30px;
	padding-top: 20px;
	margin-top: 0px;
	height: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#main .step .step-inr {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-top: 0px;
	padding-top: 30px;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}
#suport .suport-inr p {
	color: #FFF;
}
#main #seminor {
	width: 784px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
	border: 3px solid #11243c;
	padding-top: 20px;
	padding-bottom: 30px;
}
#main .txt-box01 ul {

}
#faq-box .faq {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}
#main #service {
	width: 880px;
	margin: 20px auto;
	padding: 30px 0px 0;
}
#service .service-inr {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 30px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d9a001;
	border-left-color: #906a00;
	margin-bottom: 0px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #906a00;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-right: 30px;
}
#faq-box .faq .faq-inr dl dd .img-q {
	background-attachment: scroll;
	background-image: url(../img/img_a.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 80px;
	font-weight: bold;
}
#faq-box .faq .faq-inr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.txt-nomal {
	margin-right: auto;
	margin-left: auto;
	width: 740px;
}
#main #monitor {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
#main #mov01 {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 50px;
}
#main #future {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
}
#main .step .step-inr02 {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-bottom: 20px;
	background-color: #FFF;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#main .step p {
	margin-bottom: 0px;
}
#main .step #prof-h {
	text-align: center;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-bottom: 10px;
	background-color: #FFF;
}
#main #monitor p {
	margin-bottom: 0px;
}
#main #future p {
	margin: 20px 20px 20px;
}

#main .txt-box02 #photo01 {
	position: absolute;
	left: 578px;
	top: -228px;
}
#main .txt-box02 #photo02 {
	position: absolute;
	left: 578px;
	top: -221px;
}
#main #monitor .monitor-box {
	border: 3px solid #616161;
	margin-bottom: 30px;
	padding-bottom: 15px;
}
#main #monitor .monitor-box p{
	margin: 20px;
}

#main #future .future-box {
	border: 3px solid #616161;
	margin-bottom: 30px;
}
#main .step .step-box {
	margin-bottom: 30px;
	background-color: #e5c448;
	margin-top: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #354e6f;
	border-bottom-color: #354e6f;
	border-left-color: #354e6f;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 45px;
	padding-left: 30px;
}
#main .step .step-box #prog01 {

}
#main .step .step-box #prog01 {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	text-align: center;
}
#main .step .step-box .prog01 {
	margin-left: -30px;
}
#main .step .step-box .program {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color: #FFF;
	text-align: right;
}
#main .step .step-box .program02 {
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	background-color: #FFF;
	text-align: right;
}
.kakaku_box {
    padding: 0em;
    margin: 0em 1em 1em;
    border: 1px dotted #222;
}
.kakaku_box p {
    margin: 0; 
    padding: 0;
}
.monitor_box {
    padding: 0em;
    margin: -28px 15px 0px;
    border: 1px dotted #222;
}
.monitor_box p {
    margin: 0; 
    padding: 0;
}

.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #000000;
}
.box11{
    padding: 0.5em 1em;
    margin: 1em 20px;
    background: white;
    border-top: solid 5px #dd960f;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 0;
}
.ic {
    margin: 0;
    width: 20%;
    border: none;
    min-width: 60px;
}
.il {
    float: left;
}
figure {
    margin: 0 0 1.8em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 1.8em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    border: solid 5px #f7f7f7;
    border-bottom: none;
}

.vc, figure {
    box-sizing: border-box;
}
.ilp {
    padding-right: 10px;
}
.sn {
    background: 0 0;
    font-size: .6em;
    line-height: 1.4;
    font-weight: 700;
}
figcaption {
    text-align: center;
    padding: 8px;
}
.vc {
    max-width: calc(100% - 60px);
    width: 80%;
    border: 3px solid #eee;
    background-color: #fff;
    color: #444;
    padding: 2.5%;
    position: relative;
    border-radius: 5px;
}
.ir {
    float: right;
}

/*ステップフローのCSS*/
ul.stepflow {
	border: none;
	margin: 1em 0.5em;
	padding: 0;
	list-style: none;
}
ul.stepflow > li:before, ol.stepflow > li:before {
	background-color:#cccccc!important;
}
.stepflow li {
    position: relative;
    padding: 0 0 1.5em 1.8em;
}
.stepflow>li:before {
	content: "";
	width: 3px;
	background: #cccccc;
	display: block;
	position: absolute;
	top: 28px;
	bottom: 0;
	left: 5px;
}
.stepflow-white {
	content: '';
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 3px #232F3E;
}
.stepflow-black {
	content: '';
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 3px #232F3E;
	background-color: #232F3E;
}
.stepflow_label {
	padding: 3px 0px 8px 0px;
	margin-bottom:8px;
	color: #db0000;
	font-size: 1.8em;
	font-weight: bold;
}
.stepflow_title {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom:15px;
}
.stepflow_content {
	font-size: .9em;
	line-height: 1.5;
	margin-top: .5em;
	padding: 0 0 1.5em;
	border-bottom: dashed 1px #cccccc;
}
/*ステップフローのCSSここまで*/

.btn-container {
  position: absolute;
  left: 50%;
  margin: 0 0 100px -400px;
}

.btn {
  width: 800px;
  height: 80px;
  line-height: 70px;
  background-color: #e60012;
  border-radius: 8px;
  font-size: 36px;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.btn:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: .4;
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.btn:hover {
  background-color: #ff0000;
}

.btn-container a{
	color: #fff;
	text-decoration: none;
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}
@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
  50% {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}