@charset "utf-8";
/* CSS Document */


.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0; 
    visibility:hidden;
    font-size: 0;
}

.clearfix {/*for IE7*/
  min-height: 1px;
}

* html .clearfix {/*for IE6 below, MacIE5*/
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


	/* margin set 
	------------------------------------------------*/

		/*reset*/
		.margReset {margin:0px !important;}
		/*0px*/
		.margT00 {margin-top   :0px !important;}
		.margR00 {margin-right :0px !important;}
		.margB00 {margin-bottom:0px !important;}
		.margL00 {margin-left  :0px !important;}
		/*5px*/
		.margT05 {margin-top   :5px !important;}
		.margR05 {margin-right :5px !important;}
		.margB05 {margin-bottom:5px !important;}
		.margL05 {margin-left  :5px !important;}
		/*10px*/
		.margT10 {margin-top   :10px !important;}
		.margR10 {margin-right :10px !important;}
		.margB10 {margin-bottom:10px !important;}
		.margL10 {margin-left  :10px !important;}
		/*15px*/
		.margT15 {margin-top   :15px !important;}
		.margR15 {margin-right :15px !important;}
		.margB15 {margin-bottom:15px !important;}
		.margL15 {margin-left  :15px !important;}
		/*20px*/
		.margT20 {margin-top   :20px !important;}
		.margR20 {margin-right :20px !important;}
		.margB20 {margin-bottom:20px !important;}
		.margL20 {margin-left  :20px !important;}
		/*25px*/
		.margT25 {margin-top   :25px !important;}
		.margR25 {margin-right :25px !important;}
		.margB25 {margin-bottom:25px !important;}
		.margL25 {margin-left  :25px !important;}
		/*30px*/
		.margT30 {margin-top   :30px !important;}
		.margR30 {margin-right :30px !important;}
		.margB30 {margin-bottom:30px !important;}
		.margL30 {margin-left  :30px !important;}
		/*35px*/
		.margT35 {margin-top   :35px !important;}
		.margR35 {margin-right :35px !important;}
		.margB35 {margin-bottom:35px !important;}
		.margL35 {margin-left  :35px !important;}
		/*40px*/
		.margT40 {margin-top   :40px !important;}
		.margR40 {margin-right :40px !important;}
		.margB40 {margin-bottom:40px !important;}
		.margL40 {margin-left  :40px !important;}
		/*45px*/
		.margT45 {margin-top   :45px !important;}
		.margR45 {margin-right :45px !important;}
		.margB45 {margin-bottom:45px !important;}
		.margL45 {margin-left  :45px !important;}
		/*50px*/
		.margT50 {margin-top   :50px !important;}
		.margR50 {margin-right :50px !important;}
		.margB50 {margin-bottom:50px !important;}
		.margL50 {margin-left  :50px !important;}
		/*60px*/
		.margT60 {margin-top   :60px !important;}
		.margR60 {margin-right :60px !important;}
		.margB60 {margin-bottom:60px !important;}
		.margL60 {margin-left  :60px !important;}
	
	/* text align
	------------------------------------------------*/
	.txtAlignL, table.txtAlignL th, table.txtAlignL td {text-align:left   !important;}
	.txtAlignC, table.txtAlignC th, table.txtAlignC td {text-align:center !important;}
	.txtAlignR, table.txtAlignR th, table.txtAlignR td {text-align:right  !important;}


	.ftSmallx , table.ftSmallx  th, table.ftSmallx  td {font-size:70%  !important;}
	.ftSmall  , table.ftSmall   th, table.ftSmall   td {font-size:85%  !important;}
	.ftMedium , table.ftMedium  th, table.ftMedium  td {font-size:100% !important;}
	.ftLarge  , table.ftLarge   th, table.ftLarge   td {font-size:120% !important;}
	.ftLargex , table.ftLargex  th, table.ftLargex  td {font-size:150% !important;}
	.ftLargexx, table.ftLargexx th, table.ftLargexx td {font-size:200% !important;}


.paddB00{padding-bottom:0px !important;}

.directions{
	color: #da1f11;
	font-weight: bold;
	font-size: 14px;
    padding: 20px 20px 65px;
}

.bold{font-weight: bold;}

.btn_hover a:hover img{
	opacity:0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	display:inline-block\9;
	zoom: 1 !important;
}

.section:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

#article h3{
	background: url(/pit/assets/img/static/guide/h3_img.gif) no-repeat left top;
	color: #FFFFFF;
    font-size: 140%;
    height: 33px;
    padding: 17px 0 0 22px;
}

.contents_box h4{
	color: #d62935;
	font-size: 134%;
	margin-bottom: 5px;
}
h4.fluid,
h4.engine,
h4.battery,
h4.footwear,
h4.transfer,
h4.comfort,
h4.question{
	height: 26px;
	padding: 11px 0 0 80px;
	width: 840px;
	margin-bottom: 15px;
}
h4.fluid{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-title01.gif) no-repeat left top;
}
h4.engine{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-title02.gif) no-repeat left top;
}
h4.battery{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-title03.gif) no-repeat left top;
}
h4.footwear{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-title04.gif) no-repeat left top;
}
h4.comfort{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-title05.gif) no-repeat left top;
}
h4.transfer{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-title06.gif) no-repeat left top;
}
h4.question{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-title07.gif) no-repeat left top;
}

.page_top {
    clear: both;
    margin: 30px auto 15px;
    text-align: right;
    width: 920px;
}
.page_top span a {
    background: url(https://img.goo-net.com/goopit/assets/img/share/ico-pagetop.png) no-repeat left top;
    color: #0099FF;
    font-size: 13px;
    padding-left: 26px;
    text-decoration: underline;
	display: inline-block;
}

#page_top {
	margin-top: 15px;
}

.contents_box {
	padding: 20px 19px 30px;
	background-color: #fff;
	border: 1px solid #dedede;
}

.contents_box.innernav_box {
	padding: 20px 11px 45px;
}

.read_text {
	margin-bottom: 30px;
	font-size: 117%;
	padding: 0 8px;
}

/* innernav */
#innernav {
	height: 97px;
	margin-bottom: 40px;
	width: 100%;
	overflow: hidden;
}
#innernav ul {
	margin-right: -15px;
	*zoom: 1;
}
#innernav ul:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#innernav ul li {
	float: left;
	width: 150px;
	margin-right: 7px;
}
#innernav ul li a {
	display: block;
	height: 38px;
	padding-top: 59px;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
	line-height: 1.2;
	color: #da1f11;
	text-decoration: none;
}
#innernav ul li.nav01 a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav01_off.gif) no-repeat;
}
#innernav ul li.nav01:hover a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav01_on.gif) no-repeat;
}
#innernav ul li.nav02 a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav02_off.gif) no-repeat;
}
#innernav ul li.nav02:hover a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav02_on.gif) no-repeat;
}
#innernav ul li.nav03 a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav03_off.gif) no-repeat;
}
#innernav ul li.nav03:hover a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav03_on.gif) no-repeat;
}
#innernav ul li.nav04 a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav04_off.gif) no-repeat;
}
#innernav ul li.nav04:hover a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav04_on.gif) no-repeat;
}
#innernav ul li.nav05 a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav05_off.gif) no-repeat;
}
#innernav ul li.nav05:hover a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav05_on.gif) no-repeat;
}
#innernav ul li.nav06 a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav06_off.gif) no-repeat;
}
#innernav ul li.nav06:hover a {
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg-nav06_on.gif) no-repeat;
}

/*pinkbgArea*/
.pinkbgArea{
	background-color: #FBEBED;
	padding: 15px 20px;
	font-size: 115%;
}
.pinkbgArea p{
	line-height: 1.5;
	word-break: normal;
}

/*search_box*/
#article .search_box {
	width: 960px;
	margin-bottom: 30px;
}
#article .search_box:after {
	content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear:both;
}

#article .search_box h3 {
    background: none;
    font-size: 0;
    height: 40px;
    padding: 0;
    margin-bottom: 5px;
}

#article .search_inner {
	width: 960px;
	background: url(https://img.goo-net.com/goopit/assets/img/index/bg-search_inner.gif) repeat-y left top;
}
#article .search_top {
	width: 960px;
	background: url(https://img.goo-net.com/goopit/assets/img/index/bg-search_top.gif) no-repeat left top;
}
#article .search_bottom {
	width: 960px;
	background: url(https://img.goo-net.com/goopit/assets/img/index/bg-search_bottom.gif) no-repeat left bottom;
	padding: 5px 0 5px 0;
}
#article .dress_area {
	position: relative;
	width: 862px;
	height: 331px;
	margin-bottom: 20px;
	padding: 0 47px 0 51px;
}
#article .dress_triple {
	position: absolute;
	top: 167px;
	left: 347px;
}
#article .dress_gifu {
	position: absolute;
	top: 68px;
	left: 488px;
}
#article .dress_conclusion {
	position: absolute;
	top: 128px;
	left: 484px;
}
#article .dress_nagoya {
	position: absolute;
	top: 183px;
	left: 527px;
}
#article .dress_rivers {
	position: absolute;
	top: 162px;
	left: 684px;
}

/*maintenance*/

.maintenance .ex_wrap{
	position: relative;
	z-index: 1;
	padding: 0 0 116px;
	height: 395px;
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg_maintenance_car_s.png) no-repeat 108px top;
}

.maintenance .ex_wrap .icon_area .icon01{
    left: 260px;
    position: absolute;
    top: 232px;
    z-index: 2;
}

.maintenance .ex_wrap .icon_area .icon02{
    left: 283px;
    position: absolute;
    top: 92px;
    z-index: 2;
}

.maintenance .ex_wrap .icon_area .icon03{
    left: 418px;
    position: absolute;
    top: 92px;
    z-index: 2;
}

.maintenance .ex_wrap .icon_area .icon04{
    left: 550px;
    position: absolute;
    top: 231px;
    z-index: 2;
}

.maintenance .ex_wrap .icon_area .icon05{
    left: 555px;
    position: absolute;
    top: 82px;
    z-index: 2;
}

.maintenance .ex_wrap .part_area div{
	display: none;
	position: absolute;
	z-index: 3;
	background: #fff;
	border: 2px solid #aaaaaa;
}

.maintenance .ex_wrap .part_area div:after {
	position: relative;
}

.maintenance .ex_wrap .part_area div p {
	position: absolute;
	font-size: 0;
	line-height: 0;
}

.maintenance .ex_wrap .part_area dl dt{
	background-color: #e0e0e0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.0;
	padding: 10px;
}

.maintenance .ex_wrap .part_area dl dd{
	padding: 5px 10px;
}

.maintenance .ex_wrap .part_area dl dd.rows2 ul{
	width: 188px;
	float: left;
}


.maintenance .ex_wrap .part_area dl dd ul li{
	color: #0099ff;
	line-height: 1.0;
}

.maintenance .ex_wrap .part_area dl dd ul li span{
    vertical-align: top;
	line-height: 2.0;
}

.maintenance .ex_wrap .part_area dl dd ul li a{
	color: #0099ff;
	font-weight: bold;
	line-height: 2.0;
	display: inline-block;
}

.maintenance .part_area .part01{
    left: 0;
    top: 55px;
    width: 218px;
}

.maintenance .part_area .part01 p {
    right: -44px;
    top: 159px;
}

.maintenance .ex_wrap .part_area div.part02{
    display: block;
    left: 0;
    top: -47px;
    width: 218px;
}

.maintenance .part_area .part02 p {
    right: -54px;
    top: 122px;
}

.maintenance .part_area .part03{
    left: 344px;
    top: -43px;
    width: 136px;
}

.maintenance .part_area .part03 p {
    right: 31px;
    top: 72px;
}

.maintenance .part_area .part04{
    left: 726px;
    top: 82px;
    width: 190px;
}

.maintenance .part_area .part04 p {
    right: 192px;
    top: 214px;
}

.maintenance .part_area .part05{
    left: 573px;
    top: -74px;
    width: 157px;
}

.maintenance .part_area .part05 p {
    right: 47px;
    top: 120px;
}

.maintenance .ex_area{
	position: absolute;
	bottom: 0;
}

.maintenance .ex_area div{
	display: none;
	padding: 15px 15px 15px 114px;
	background: #fff;
	border: 1px solid #da1f11;
	height: 84px;
	width: 789px;
}

.maintenance .ex_area .ex01{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg_l_icon01.gif) no-repeat left top;
}

.maintenance .ex_area .ex02{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg_l_icon02.gif) no-repeat left top;
	padding: 3px 15px 3px 114px;
	height: 108px;
	display: block;
}

.maintenance .ex_area .ex03{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg_l_icon03.gif) no-repeat left top;
}

.maintenance .ex_area .ex04{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg_l_icon04.gif) no-repeat left top;
}

.maintenance .ex_area .ex05{
	background: url(https://img.goo-net.com/goopit/assets/img/static/maintenance/bg_l_icon05.gif) no-repeat left top;
}

.maintenance .ex_area p{
	font-size: 14px;
	word-break: normal;
}

#search_btn {
	margin-top: 20px;
	text-align: center;
}




