@charset "UTF-8";
/* CSS Document */

.beginnerBox {
	background-color: #FFF;
	border: 1px solid #ccc;
	padding-bottom: 20px;
}
	
.boxA {
	width: 968px;
	height: 502px;
	margin: 0;
	padding: 0;
}
	
.boxB {
	text-align: center;
	margin-top: 45px;
	background-image: url("../png/bg_x.png") repeat-x ;
	background-image: url("../png/bg_x.png") repeat-x ;
}

.boxC {
	width: 968px;
	height: 471px;
	margin: 0px;
	padding: 0px;
}

.bold {
	font-weight: bold;
	color: #000;
}

.word_line {
	line-height: 20px;
}

.boxA h1 img {
	position: absolute;
}

.boxA p {
	position: relative;
}

.boxA p.download {
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	padding-right: 702px;
	padding-top: 70px;
	/*transform: rotate(-12deg);
	-moz-transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);*/
	font-family: 'Meiryo';
}

/* IE9 */
.boxA p.download:not(:target) {
 	top: -20px;\9;
 	margin-left: 0;\9;
}

/* IE10以降 */
@media all and (-ms-high-contrast:none){
  .style {
  	top: -20px;\9;
  	margin-left: 0;\9;  }
}



.boxA p.download span.number {
	font-size: 26px;
}

.boxA p.download span.number:first-child {
	letter-spacing: -0.15em;
}

.boxA p.download span.txt {
	letter-spacing: -1px;
}

.boxA p.day {
	font-size: 14px;
	font-family: 'MS PGothic';
	top: 340px;
	padding-left: 80px;		
}

.boxA p.postscript {
	font-size: 11px;
	font-family: 'MS PGothic';
	top: 290px;
	padding-left: 435px;
}


.boxB .case_box {
	width: 814px;
	margin: 0 auto;
	text-align:left;
	background: #F99;
	background: url("../png/bg_y.png") repeat-y 50% top;
}

.boxB .case_box .cF {
	margin-top: 30px;
}
	

.boxB .case_box .box01,.box02,.box03,.box04 {
	width: 43%;
	float: left;
}


.boxB .case_box .left {
	padding-top: 45px;
}

.boxB .case_box .cF:first-child {
	background: url("../png/bg_x.png") repeat-x left bottom;
	padding-bottom: 20px;
}

.boxB .case_box .box02,.box04 {
		padding-left: 12%;
}

.boxB .case_box h2.sub_ttl {
	font-size: 23px;
    font-family: 'Hiragino Kaku Gothic ProN';
	padding-left: 18px;
	border-left: 8px solid #fece11;
}

.boxB .case_box p {
	font-size: 14.5px; 
	padding-left: 28px;
	margin-top: 15px;
}

/*.boxB .case_box h2 .irasuto {
	text-align: center;
}*/

.boxB .case_box img {
	margin-top: 20px;
	margin-left: 40px;
}

.boxB .case_box .box03 img {
	width:40%;
	height: 40%;
	margin-left: 115px;
}

.boxB .postscript_list {
	padding-right: 50px;
	font-size: 11.5px;
	font-family: "MS PGothic",sans-serif;
	margin: 30px 0px;
	float: right;
	text-align: left;
}

.boxC h2.ttl_beginner {
	text-align: center;
}

.boxC .kero_introduce {
	padding: 0 47px;
}

.boxC .kero_introduce .kero {
	float: left;
	margin-top: 20px;
}

.boxC .kero_introduce .name {
	float: left;
	margin-left: 30px;
}

.boxC .kero_introduce .name dl {
	margin: 20px 0;
}

.boxC .kero_introduce .name dl dt {
	margin-bottom: 5px;
}

.boxC .kero_introduce .name dl dd {
	font-size: 15px;
}

.boxC .alC {
	text-align: center;
}

.boxC .alC img {
	margin-top: 25px;
}