@charset "shift_jis";

/* --------------------------------------------

			トップページ

-------------------------------------------- */

/* [Common]
-----------------------------------------------------------------------------*/

.jspContainer
{
	overflow: hidden;
	position: relative;
}

#jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 13px;
	height: 100%;
	background: #cdcdcd;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 13px;
	background: #cdcdcd;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #cdcdcd url(../../../n2PrdCommon/Image/Static/img/index_bg_006.gif);
	position: relative;
}

.jspDrag {
	background: #034ea2 url(../../../n2PrdCommon/Image/Static/img/index_btn_015.gif);
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

.jspArrow{
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled{
	cursor: default;
}
a.jspArrowUp {
	background: url(../../../n2PrdCommon/Image/Static/img/index_btn_013.gif) left top no-repeat;
}
a.jspArrowDown {
	background: url(../../../n2PrdCommon/Image/Static/img/index_btn_014.gif) left top no-repeat;
}
.jspVerticalBar .jspArrow{
	height: 15px;
	overflow:hidden;
}

.jspHorizontalBar .jspArrow
{
	width: 13px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*[HeadArea]
-----------------------------------------------------------------------------*/

div#wrap div#headerArea div#headContentsBlock {
}
div#wrap div#headerArea div#mainVisual {
	width: 705px;
	height: 320px;
	display: inline;
	float: left;
	position:relative;
	background: url(../../../n2PrdCommon/Image/Static/img/header_bg_002.png) left top no-repeat;
	margin-left: 4px;
}
div#wrap div#headerArea div#mainVisualImg {
	width: 700px;
	height: 300px;
	position:absolute;
	top:1px;
	left:2px;
	overflow:hidden;
}
div#wrap div#headerArea div#mainVisualImg div {
	width: 700px;
	height: 300px;
	position:absolute;
	top:0;
	left:0;
}
div#wrap div#headerArea div#mainVisual  div#prevBtn {
	position:absolute;
	top: 133px;
	left: -9px;
	cursor: pointer;
}

div#wrap div#headerArea div#mainVisual  div#nextBtn {
	position:absolute;
	top: 133px;
	right: -7px;
	cursor: pointer;
}

div#wrap div#headerArea div#mainVisual  div#imgSign {
	position:absolute;
	top:305px;
	right:5px;
	width:70px;
	height:9px;
}

div#wrap div#headerArea div#headNav {
	width: 230px;
	height: 320px;
	display: inline;
	float: left;
	margin-left: 18px;
}
div#wrap div#headerArea div#headNav ul {
	padding-top: 2px;
}
div#wrap div#headerArea div#headNav ul li {
	line-height: 0;
}

/*-----[mainvisual link]-----*/
div#wrap div#headerArea div#mainVisualImg div.gtMV div.campLink {
	width: 123px;
	height: 75px;
	z-index:1;
	position:absolute;
	top:167px;
	left:12px;
}
div#wrap div#headerArea div#mainVisualImg div.autoMV div.campLink {
	width: 123px;
	height: 75px;
	z-index:1;
	position:absolute;
	top:219px;
	left:452px;
}
div#wrap div#headerArea div#mainVisualImg div.eqpMV div.campLink {
	width: 123px;
	height: 75px;
	position:absolute;
	top:212px;
	left:26px;
}
div#wrap div#headerArea div#mainVisualImg div.eqMV div.eqLink {
	width: 162px;
	height: 74px;
	position:absolute;
	top:132px;
	left:69px;
}
div#wrap div#headerArea div#mainVisualImg div.bikeMV div.campLink {
	width: 123px;
	height: 75px;
	position:absolute;
	top:215px;
	left:12px;
}
div#wrap div#headerArea div#mainVisualImg div.campLink a {
	width: 123px;
	height: 0;
	display:block;
	overflow:hidden;
	background:url(/n2PrdCommon/Image/Static/img/header_bnr_001.gif) left top no-repeat;
	padding:75px 0 0;
}
div#wrap div#headerArea div#mainVisualImg div.campLink a:hover {
	background:url(/n2PrdCommon/Image/Static/img/header_bnr_001ov.png) left top no-repeat;
}
div#wrap div#headerArea div#mainVisualImg div.petMV div.campLink {
	width: 278px;
	height: 48px;
	position:absolute;
	top:102px;
	left:339px;
}
div#wrap div#headerArea div#mainVisualImg div.petMV div.campLink a {
	width: 278px;
	height: 0;
	display:block;
	overflow:hidden;
	background:url(/n2PrdCommon/Image/Static/img/header_bnr_001.gif) left top no-repeat;
	padding:48px 0 0;
}
div#wrap div#headerArea div#mainVisualImg div.petMV div.campLink a:hover {
	background:url(/n2PrdCommon/Image/Static/img/header_bnr_002ov.png) left top no-repeat;
}

/*[contentArea]
-----------------------------------------------------------------------------*/

div#wrap div#contentArea {
	clear:both;
}
div#wrap div#contentArea div#contentTopBlock {
	padding: 0 0 0 5px;
}
div#wrap div#contentArea div#contentMiddleBlock001 {
	clear: both;
	padding-top: 7px;
}
div#wrap div#contentArea div#contentMiddleBlock002 {
	width:960px;
}
div#wrap div#contentArea div#contentMiddleBlock002 #contentMiddleInLeft {
	width: 694px;
	float:left;
	display:inline;
	margin-left:6px;
}
div#wrap div#contentArea div#contentMiddleBlock002 #contentMiddleInRight {
	width: 235px;
	float:right;
	display:inline;
}


div#wrap div#contentArea div#contentMiddleBlock003 {
	clear: both;
}

div#wrap div#contentArea div#contentBottomBlock {
	clear: both;
}

/*[contentTopBlock]
-----------------------------------------------------------------------------*/

div#wrap div#mainContents {
	width: 700px;
	float: left;
}

div#wrap div#sideContents {
	width: 235px;
	float: left;
	display: inline;
	margin-left: 20px;
}

/*[contentTopBlock mainContents]
-----------------------------------------------------------------------------*/

.mb18 {
	margin-bottom: 18px;
}

.mb10 {
	margin-bottom: 10px;
}
.ml05 {
	margin-left: 5px;
}
.ml06 {
	margin-left: 6px;
}

div#wrap div#keyBtnWrap {
	width: 700px;
	position:relative;
}
div#wrap div#keyBtnWrap p#icoAuto {
	width: 106px;
	height: 22px;
	overflow:hidden;
	position:absolute;
	top: 6px;
	left: 8px;
	z-index:1;
}
div#wrap div#keyBtnWrap p#icoBike {
	width: 107px;
	height: 22px;
	overflow:hidden;
	position:absolute;
	top: 6px;
	left: 119px;
	z-index:1;
}
div#maintenanceAlert p {
	color:#900;
	font-size:85%;
	line-height:1.4em;
}
div#maintenanceAlert {
	height:35px;
	border:1px solid #999;
	background:#F8F8F8;
	padding:5px 10px 0;
	margin-bottom: 12px;
}

div#wrap div#keyBtnArea {
	width: 686px;
	overflow:hidden;
	background: #FFF;
	border: 1px solid #2f4b94;
	border-width: 0 1px 1px;
	padding: 10px 0 12px 12px;
	margin-bottom:12px;
}

div#keyBtnArea ul#campBtn {
	width: 670px;
	background: #d5e1ef;
	padding: 7px 0;
	margin-top: 5px;
	margin-left: 2px;
}

div#keyBtnArea ul#campBtn li {
	float:left;
	display:inline;
	background: #FFF;
	margin-left: 10px;
}

div#keyBtnArea ul#keyBtn {
	width: 687px;
}

div#keyBtnArea ul#keyBtn li {
	position:relative;
	float:left;
	margin-right: 10px;
}

div#keyBtnArea ul#keyBtn li span.keyText {
	width:186px;
	height:80px;
	display:block;
	position:absolute;
	top: 67px;
	left: 3px;
	padding: 8px 12px 0px;
}

div#keyBtnArea ul#keyBtn li span.small {
	font-size:85%;
}

div#wrap div#benefitBnrArea {
	overflow:hidden;
	margin-top: 5px;
}

div#benefitBnrArea ul li {
	float:left;
	margin-right: 11px;
}

div#benefitBnrArea ul li.last {
	float:right;
	margin-right: 0px;
}

div#wrap div#corpArea {
	position:relative;
	width:700px;
	height: 140px;
	margin-top:4px;
}

div#wrap div#corpBnr {
	width:652px;
	height: 135px;
	position:absolute;
	top:5px;
	left:26px;
	overflow:hidden;
}
div#wrap div#corpBnr div {
	position:absolute;
	top:0;
	left: -163px;
}
div#wrap div#corpBnr div#corpImg01 {
	left:0;
}
div#wrap div#corpBnr div#corpImg02 {
	left:163px;
}
div#wrap div#corpBnr div#corpImg03 {
	left:326px;
}
div#wrap div#corpBnr div#corpImg04 {
	left:489px;
}
div#wrap div#corpBnr div#corpImg05 {
	left:652px;
}
div#wrap div#corpPrevBtn {
	position:absolute;
	top: 57px;
	left: 0;
	cursor: pointer;
}

div#wrap div#corpNextBtn {
	position:absolute;
	top: 57px;
	right: 0;
	cursor: pointer;
}



/*[contentTopBlock sideContents]
-----------------------------------------------------------------------------*/

div#sideContents h2 {
	width:235px;
	height:35px;
	overflow:hidden;
}
div#sideContents h2 img {
	line-height:0;
}

div#sideContents div#clientPageArea {
	width: 230px;
	height: 336px;
	background: url(../../../n2PrdCommon/Image/Static/img/index_bg_001.png) left bottom no-repeat;
	padding:9px 3px 0 2px;
}

div#sideContents div#clientPageArea p {
	font-size: 85%;
	line-height: 1.3em;
	margin: 0 13px 4px;
}

div#sideContents div#clientPageArea p.sNavBtn {
	line-height: 0;
}

div#clientPageArea ul li {
	background: url(../../../n2PrdCommon/Image/Static/img/index_icon_002.gif) left center no-repeat;
	font-size: 85%;
	padding: 1px 0 1px 10px;
	margin: 0 15px;
}

div#clientPageArea div#enqueteArea {
	background: url(../../../n2PrdCommon/Image/Static/img/index_dot_001.gif) left 2px no-repeat;
	padding: 7px 15px 0;
}
div#clientPageArea div#enqueteArea ul {
	padding: 10px 0;
}
div#clientPageArea div#enqueteArea ul li {
	background: url(../../../n2PrdCommon/Image/Static/img/index_icon_001.gif) left center no-repeat;
	font-size: 85%;
	padding: 1px 0 1px 10px;
	margin: 0;
}

div#sideContents div#clientPageArea div#enqueteArea p.sNavBtn {
	line-height: 0;
	margin: 7px 0 0;
}

div#cmInfo {
	width:235px;
}
div#cmInfo h2 {
	line-height: 0;
	margin-left: 1px;
	margin-bottom:8px;
}

div#cmInner {
	width:224px;
	background: url(../../../n2PrdCommon/Image/Static/img/index_bg_005.png) left top no-repeat;
	padding:4px 6px 0 5px;
}

div#cmInfo p#cmLink {
	font-size: 85%;
	text-align:right;
	padding-top: 5px;
}

div#cmInfo p#cmLink a {
	background: url(../../../n2PrdCommon/Image/Static/img/index_icon_003.gif) left center no-repeat;
	padding-left: 10px;
}


/*[contentMiddleBlock]
-----------------------------------------------------------------------------*/

div#wrap div#recommendArea {
	position:relative;
	width:950px;
	height: 130px;
	background:#d5e1ef;
	margin-bottom: 12px;
}

div#wrap div#recommendBnr {
	width:890px;
	height: 110px;
	position:absolute;
	top:10px;
	left:30px;
	overflow:hidden;
}
div#wrap div#recommendBnr div {
	width:170px;
	height:110px;
	position:absolute;
	top:0;
	left: -170px;
	background:#FFF;
}
div#wrap div#recommendPrevBtn {
	position:absolute;
	top: 50px;
	left: 5px;
	cursor: pointer;
}

div#wrap div#recommendNextBtn {
	position:absolute;
	top: 50px;
	right: 5px;
	cursor: pointer;
}

div#contentMiddleBlock003 div#informationArea {
	width: 957px;
	padding: 0 0 0 3px;
	margin-bottom: 15px;
}

div#contentMiddleBlock003 div#informationLeft {
	width: 435px;
	height: 361px;
	float:left;
	background: url(../../../n2PrdCommon/Image/Static/img/index_bg_002.png);
	padding: 20px 20px 0;
}

div#contentMiddleBlock003 div#informationRight {
	width: 451px;
	height: 361px;
	float:right;
	background: url(../../../n2PrdCommon/Image/Static/img/index_bg_002.png);
	padding: 20px 12px 0;
}

div#informationArea div.informationTitle {
	height: 25px;
	position: relative;
}

div#informationArea div.informationTitle p.listLink {
	position: absolute;
	top: -1px;
	right: 5px;
	font-size: 85%;
}

div#informationArea div.informationTitle p.listLink a {
	display: block;
	background: url(../../../n2PrdCommon/Image/Static/img/index_icon_001.gif) left center no-repeat;
	padding-left: 10px;
}

div#informationArea div.scrollArea dl {
	margin-bottom: 0;
}

div#informationArea div.scrollArea dt {
	float:left;
}

div#informationArea div.scrollArea dd {
	padding: 0 10px 10px 80px;
}

div#informationArea div.scrollArea span.pdf {
	display: block;
	padding: 0 0 3px 17px;
	background: url(../../../nPrdCommon/Image/Static/common/img/common_ico_013.gif) no-repeat left 0.2em;
}

div#informationArea div#prArea {
	height: 317px;
}

div#informationArea div#announceArea {
	width: 435px;
	height: 147px;
	margin:0 8px 20px;
}

div#informationArea div#mainteArea {
	width: 435px;
	height: 125px;
	margin:3px 8px 0;
}

div#informationArea div#mainteInner {
	min-height: 125px;
	height: auto !important;
	height: 307px;
}

div#contentMiddleBlock003 div#infoTopic {
	text-align: center;
	margin:15px 0 18px;
}
div#contentMiddleBlock003 div#infoTopic p {
	padding-bottom:0px;
}
div#contentMiddleBlock003 div#infoTopic p img {
	vertical-align: -9px;
	padding-right: 10px;
}

/*[contentBottomBlock]
-----------------------------------------------------------------------------*/

div#contentArea div#contentBottomBlock {
	width: 952px;
/*	height: 215px; */
	margin: 0 3px 0 5px;
	margin-bottom: 18px;
}

div#contentBottomBlock div#fbArea {
	width: 470px;
	height: 185px;
	background:#fff;
	float:left;
	overflow:hidden;
	*zoom:1;
	margin-right: 12px;
}
div#fbArea .snsBtnWrap {
	width: 468px;
	overflow:hidden;
	*zoom:1;
	border:1px solid #aaa;
	border-width:0 1px;
	padding-top:17px;
}
	div#fbArea .snsBtn {
		width:234px;
		height:53px;
		border-top:1px solid #aaa;
		float:left;
		line-height:0;
	}
	*html div#fbArea .snsBtn {
		height:53px;
		border-top:1px solid #aaa;
		margin-top:-1px;
	}
div#contentBottomBlock div#bottomBnrArea {
	width: 460px;
	height: 175px;
	float:left;
	overflow:hidden;
	background: url(../../../n2PrdCommon/Image/Static/img/index_bg_003.gif);
	padding: 10px 0 0 10px;
}
div#contentBottomBlock div#bottomBnrArea h3 {
	font-weight:bold;
	color: #003188;
	margin-bottom:2px;
}
div#contentBottomBlock div#bottomBnrArea ul {
	overflow:hidden;
	*zoom: 1;
}
div#contentBottomBlock div#bottomBnrArea ul li {
	width: 220px;
	float:left;
	text-align:center;
	font-size:85%;
	margin-right: 10px;
	margin-bottom:10px;
}
div#contentBottomBlock div#bottomBnrArea p {
}


/* Add 130513 [AxadirectLife Banner]
-------------------------------------------------- */

.bnr_axadirect_life {
	margin-top: 14px;
}

/* Add 131203 [Chabgecontract Btn Tooltip]
-------------------------------------------------- */

#btnToolTip {
	position:relative;
}

#btnToolTip span {
	width:202px;
	height:53px;
	line-height:0;
	display:none;
	position:absolute;
	top: -51px;
	left: 2px;
}

/* Add 140707 [MainVisual Inner Link]
-------------------------------------------------- */

#btn15thAuto {
	width:75px;
	height:15px;
	display:block;
	overflow:hidden;
	*zoom:1;
	text-indent:-9999px;
	position:absolute;
	top:250px;
	left:146px;
}
#btn15thBike {
	width:75px;
	height:15px;
	display:block;
	overflow:hidden;
	*zoom:1;
	text-indent:-9999px;
	position:absolute;
	top:250px;
	left:146px;
}

.expose {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 500;
	height: 100%;
	width: 100%;
	text-align: left;
}

.expose a.button.close {
	display: block;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	height: 22px;
	width: 21px;
	background: url(../../../../nPrdAutoBike/Image/Static/auto/img/product_ico_009.png) no-repeat 0 0;
	text-indent: -100em;
}

.expose .inner {
	position: relative;
	margin: 0 auto;
	width: 930px;
}

#expose02 .inner {
	width: 795px;
}

.expose h2 {
	color: #FFF;
}

.expose .contentsList02 {
	height: 100%;
	margin: 30px -15px 0 0;
	position: relative;
}

.expose .contentsList02 li {
	float: left;
	height: 100px;
	width: 300px;
	margin: 0 15px 15px 0;
	background-color: #fff;
}

#expose02 .contentsList02 li {
	height: 80px;
	width: 226px;
}

.expose .contentsList02 li.last {
	margin-right: 0;
}

.expose .contentsList02 li .leftBox {
	width: 100px;
}

.expose .contentsList02 li .rightList {
	float: right;
	width: 170px;
	padding: 11px 15px;
	font-size: 90%;
}

.expose .contentsList02 li .linkStyle03 {
	padding: 1px 0 6px 17px;
	background: url(../../../../nPrdCommon/Image/Static/common/img/common_ico_001.gif) no-repeat 0 0.35em !important;
}

.overlay {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000;
}
.box {
	margin:0 0 4px;
}
.box .imgStyle {
	float:left;
}
.box .exposeLink02 {
	float:right;
	text-align:right;
}
.box .exposeLink02 a {
	background: url(../../../../nPrdAutoBike/Image/Static/auto/img/product_ico_008.gif) no-repeat 0 0!important;
	padding: 0 0 2px 20px;
}

.element .linkStyle02 {
	margin-top: 0 !important;
	margin-bottom: 5px !important;
	padding-right: 0 !important;
}

.element .carousel {
	margin: 0px -10px 10px 0;
}

.element .carousel li {
	display: block;
	float: left;
	width: 226px;
	padding-right: 11px;
}

.element .iconList01 {
	height: 15px;
	clear: both;
	position: relative;
	margin-top: -5px;
}

.element .iconList01 ul {
	float: none !important;
	text-align: center !important;
	padding-top: 4px;
	width: auto !important;
}

.element .iconList01 ul li {
	display: inline;
}

.element .iconList01 .prev {
	position: absolute;
	left: 0;
	top: 0;
}

.element .iconList01 .next {
	position: absolute;
	right: 0;
	top: 0;
}

#benefitTitle {
	width: 700px;
	height: 18px;
	position:relative;
}
#benefitTitle p {
	position:absolute;
	top: 0;
	right:0;
}
p.linkStyle02 a {
	background: url(../../../n2PrdCommon/Image/Static/img/index_icon_003.gif) left center no-repeat;
	font-size: 85%;
	padding-left: 10px;
}