@charset "utf-8";


div.how{
	width:100%
	margin:0;
	padding:20px 10px 20px 15px;
	background: #F1F1F1;
	-webkit-text-size-adjust:100%;/*iphone*/
	font-family:DefaultRegular, Arial, Helvetica, sans-serif;
	max-width: 800px;
	margin: 120px auto 48px auto;
	}
body.ja div.how{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}

#header #LT_howto {
	margin: 35px 0px 10px 0px;
}

html[lang="en"] #header #LT_howto,html[lang="es"] #header #LT_howto,html[lang="fr"] #header #LT_howto,html[lang="de"] #header #LT_howto,html[lang="nl"] #header #LT_howto {
	margin: 25px 0px 10px 0px;
}


.how_h3_0 a:link{
  color:#0086d3;
  text-decoration:none;
}
.how_h3_0 a:visited{ 
  color:#0086d3;
  text-decoration:none;
}
.how_h3_0 a:active{color:#0086d3;}
.how_h3_0 a:hover{
  color:#0086d3;
  text-decoration:none;
}


h2.how_title_1{
	display:block;
	padding:.3em .5em .3em .7em;
	margin:0;
	min-height: 0;
	background-color: #333333;
	color: #f1f1f1;
	font-weight: normal;
	font-size:20px;
	clear:both;
}

.pl h2.how_title_1{
	margin-top:3em;
}

h3.how_h3_0 {
	color:#333;
	margin:0.5em 0.5em 0.5em 0.4em;
	font-size: 18px;
	font-weight: normal;
	text-indent: .5em;

}

h3.how_h3_0 span.blue {
	color:#0086d3;
	margin:0 0 0 0;
}


h3.how_title_2{
	display:block;
	margin:1em 0 .5em 0;
	padding:.25em 0em .25em 1em;
	min-height: 0;
	background-color:#666666;
	color: #f1f1f1;
	font-weight: normal;
}

h4.how_p_1 {
	color:#000;
	margin:0.5em 0.5em 0.5em 0.5em;
	font-size: 15px;
	font-weight: normal;
}


.how_to_div img.step_img {
	margin:0 2em 1em 2.5em;
	width:90%;
	height:auto;
	max-width:800px;
	float:none;
}

.how_to_div img.step_img2 {
	margin:0 2em 1em 1.5em;
	width:90%;
	height:auto;
	max-width:600px;
}


.how_to_div img.menu_cap_img,.sdsmple img, .how_to_div .squere_title+h4+ul img.step_img{
    margin:0 0.5em 0em 0em;
	width:100%;
	height:auto;
	max-width:800px;
}
    

.clear1 {
	width:100%;
	clear:both;
}

img.ext{
	position:absolute; 
	height: 1.5em;
	vertical-align:-0.3em;
	clip: rect(0 1.6em 1.5em 0);
	margin:0 0 0 0.1em;
}

img.int{
	position:absolute; 
	height: 1.5em;
	vertical-align:-0.3em;
	clip: rect(0 100em 1.5em 1.6em);
	margin:0 0 0 -2.1em;
}

//span{
//	margin-left:1.8em;
//}

img.select{
	height: 1.7em;
	vertical-align:-0.3em;
	margin:0;
}


div.how_to_div p, div.how_title_1 p {
	text-indent: -1.2em;
	margin:0 0.5em 1em 3.3em;
	font-size:18px;
}

div.how_to_div .squere_title+h4+ul p{
	margin-left:1.1em;
}

div.how_to_div p.step1:before {
	content:"\2460";
	padding-right: 0.2em;
}



div.how_to_div p.step2:before {
	content:"\2461";
	padding-right: 0.2em;
}

div.how_to_div p.step3:before {
	content:"\2462";
	padding-right: 0.2em;
}

div.how_to_div p.step4:before {
	content:"\2463";
	padding-right: 0.2em;
}

div.how_to_div p.step1:after,div.how_to_div p.step2:after,div.how_to_div p.step3:after,div.how_to_div p.step4:after{
    content: " ";
    clear:both;
}





span.sentaku {
	padding:0.2em 1em;
	background-color:#0086d3;
	margin-left:0;
	margin-right:0.1em;
	color:#fff;
	font-size:0.7em;
	
}





h3 {
	margin:20px 0px 0px 0px;
}

h4 {
	margin:15px 0px 0px 0px;
}

div.pl_table {
	background-color:#ffffff;
	margin:5px 5px;
	padding:10px 10px 10px 10px;
	color:#000000;
}

div.keikoku {
	padding:0;

}

p {
	margin:0;
	padding:0;
}

p.keikoku {
	padding:10px 10px 5px 10px;
	background:#eed9ce;
}

p.keikoku2 {
	padding:0px 10px 0px 10px;
}


/*Warning and caution of the description*/


div.caution p,div.note p{
	font-size:1.1em;
	font-weight:bold;

}

div.caution p img,div.note p img {
	height:24px;
}

div.pl_img1 p img {
	height:21px;
}

div.pl_img2 p img {
	width:35px;
}

div.pl_img3 p img {
	width:36px;
}

div.pl_img4 p img {
	width:40px;
}

div.note_car p img{
	width:37px;
}

/*Warning and caution of the description*/

/*Description statement of up to protect knowledge - always*/

div.pl div.note_mark hr {
	height:2px;
	margin:5px -10px 5px -10px;
	border:0;
	background:#789abc;
}

div.note_mark p,div.note_car p{
	font-size:1.1em;
	font-weight:normal;
}
/*Description statement of up to protect knowledge - always*/



/*Warning and caution and knowledge accordion of operation description of*/

div.caution ul,div.note ul,div.note_mark ul {
	margin:0;
	padding:5px 0 0 25px;
	display:none;
}

div.caution ul li img,div.note ul li img,div.note_mark ul li img {
	vertical-align:-0.3em;
	display:none;
}

/*Warning and caution and knowledge accordion of operation description of*/





/*Warning and caution and knowledge accordion of operating instructions ( link skip version )
div.caution p.hyouji_w,div.note p.hyouji_w,div.note_mark p.hyouji_w{
	color:#0086d3;
	font-size:14px;
}


div.caution p.hyouji_w img,div.note p.hyouji_w img,div.note_mark p.hyouji_w img{
	margin:7px 0 0 0;
	height:14px;
}

Warning and caution and knowledge accordion of operating instructions ( link skip version )*/





div.pl ul.pl_disc {
	list-style-type:disc;
	color:#000000;
	padding:10px 0 10px 30px;
	margin:0;
}

div.pl ul.pl_disc li {
	margin:0 0 0 10px;
}

div.pl ul.pl_disc img {
	margin:0px 2px;
	/*vertical-align:bottom;*/
}

div.pl_coment {
	margin:15px 0 0 0;
}

div.pl_coment ul.pl_disc {
	color:#000000;
	padding:2px 0 0 20px;
}


.publisher {
	width:100%;
	display:block;
	margin-top:1em;
}

.publisher p {
	text-align: right;
	margin-right:5px;
}

#howto_footer2,#howto_header {
/*	display: flex;
	justify-content: space-between;*/
	margin-left: 79px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	max-width: 500px;
	width: 100%;
	height: 40px;
}

html[lang="es"] #howto_footer2,html[lang="es"] #howto_header,html[lang="fr"] #howto_footer2,html[lang="fr"] #howto_header,html[lang="de"] #howto_footer2,html[lang="de"] #howto_header,html[lang="nl"] #howto_footer2,html[lang="nl"] #howto_header {
	max-width: 680px;
}


#howto_header{
	margin-bottom: 0px;	
}

#howto_footer2{
	margin-bottom: 150px;	
}

.howto_back_bt{
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	background-color: #333333;
	width: 200px;
	margin-left: auto;
	margin-bottom: 49px;
	padding: 8px 14px;
	float: left;
}

html[lang="es"] .howto_back_bt,html[lang="fr"] .howto_back_bt,html[lang="de"] .howto_back_bt,html[lang="nl"] .howto_back_bt{
	width:280px;
}




#howto_header .howto_back_bt {
	margin-bottom: 25px;
}

#howto_header #toriatukai {
		color: #FFFFFF;
}

.howto_back_bt a {
	color: #FFFFFF;
}
html[lang="jpn"] .howto_back_bt{
	width:150px;
}
.nexthideBt {
	color: #FFFFFF;
	//margin-right: auto;
	//margin-left: 15px;
	padding: 8px 0px;
	
	float: right;
}

#howto_header .nexthideBt {
	color:#000;
}

::-webkit-input-placeholder {
	color: #AAA;
	text-align:center;
}

.mokuji li span {
    cursor: pointer;
    //margin-left:-5px;
    color:#0086d3;
}

div.back_to_mokuji {
    width:100%;
    text-align: right;
}

div.back_to_mokuji p span{
    cursor: pointer;
    color:#0086d3;    
}

div.how_to_div p.pic_title,div.how_title_1 p.pic_title{
    margin:0.5em 0.5em 0em 1em;  
}

html[lang="en"] div.how .ast_pl+p.pic_title,
html[lang="es"] div.how .ast_pl+p.pic_title,
html[lang="fr"] div.how .ast_pl+p.pic_title,
html[lang="de"] div.how .ast_pl+p.pic_title,
html[lang="nl"] div.how .ast_pl+p.pic_title{
	margin:0.5em 0.5em 0em 0.5em;
	font-size:18px;
}


.pl_table table {
		width:100%;
		border-collapse:collapse;
		margin-bottom:10px;
}

tr {
	height:60px;
}

td {
	border: 1px #2b2b2b solid;
}

td.fig {
	text-align:center;
	vertical-align:center;
	width:15%;
	padding:0 5px;
}

td.fig+td {
padding-left:15px;
}


html[lang="en"] .uuuuu,html[lang="es"] .uuuuu,html[lang="fr"] .uuuuu,html[lang="de"] .uuuuu,html[lang="nl"] .uuuuu {
	//word-break:break-all;
	//word-wrap:break-word;
	margin:0;
	color:#0086d3;
}

.link_url {
	word-wrap:break-word;
}

/*USA*/

html[lang="en"] table.mazda_owners,html[lang="es"] table.mazda_owners,html[lang="fr"] table.mazda_owners,html[lang="de"] table.mazda_owners,html[lang="nl"] table.mazda_owners {
	width:100%;
	margin:5px 0px 5px 0px;
}

html[lang="en"] .publisher+table.mazda_owners,html[lang="es"] .publisher+table.mazda_owners,html[lang="fr"] .publisher+table.mazda_owners,html[lang="de"] .publisher+table.mazda_owners,html[lang="nl"] .publisher+table.mazda_owners {
	margin-top:20px;
}


html[lang="en"] table.mazda_owners p,html[lang="es"] table.mazda_owners p,html[lang="fr"] table.mazda_owners p,html[lang="de"] table.mazda_owners p,html[lang="nl"] table.mazda_owners p{
	padding:0;
	margin:5px 10px 5px 10px;
	text-indent:0;
	font-size:15px;
}


html[lang="en"] table.mazda_owners p.mazda_owners_title,html[lang="es"] table.mazda_owners p.mazda_owners_title,html[lang="fr"] table.mazda_owners p.mazda_owners_title,html[lang="de"] table.mazda_owners p.mazda_owners_title,html[lang="nl"] table.mazda_owners p.mazda_owners_title {
	font-weight:bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
}

html[lang="en"] div.publisher p,html[lang="es"] div.publisher p,html[lang="fr"] div.publisher p,html[lang="de"] div.publisher p,html[lang="nl"] div.publisher p {
	font-weight:bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
	margin:0;
	font-size:15px;
}

html[lang="en"] h4.how_p_1,html[lang="es"] h4.how_p_1,html[lang="fr"] h4.how_p_1,html[lang="de"] h4.how_p_1,html[lang="nl"] h4.how_p_1 {
	font-size:18px;
}
	

html[lang="en"] .how_to_div+div.back_to_mokuji,html[lang="es"] .how_to_div+div.back_to_mokuji,html[lang="fr"] .how_to_div+div.back_to_mokuji,html[lang="de"] .how_to_div+div.back_to_mokuji,html[lang="nl"] .how_to_div+div.back_to_mokuji {
	margin-top:2em;
}



html[lang="en"] .pl .how_p_1 span,html[lang="es"] .pl .how_p_1 span,html[lang="fr"] .pl .how_p_1 span,html[lang="de"] .pl .how_p_1 span,html[lang="nl"] .pl .how_p_1 span {
	margin:0;
	font-weight:bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;	
}

html[lang="en"] div.pl_table,html[lang="es"] div.pl_table,html[lang="fr"] div.pl_table,html[lang="de"] div.pl_table,html[lang="nl"] div.pl_table {
	background:#F1F1F1;
}

html[lang="en"] .pl_table table,html[lang="es"] .pl_table table,html[lang="fr"] .pl_table table,html[lang="de"] .pl_table table,html[lang="nl"] .pl_table table {
	margin:0.5em  0 0 0.5em;
	background:#fff;
}

html[lang="en"] .pl_table table tr,html[lang="es"] .pl_table table tr,html[lang="fr"] .pl_table table tr,html[lang="de"] .pl_table table tr,html[lang="nl"] .pl_table table tr{
	height:100%;
}
html[lang="en"] .pl_table table tr td,html[lang="es"] .pl_table table tr td,html[lang="fr"] .pl_table table tr td,html[lang="de"] .pl_table table tr td,html[lang="nl"] .pl_table table tr td{
	padding:5px 10px 15px 10px;
}

html[lang="en"] .pl_table table tr:first-child,html[lang="es"] .pl_table table tr:first-child,html[lang="fr"] .pl_table table tr:first-child,html[lang="de"] .pl_table table tr:first-child,html[lang="nl"] .pl_table table tr:first-child {
	text-align:center;
	font-weight:bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
}

html[lang="en"] .pl_table table tr:first-child  td,html[lang="es"] .pl_table table tr:first-child  td,html[lang="fr"] .pl_table table tr:first-child  td,html[lang="de"] .pl_table table tr:first-child  td,html[lang="nl"] .pl_table table tr:first-child  td{
	padding:5px 10px 5px 10px;

}

html[lang="en"] .pl img,html[lang="es"] .pl img,html[lang="fr"] .pl img,html[lang="de"] .pl img,html[lang="nl"] .pl img {
	margin-left:0.5em;
}

.page .cautionframe,.page .warningframe,.page .noteframe {
	height:auto;
}

.page .cautiontitle,.page .warningtitle,.page .notetitle {
	margin-top:10px;
}

div.noteframe p.Subject {
	font-weight:normal;
	//font-style:initial;
}

div.cautionframe p.Subject span,div.warningframe p.Subject span,div.noteframe p.Subject span {
	border-bottom:0px;
	//margin-left:5px;
	
}

.page .warningtitle+hr {
	background-color:#d18274;
}

.page .cautiontitle+hr {
	background-color:#d7c887;
}

.page .notetitle+hr {
	background-color:#789abc;
}

.mokuji li {
	margin-top:5px;
}




html[lang="en"] p.pic_title,
html[lang="es"] p.pic_title,
html[lang="fr"] p.pic_title,
html[lang="de"] p.pic_title,
html[lang="nl"] p.pic_title,
html[lang="en"] p.pic_title,
html[lang="es"] p.pic_title,
html[lang="fr"] p.pic_title,
html[lang="de"] p.pic_title,
html[lang="nl"] p.pic_title {
	margin-left:1.8em;
}

div.caution .warningframe + div.open_close {
	border-bottom:1px solid #d18274;
}

div.caution .cautionframe + div.open_close {
	border-bottom:1px solid #d7c887;
}

div.caution .noteframe + div.open_close {
	border-bottom:1px solid #789abc;
}


.open_close {
	height:0;
}


ul {
	margin-left:0;
	margin-right:2.5em;
	width:90%;
	max-width:800px;
	padding-right:2em;
}

ul.mokuji {
	margin-top:15px;
}

div.open_close {
	cursor:text
}

div.pl p.pl_img1 img {
	width:25%;
	max-width:124px;
	height:auto;
}
div.caution p.pl_img2 img {
	width:25%;
	max-width:122px;
	height:auto;
}

div.caution p.pl_img2 {
	margin-left:0.5em;
}

div.note_for_device {
	margin:2em 0 1em 0;
}

div.note_for_device table {
	width:100%;
	font-size:18px;
}

div.note_for_device table td {
	padding:0.5em;
}


html:not([lang="jpn"]) .page .noteframe, .page .noteframe,.page .cautionframe,.page .warningframe{
	margin-bottom:0px;
}

div.open_close {
	margin:0;
	padding:0 0 8px 0;
}

img.step_img.smartphone {
	max-width:300px;
}

div.A2-1 {
	width:60%;
}

div.A2-1-2 {
	height:25px;
}




div p.squere_title:before {
	content:url(../img/square.png);
	margin-right:0.3em;
}
div p.squere_title {
	margin-left:1.8em;
	margin-bottom:0px;
	margin-top:0.5em;
}
p.squere_title+ul>li,
p.squere_title+ul+ul>li,
.sdsmple>li,
.quiries>li {
	margin-top:0.3em;
	margin-bottom:0.1em;
}
ul.quiries {
	padding-left:1.8em;
}
.ast_pl {
	font-size:18px;
	margin:1.2em 0.5em 0.5em 0.5em;
	text-indent:-9px;
	padding-left:10px;
}
html[lang="jpn"] .ast_pl {
	margin-left:1em;
	text-indent:-1em;
}

.ast_pl:before {
	content:"*";
}
html[lang="jpn"] .ast_pl:before {
	content:"※";
}

.how_to_div .squere_title+h4+ul img.smartphone,img.smartphone {
	width:55%;
}