/*--------------------
    Element
--------------------*/

*{
margin: 0;
padding: 0;
}

html{
height:100%;
margin-bottom:1px;
font-family:sans-serif;
}

body{
}

img{
	border: none;
}

ul ul,
ul.emdash{
	list-style-image: url('../img/emdash.gif');
}
ul ul li{
	margin:0 0 0 -1em;
}
ul.emdash li{
	margin:0 0 0 -0.5em;
}

ul ul>li,
ul.emdash>li{
	margin:0;
}

ul.num{
	list-style: none;
}

ul.num li p{
	padding-left: 1em;
	text-indent: -1em;
}


/*--------------------
    Layout
---------------------*/
#layoutBody{
clear: both;
margin: auto;
height:100%;

}
#layoutContainer{
width:760px;
margin:0 auto;
position:relative;

}
#layoutHeaderMenu{
clear:both;
}

#layoutLeftMenu{
background-color: #ffffff;
float: left;
margin: 0px 0px 15px 0px;
overflow:auto;
width:200px;
height:auto;
/*height:500px;*/
}

#layoutMain{
width: 530px;
float: left;
margin: 0px 0px 15px 0px;
padding-left: 25px;
*font-size: 0.8em;
font-size: 0.9em;
line-height: 1.5em;
position:relative;
}


/*--------------------
    Left Menu
--------------------*/

#layoutLeftMenu dt{
border-top: 1px dotted #666666;
}


#layoutLeftMenu .titleA{
margin: 0px 0px 1em 0px;
height:400px;
overflow:auto;
}

#layoutLeftMenu .titleA dt{
padding: 5px 5px 5px 16px;
background:#ffffff url(../img/menu_a_off.gif) no-repeat center left;
}

#layoutLeftMenu .titleA dt.hover{
color: #000000;
background:#ffffff url(../img/menu_a_on.gif) no-repeat center left;
}

#layoutLeftMenu .titleA dt.selected{
color: #000000;
background: #ffffff url(../img/menu_a_on_s.gif) no-repeat center left;
}

#layoutLeftMenu dl.titleB{
background: #eeeeee;
margin: 0px 0px 0px 12px;
}
#layoutLeftMenu .titleB dt{
background: url(../img/menu_arrow_off.gif) no-repeat 5px #eeeeee;
}
#layoutLeftMenu .titleB dt a{
margin-left:0px;
padding: 5px 5px 5px 5px;
background:none;
/*background: url(../img/menu_arrow_off.gif) no-repeat 5px;*/
}
#layoutLeftMenu .titleB dt>a{
margin-left:10px;
padding: 5px 5px 5px 0px;
}
#layoutLeftMenu .titleB dt a.selected,
#layoutLeftMenu .titleB dt a:hover{
background:none;
/*background: url(../img/menu_arrow_on.gif) no-repeat 5px;*/
}

#layoutLeftMenu .titleB dt.hover{
background: url(../img/menu_arrow_on.gif) no-repeat 5px #eeeeee;
}

#layoutLeftMenu .titleB dt.selected.open{
background: url(../img/menu_arrow_select.gif) no-repeat 5px #585858;
}

#layoutLeftMenu .titleB dt.selected{
background: url(../img/menu_arrow_off.gif) no-repeat 5px #585858;
}

#layoutLeftMenu .titleB dt.hover.open.selected a{
color:#989898;
}

#layoutLeftMenu .titleB dt.open{
background: url(../img/menu_arrow_open.gif) no-repeat 5px;
}

#layoutLeftMenu .titleB dt.selected a{
color: #eeeeee;
}
#layoutLeftMenu .titleB dt.selected.hover a:hover{
color: #000000;
}
#layoutLeftMenu .titleB dt.selected.open a:hover{
color: #000000;
}
#layoutLeftMenu .titleB dt.hover.selected{
background: url(../img/menu_arrow_on.gif) no-repeat 5px #585858;
}
#layoutLeftMenu .titleB dt.selected a.selected{
color: #ffffff;
}

#layoutLeftMenu .titleB dd.selected{
background:#585858;
}


#layoutLeftMenu dl.titleC{
background: #cccccc;
margin: 0px 0px 0px 13px;
}

#layoutLeftMenu .titleC dt{
margin:0;
padding:0;
background:none;
}

#layoutLeftMenu .titleC dt a{
margin-left:0;
padding: 10px 0px 10px 10px;
background: none;
word-break: break-all;
}

#layoutLeftMenu .titleC dt>a{
padding: 10px 3px 10px 15px;
}

#layoutLeftMenu .titleC dt a:hover{
background: none;
}



#layoutLeftMenu .titleC dt a:hover.selected,
#layoutLeftMenu dl.titleC dt a.selected{
background: #000000 none;
color: #ffffff;
}

#layoutLeftMenu .titleA dt,
#layoutLeftMenu dl a{
font-size: 10pt;
font-weight: bold;
color: #777777;
display: block;
text-decoration:none;
}

#layoutLeftMenu dl a:hover{
color: #000000;
}

#layoutLeftMenu .aaa{
color: #b30021;
}

#layoutLeftMenu form{
	display:block;
	width:100%;
	height:53px;
	background:url(../img/leftform.gif) #223311;
	position:relative;
}
#layoutLeftMenu form input{
	width:31px;
	height:30px;
	background:url(../img/leftseach.gif) no-repeat bottom right;
	border:none;
	vertical-align:bottom;
	position:absolute;
	right:0;
	bottom:0;
}

#layoutLeftMenu form input.text{
	background:none;
	width:140px;
	height:16px;
	text-align:left;
	position:absolute;
	top:28px;
	left:20px;
}

#layoutLeftMenu form input:hover{cursor:pointer;}
#layoutLeftMenu form input.text:hover{cursor:text;}

#layoutLeftMenu p{font-size:11px;}
#layoutLeftMenu ul{
	margin-top:15px;
}
#layoutLeftMenu ul li{
	margin-bottom:4px;
}
#layoutLeftMenu ul li a{
	display:block;
	width:96%;
	height:23px;
	background:url(../img/leftmenuback.gif) no-repeat;
	background-position :left top;
	color:#646464;
	font-weight: bold;
	text-decoration:none;
	font-size:13px;
	padding:7px 0 0 4%
}

#layoutLeftMenu ul li a:hover{
	background-position:left -30px ;

}

#layoutLeftMenu p.mokuji{
	background:url(../img/mokuji.gif) no-repeat;
	width:200px;
	height:30px;
	text-indent:-5000px;
	overflow:hidden;
	margin-top:15px;

}

#layoutLeftMenu .kekka{
	width:198px;
	height:300px;
	border:1px solid #999999;
	overflow:auto;
}

#layoutLeftMenu .kekka dt{
	padding:3px;
	text-align:right;
	font-size:12px;
	font-weight:bold;
	border:none;
}
#layoutLeftMenu .kekka dt span{color:#fe0002;}

#layoutLeftMenu .kekka dd{
	padding:3px;
	border-top:1px dotted #999999;
}

#layoutLeftMenu .kekka,
#layoutLeftMenu .titleA{
	width:198px;
	border:1px solid #999999;
}


#layoutLeftMenu img{
margin:45px 0;
}

#layoutLeftMenu li>img{
margin-top:60px;
margin-bottom: 0;
}

#layoutLeftMenu ul li.adobe{
list-style:none;
}
#layoutLeftMenu ul li.adobe a{
background:none;
width:100%;
margin:0 0 10px 0;
padding:0;
text-align:center;
}

#layoutLeftMenu ul li.adobe a img{
margin:0;
padding:0;}

.step *{
margin-left:3.5%;
}
.step * *{
margin-left:0;
}


.step .objoprt{
clear:both;
padding:5px 0;
margin-left:0;
}
.step .objoprt .stepnum{
display:inline-block;
text-align:center;
width:5%;
height:1em;
background: url(../img/explain_Prefix.jpg) repeat-x center left;
color:#fefefe;
font-weight:bold;
font-family:"Arial Black",sans-serif;
margin-right:4px;
float:left;
}
.step .objoprt>.stepnum{
height:1.6em;
}
.step .objoprt p{
width:94
float:left;
font-weight:bold;
}

.step .operate,
.step .othroprt,
.step .objopr,
.step .cancel,
.step .iflimit
{
clear:both;
margin-left:6%;

}

.Memo,
.explainMemo{
clear:both;
*font-size: 8pt;
font-size: 9pt;
line-height: 1.3em;
margin: 10px 0px 10px 0px;
padding: 8px 10px 8px 25px;
background-color: #d2eaff;
}
.caution{
clear:both;
*font-size: 8pt;
font-size: 9pt;
line-height: 1.3em;
margin: 10px 0px 10px 0px;
padding: 8px 10px 8px 25px;
background-color: #ffe9b5;
}

.Memo ul,
.explainMemo ul,
.caution ul{
margin-left:20px;
}


#layoutMain img{
vertical-align:middle;

/*margin: 10px 0px 10px 0px;*/
}

#layoutMain div.explainArrow{
padding: 0px 0px 0px 25px;
}

.titlePrefix{



}
.imgline{

margin:1em 0;

}
.imgset{

margin:5px 0;

}
#layoutMain ul {
margin:0 0 0 25px;
}
#layoutMain ul.num {
margin:0;
}


/*subsection*/
#subclip{
height:0px;
width:530px;
overflow:hidden;
position:absolute;
background:transparent;
visibility:hidden;
}

#subcontner{
position:absolute;
top:-10000px;
width:100%;
height:auto;
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/sbsbk.png", sizingMethod="scale");
}

#layoutMain>#subclip>#subcontner{
filter:none;
background:url("../img/sbsbk.png");
margin:0;
padding:0;
}

.subsection{
display:none;
}
.subsection ul{
list-style-image: url('../img/subsection_prefix.gif');
line-height:1;
}
.subsection ul li{
margin:3px 0;
padding:0;
line-height:1.1;
}
#layoutMain .subsection ul li a{
margin:0;
padding:0;
color:#ffffff;
text-decoration:none;
display:inline-block;
width:100%;
/*color:#153cff;*/
}
#layoutMain .subsection ul li a:hover{
/*color:#b91440;*/
font-weight:bold;
background:#666666;
}

#layoutMain .gototop{
line-height:1;
}
#layoutMain .gototop a{
display:inline-block;
color:#ffffff;
padding:2px 3px 2px 13px;
background:#000000 url('../img/icon_gototop.gif') 3px center no-repeat;
}
#layoutMain .subsection ul li ul{
margin:0 0 0 1em;
}
#layoutMain .headerMenu{
clear:both;
display:block;
position:rerative;
top:0;
z-index:100;
}

#layoutMain .headerMenu ul{
margin:0 0 0 -20px;
padding:0;
}
#layoutMain .headerMenu > ul{
margin:0 0 0 -10px;
}
#layoutMain .headerMenu li{
float: left;
margin: 0px 0px 10px 10px;
font-size: 10pt;
list-style: none;
white-space:nowrap;
}

#layoutMain .headerMenu a{
display: block;
font-weight: bold;
text-decoration: none;
color: #bbbbbb;
border-bottom: 10px solid #bbbbbb;
width:98px;
}

#layoutMain .headerMenu a:hover{
text-decoration: none;
color: #000000;
border-bottom: 10px solid #3300cc;
}

#layoutMain .headerMenu a.current{
text-decoration: none;
color: #000000;
border-bottom: 10px solid #3300cc;
}



span.char{
display:inline-block;
color:#ffffff;
margin:0 1px;
padding:1px 5px;
padding-top:2px;
line-height:1;
background:#002e5b;
font-weight:bold;
}


/*--------------------
    ぱんくず/gotop
--------------------*/
/*----pioneer support style----*/
#footer_container{clear:both;}

.modelName{
}

.breadCrumb{
float:left;
padding:5px 0px ;
*font-size: 7pt;
font-size: 7.5pt;
}
.partsno{
float:right;
padding:5px 0px ;
*font-size: 7pt;
font-size: 7.5pt;
margin-right:10px;
}
.gototop{
margin:10px 0px 10px 0px;
clear:both;
}

.gototop {
font-size:x-small;
margin-top:10px;
text-align:right;
}

.gototop a {
color:black;
text-decoration:none;
font-weight:bold;
}
.gototop a:hover {
text-decoration:underline;
}

.p-red {
color:#B91440;
}


/*---------------
  index.html
  メインナビスタイル
---------------*/

#mainnavi{margin:0 0 0 -10px;}

#mainnavi ul{
list-style:none;
margin:0;
}
#mainnavi ul li{
float:left;
}
#mainnavi ul li a{
display:block; 
background:#997766;
width:130px;
height:120px;
overflow:hidden;
}

#mainnavi ul li a.navigation{background: url(../img/navi.jpg) no-repeat;background-position:left -120px;text-indent:-5000px;}
#mainnavi ul li a.audio{background: url(../img/audio.jpg) no-repeat;background-position:left -120px;text-indent:-5000px;}
#mainnavi ul li a.information{background: url(../img/info.jpg) no-repeat;background-position:left -120px;text-indent:-5000px;}
#mainnavi ul li a.question{background: url(../img/ques.jpg) no-repeat;background-position:left -120px;text-indent:-5000px;}
#mainnavi ul li a.navigation:hover,
#mainnavi ul li a.audio:hover,
#mainnavi ul li a.information:hover,
#mainnavi ul li a.question:hover{background-position:left top;}

/*---------------
  index.html
  コラムスタイル
---------------*/
#layoutMain .titleA{
width:725px;
font-size:11px;
position:absolute;
top:-260px;
left:0px;
z-index:15;
visibility:hidden;
clear:both;
line-height:1.1;
padding:10px;
/*background: url(../img/clmbk.png) no-repeat top left;*/
background-color: #000000;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000,endColorstr=#22000000); 
background: rgba(0, 0, 0, 0.8);
word-wrap: break-word;
border-radius: 20px;
}
* html #layoutMain .titleA{
background: none;
}

#clmcontner{
width:745px;
height:600px;
position:absolute;
top:175px;
left:-200px;
overflow:hidden;
z-index:-1;
}
#clmcontner2{
position:static;
}

/*IE6用コラム背景用透過pngコンテナ*/
#ieclmbknavigation,
#ieclmbkaudio,
#ieclmbkinformation,
#ieclmbkquestion{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/clmbk.png", sizingMethod="crop");
width:745px;
height:300px;
position:absolute;
top:-300px;
left:0px;
}

#layoutMain>.titleA{line-height:1.1;}
#layoutMain .titleA *{
margin:0;
padding:0;
}


#layoutMain .titleA dt{
font-weight:bold;
}
#layoutMain .titleB dt{
font-weight:normal;
}

.p_column1,
.p_column2,
.p_column3{
width:32%;
float:left;
width: 232px;
word-wrap:break-word;
}

#layoutMain .titleA *{margin:0;padding:0;}
#layoutMain .titleA dt{margin-top:10px;font-size:120%;}
#layoutMain .titleA dd dl dt{
margin-top:0;
margin-left:5px;
padding-left:13px;
width: 212px;
word-break: break-all;
word-wrap: break-word;
}

#layoutMain .titleA dt a,
#layoutMain .titleB dt a{
display:inline-block;
color:#ffffff;
text-decoration:none;
}
#layoutMain .titleA dt a:hover{
color:#323232;
background: #fafafa;
margin:0;
padding:0;
}

#layoutMain .titleB dt a:hover{
color:#fefefe;
background: #898989;
}

/*--attention--*/
#attention{
margin:-5px 0 18px -10px;
padding:0;
width:100%;
text-align:left;
height:auto;
line-hieght:1;
}
:root *> #attention{margin:-5px 0 58px -10px;}
html>/**/body #attention{margin:-5px 0 58px -10px;}

#attention ul{
list-style:none;
margin:0;
}
#attention ul li{
margin:0;
padding:0;
float:left;
}
#attention ul li a{
margin:0;
padding:0;
}
#attention ul li.at01 a,
#attention ul li.at02 a,
#attention ul li.at03 a{
margin:0;
padding:0;
text-indent:-5000px;
display:block;
height:41px;
width:173px;
overflow:hidden;
}
#attention ul li.at01 a{background: url(../img/attention_01.jpg) no-repeat left top;}
#attention ul li.at02 a{background: url(../img/attention_02.jpg) no-repeat left top;}
#attention ul li.at03 a{background: url(../img/attention_03.jpg) no-repeat left top;}
#attention ul li.at01 a:hover,
#attention ul li.at02 a:hover,
#attention ul li.at03 a:hover{background-position:left -41px;}

/*---------------
  検索文字列色
---------------*/
#layoutLeftMenu .hitword{color:#ff0000;font-weight:bold;}
#layoutMain .hitword{color:#ff0000;font-weight:bold;}

/*---------------
  table
---------------*/
table{border-collapse:collapse;width:99%;}
th,
thead tr td{padding:5px;border:1px solid #dadada;background:#ededed;text-align:center;}
td{padding:5px;border:1px solid #dadada;}
table+table{margin-top: 1em;}

/*---------------
  heading
---------------*/
#layoutMain h1 {
	clear:both;
	padding:8px 10px 8px 26px;
	/*background:url(../img/h2_bg.gif) bottom left no-repeat;*/
	margin-bottom:15px;
	font-size:1.1em;
	font-weight:bold;
	
	border:solid 1px #ddd;
	-moz-border-radius: 5px; /* FF */
	-webkit-border-radius: 5px;/* Webkit */
	border-radius: 5px;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background: -moz-linear-gradient(top,  #FFF,  #EEE);
	padding: 5px;
	-pie-background:linear-gradient(top,  #FFF,  #EEE);
	/* IE */
	background:-ms-linear-gradient(top, #FFF, #EEE);
	/* IE10 */  
	background:linear-gradient(to bottom, #FFF, #EEE);

	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
}
#layoutMain h1{
	border-left:5px #000000 solid;
	padding-left:10px;
}
#layoutMain h1 a{
	font-weight:bold;
}
#layoutMain h1 img{
	position:absolute;
	right:8px;
	background:transparent;
	padding:3px 0px 13px 0px;
	margin:0px;
}

#layoutMain h1>img{
	position:static;
	float:right;
	background:transparent;
	padding:3px 0px 13px 0px;
	margin:0px;
}

*:first-child+html #layoutMain h1>img{
	position:absolute;
	right:8px;
}
#layoutMain h2 {
	clear:both;
 	background:url(../img/h3_bg_top_01.gif) top left no-repeat;
	padding:8px 12px;
	margin:1em 0 0 0;
	font-size:1em;
	height:30px;
	font-weight:bold;
}
#layoutMain h2 a {
	font-weight:bold;
}

#layoutMain h3 {
 	background:url(../img/h4_icon.gif) left center no-repeat;
	margin:10px 0;
	padding:5px 12px;
	font-size:1em;
	font-weight:bold;
}
#layoutMain h3 a {
	font-weight:bold;
}

/*スムーズスクロール時にフィットさせるためのスペース用*/
#scrollblank{
margin:0;
padding:0;
clear:both;
height:0px;
background-color:transparent;
display:none;
}

/* add at 2013/05/21 */
.explainMemo .imgline .imgset img {
width: 90%;
}

#layoutMain h1 .static {
float: none;
}

#layoutLeftMenu a img {
margin: 0;
}