@charset "utf-8";

#maincontents:after,
.takeshi:after,
.haruko:after,
.talk:after,
.set:after,
.block:after,
.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#maincontents,
.takeshi,
.haruko,
.talk,
.set,
.block,
.section {
	zoom: 1;
}

#wrapperPage {
	background-color: #efefef;
}

#pageBody {
	margin: 0;
	width: auto;
	text-align: center;
}

.top #Jumbotron {
	position: relative;
	background: #efefef url(/IMAGES/NEWDRIVER/t_main_bg.png) repeat-x center top;
	height: 301px;
	margin-top: -30px;
}
.top #Jumbotron .cont {
	position: relative;
	background: url(/IMAGES/NEWDRIVER/t_main_img.png) no-repeat left top;
	margin: 0 auto;
	width: 960px;
	height: 301px;
}
.tec #Jumbotron,
.gra #Jumbotron,
.sch #Jumbotron,
.how #Jumbotron {
	position: relative;
	background: #efefef url(/IMAGES/NEWDRIVER/o_main_bg.png) repeat-x center top;
	height: 105px;
	margin-top: -30px;
}
.tec #Jumbotron .cont,
.gra #Jumbotron .cont,
.sch #Jumbotron .cont,
.how #Jumbotron .cont {
	position: relative;
	background: url(/IMAGES/NEWDRIVER/o_main_img.png) no-repeat left top;
	margin: 0 auto;
	width: 960px;
	height: 105px;
}
#Jumbotron .pankuzu {
	position: absolute;
	left: 0;
	top: 30px;
	font-size:11px;
}
#Jumbotron .pankuzu li{
	display:inline;
}
#Jumbotron .pankuzu a {
	color: #006699 !important;
}
.top #Jumbotron .social {
	position: absolute;
	right: 190px;
	top: 15px;
}
.tec #Jumbotron .social,
.gra #Jumbotron .social,
.sch #Jumbotron .social,
.how #Jumbotron .social {
	position: absolute;
	right: 0;
	top: 30px;
}
	#Jumbotron .social li {
		float: left;
	}
	#Jumbotron .social li.twitter {
		width: 98px;
	}
	#Jumbotron .social li.facebook {
		width: 111px;
	}
	#Jumbotron .social li.googleplus {
		width: 65px;
	}
.top #Jumbotron h1 {
	margin-bottom: 23px;
	padding-top: 50px;
	text-align: center; 
}
.tec #Jumbotron .category,
.gra #Jumbotron .category,
.sch #Jumbotron .category,
.how #Jumbotron .category {
	padding-top: 19px;
	text-align: center; 
}
.top #Jumbotron p {
	margin: 0 auto;
	width: 400px;
	font-size: 13px;
	line-height: 1.55;
	text-align: left;
}
.top #Jumbotron .li1 {
	position: absolute;
	left: 50px;
	top: 197px;
}
.top #Jumbotron .li2 {
	position: absolute;
	left: 714px;
	top: 197px;
}

#contents {
	background-color: #efefef;
}
#maincontents {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

#maincontents em{
	font-size: 15px;
	font-weight: bold;
}

.top #SCT0 {
	position: relative;
	margin-bottom: 33px;
}
.top #SCT1 {
	position: relative;
}
.top #SCT0 h2 {
	border-bottom: solid 1px #bfbfbf;
	margin: 0 auto;
	padding: 18px 0 14px 0;
	width: 840px;
	text-align: center;
}
.top #SCT1 h2 {
	border-bottom: solid 1px #bfbfbf;
	margin: 0 auto;
	padding: 20px 0 19px 0;
	width: 840px;
	text-align: center;
}
.top #SCT0 .set {
	position: relative;
	background: url(/IMAGES/NEWDRIVER/t_sct0_bg.png) no-repeat center bottom;
	margin: 0 -31px;
	padding: 27px 91px 100px 91px;
}
.top #SCT0 .set:last-child {
	background: url(/IMAGES/NEWDRIVER/t_sct0_bg2.png) no-repeat center bottom;
	margin-top: 40px;
}
.top #SCT1 .set {
	position: relative;
	background: url(/IMAGES/NEWDRIVER/t_sct1_bg.png) no-repeat left bottom;
	padding: 27px 60px 100px 60px;
}
.top #SCT0 .div1,
.top #SCT1 .div1 {
	width: 380px;
	float: left;
}
.top #SCT0 .div2,
.top #SCT1 .div2 {
	width: 380px;
	float: right;
}
.top #SCT0 .new,
.top #SCT1 .new {
position: relative;
}
.top #SCT0 .new img,
.top #SCT1 .new img {
position: absolute;
top: 0;
}
.top #SCT0 .set:last-child .div1 .new img {
left: 300px;
}
.top #SCT0 .set:last-child .div2 .new img {
left: 240px;
}
.top #SCT0 h4,
.top #SCT1 h4 {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
}
.top #SCT0 h3,
.top #SCT1 h3 {
	margin-bottom: 12px;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
}
.top #SCT0 p,
.top #SCT1 p {
	font-size: 13px;
	line-height: 1.55;
}
.top #SCT0 .div1 p,
.top #SCT1 .div2 p {
	width: 220px;
}
.top #SCT0 .div1 div {
	position: absolute;
	left: 91px;
	bottom: 41px;
}
.top #SCT0 .div2 div {
	position: absolute;
	left: 552px;
	bottom: 41px;
}
.top #SCT1 .div1 div {
	position: absolute;
	left: 60px;
	bottom: 41px;
}
.top #SCT1 .div2 div {
	position: absolute;
	left: 520px;
	bottom: 41px;
}
.top #SCT2 {
	margin-bottom: 46px;
}
.top #SCT2 h2 {
	padding: 60px 0 38px 0;
	text-align: center;
}
.top #SCT2 .set {
	background: url(/IMAGES/NEWDRIVER/t_sct2_bg.png) no-repeat left bottom;
	margin-bottom: 30px;
	padding: 0 50px 31px 50px;
}
.top #SCT2 .set.bottom {
	background: url(/IMAGES/NEWDRIVER/t_sct2_bg.png) no-repeat left top;
	margin-bottom: 0;
	padding: 0 50px 0 50px;
}
.top #SCT2 .div1 {
	margin-right: 40px;
	width: 260px;
	float: left;
}
.top #SCT2 .div2 {
	width: 260px;
	float: left;
}
.top #SCT2 .div3 {
	width: 260px;
	float: right;
}
.top #SCT2 h4 {
	background: url(/IMAGES/NEWDRIVER/t_sct2_arw.png) no-repeat left center;
	margin-bottom: 11px;
	padding-left: 14px;
	font-size: 13px;
	font-weight: bold;
}
.top #SCT2 h4 a {
	color: #666;
}
.top #SCT2 h4 a:hover {
	color: #333;
	text-decoration: underline;
}
.top #SCT2 dt {
	padding-left: 25px;
	float: right;
}
.top #SCT2 dd {
	font-size: 12px;
	line-height: 1.5;
}
.top #SCT2 dt a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


.how .head {
	text-align: center;
	margin-bottom: 34px;
	padding: 32px 0 0 0;
}
.how .head h1 {
	margin-bottom: 17px;
}
.how .head dl {
	border-bottom: solid 1px #000;
	margin: 0 auto;
	padding-bottom: 4px;
	width: 520px;
	text-align: left;
}
.how .head dt {
	border-bottom: solid 1px #000;
	margin-bottom: 15px;
	padding-bottom: 8px;
}
.how .head dd {
	margin: 0 0 6px 3px;
	padding-left: 37px;
	font-size: 14px;
	line-height: 20px;
}
.how .head dd.dd1 {
	background: url(/IMAGES/NEWDRIVER/h_num1.png) no-repeat left center;
}
.how .head dd.dd2 {
	background: url(/IMAGES/NEWDRIVER/h_num2.png) no-repeat left center;
}
.how .head dd.dd3 {
	background: url(/IMAGES/NEWDRIVER/h_num3.png) no-repeat left center;
}
.how .head dd.dd4 {
	background: url(/IMAGES/NEWDRIVER/h_num4.png) no-repeat left center;
}
.how .head dd.dd5 {
	background: url(/IMAGES/NEWDRIVER/h_num5.png) no-repeat left center;
}
.how .head dd.dd6 {
	background: url(/IMAGES/NEWDRIVER/h_num6.png) no-repeat left center;
}
.how .head dd.dd7 {
	background: url(/IMAGES/NEWDRIVER/h_num7.png) no-repeat left center;
}
.how .head dd a {
	color: #c71445;
}
.how .section {
	position: relative;
	border-top: solid 3px #c71445;
	background-color: #fff;
	margin: 0 auto 40px auto;
	padding: 31px 0 2px 0;
	width: 720px;
}
.how .section .icon {
	position: absolute;
	bottom: 7px;
	right: -17px;
}
.how .section h2 {
	margin: 0 30px 29px 30px;
	padding-left: 37px;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #c71445;
}
.how #SCT1 h2 {
	background: url(/IMAGES/NEWDRIVER/h_c_num1.png) no-repeat left center;
}
.how #SCT2 h2 {
	background: url(/IMAGES/NEWDRIVER/h_c_num2.png) no-repeat left center;
}
.how #SCT3 h2 {
	background: url(/IMAGES/NEWDRIVER/h_c_num3.png) no-repeat left center;
}
.how #SCT4 h2 {
	background: url(/IMAGES/NEWDRIVER/h_c_num4.png) no-repeat left center;
}
.how #SCT5 h2 {
	background: url(/IMAGES/NEWDRIVER/h_c_num5.png) no-repeat left center;
}
.how #SCT6 h2 {
	background: url(/IMAGES/NEWDRIVER/h_c_num6.png) no-repeat left center;
}
.how #SCT7 h2 {
	background: url(/IMAGES/NEWDRIVER/h_c_num7.png) no-repeat left center;
}
.how .section .block {
	margin: 0 30px 0 30px;
	padding-bottom: 20px;
}
.how .section h3 {
	margin-bottom: 9px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.25;
}
.how .section p {
	margin-bottom: 21px;
	font-size: 14px;
	line-height: 1.4;
}
.how .section .box {
	background-color: #fdfde5;
	border: solid 1px #e0e0cc;
	margin-bottom: 11px;
	padding: 21px 29px 12px 29px;
}
.how .section .box h3 {
	border-top: solid 1px #aeae91;
	border-bottom: solid 1px #aeae91;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	text-align: center;
}
.how .section .box dt {
	margin-bottom: 9px;
	font-size: 14px;
	font-weight: bold;
}
.how .section .box dd {
	margin-bottom: 12px;
	font-size: 14px;
	line-height: 1.4;
}

.how #SCT1 .block img {
	margin-left: 10px;
	float: right;
}

.how #SCT2 .block img,
.how #SCT4 .block img {
	margin-left: 10px;
	float: right;
}
.how #SCT3 .block img {
	margin-bottom: 25px;
}
.how #SCT5 .block img {
	margin-left: 15px;
	float: right;
}


.how .note {
	margin: -27px auto 0 auto;
	width: 720px;
	font-size: 11px;
	line-height: 1.45;
	color: #888;
}
.how .note dt {
	float: left;
}
.how .note dd {
	margin-left: 2.5em;
}
.how .tbl {
	border-collapse: collapse;
	border-top: solid 1px #ccc;
	margin: 0;
	padding: 0;
}
.how .tbl td,
.how .tbl th {
	border-bottom: solid 1px #ccc;
	margin: 0;
	padding: 10px 5px;
	vertical-align: middle;
}
.how .tbl td p,
.how .tbl th p {
	margin: 0;
	padding: 0;
}


.sch .head {
	margin: 0 140px;
	padding: 18px 0 0 0;
	text-align: left;
}
.gra .head{
	margin: 0 140px;
	padding: 10px 0 0 0;
	text-align: left;
}
.tec .head {
	margin: 0 140px;
	padding: 10px 0 0 0;
	text-align: left;
}
.sch .head div {
	margin-bottom: 16px;
	text-align: center;
}
.gra .head div {
	margin-bottom: 6px;
	text-align: center;
}
.tec .head div {
	margin-bottom: 6px;
	text-align: center;
}
.tec .head h1,
.gra .head h1,
.sch .head h1 {
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 9px 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 38px;
}
.tec .head span,
.gra .head span,
.sch .head span {
	background-color: #000;
	margin-right: 12px;
	padding: 8px 18px;
	font-size: 20px;
	color: #fff;
}
.tec .section,
.gra .section,
.sch .section {
	padding-top: 34px;
}
.tec .section h2,
.gra .section h2,
.sch .section h2 {
	border-left: solid 3px #c71445;
	margin: 0 0 0 140px;
	padding-left: 12px;
	font-size: 18px;
	line-height: 19px;
	font-weight: bold;
}
.tec .section .normal,.gra .section .normal {
	margin: 0 140px;
	padding: 27px 0 0 0;
}
.gra .section .normal .talk {
	padding: 27px 0 29px 0;
}
.gra .section .takeshi {
	background: url(/IMAGES/NEWDRIVER/g_takeshi.png) no-repeat 62px 0;
	padding: 0 130px 24px 130px;
	text-align: left;
}
.gra .section .haruko {
	background: url(/IMAGES/NEWDRIVER/g_haruko.png) no-repeat 550px 0;
	padding: 0 130px 24px 130px;
	text-align: left;
}
.gra .section .talk p {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px; 
	border-radius: 7px;
	background-color: #FFF;
	margin: 0;
	padding: 23px;
	font-size: 14px;
	line-height: 1.45;
}
.gra .section .takeshi p {
	float: left;
}
.gra .section .haruko p {
	float: right;
}
.sch .section .takahashi {
	background: url(/IMAGES/NEWDRIVER/s_takahashi.png) no-repeat 26px 0;
	margin-top: 25px;
	padding: 4px 0 11px 0;
}
.gra .section .takahashi {
	background: url(/IMAGES/NEWDRIVER/g_takahashi.png) no-repeat 31px 0;
	margin-top: 25px;
	padding: 4px 0 11px 0;
}
.tec .section .takahashi {
	background: url(/IMAGES/NEWDRIVER/t_takahashi.png) no-repeat 31px 0;
	margin-top: 25px;
	padding: 4px 0 11px 0;
}

.tec .section .takahashi2 {
	background: url(/IMAGES/NEWDRIVER/t_takahashi2.png) no-repeat 0 0;
	margin-top: 25px;
	padding: 4px 0 11px 30px;
}

.tec .section .irayama {
	background: url(/IMAGES/NEWDRIVER/t_irayama.png) no-repeat 31px 0;
	margin-top: 25px;
	padding: 4px 0 11px 0;
}

.tec .section .irayama2 {
	background: url(/IMAGES/NEWDRIVER/t_irayama2.png) no-repeat 31px 0;
	margin-top: 25px;
	padding: 4px 0 11px 0;
}

.tec .section .irayama_r {
	background: url(/IMAGES/NEWDRIVER/t_irayama.png) no-repeat 705px 0;
	margin-top: 25px;
	padding: 3px 0 11px 0;
}

.tec .section .irayama2_r {
	background: url(/IMAGES/NEWDRIVER/t_irayama2.png) no-repeat 705px 0;
	margin-top: 25px;
	padding: 3px 0 11px 0;
}

.tec .section .takahashi_r {
	background: url(/IMAGES/NEWDRIVER/t_takahashi.png) no-repeat 705px 0;
	margin-top: 25px;
	padding: 3px 0 11px 0;
}

.tec .section .takahashi2_r {
	background: url(/IMAGES/NEWDRIVER/t_takahashi2.png) no-repeat 705px 0;
	margin-top: 25px;
	padding: 3px 0 11px 0;
}

.tec .section .irayama .box,
.tec .section .irayama2 .box,
.tec .section .takahashi .box,
.tec .section .takahashi2 .box,
.gra .section .takahashi .box,
.sch .section .takahashi .box {
	background: url(/IMAGES/NEWDRIVER/s_takahashi_bg.png) no-repeat 160px 0;
	margin-right: 135px;
	padding: 29px 30px 9px 210px;
}
.sch .section .dekiwaka {
	background: url(/IMAGES/NEWDRIVER/s_dekiwaka.png) no-repeat 705px 0;
	margin-top: 25px;
	padding: 3px 0 11px 0;
}
.gra .section .dekiwaka {
	background: url(/IMAGES/NEWDRIVER/g_dekiwaka.png) no-repeat 705px 0;
	margin-top: 25px;
	padding: 3px 0 11px 0;
}
.tec .section .dekiwaka {
	background: url(/IMAGES/NEWDRIVER/t_dekiwaka.png) no-repeat 705px 0;
	margin-top: 25px;
	padding: 3px 0 11px 0;
}

.tec .section .dekiwaka2 {
	background: url(/IMAGES/NEWDRIVER/t_dekiwaka2.png) no-repeat 705px 0;
	margin-top: 25px;
	padding: 3px 0 11px 0;
}

.tec .section .irayama_r .box,
.tec .section .irayama2_r .box,
.tec .section .takahashi_r .box,
.tec .section .takahashi2_r .box,
.tec .section .dekiwaka .box,
.tec .section .dekiwaka2 .box,
.gra .section .dekiwaka .box,
.sch .section .dekiwaka .box {
	background: url(/IMAGES/NEWDRIVER/s_dekiwaka_bg.png) no-repeat right 0;
	margin-left: 140px;
	padding: 29px 275px 9px 30px;
}
.tec .section .box,
.gra .section .box,
.sch .section .box {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.tec .section p,
.gra .section p,
.sch .section p {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.45;
}
.tec .flow,
.gra .flow,
.sch .flow {
	margin: 0 0 70px 140px;
	padding-top: 40px;
}
.tec .next,
.gra .next,
.sch .next {
	margin: 0 auto 0 auto;
	width: 618px;
}
.tec .next dl,
.gra .next dl,
.sch .next dl {
	background-color: #eaeaea;
	border: solid 3px #bababa;
	padding: 21px 34px;
}
.tec .next dd,
.gra .next dd,
.sch .next dd {
	margin-top: 13px;
	font-size: 18px;
	font-weight: bold;
}

.tec .next a,
.gra .next a,
.sch .next a {
	color: #c71c45;
}

.tec .other,
.gra .other,
.sch .other {
	margin: 22px auto 85px auto;
	width: 732px;
}
.how .other {
	margin: 65px auto 85px auto;
	width: 732px;
}
.tec .other h3,
.gra .other h3,
.sch .other h3,
.how .other h3 {
	margin-bottom: 5px;
}
.tec .other li,
.gra .other li,
.sch .other li,
.how .other li {
	position: relative;
	height: 157px;
	overflow: hidden;
}
.tec .other .li1,
.gra .other .li1,
.sch .other .li1,
.how .other .li1 {
	background: url(/IMAGES/NEWDRIVER/oth_nav1.png) no-repeat left top;
	margin-right: 5px;
	width: 241px;
	float: left;
}
.tec .other .li2,
.gra .other .li2,
.sch .other .li2,
.how .other .li2 {
	background: url(/IMAGES/NEWDRIVER/oth_nav2.png) no-repeat left top;
	width: 236px;
	float: left;
}
.tec .other .li3,
.gra .other .li3,
.sch .other .li3,
.how .other .li3 {
	background: url(/IMAGES/NEWDRIVER/oth_nav3.png) no-repeat left top;
	width: 245px;
	float: right;
}
.tec .other span,
.gra .other span,
.sch .other span,
.how .other span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 157px;
	display: block;
	z-index: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.tec .other .li1 span,
.gra .other .li1 span,
.sch .other .li1 span,
.how .other .li1 span {
	background: url(/IMAGES/NEWDRIVER/oth_nav1_ov.png) no-repeat left top;
	margin-right: 5px;
}
.tec .other .li2 span,
.gra .other .li2 span,
.sch .other .li2 span,
.how .other .li2 span {
	background: url(/IMAGES/NEWDRIVER/oth_nav2_ov.png) no-repeat left top;
}
.tec .other .li3 span,
.gra .other .li3 span,
.sch .other .li3 span,
.how .other .li3 span {
	background: url(/IMAGES/NEWDRIVER/oth_nav3_ov.png) no-repeat left top;
}
.tec .other a,
.gra .other a,
.sch .other a,
.how .other a {
	position: absolute;
	left: 0;
	top: 0;
	padding: 126px 0 10px 0;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #c71c44;
	z-index: 1;
}

.tec .questionnaire,
.gra .questionnaire {
	margin: 0 140px;
	padding: 36px 0 18px 0;
}
.tec .questionnaire .p1,
.gra .questionnaire .p1 {
	border-bottom: solid 1px #cfcfcf;
	padding-bottom: 21px;
	font-size: 14px;
	line-height: 1.45;
}
.tec .questionnaire .p1 strong,
.gra .questionnaire .p1 strong {
	font-weight: bold;
}
.tec .questionnaire .p2,
.gra .questionnaire .p2 {
	border-top: solid 1px #fff;
	padding: 23px 0 0 0;
	text-align: center;
}
.tec .linkBox,
.gra .linkBox,
.sch .linkBox,
.how .linkBox {
	box-sizing: border-box;
	position: relative;
	background-color:#f9f9f9;
	margin: 0 auto;
	padding: 35px 10px 35px 240px;
	width: 590px;
	clear: both;
	overflow: hidden;
}
.tec .linkBox img,
.gra .linkBox img,
.sch .linkBox img,
.how .linkBox img {
	transform: translateY(-50%);
	position: absolute;
	left: 50px;
	top: 50%;
}
.tec .linkBox a,
.gra .linkBox a,
.sch .linkBox a,
.how .linkBox a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

#target {
	position: fixed;
	left: 25px;
	bottom: 50px;
	display: none;
	z-index: 10;
}
#gNavi {
	position: fixed;
	right: -150px;
	top: 50%;
	z-index: 10;
	display: none;
}
#gNavi div {
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	-khtml-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
}
#gNavi dl {
	font-size: 0;
	line-height: 0;
}
#gNavi ul {
	background: url(/IMAGES/NEWDRIVER/g_nav_bg.png) no-repeat left bottom;
	padding-bottom: 2px;
	font-size: 0;
	line-height: 0;
}
#gNavi li {
	text-align: right;
}

#note_area{
	padding: 15px 20px;
	width:100%;
	max-width: 600px;
	text-align: center;
	margin: 30px auto;
	border: solid 1px #cccccc;
}

#note_area label{
	padding: 10px;
	text-align:center;
	cursor: pointer !important;
	font-size:14px;
	font-weight:bold;
}

#toggle {
  display: none;
  cursor: pointer!important;
}
#note {
  display: none;
}
#toggle:checked + #note {
  display: block;
  margin:20px auto 0;
  text-align: left;
}

p.super{
	display: block;
	width:600px;
	margin: 0 auto;
	padding: 10px 0 30px 0;
}

aside.sidebar-desktop{
	display:none!important;
}