@charset "utf-8";

/* reset default setting +++++++++++++++++++++

++++++++++++++++++++++++++++++++++++++++++++++ */
.fourOneOne+h3{ margin-top:27px;}
.gerber ol+ul.pgStart{ margin-top:-27px;}


span.scrn{
display:block;
width:510px;
margin:6px auto 37px;
}





/* index.html ++++++++++++++++++++++++++++++++

++++++++++++++++++++++++++++++++++++++++++++++ */
ul.idxList{
margin:0;
font-size:0px;
line-height:0;
list-style:none;
}

ul.idxList li{
float:left;
padding-right:10px;
padding-bottom:10px;
}


ul.idxList li:nth-child(even){
padding-right:0;
padding-bottom:10px;
}













/* rest of all (except index.html) +++++++++++

++++++++++++++++++++++++++++++++++++++++++++++ */






.gerber h3{
margin-bottom:17px;
padding-bottom:9px;
background:url(../../cmn_img/frame_foot.gif) no-repeat left bottom;
zoom:1;
}

.gerber h3 strong{
display:block;
width:522px;
padding:10px 0 0 18px;
background:url(../../cmn_img/frame_head.gif) no-repeat left top;
}

.gerber h3 span{
margin-right:16px;
padding:4px 18px 5px 0;
background:url(../../cmn_img/line_vertical.gif) repeat-y right top;
}


.gerber h3+ol{
width:510px;
margin:0 auto 21px;
list-style:none;
}

.gerber h3+ol li{ padding-bottom:27px;}
.gerber h3+ol li img{ 
display:block;
margin:6px 0 4px;
text-align:left;
}

.gerber h3+ol li * li{ padding-bottom:0;}


dl.sideStep{
width:380px;
margin:0 auto;
}

dl.sideStep dt{ margin-bottom:6px;}
dl.sideStep ol{
width:380px;
margin-bottom:27px;
list-style:none;
}


dl.sideStep ol li{
width:380px;
background:#f4f4f4 url(../img/steplist_bg.gif) repeat-y left top;
text-align:center;
vertical-align:middle;
}


dl.sideStep ol li span{
display:block;
padding:5px 0 4px;
}


dl.sideStep ol li:after{
clear:both;
display:block;
height:20px;
padding:0;
content:url(../img/arrow_down.gif);
}

dl.sideStep ol li:last-child:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}



dl.sideStep ol li span{ background-position:left top; background-repeat:no-repeat; }

dl.sideStep ol li:first-child span{ background-image:url(../img/steplist01.gif) ; }
dl.sideStep ol li:nth-child(2) > span{ background-image:url(../img/steplist02.gif) ; }
dl.sideStep ol li:nth-child(3) > span{ background-image:url(../img/steplist03.gif) ; }
dl.sideStep ol li:nth-child(4) > span{ background-image:url(../img/steplist04.gif) ; }
dl.sideStep ol li:nth-child(5) > span{ background-image:url(../img/steplist05.gif); }
dl.sideStep ol li:nth-child(6) > span{ background-image:url(../img/steplist06.gif) ; }
dl.sideStep ol li:nth-child(7) > span{ background-image:url(../img/steplist07.gif) ; }


ol li ul{ margin:3px 0 2px 18px;}
ol li ul.asterList{
margin:3px 0 2px 0;
list-style:none;
}