@charset "Shift_JIS";

/* article styles-fab51
====================
Version: 2008.07.15

4:page structure
5:footer
6:misc
7:list-style

==================== */

/* Guide
------------------------ */
.guide{
  border-top:solid 2px #222222;
  border-right:solid 1px #585858;
  border-bottom:solid 1px #666666; 
  border-left:solid 1px #222222;
  padding:0;
  margin-top:30px;
  background:#2F2F2F url("../img/texture/fadeout33.gif") left bottom repeat-x;
  }
.guide p{color:#FFF;padding:0 25px;font-size:9.5pt;}
.guide ul,.guide ol{
  padding:0 25px;
  color:#CCE8E8;
  list-style-type:none;
  }  
.guide img{
  float:left; margin-right:1em; margin-left:0;
  }
.guide p.right{
  float:right; margin-left:1em;padding:0;
  }
.reduce p{
  margin-right:160px
  }
 
 /* 4:page structure
------------------------ */
#content{
  margin:40px 40px;  
  padding:0;
  font-size:10.5pt;
  }

/* float  ix
------------------------ */
#c-mx #maincol .rem{
  clear:right;
  float:right;
  width:50%; 
 }  

 table.main{
  margin-top:24px;
  }

/* 5:footer  
------------------------ */

#footer{
  text-align:left;
  }

#footer ul{
  float:right;
  margin:0;
  list-style:none;
  text-transform:lowercase;
  }
#footer li{
  float:left;
  margin:0;
  padding:0 14px;
  line-height:normal;
  background-repeat:no-repeat;
  background-position:10px 4px;
  text-indent:10px;
  }
#footer li.next{
  background-image:url("../img/arrow-R.gif");
}
#footer li.up{
  background-image:url("../img/arrow-U.gif");
}
#footer li.prev{
  background-image:url("../img/arrow-L.gif");
}

#footer li.xprev,
#footer li.xnext,
#footer li.xprev a,
#footer li.xnext a{ text-decoration:none;color:#8f9797 !important}


#footer p{
  margin:0;
  padding:10px 20px;
  color:#C2D5D8;
  line-height:1.3em;
  font-size:85%;
  }




/* -- for IE6 except macIE5x -- */ /*\*/
* html #footer p{
  height:1%;
  }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#C2D5D8;
  }
#footer a:hover {
  color:#fff;
  }


/* hx color schemes
------------------------ */
#content h1{
  margin:0;
  padding:2px 0 0;
  font-size:12pt;
  font-weight:bold;
  color:#EEEEEE;
  }
#content h2{
  margin:0;
  padding:2px;
  border-bottom:solid 4px #888888;
  font-size:18pt;
  font-weight:bold;
  color:#EEEEEE;
  }

#content h3{
  margin:0 0 0.8em 0;
  padding:4px 0 0 20px;
  background-color:#4F4F4F;
  border:solid 1px;
  border-color:#282828 #666 #666 #282828;
  font-size:12pt;
  font-weight:bold;
  color:#EFEFEF;
  }
#content h3.sep{
 margin-top:3.3em;
 }
#content h3.no-sep{
 margin-top:-3px;
 }
#content h3.flat{
 background-image:none;
 border-style:solid;
 }

#content h4{
  margin:1.8em 0 0.8em;
  padding:1px 15px 0;
  border-style:solid;
  border-width:1px 1px 1px 2px;
  border-color:#282828 #555555 #666 #484848;
  font-weight:bold;
  font-size:10pt;
  color:#FFF;
  }
#content h4.sep{
  margin-top:2em;
  border-width:1px;
  }

#content h5{
  margin:4px 0 4px;
  padding:2px 4px 1px;
  border-bottom:solid 1px #5F5F5F;
  font-size:10pt;
  font-weight:normal;
  color:#FFF;
  }
#content h5.sep,
#content h6.sep{
  border-width:0 0 1px 0;
  border-bottom-style:dotted;
 }

#content h6{
  margin:4px 0 4px;
  padding:2px 4px 1px;
  font-size:10pt;
  font-weight:normal;
  color:#FFF;
  }

#content h2.x{ border-bottom:none}
#content h3.x{ background-color:transparent; border:none}
#content h4.x{ border:none}
#content h5.x{ border-bottom:none}

.mesh h4,
.mesh h5{width:50%;}


/* 6.misc
------------------------ */

p{
  line-height:1.6;
  color:#ffffff;
  font-weight:normal;
  margin:0.3em 0 1em;
  }

pre{ font-size:9pt;
  line-height:1.3;
  font-family:monospace, "osaka�|“™•�", "‚l‚r ƒSƒVƒbƒN";
  }

/* -- blockquote -- */
#content p,
#content blockquote{
  color:#EEEEEE;
  line-height:1.6;
  }
#content blockquote{
  margin-bottom:0;
  margin-left:3em;
  padding:0.5em;
  border-left:solid 1px #666;
  }

#content blockquote p{
  margin:0;
  padding:0;
  font-size:9.5pt;
  }
#content cite{
  display:block;
  margin-left:0;
  }
#content p cite{
  margin-left:2.6em;
  margin-top:-0.7em;
  padding-top:0;
  font-style:normal;
  }
#content blockquote cite{
  margin-top:0;
  }

/* -- for IE6 except macIE5x -- */ /*\*/
* html #content blockquote{ height:1%;}
/**/





/* 7:list-style
------------------------ */

.main ul,
#maincol ul li{ color:#F2F2F2; line-height:1.5;}
.main ol,
#maincol ol li{ color:#F2F2F2; line-height:1.5;}

/* –¢Šm”Fƒpƒbƒ`
.main dl{ color:#F2F2F2; margin:15px 0 15px 0;}
*/
.main dl strong,
#maincol dl strong{text-decoration:none; color:#c6D7Cf;}

.main dt,
#maincol dt{  margin:6px 0 1px 0;}

.main dd,
#maincol dd{  margin:2px 0 2px 24px;}


/* spec list
------------------------ */

.spec{
margin:0;
width:44em; 
color:#F2F2F2
}
.spec table{
margin:.25em 1em .4em;
}

.spec dl,
.spec ul,
.spec p{
clear:left;}

.spec dt{
margin:0;
padding:2px;
width:12em;
text-indent:0.5em;
background-color:#687476;
border-color:#777777 #333 #333 #89989B;
border-width:1px;
border-style:solid;
font-weight:bold;
clear:left;
float:left;
white-space:nowrap;
}
.spec dd,
.spec li{
margin:0;
padding:2px 0;
width:30em;
text-indent:0.5em;
border-color:#777777 #777777 #333 #999;
background-color:#4E4E4E;
border-width:1px;
border-style:solid;
/*�@white-space:nowrap;*/
float:left;
}

/* headline
------------------------ */
#headline{
  margin:10px 0;
  padding:0;
  line-height:1.4;
  }
#headline P{
  margin-right:120px;
  padding:0;
  color: #CCE8E8;
  font-size:9.5pt;
  }
#headline p.note{
  font-size:85%;
  color:#cccccc;
  }


/* list-style headline
------------------------ */

#headline ul,#headline ol{
  margin:.5em 1em .75em;
  padding:0;
  line-height:1.4;
  font-size:9pt;
  list-style:none;
  }
#headline ul li{
  background-image:none;
  padding:0;
  }

#headline ul li a,#headline ol li a{
  margin:0;
  padding:1px 0 1px 18px;
  background:url("../img/icon07/onpage.gif") no-repeat 1px .4em;
  text-indent:0px;
  text-decoration:none;
  }

#headline li strong{
  /*border-left:solid 0.5em #dddddd; */
  padding-left:1em;
  color:#dddddd; 
  }

ul li, dl dt{
/* background:url("../img/icon07/sqmark.gif") no-repeat 1px .4em;*/
  text-indent:-4px;
  background-image:none;
  }


/* Table
------------------------ */
table {background-color:transparent;}
.main td{ padding-right:12px;}

table.data{
  color:#F2F2F2;
  background-color:#333;
  line-height:1.3;
  border:solid 1px #999999;
  }

.data td{ padding:3px 2px 1px;
  border-left:solid 1px #666666; 
  border-top:solid 1px #777777;  
  border-bottom:solid 1px #222222; 
  border-right:solid 1px #222222;
  line-height:1.4;
  font-family:monospace,"‚l‚r ƒSƒVƒbƒN","Osaka�|“™•�";
  }
#en .data td{ 
  font-size:9pt;
  line-height:1.5;
  }


.cap{
  background-color:#585858;
  font-weight:bold;
  color:#fff;
  }

.part{
  background-color:#646C6E;/*788486*/
  font-weight:bold;
  color:#fff;
  }
.part-red{background-color:#685858;}
.part-grn{background-color:#405656;}
.part-gry{background-color:#555555;}

.bold{font-weight:bold}


caption{
  line-height:2.0;
  color:#ffffff;
  }

fieldset.info{ font-size:8pt;
  color:#FFF;
  line-height:1.4;
  border-left:ridge 2px #7f7f7f;
  border-top:ridge 2px #7f7f7f;
  border-right:solid 1px #898989;
  border-bottom:solid 1px #7f7f7f;
  padding:2px 8px 6px;
  margin:4px 0;
  } 

/* Link
------------------------ */

/* blue */
.blu {text-decoration:none; color:#2FBDCA} 
a.blu {font-weight:bold}
a.blu:link {text-decoration:none; color:#2FBDCA}
a.blu:visited {text-decoration:none; color:#2FBDCA}
a.blu:hover {text-decoration:none; color:#00E1DF}
a.blu:active {text-decoration:none; color:#1F1F1F}

/* red */
a.red {font-weight:bold}
a.red:link {text-decoration:underline; color:#FB7E78 !important}
a.red:visited {text-decoration:none; color:#FB7E78 !important}
a.red:hover {text-decoration:none; color:#FF5C6B !important}
a.red:active {text-decoration:none; color:#1F1F1F !important}

/* ref,  refs link */
a.ref, .refs a{font-weight:bold;font-size:9.5pt;}
a.ref:link, .refs a:link{text-decoration:none; color:#9CB3B3}
a.ref:visited, .refs a:visited{text-decoration:none; color:#999999; border-bottom:dotted 1px #6C6C6C;}
a.ref:hover, .refs a:hover{text-decoration:none; color:#60B0B0; border-bottom:dotted 1px #999;}
a.ref:active, .refs a:active{text-decoration:none; color:#333333}


/* ref,  refs link 
a.ref:link, .refs a:link{text-decoration:underline; color:#AAD0D9}
a.ref:visited, .refs a:visited{text-decoration:underline; color:#AAAAAA;}
a.ref:hover, .refs a:hover{text-decoration:underline; color:#60B0B0;}
a.ref:active, .refs a:active{text-decoration:underline; color:#333333}
*/

/* -- refs link -- */
.refs{
  padding:10px 10px 5px;
  border-top:dotted 1px #6C6C8C;
  width:auto;
  }
.refs li{
  list-style-type:none;
  background-image:none;
  padding:0 0 0 18px;  margin:0 ;
  line-height:1.2;
/*  font-size:8pt; test */
  }
.refs em{
  font-style:normal;
  color:#999999
  }
.refs a{
  background:url("http://fab51.com/style/img/icon07/offsitelink.gif") no-repeat 1px .4em;
  padding:0 0 0 18px;
  }







/* Previous styles
------------------------ */

#maincol .text{ color:#ffffff}
#maincol .text2{ color:#f2f2f2}

#maincol .text-yel, .yel{ color:#FFE792}
#maincol .text-grn, .grn{ color:#BCF2BD}
#maincol .text-blu, .blu{ color:#ADF9F1}
#maincol .text-red, .red{ color:#FB7E78}
#maincol .text-gry, .gry{ color:#D6D6CF}
#maincol .text-dim, .dim{ color:#BBBBBB}

#maincol p.yel, #maincol .yel p, #maincol .yel li, #maincol .yel dt{ color:#FFE792;}
#maincol p.red, #maincol .red p, #maincol .red li, #maincol .red dt{ color:#FB7E78;}

#maincol .dim {color:#8F8F8F; text-decoration:none}
#maincol .dim-s { font-size:85%; color:#161616; margin:0 16px;}/* copyright */
#maincol a.dim:link {color:#8F8F8F; text-decoration:none;}
#maincol a.dim:visited {color:#8F8F8F; text-decoration:none;}

.copy{ 
  color:#ADF9F1;
  margin:2px 0 20px;
  }

.small, .note, .memo{font-size:75%;}
.log{ font-size:75%;
  margin:1em 0;
  padding:1em 1.5em;
  line-height:1.1;
  color:#DDDDDD;
  }
ul.sep{
  border-width:1px 0 0 0;
  border-style:dotted;
  }



.large{ font-size:120%;}


/* line style */

.line-blu { border:solid #8976ff; border-width:0 0 1px;}
.line-red { border:solid #ff4c4c; border-width:0 0 1px;}
.line-yel { border:dotted #FFE792; border-width:0 0 1px;}

strong.line-yel { border:dotted #FFE792; border-width:0 0 1px;font-weight:normal;}


.gap{ background-color:transparent; border:groove 2px #7c7c7c;} /**/

.wave{ font-size:10pt;
  color:#cccccc;
  background-color:#494949;
  background-image:url("../img/nami2-b.gif");
  }

.lcd{
  margin:0;
  padding:5px 12px;
  color:#333333;
  background-color:#c0ccc8;/* DEE7C6 */
  border-left:solid 1px #333333;
  border-top:solid 1px #333333;
  border-right:solid 1px #999999;
  border-bottom:solid 1px #999999;
  } 

.mesh p{font-size:9.5pt;
  }

.mesh{
  margin:5px 10px 5px 0;
  color: #FFF;
  background-color: #333;
  background-image: url("../img/mesh-c.gif");
  border-style:solid;
  border-width:1px;
  border-color:#111111 #666 #666 #181818;
  padding:5px 12px;
} 


/* -- for IE6 except macIE -- */ /*\*/
* html #maincol .wave,
* html #maincol .lcd,
* html #maincol .mesh{ height:1%;}
/**/

/*en content*/
.main img,
#maincol img{margin-right:15px;}


.ui{ color: #999999}