@charset shift_jis; 

.icnArea { position: relative; margin: 0 0 40px; }
.icnArea .icn { position: absolute; top: 0; left: 0; }
.icnArea .txtArea { padding: 0 0 0 266px; }

#driving .main { position: absolute; left: -182px; top: 170px;  }
#driving .w510 { padding-top: 70px; }
#driving .photo { margin-right: -14px; }

.photoTxt { margin-left:30px; }

.Switcher .Trigger { padding: 0!important; background: none!important; }
.TriggerWrap { position: relative; }
.TriggerWrap li { position: absolute; cursor: pointer; width: 102px; height: 101px; }
.TriggerWrap li.cur { cursor: default; background-position: 0 0px!important; }
.TriggerWrap li.cur img { visibility: hidden; }
.TriggerWrap #btn01 { left: 51px; top: 246px; background: url(../image/s01_btn01_over.png) no-repeat 0 -150px; }
.TriggerWrap #btn02 { left: 51px; top: 91px;  background: url(../image/s01_btn02_over.png) no-repeat 0 -150px; }
.TriggerWrap #btn03 { left: 166px; top: 20px; background: url(../image/s01_btn03_over.png) no-repeat 0 -150px; }
.TriggerWrap #btn04 { left: 295px; top: 20px; background: url(../image/s01_btn04_over.png) no-repeat 0 -150px; }
.TriggerWrap #btn05 { left: 752px; top: 92px; background: url(../image/s01_btn05_over.png) no-repeat 0 -150px; }
.TriggerWrap #btn06 { left: 752px; top: 246px; background: url(../image/s01_btn06_over.png) no-repeat 0 -150px; }
.TargetWrap { position: relative; }
.TargetWrap img { position: absolute; left: 0; top: 0; display: none; }

.btmBorderBox { padding: 0 0 30px; }
.columns { position: relative; }
.columns .icon { position: absolute; right: 0; top: -30px; }
.columns ul { overflow: hidden;  margin: 0 -48px 0 0; position: relative; zoom: 1; }
.columns li { width: 189px; float: left; margin: 0 48px 0 0; }

#settingImage { width: 450px; height: 360px; position: relative; }
#settingImage img { position: absolute; left: 0; top: 0; }

#mpg h3 { font-weight: normal; }
#mpg .markArea { border-spacing: 10px; border-collapse: separate; }
#mpg .markArea .mark { padding: 0 0 0 30px; }
#mpg .markArea td { border-spacing: 10px; border-collapse: separate; }
#mpg .markArea .txtArea { padding: 20px 10px 20px 30px; }
#mpg .markArea .typeArea { text-align: center; font-size: 12px; vertical-align: middle; width: 240px; }
#mpg .markArea .typeArea .bdr { border: 1px solid #ccc; height: 70px; display: block; font-size: 14px; line-height: 70px; }
#mpg .markArea .typeArea .bdr.h80 { height: 80px; line-height: 80px; }
#mpg .markArea h4 { font-size: 14px; }


.btnPDF { background: #e5e5e5; padding: 14px;  }
.btnPDF a { display: block; width: 206px; margin: 0 auto; }

#bdrWrap {}
#bdrWrap .bdrBox { border: 1px solid #ccc; padding: 11px 11px 16px !important; overflow: hidden; }
#bdrWrap .w438 { width: 438px; }
#bdrWrap .w179 { width: 179px; }
#bdrWrap .w189 { width: 189px; }
#bdrWrap .w422 { width: 422px; }

.txtBox { font-size: 11px; font-weight: bold; position: relative; top: 5px; }

.green { color: #438c45; }
.blue { color: #2b5cab; }
.blue.s { font-size: 14px; }


/* ----------------------------------------
	2014.03.25追記
---------------------------------------- */

#mpg .markArea {
	width: 100%;
}

#mpg .markArea .mark {
	width: 146px;
}

