@charset "UTF-8";

#ContentsArea {
margin-bottom: 40px;
}
#ContentsArea p, 
#ContentsArea dl,
#Contents Area {
	line-height: 1.5 !important;
}
#ContentsArea .nb {
	margin-bottom: 0.5em;
}
#ContentsArea .b2 {
	margin-bottom: 2.6em;
}
#ContentsArea .mb7 {
	margin-bottom: 7px;
}
.mtmb {margin: 20px 0 15px 0;}
.mb25 {margin-bottom: 25px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}

.l {
	float: left;
}
.r {
	float: right;
}

/*=====================================================
  リンク
=====================================================*/
#ContentsArea a:link, #ContentsArea a:visited, #ContentsArea a:active {
	color: #163598 !important;
	text-decoration: none !important;
	border-bottom: dotted 1px #163598;
}
#ContentsArea a:hover {
	color: #163598 !important;
	text-decoration: none !important;
	border-bottom: none;
}

#ContentsArea .shading001 a:link, #ContentsArea .shading001 a:visited, #ContentsArea .shading001 a:active, #ContentsArea .shading001 a:hover,
#ContentsArea a.arrow:link, #ContentsArea  a.arrow:visited, #ContentsArea a.arrow:active, #ContentsArea a.arrow:hover,
#ContentsArea a.arrow02:link, #ContentsArea  a.arrow02:visited, #ContentsArea a.arrow02:active, #ContentsArea a.arrow02:hover,
#ContentsArea #tabList ul li a:link, #ContentsArea #tabList ul li a:visited, #ContentsArea #tabList ul li a:active, #ContentsArea #tabList ul li a:hover, 
#ContentsArea #tabList_mc ul li a:link, #ContentsArea #tabList_mc ul li a:visited, #ContentsArea #tabList_mc ul li a:active, #ContentsArea #tabList_mc ul li a:hover,
#ContentsArea #tabList_marine ul li a:link, #ContentsArea #tabList_marine ul li a:visited, #ContentsArea #tabList_marine ul li a:active, #ContentsArea #tabList_marine ul li a:hover{
	color: #000 !important;
	border-bottom: none;
}
/*=====================================================
  タブ
=====================================================*/
#YMContentsWrap #ContentsArea #tabList{
	margin: 10px 0 0 0;
	height: 70px;
}
#ContentsArea #tabList ul{
	margin: 0 !important;
	font-family: "メイリオ" ;
}

#YMContentsWrap #tabList ul li{
	float: left;
}
#tabList ul li a{
	width: 190px;
	background: url(../img/tabbase_001.gif) no-repeat;
	display: block;
	text-align: center;
	font-weight: bold;
	line-height: 70px;
	color: #000;
	font-size: 107.7%;
}
#tabList ul li.last a{
	width: 189px;
}
/*オン*/
#tabList ul li span{
	width: 190px;
	display: block;
	text-align: center;
	font-weight: bold;
	line-height: 70px;
	color: #000;
	font-size: 107.7%;
}
#tabList ul li.on01 a{
	background: url(../img/tab_001.jpg) no-repeat;
}
#tabList ul li.on02 a{
	background: url(../img/tab_002.jpg) no-repeat;
}
#tabList ul li.on03 a{
	background: url(../img/tab_003.jpg) no-repeat;
}
#tabList ul li.on04 a{
	background: url(../img/tab_004.jpg) no-repeat;
}
#tabList ul li.on05 a{
	background: url(../img/tab_005.jpg) no-repeat;
}
/*=====================================================
  タブサブ
=====================================================*/
#ContentsArea nav#tabList_mc,
#ContentsArea nav#tabList_marine{
	padding: 7px 0 20px 0;
}
#ContentsArea #tabList_mc ul,
#ContentsArea #tabList_marine ul{
	margin: 0 ;
	padding: 0 ;
	font-family: "メイリオ" ;
}
#tabList_mc ul li,
#tabList_marine ul li{
	float: left;
}
#tabList_mc ul li.l2 a,
#tabList_marine ul li.l2 a{
	padding-top: 0.6em;
	_height: 58px;
	height: 49px;
}
/*--マリン製品関連 --*/
#tabList_mc ul li a{
	width: 189px;
	background: url(../img/tabbase_002.gif) no-repeat;
	display: block;
	text-align: center;
	padding-top: 1.2em;
	_height: 58px;
	height: 41px;
	color: #000;
	font-size: 107.7%;
	margin-right: 1px;
}
#ContentsArea #tabList_mc ul li.on a{
	background: url(../img/tabbase_003.gif) no-repeat;
	color: #fff !important;
	font-weight: bold;
}
/*--バイク・スクーター関連 --*/
#tabList_marine ul li a{
	width: 316px;
	background: url(../img/tabbase_004.gif) no-repeat;
	display: block;
	text-align: center;
	padding-top: 1.2em;
	_height: 58px;
	height: 41px;
	color: #000;
	font-size: 107.7%;
	margin-right: 1px;
}
#tabList_marine ul li.last a{
	width: 315px;
}
#ContentsArea #tabList_marine ul li.on a{
	background: url(../img/tabbase_005.gif) no-repeat;
	color: #fff !important;
	font-weight: bold;
}
/*=====================================================
  トップ
=====================================================*/
#ContentsArea p.dtext{
	margin: 30px 0 0 0 ;
}
#ContentsArea p.dtext02{
	margin: 22px 0 ;
}
#ContentsArea p.anchorLink {
	margin-bottom: 30px;
}
/*左ブロック*/
#ContentsArea #info001{
	width: 457px;
	float: left;
	padding: 0;
}
#ContentsArea #info002{
	width: 100%;
	padding: 0;
}
#info001 ul,
#info002 ul{
	margin: 0 ;
}
#info001 ul.dot{
	border-bottom: dotted 1px #9f9f9f ;
	padding-bottom:0.3em;
	margin-bottom:1.3em;
}
/*右ブロック リコールトップ*/
#info001R{
	width: 415px;
	_width: 457px;
	float: right;
	background: url(../img/bg_001.gif);
	padding: 21px 21px 0 21px;
}
/* Firefox hack start */
 @-moz-document url-prefix() {
#info001R{
	padding: 0 21px 0 21px;
}
 }
 /* Firefox hack end */
 
 /* Chrome hack start */
 @media screen and (-webkit-min-device-pixel-ratio:0) {
#info001R{
	padding: 0 21px 0 21px;
}
}
 /* Chrome hack end */
 
#info001R dl{
	margin: 0 !important;
}
#info001R dl.red dt{
	color: #DC2525;
	font-weight: bold;
}
#info001R dl.blue dt{
	color: #0072FF;
	font-weight: bold;
}
#info001R dl dd{
	margin: 0 0 1em 0;
	padding: 4px 0 1em 0 ;
	border-bottom: dotted 1px #999999;
}
#info001R dl dd.nobd{
	border-bottom: none;
}
/*=====================================================
  下層
=====================================================*/
/*右ブロック 下層*/
.blockR{
	width: 457px;
	float: right;
}
/*リコール・改善対策情報検索のボタン*/
#ContentsArea .shading001{
	background: url(../img/bg_001.gif);
	text-align: center;
	padding: 18px 0 12px 0;
	margin-bottom: 18px;
}
#ContentsArea .shading001 img{
	margin-bottom: 10px;
}
#ContentsArea .btnov a {
display:block;
width:313px;
height:59px;
margin:0 auto 10px auto;
text-indent:-9999px;
}
#ContentsArea .btnov a.pasb {
background:url(../../pas/img/btm_001.png) right top no-repeat;
}
#ContentsArea .btnov a.mcb {
background:url(../../mc/img/btm_001.png) right top no-repeat;
}
#ContentsArea .btnov a.pasb:hover , #ContentsArea .btnov a.mcb:hover {
background-position:right -59px;
}
/*網かけブロック*/
#ContentsArea .shading002{
	background: url(../img/bg_001.gif);
	padding: 18px;
	margin-bottom: 15px;
}
/*網かけブロック 下マージン30*/
#ContentsArea .shading003{
	background: url(../img/bg_001.gif);
	padding: 18px;
	margin-bottom: 30px;
}
#ContentsArea .shading002 dl,
#ContentsArea .shading003 dl {
	margin: 0 !important;
	height: 100%;
}
#ContentsArea .shading002 dt,
#ContentsArea .shading003 dt{
	font-weight: bold;
}
#ContentsArea .shading002 dl dd,
#ContentsArea .shading003 dl dd{
	margin: 0;
	padding: 4px 0 0 0 ;
}


/*=====================================================
  テーブル
=====================================================*/
table{
	width: 100%;
	border-collapse: collapse;
}
table.pattern01{
	margin-bottom: 5px;
}
table.pattern01 td {
	padding: 13px 10px 13px 18px;
	border: solid 1px #CCCCCC;
}
table.pattern01 th {
	padding: 13px 10px 13px 18px;
	border: solid 1px #CCCCCC;
	background: #EBEBEB;
	text-align: left;
	font-weight: bold;
	font-size: 107.7%;
}
.tel{
	font-weight: bold;
	font-size: 161.5%;
}
.w22{
	width: 22%;
}
.w25{
	width: 25%;
}
.w28{
	width: 28%;
}
.w45{
	width: 45%;
}
.w47{
	width: 47%;
}
.w50{
	width: 50%;
}
.w55{
	width: 55%;
}
.w28{
	width: 28%;
}
/*=====================================================
  共通
=====================================================*/
/*アイコン*/
.arrow {
	font-size: 107.7%;
	font-weight: bold;
	padding-left: 18px;
	background: url(../img/icon_004.gif) no-repeat 0 center;
	line-height: 1;
	float: right;
	border-bottom: none;
}
.arrow02 {
	font-size: 107.7%;
	font-weight: bold;
	padding-left: 18px;
	background: url(../img/icon_005.gif) no-repeat 0 center;
	line-height: 1;
	float: right;
	border-bottom: none;
}
.freedial{
	background: url(/recall/shared/img/free_001.gif) no-repeat 0 center;
	font-weight: bold;
	font-size: 161.5%;
	padding-left: 50px;
}
#ContentsArea h2.bk {
	font-size: 107.7%;
	font-weight: bold;
	padding-left: 22px;
	background: url(../img/icon_001.gif) no-repeat 0 center;
	line-height: 1;
	margin: 0 !important;
}
#ContentsArea h2.red {
	font-size: 107.7%;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/icon_002.png) no-repeat 0 center;
	line-height: 1;
	margin: 0 !important;
}
#ContentsArea h2.red002 {
	font-size: 107.7%;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/icon_002.png) no-repeat 0 center;
	line-height: 1;
	margin-bottom: 0.7em;
}
#ContentsArea h2.blue {
	font-size: 107.7%;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/icon_003.png) no-repeat 0 center;
	line-height: 1;
	margin: 0 !important;
}
#ContentsArea h2.blue002 {
	font-size: 107.7%;
	font-weight: bold;
	padding-left: 20px;
	margin: 0;
	background: url(../img/icon_003.png) no-repeat 0 center;
	line-height: 1;
	margin-bottom: 0.7em;
}
#ContentsArea h2.green {
	font-size: 107.7%;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/icon_004.png) no-repeat 0 center;
	line-height: 1;
	margin: 0 !important;
}
#ContentsArea h2.yellow {
	font-size: 107.7%;
	font-weight: bold;
	padding-left: 20px;
	background: url(../img/icon_005.png) no-repeat 0 center;
	line-height: 1;
	margin: 0 !important;
}
/*※マークつき*/
#ContentsArea ul.note { margin-bottom:1.5em; margin-left: 1em; }
#ContentsArea ul.note li {
	position: relative;
	list-style: none;
	margin-bottom: 0em;
}
#ContentsArea ul.note li span {
	position: absolute;
	left: -1em;
	top: 0;

}
* html #ContentsArea ul.note li span { top: -0em; } /* for win ie6 */
*:first-child+html #ContentsArea ul.note li span { top: -0em; } /* for win ie7 */