@charset "utf-8";

span.point{
	color:#E5134A;
}
.driver .recommendBox a{
	color:#fff;
  /*color:#e5134a;*/
  text-decoration: underline;
}
.driver .recommendBox a:hover{
	text-decoration: none;
}
.driver .chooseContents a {
    color: #fff;
    text-decoration: underline;
}
.driver .chooseContents a:hover {
    text-decoration: none;
}



@media screen and (max-width: 767px) {
	#mainAreaCont .breadcrumb {
	    z-index: 30;
	}
	.lesson.driver #contents {
	    padding: 0;
	}
	#contents .inner{
		width:94%;
		padding:1% 3%;
	}
	.lesson.driver .breadcrumb{
		z-index:10;
	}

	/*---------------------------------------*/
	.lesson.driver #mainAreaCont .logo {
	    left: -56px;
	    position: absolute;
	    top: 10px;
		z-index:20;
	}
	.lesson.driver #mainAreaCont .mainMv {
	    margin: 0 auto;
	    position: relative;
	    width: 100%;
	}
	.lesson.driver #mainAreaCont .mainIn {
		left:40px;
	    margin: 0 auto;
	    width: 100%;
		top:0;
	}
	.lesson.driver #mainAreaCont .mainIn .ttl {
	    left: auto;
	    padding: 80px 10px 0 100px;
		position:relative;
	    top: auto;
	}
	.lesson.driver #mainAreaCont {
	    background: #e3d8e0 none repeat scroll 0 0;
	    height: 200px;
	    position: relative;
		overflow:hidden;
	}
	.lesson.driver #mainAreaCont .cover {
	    background: url("/kiso/files/img/common/bg_main_bottom.png") repeat-x scroll center bottom, rgba(0, 0, 0, 0) url("/kiso/files/img/lesson/bg_main_op.png") repeat scroll 0 0;
		background-size: 25px auto, 6px 6px;
	    height: 200px;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	}
	.lesson.driver #mainAreaCont .mainMv .mv {
		display:none;
	}
	.lesson.driver #mainAreaCont .mainMv .mvsp {
		background: url("/kiso/files/img/lesson/driver/L01_TOP_02MB.gif") no-repeat center 20px;
	    height: 200px;
	    width: 100%;
	}


	/*---------------------------------------*/
	.driver .ktImg {
		width: 100px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
	}
	.driver .ktText01,
	.driver [class^="lectureText0"] {
		display: inline-block;
		vertical-align: middle;
		width: calc(100% - 131px);
		padding: 1em;
		position: relative;
	}
	.driver [class^="lectureText0"] {
		background: #fff;
		border: #666 2px solid;
		border-radius: 12px;
		box-sizing: border-box;
		position: relative;
	}
	.driver [class^="lectureText0"]:before {
		content: '';
		display: block;
		width: 15px;
		height: 15px;
		border-top: #666 2px solid;
		border-left: #666 2px solid;
		background: #fff;
		position: absolute;
		top: 50%;
		margin-top: -8px;
		left: -10px;
		transform: rotate(-45deg);
	}
	.driver .lectureText01,
	.driver .lectureText03,
	.driver .lectureText04 {
		left: 19px;
		width: calc(100% - 125px);
	}
	.driver .ktLecture02 .ktImg {
		left: 19px;
	}
	.driver .lectureText02:before {
		left: calc(100% + -7px);
		transform: rotate(135deg);
	}

	.driver [class^="lectureText0"] p {
		font-size: 93%;
	}


	/*---------------------------------------*/
	.driver .pickupArea{
		background:#4EB09C;
	}

	/*---------------------------------------*/
	.driver .qaBox{
		background:none;
		padding:40px 0 30px;
	}
	.driver .qaBox .qaImg{
		text-align:center;
		padding:10px 0 20px;
	}
	.driver .qaBox h2.qaTtl{
		background: url("/kiso/files/img/lesson/driver/bg_driver_qattl01.png") no-repeat left top;
		background-size:60px 60px;
		color:#FFF;
		margin-bottom:20px;
		min-height:60px;
		padding: 10px 0 0 70px;
		font-size:170%;
		font-weight:bold;
	}
	.driver .qaBox p{
		color:#FFF;
		font-size:124%;
		margin:0;
		padding:0 2%;
		width:96%;
	}
	.driver .qaBox .qaBtn{
		margin: 0 auto;
	    max-width: 590px;
	    width: 100%;
	}
	.driver .qaBox .qaBtn a{
		display: inline-block;
	    margin: 1%;
	    max-width: 280px;
	    width: 48%;
		padding:0;
		float:left;
	}
	.driver .spLecture{
		text-align:center;
	}

	/*---------------------------------------*/
	.driver .useBox{
		padding:35px 0 30px;
	}
	.driver .useBox h2.useTtl{
		background: url("/kiso/files/img/lesson/driver/bg_driver_usettl01.png") no-repeat left top;
		background-size:60px 60px;
		margin-bottom:0px;
		min-height:60px;
		padding: 10px 0 0 70px;
		font-size:170%;
		font-weight:bold;
	}
	.driver .useContents{
		padding:0;
	}

	/*---------------------------------------*/
	.driver h3.subTtl{
		background: url("/kiso/files/img/lesson/driver/bg_subttl_icon.png") no-repeat left center;
		background-size:12px;
		font-size:154%;
		font-weight:bold;
		padding:3px 0 0 15px;
		margin-bottom:20px;
	}
	.driver h3.subTtl02{
		background: url("/kiso/files/img/lesson/driver/bg_subttl_icon02.png") no-repeat left center;
		background-size:12px;
		font-size:154%;
		font-weight:bold;
		padding:3px 0 0 15px;
		margin-bottom:20px;
		color:#FFF;
	}


	/*---------------------------------------*/
	.driver .recommend .leadNote{
	    font-size:14px;
	    color:#FFF;
	}
	.driver .recommend h3.subTtl02 span.note{
		font-size:11px !important;
		display:block;
	}

	/*---------------------------------------*/
	.driver .useContents .useMovie{
		float:none;
		width:100%;
		margin:0 auto;
		max-width:445px;
	}
	.driver .useContents .useMovie iframe{
		width:100%;
	}
	.driver .useContents .useLecture{
		float:none;
		width:100%;
	}
	.driver .useContents .useLecture p{
		font-size:108%;
		margin-bottom:20px;
		line-height:180%;
		padding-top:10px;
	}

	/*---------------------------------------*/
	.driver .noteAreaWide{
		padding:10px 0;
	}
	.driver .noteAreaWide .noteList{
		background: url("/kiso/files/img/lesson/driver/bg_noteicon_sp02.png") no-repeat left top;
		background-size:22px;
		width:100%;
		padding-top:30px;
		float:none;
	}
	.driver .noteAreaWide .noteList li{
		font-size:108%;
		list-style-type: disc;
		margin-left:20px;
		width:auto;
	}
	.driver .noteAreaWide .noteImg{
		float:none;
		margin-left:0;
		padding-top:15px;
		text-align:center;
	}
	.driver .noteArea{
		padding:10px 0 25px;
	}
	.driver .noteArea .noteList{
		background: url("/kiso/files/img/lesson/driver/bg_noteicon_sp.png") no-repeat left top;
		background-size:22px;
		width:100%;
		padding-top:30px;
		float:none;
	}
	.driver .noteArea .noteList li{
		font-size:108%;
		list-style-type: disc;
		margin-left:20px;
		width:auto;
	}
	.driver .noteArea .noteImg{
		float:none;
		margin-left:0;
		padding-top:15px;
		text-align:center;
	}
	.driver .useContents .ktLecture02{
		display:none;
	}


	/*---------------------------------------*/
	.driver .chooseBox{
		padding:35px 0 30px;
	}
	.driver .chooseReadBox{
		padding:10px 0;
		color:#FFF;
	}
	.driver .chooseReadBox h4.chooseRead{
		font-size:139%;
		font-weight:bold;
	}
	.driver .chooseReadBox p{
		font-size:124%;
	}
	.driver .chooseList{
		margin-bottom:10px;
	}
	.driver .chooseBox h2.chooseTtl{
		background: url("/kiso/files/img/lesson/driver/bg_driver_choosettl01.png") no-repeat left top;
		background-size:60px 60px;
		color:#FFF;
		margin-bottom:0px;
		min-height:60px;
		padding: 10px 0 0 70px;
		font-size:170%;
		font-weight:bold;
	}
	.driver .chooseBox .chooseContents{
		padding-top:40px;
	}
	.driver .chooseBox .chooseContents .subTtl{
		color:#FFF;
	}
	.driver .chooseBox .chooseContents .chooseListBox{
		color:#FFF;
		float:left;
		max-width:300px;
		width:50%;
	}
	.driver .chooseBox .chooseContents .chooseListBox a{
		color:#FFF;
		text-decoration:underline;
	}
	.driver .chooseBox .chooseContents .chooseListBox a:hover{
		text-decoration:none;
	}
	.driver .chooseBox .chooseContents .chooseListBox .imgBox{
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseListBox h4{
		font-weight:bold;
		font-size:139%;
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseListBox h5{
		font-weight:bold;
		font-size:124%;
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseListBox p{
		font-size:108%;
	}


	/*---------------------------------------*/
	.driver .tipsBox02{
		background:#FFF;
		border:5px solid #FAB4C5;
		border-radius:5px;
		box-sizing:border-box;
		margin:15px auto;
		padding: 5%;
	    width: 100%;
	}
	.driver .tipsBox02 .tipsWide{
		color:#333333;
		width:100%;
		float:note;
	}
	.driver .tipsBox02 .tipsWide .tipsLabel{
		background: url("/kiso/files/img/lesson/driver/bg_driver_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size:124%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .tipsBox02 .tipsWide h3{
		font-size:154%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .tipsBox02 .tips h3 br{
		display:none;
	}
	.driver .tipsBox02 .tipsWide p{
		font-size:108%;
		margin-bottom:20px;
	}
	.driver .tipsBox02 .tips ul li{
		list-style-type:decimal;
		margin-left:20px;
		font-size:108%;
	}
	.driver .tipsBox02 .tips h3{
		font-size:154%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .tipsBox02 .tips p{
		font-size:108%;
		margin-bottom:20px;
	}
	.driver .tipsBox02 .tips .noteText{
		font-size:100%;
		margin-top:10px;
	}
	.driver .tipsBox02 .tips{
		color:#333333;
		width:100%;
		float:none;
	}
	.driver .tipsBox02 .tipsImg{
		max-width:330px;
		width:100%;
		float:none;
		margin:0 auto 10px;
	}


	/*---------------------------------------*/
	.driver .tipsBox{
		background:#FFF;
		border:5px solid #FAB4C5;
		border-radius:5px;
		box-sizing:border-box;
		margin:15px auto;
		padding: 5%;
	    width: 100%;
	}
	.driver .tipsBox .tips{
		color:#333333;
		float: none;
	    width: 100%;
	}
	.driver .tipsBox .tipsImg{
		float:none;
		width:100%;
		max-width:210px;
		margin:0 auto;
		text-align:center;
		padding-left:60px;
	}
	.driver .tipsBox .tips .tipsLabel{
		background: url("/kiso/files/img/lesson/driver/bg_driver_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size:124%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .tipsBox .tips h3{
		font-size:154%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .tipsBox .tips h3 br{
		display:none;
	}
	.driver .tipsBox .tips p{
		font-size:108%;
		margin-bottom:20px;
	}




    /*----------------------------*/
    .driver .confirmationArea {
        background: url("/kiso/files/img/lesson/driver/bg_driver_confirmation.png") repeat-x left 50px;
        height: auto;
        padding-top: 40px;
        overflow: hidden;
        min-height: 385px;
    }
    .driver .confirmationArea h3 {
		font-size: 	18px;
		font-weight: bold;
		color: #fff;
		padding: 15px 4% 0;
	}
    .driver .confirmationArea h3 span {
		font-size: 	13px;
		font-weight: normal;
		display: inline-block;
		vertical-align: middle;
	}
    .driver .confirmationArea .inner {
        padding: 30px 0 45px !important;
    }
    .driver .confirmationArea .confirmationImg {
        width: 100px;
        display: inline-block;
        vertical-align: middle;
    }
    .driver .confirmationArea .confirmationImg > div {
		display: none;
	}
    .driver .confirmationArea .confirmationImg .default {
		display: block
	}
    .driver .confirmationArea .confirmationAnser {
        width: calc(100% - 120px);
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: -10px;
        max-height: 250px;
    }
    .driver .confirmationArea .confirmationAnser .confirmation,
	.driver .confirmationArea .confirmationAnser .confirmationOn {
        background: #fff;
        color: #666;
        width: 100%;
        display: inline-block;
        margin: 30px 0 10px;
        padding: 0;
        font-size: 93%;
        border: #666 2px solid;
        border-radius: 10px;
        box-sizing: border-box;
        padding: 1em;
        position: relative;
    }
    .driver .confirmationArea .confirmationAnser .confirmationOn {
        opacity: 0;
    }
    .driver .confirmationArea .confirmationAnser .confirmation a:not([href$=".html"]),
    .driver .confirmationArea .confirmationAnser .confirmationOn a:not([href$=".html"]) {
        margin: 70px 0 0;
    }
    .driver .confirmationArea .confirmationAnser .confirmation a[target="_blank"],
    .driver .confirmationArea .confirmationAnser .confirmationOn a[target="_blank"] {
        position: absolute;
        left: 0;
        bottom: -70px;
    }
    .driver .confirmationArea .confirmationAnser .confirmation a[href="#"],
    .driver .confirmationArea .confirmationAnser .confirmationOn a[href="#"] {
        position: absolute;
        left: 0;
        bottom: -136px;
    }
    .driver .confirmationArea .confirmationAnser img {
		height: 57px;
	}
    .driver .confirmationArea .confirmationAnser .confirmation:before,
	.driver .confirmationArea .confirmationAnser .confirmationOn:before {
        content: '';
        display: block;
        width: 10px;
        height: 10px;
        background: #fff;
        border-top: #666 2px solid;
        border-left: #666 2px solid;
        position: absolute;
        top: 50%;
        left: 0;
        margin: -6px 0 0 -7px;
        transform: rotate(315deg);
    }
    .driver .confirmationArea .confirmationAnser .anser {
        background: none;
        color: #666;
        width: 100%;
        height: auto;
        margin: 0;
        float: none;
		position: relative;
    }
    .driver #btn {
        margin: 0 auto;
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
    }
    .driver #btn a {
        display: block;
        vertical-align: top;
        box-sizing: border-box;
        font-size: 12px;
        font-weight: bold;
        color: #EA0B46;
        margin: 0 0 10px;
        text-align: left;
        padding: 9px 10px;
        background-color: #FEEDF1;
        border: #FAB4C5 2px solid;
        border-radius: 10px;
        box-shadow: 3px 3px 0 #ddd;
        animation: moveBtn 2s infinite 2s normal ease-out;
    }
    .driver #btn a:hover {
		text-decoration: none;
	}





	@keyframes moveBtn {
		0% {top:26px;}
		20% {top:32px;}
		25% {top:32px;}
		30% {top:16px;}
		38% {top:26px;}
		42% {top:20px;}
		48% {top:26px;}
	}
	#btn a:hover{
		background-color:#FAB4C5;
		border:#ED6A89 5px solid;
		top:30px;
		left:40px;
		box-shadow: 1px 1px 0 #ddd;
		animation: none;
	}

	/*----------------------------*/
	.driver .twitterQuestion{
		max-width:280px;
		width:50%;
		margin:0 auto;
		float:none;
	}
	.driver .snsSet{
		float:none;
	}
	.driverBottom{
		width:100%;
		margin:30px auto 0;
	}

	/*---------------------------------------*/
	.driver .lineupBox{
		padding:35px 0 30px;
	}
	.driver .lineupBox h2.lineupTtl{
		background: url("/kiso/files/img/lesson/driver/bg_driver_lineupttl01.png") no-repeat left top;
		background-size:60px 60px;
		margin-bottom:0px;
		min-height:60px;
		padding: 10px 0 0 70px;
		font-size:170%;
		font-weight:bold;
	}
	.driver .lineupBox .ktImg{
	}
	.driver .lineupBox .ktLecture04{
		margin: 20px 0 0 0;
	}

	/*---------------------------------------*/
	.driver .chooseBox .chooseContents{
		padding-top:40px;
	}
	.driver .chooseBox .chooseContents .chooseLeft{
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseLeft .chooseText{
		background: url("/kiso/files/img/lesson/driver/img_driver_icon01.gif") no-repeat left center;
		background-size:29px 25px;
		padding:9px 0 0 40px;
		height:40px;
	}
	.driver .chooseBox .chooseText02{
		background: url("/kiso/files/img/lesson/driver/img_driver_icon02.gif") no-repeat left center;
		background-size:29px 25px;
		padding:9px 0 0 40px;
		height:40px;
		margin-top:5px;
	}
	.driver .chooseBox .chooseText03{
		background: url("/kiso/files/img/lesson/driver/img_driver_icon03.gif") no-repeat left center;
		background-size:29px 25px;
		padding:9px 0 0 40px;
		height:40px;
		margin-top:5px;
	}
	.driver .chooseBox .chooseContents .chooseLeft p{
		margin-bottom:15px;
	}
	.driver .chooseBox .chooseContents .subTtl{
		color:#FFF;
	}

	.driver .chooseBox .chooseContents .chooseListBox{
		color:#FFF;
		display: inline-block;
		vertical-align: top;
		max-width: 280px;
		padding: 2%;
		width: 45%;
	}
	.driver .chooseBox .chooseContents .chooseListBox a{
		color:#fff;
	  /*color:#e5134a;*/
		text-decoration:underline;
	}
	.driver .chooseBox .chooseContents .chooseListBox a:hover{
		text-decoration:none;
	}
	.driver .chooseBox .chooseContents .chooseListBox .imgBox{
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseSbox{
		width:135px;
		float:left;
		margin-right:10px;
	}
	.driver .chooseBox .chooseContents .chooseSbox h4{
		font-size: 139%;
	    font-weight: bold;
	    margin: 10px 0 5px;
	}
	.driver .chooseBox .chooseContents .chooseSbox p{
		font-size:108%;
	}
	.driver .chooseContents .chooseSbox p{
		font-size:108%;
	}
	.driver .chooseReadBox .halfLeft,.driver .chooseReadBox .halfRight{
		width:100%;
		float:none;
		margin-bottom:15px;
	}
	.driver .chooseReadBox .halfLeft img,.driver .chooseReadBox .halfRight img{
		width:115px;
	}
	.driver .chooseReadBox .halfLeft h4,.driver .chooseReadBox .halfRight h4,.driver .chooseReadBox .halfRight p,.driver .chooseReadBox .halfLeft p{
		margin-bottom:10px;
	}

	/*---------------------------------------*/
	.driver .lineupBox .lineupContents{
		padding-top:40px;
	}
	.driver .lineupBox .lineupContents .subTtl{
	}
	.driver .lineupBox .lineupContents .lineupListBox{
		float:left;
		max-width:280px;
		width:46%;
		padding:2%;
	}
	.driver .lineupBox .lineupContents .lineupListBox a{
		text-decoration:underline;
	}
	.driver .lineupBox .lineupContents .lineupListBox a:hover{
		text-decoration:none;
	}
	.driver .lineupBox .lineupContents .lineupListBox .imgBox{
		margin-bottom:10px;
	}
	.driver .lineupBox .lineupContents .lineupListBox h4{
		font-weight:bold;
		font-size:124%;
		margin-bottom:10px;
	}
	.driver .lineupBox .lineupContents .lineupListBox p{
		font-size:108%;
	}
	.driver .lineupBox .tipsBox{
		background:#FFF;
		border:5px solid #FAB4C5;
		border-radius:5px;
		box-sizing:border-box;
		margin:15px auto;
		padding: 5%;
	    width: 100%;
	}
	.driver .lineupBox .tipsBox .tips{
		color:#333333;
		width:100%;
		float:none;
	}
	.driver .lineupBox .tipsBox .tipsImg{
		float:none;
	}
	.driver .lineupBox .lineupContents .lineupListBox a{
		color:#E5134A;
		text-decoration:underline;
	}
	.driver .lineupBox .lineupContents .lineupListBox a:hover{
		text-decoration:none;
	}
	.driver .lineupBox .tipsBox .tips .tipsLabel{
		background: url("/kiso/files/img/lesson/driver/bg_driver_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size:124%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .lineupBox .tipsBox .tips h3{
		font-size:154%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .lineupBox .tipsBox .tips h3 br{
		display:none;
	}
	.driver .lineupBox .tipsBox .tips p{
		font-size:108%;
		margin-bottom:20px;
	}

	/*---------------------------------------*/
	.driver .recommend{
		background: none;
		padding:45px 10px;
	}
	.driver .recommend .recommendLeft{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	.driver .recommend .recommendRight{
		width:100%;
		float:none;
		margin-bottom:20px;
	}
	.driver .recommend .recommendBox{
		width:100%;
		margin:0 auto;
		padding-top: 20px;
		color:#FFF;
	}
	.driver .recommend .recommendImg{
		margin:0 auto 15px;
		width:220px;
	}
	.driver .recommend .recommendBox h3{
		font-size:139%;
		font-weight:bold;
		margin-bottom:10px;
	}
	#contents .driverBottom .snsSet {
	    padding-top: 30px;
	    text-align: center;
	}
	.driver .recommend .recommendNote{
		padding:0 0 15px;
	}
	/*---------------------------------------*/


}

@media screen and (min-width: 768px) {
	.driver .chooseContents a {
		font-size:100%;
	}

	.lectureTextInner01,.lectureTextInner02,.lectureTextInner03,.lectureTextInner04{
		opacity:0;
	}
	.lesson.driver .breadcrumb{
		z-index:10;
	}
	.driver .ktArea .ktImg{
		float:left;
		margin-bottom:0;
	}
	.driver .ktArea .ktText{
		float:left;
		padding-top:55px;
		margin-left:40px;
	}
	.driver .ktArea .ktText01{
		width:720px;
	}
	.driver .ktArea .ktText p{
		font-size:139%;
	}
	.driver .ktArea .ktText h2{
		font-size:170%;
		font-weight:bold;
	}
	.driver .ktImg,.driver .ktText01 p{
		margin-bottom:5px;
	}

	/*---------------------------------------*/
	.driver .pickupArea{
		background:#4EB09C;
	}

	/*---------------------------------------*/
	.driver .qaBox{
		background: url("/kiso/files/img/lesson/driver/bg_driver_qaimg.gif") no-repeat right 10px;
		padding:85px 0 60px;
	}
	.driver .qaBox h2.qaTtl{
		background: url("/kiso/files/img/lesson/driver/bg_driver_qattl01.png") no-repeat left top;
		color:#FFF;
		margin-bottom:20px;
		min-height:75px;
		padding:45px 0 0 90px;
		font-size:231%;
		font-weight:bold;
	}
	.driver .qaBox p{
		color:#FFF;
		font-size:139%;
		margin:0 0 40px 20px;
		width:510px;
	}
	.driver .qaBox .qaBtn{
		margin-left:40px;
	}
	.driver .qaBox .qaBtn a{
		display:inline-block;
		margin-right:20px;
	}


	/*---------------------------------------*/
	.driver .useBox{
		padding:70px 0 60px;
	}
	.driver .useBox h2.useTtl{
		background: url("/kiso/files/img/lesson/driver/bg_driver_usettl01.png") no-repeat left top;
		margin-bottom:20px;
		min-height:75px;
		padding:45px 0 0 90px;
		font-size:231%;
		font-weight:bold;
	}
	.driver .useBox .ktImg{
		float:left;
	}
	.driver .useBox .ktLecture01{
	}
	.driver .useBox .ktLecture01 .lectureText01{
		background: url("/kiso/files/img/lesson/driver/bg_kttext01.png") no-repeat right 20px;
		padding:55px 0 0 100px;
		width:655px;
		height:95px;
		float:left;
		opacity:0;
		line-height: 1.6;
	}
	.driver .spLecture{
		display:none;
	}
	.driver .useBox .ktLecture01 .lectureText01 p{
		color:#666666;
		font-size:18px;
		font-weight:bold;
	}
	.driver .useBox .ktLecture01 .lectureText01 p.emphasis{
		font-size:22px;
	}
	.driver .useContents{
		padding:0 10px 10px;
	}

	/*---------------------------------------*/
	.driver h3.subTtl{
		background: url("/kiso/files/img/lesson/driver/bg_subttl_icon.png") no-repeat left center;
		font-size:200%;
		font-weight:bold;
		padding:3px 0 0 35px;
		margin-bottom:20px;
	}
	.driver h3.subTtl02{
		background: url("/kiso/files/img/lesson/driver/bg_subttl_icon02.png") no-repeat left center;
		font-size:200%;
		font-weight:bold;
		padding:3px 0 0 35px;
		margin-bottom:20px;
		color:#FFF;
	}

	/*---------------------------------------*/
	.driver .useContents .useMovie{
		float:left;
		width:445px;
		margin-left:5px;
	}
	.driver .useContents .useLecture{
		float:right;
		width:450px;
	}
	.driver .useContents .useLecture p{
		font-size:139%;
		margin-bottom:20px;
		line-height:180%;
		padding-top:10px;
	}

	/*---------------------------------------*/
	.driver .noteAreaWide{
		padding-top:50px;
	}
	.driver .noteAreaWide .noteList{
		background: url("/kiso/files/img/lesson/driver/bg_noteicon02.png") no-repeat left top;
		width:100%;
		padding-top:30px;
		float:left;
	}
	.driver .noteAreaWide .noteList li{
		font-size:108%;
		list-style-type: disc;
		margin-left:20px;
		width:auto;
	}
	.driver .noteAreaWide .noteImg{
		float:left;
		margin-left:45px;
		padding-top:30px;
	}
	.driver .noteArea{
		padding-top:50px;
		margin-bottom:20px;
	}
	.driver .noteArea .noteList{
		background: url("/kiso/files/img/lesson/driver/bg_noteicon.png") no-repeat left top;
		width:550px;
		padding-top:30px;
		float:left;
	}
	.driver .noteArea .noteList li{
		font-size:108%;
		list-style-type: disc;
		margin-left:20px;
		width:540px;
	}
	.driver .noteArea .noteImg{
		float:left;
		margin-left:45px;
		padding-top:30px;
	}

	/*---------------------------------------*/
	.driver .useContents .ktLecture02{
		position:relative;
		margin-bottom:40px;
	}

	/*---------------------------------------*/
	.driver .useContents .ktLecture02 .lectureText02{
		background: url("/kiso/files/img/lesson/driver/bg_kttext02.png") no-repeat left 55px;
		width: 725px;
		height:95px;
		padding:95px 0 0 30px;
		float:left;
		opacity:0;
		line-height: 1.6;
	}
	.driver .useContents .ktLecture02 .lectureText02 p{
		color:#666666;
		font-size:16px;
		font-weight:bold;
	}
	.driver .useContents .ktLecture02 .ktImg{
		position:absolute;
		right:0;
	}

	/*---------------------------------------*/
	.driver .chooseBox{
		padding:35px 0 30px;
	}
	.driver .chooseReadBox{
		padding:10px;
		color:#FFF;
		margin-bottom:20px;
	}
	.driver .chooseReadBox .halfLeft{
		width:450px;
		float:left;
	}
	.driver .chooseReadBox .halfLeft h4,.driver .chooseReadBox .halfRight h4,.driver .chooseReadBox .halfRight p,.driver .chooseReadBox .halfLeft p{
		margin-bottom:10px;
	}
	.driver .chooseReadBox .halfRight{
		width:450px;
		float:right;
	}
	.driver .chooseReadBox p{
		font-size:139%;
	}
	.driver .chooseReadBox h4.chooseRead{
		font-size:170%;
		font-weight:bold;
	}
	.driver .chooseBox{
		padding:70px 0 60px;
	}
	.driver .chooseBox h2.chooseTtl{
		background: url("/kiso/files/img/lesson/driver/bg_driver_choosettl01.png") no-repeat left top;
		color:#FFF;
		margin-bottom:20px;
		min-height:75px;
		padding:45px 0 0 90px;
		font-size:231%;
		font-weight:bold;
	}
	.driver .chooseBox .ktImg{
		float:left;
	}
	.driver .chooseBox .ktLecture03{

	}
	.driver .chooseBox .ktLecture03 .lectureText03{
		background: url("/kiso/files/img/lesson/driver/bg_kttext03.png") no-repeat right 20px;
		width:655px;
		height:165px;
		padding:60px 20px 0 90px;
		float:left;
		opacity:0;
		line-height: 1.6;
	}
	.driver .chooseBox .ktLecture03 .lectureText03 p{
		color:#666666;
		font-size:18px;
		font-weight:bold;
	}
	.driver .chooseBox .ktLecture03 .lectureText03 p.emphasis{
		font-size:22px;
	}
	.driver .chooseBox .chooseContents{
		padding-top:40px;
	}
	.driver .chooseBox .chooseContents .chooseLeft{
		width:450px;
		float:left;
	}
	.driver .chooseBox .chooseContents .chooseLeft .chooseText{
		background: url("/kiso/files/img/lesson/driver/img_driver_icon01.gif") no-repeat left center;
		padding:18px 0 0 70px;
		height:40px;
	}
	.driver .chooseBox .chooseText02{
		background: url("/kiso/files/img/lesson/driver/img_driver_icon02.gif") no-repeat left center;
		padding:18px 0 0 70px;
		height:40px;
		margin-top:5px;
	}
	.driver .chooseBox .chooseText03{
		background: url("/kiso/files/img/lesson/driver/img_driver_icon03.gif") no-repeat left center;
		padding:18px 0 0 70px;
		height:40px;
		margin-top:5px;
	}
	.driver .chooseBox .chooseContents .chooseLeft p{
		margin-bottom:15px;
	}
	.driver .chooseBox .chooseContents .subTtl{
		color:#FFF;
	}
	.driver .chooseBox .chooseContents .chooseListBox{
		color:#FFF;
		display: inline-block;
		vertical-align: top;
		margin:0 15px;
		width:280px;
		min-height:360px;
	}
	.driver .chooseBox .chooseContents .chooseListBox a{
		color:#fff;
	  /*color:#e5134a;*/
		text-decoration:underline;
	}
	.driver .chooseBox .chooseContents .chooseListBox a:hover{
		text-decoration:none;
	}
	.driver .chooseBox .chooseContents .chooseListBox .imgBox{
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseListBox h5{
		font-weight:bold;
		font-size:124%;
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseListBox h4{
		font-weight:bold;
		font-size:139%;
		margin-bottom:10px;
	}
	.driver .chooseBox .chooseContents .chooseSbox{
		width:270px;
		float:left;
		margin-right:20px;
	}
	.driver .chooseBox .chooseContents .chooseSbox h4{
		font-size: 139%;
	    font-weight: bold;
	    margin: 10px 0 5px;
	}
	.driver .chooseBox .chooseContents .chooseSbox p{
		font-size:108%;
	}
	.driver .chooseContents .chooseSbox p{
		font-size:108%;
	}


	/*---------------------------------------*/
	.driver .tipsBox{
		background:#FFF;
		border:5px solid #FAB4C5;
		border-radius:5px;
		margin:30px 15px 40px;
		padding:35px 25px;
		width:870px;
	}

	/*---------------------------------------*/
	.driver .tipsBox02{
		background:#FFF;
		border:5px solid #FAB4C5;
		border-radius:5px;
		margin:30px 15px 40px;
		padding:35px 25px;
		width:870px;
	}
	.driver .tipsBox02 .tipsWide{
		color:#333333;
		width:100%;
		float:note;
	}
	.driver .tipsBox02 .tipsWide .tipsLabel{
		background: url("/kiso/files/img/lesson/driver/bg_driver_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size:154%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .tipsBox02 .tipsWide h3{
		font-size:200%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .tipsBox02 .tipsWide p{
		font-size:139%;
		margin-bottom:20px;
	}
	.driver .tipsBox02 .tips ul li{
		list-style-type:decimal;
		margin-left:20px;
		font-size: 139%;
	}
	.driver .tipsBox02 .tips h3{
		font-size:200%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .tipsBox02 .tips p{
		font-size:139%;
		margin-bottom:20px;
	}
	.driver .tipsBox02 .tips .noteText{
		font-size:100%;
		margin-top:10px;
	}
	.driver .tipsBox02 .tips{
		color:#333333;
		width:500px;
		float:right;
	}
	.driver .tipsBox02 .tipsImg{
		float:left;
	}


	/*---------------------------------------*/
	.driver .tipsBox .tips{
		color: #333333;
	    float: left;
	    line-height: 1.6;
	    width: 620px;
	}
	.driver .tipsBox .tipsImg{
		float:right;
	}
	.driver .tipsBox .tips .tipsLabel{
		background: url("/kiso/files/img/lesson/driver/bg_driver_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size:154%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .tipsBox .tips h3{
		font-size:200%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .tipsBox .tips p{
		font-size:139%;
		margin-bottom:20px;
	}




	/*----------------------------*/
    .driver .confirmationArea {
        background: url("/kiso/files/img/lesson/driver/bg_driver_confirmation.png") repeat-x left 50px;
        height: 520px;
        padding-top: 80px;
        overflow: hidden;
    }
    .driver .confirmationArea h3 {
		font-size: 	30px;
		font-weight: bold;
		color: #fff;
		margin: 20px 0 25px 60px;
	}
    .driver .confirmationArea h3 span {
		font-size: 	18px;
		font-weight: normal;
		display: inline-block;
		vertical-align: middle;
		margin: 0 0 0 40px;
	}
    .driver .confirmationArea .confirmationImg {
        width: 245px;
        float: left;
    }
    .driver .confirmationArea .confirmationImg > div {
		display: none;
	}
    .driver .confirmationArea .confirmationImg .default {
		display: block;
	}
    .driver .confirmationArea .confirmationAnser {
        width: 720px;
        float: left;
    }
    .driver .confirmationArea .confirmationAnser a {
		color: #666;
		text-decoration: underline;
	}
    .driver .confirmationArea .confirmationAnser .confirmation,
	.driver .confirmationArea .confirmationAnser .confirmationOn {
        color: #666;
        margin-top: 30px;
        font-size: 124%;
        font-weight: bold;
        width: 340px;
        background: url("/kiso/files/img/lesson/driver/bg_driver_confirmation01.gif") no-repeat left top;
    }
    .driver .confirmationArea .confirmationAnser .confirmation {
        height: 99px;
        padding: 62px 50px 0 80px;
  }
    .driver .confirmationArea .confirmationAnser .confirmationOn {
        opacity: 0;
        height: 125px;
        padding: 36px 50px 0 80px;
    }
    .driver .confirmationArea .confirmationAnser .confirmation img,
	.driver .confirmationArea .confirmationAnser .confirmationOn img {
		margin: 85px 0 -70px;
	}
    .driver .confirmationArea .confirmationAnser .anser {
        color: #666;
        margin: 25px 0 0 40px;
        position: relative;
    }
    .driver #btn {
        margin: 0 auto;
        background-position: left top;
        background-repeat: no-repeat;
        position: relative;
    }
    .driver #btn a {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        font-size: 20px;
        font-weight: bold;
        color: #EA0B46;
        margin: 0 12px 20px;
        text-align: center;
        padding: 20px 20px;
        background-color: #FEEDF1;
        border: #FAB4C5 5px solid;
        border-radius: 10px;
        box-shadow: 5px 5px 0 #ddd;
        animation: moveBtn 2s infinite 2s normal ease-out;
        text-decoration: none;
    }




	@keyframes moveBtn {
		0% {top:26px;}
		20% {top:32px;}
		25% {top:32px;}
		30% {top:16px;}
		38% {top:26px;}
		42% {top:20px;}
		48% {top:26px;}
	}
	#btn a:hover{
		background-color:#FAB4C5;
		border:#ED6A89 5px solid;
		top:30px;
		left:40px;
		box-shadow: 1px 1px 0 #ddd;
		animation: none;
	}

	/*---------------------------------------*/
	.driver .twitterQuestion{
		width:280px;
		float:left;
	}
	.driver .snsSet{
		float:right;
	}
	.driverBottom{
		width:670px;
		margin:50px auto 0;
	}

	/*---------------------------------------*/
	.driver .lineupBox{
		padding:70px 0 60px;
	}
	.driver .lineupBox h2.lineupTtl{
		background: url("/kiso/files/img/lesson/driver/bg_driver_lineupttl01.png") no-repeat left top;
		margin-bottom:20px;
		min-height:75px;
		padding:45px 0 0 90px;
		font-size:231%;
		font-weight:bold;
	}
	.driver .lineupBox .ktImg{
		float:left;
	}
	.driver .lineupBox .ktLecture04{

	}
	.driver .lineupBox .ktLecture04 .lectureText04{
		background: url("/kiso/files/img/lesson/driver/bg_kttext03.png") no-repeat right 20px;
		width:655px;
		height:140px;
		padding:70px 20px 0 90px;
		float:left;
		opacity:0;
		line-height: 1.6;
	}
	.driver .lineupBox .ktLecture04 .lectureText04 p{
		color:#666666;
		font-size:18px;
		font-weight:bold;
	}
	.driver .lineupBox .ktLecture04 .lectureText04 p.emphasis{
		font-size:22px;
	}
	.driver .lineupBox .lineupContents{
		padding-top:40px;
	}
	.driver .lineupBox .lineupContents .subTtl{
	}
	.driver .lineupBox .lineupContents .lineupListBox{
		display: inline-block;
		vertical-align: top;
		margin:0 15px;
		width:280px;
		min-height:320px;
	}
	.driver .lineupBox .lineupContents .lineupListBox a{
		color:#E5134A;
		text-decoration:underline;
	}
	.driver .lineupBox .lineupContents .lineupListBox a:hover{
		text-decoration:none;
	}
	.driver .lineupBox .lineupContents .lineupListBox .imgBox{
		margin-bottom:10px;
	}
	.driver .lineupBox .lineupContents .lineupListBox h4{
		font-weight:bold;
		font-size:139%;
		margin-bottom:10px;
	}
	.driver .lineupBox .lineupContents .lineupListBox p{
		font-size:108%;
	}
	.driver .lineupBox .tipsBox{
		background:#FFF;
		border:5px solid #FAB4C5;
		border-radius:5px;
		margin:30px 15px;
		padding:35px 25px;
		width:870px;
	}
	.driver .lineupBox .tipsBox .tips{
		color:#333333;
		width:500px;
		float:left;
	}
	.driver .lineupBox .tipsBox .tipsImg{
		float:right;
	}
	.driver .lineupBox .tipsBox .tips .tipsLabel{
		background: url("/kiso/files/img/lesson/driver/bg_driver_tipslabel_icon.gif") no-repeat left 3px;
		color:#E6154A;
		font-size:154%;
		font-weight:bold;
		padding-left:30px;
		margin-bottom:10px;
	}
	.driver .lineupBox .tipsBox .tips h3{
		font-size:200%;
		font-weight:bold;
		margin-bottom:15px;
	}
	.driver .lineupBox .tipsBox .tips p{
		font-size:139%;
		margin-bottom:20px;
	}

	/*---------------------------------------*/
	.driver .recommend{
		background: url("/kiso/files/img/lesson/driver/bg_driver_recommend.gif") no-repeat 430px 25px;
		padding:55px 10px 45px;
	}
	.driver .recommend h3.subTtl02 {
	    margin-bottom: 25px;
	}
	.driver .recommend .leadNote{
	    padding:25px 0 0 30px;
	    font-size:14px;
	    color:#FFF;
	}
	.driver .recommend h3.subTtl02 span.note{
		font-size:11px !important;
		display:block;
	}
	.driver .recommend .recommendLeft{
		width:440px;
		margin:10px;
		display: inline-block;
		vertical-align: top;
	}
	.driver .recommend .recommendRight{
		width:440px;
		margin:10px;
		float:right;
	}
	.driver .recommend .recommendBox{
		width:920px;
		margin:0 auto;
		padding-top: 20px;
		color:#FFF;
	}
	.driver .recommend .recommendImg{
		margin-bottom:15px;
	}
	.driver .recommend .recommendBox h3{
		font-size:139%;
		font-weight:bold;
		margin-bottom:10px;
	}
	.driver .recommend .recommendNote{
		padding:10px;
	}

}