@charset "UTF-8";

/* #help */

/*
========================CONTENTS========================


  last update 31 Mar 2006;
						
  1. universal reset
  2. color
  3. typography
  4. header
  5. margin
  6. float clear
  7. h2,h3 decoration
  8. tables
  9. image box
 10. sourse code box
 11. icon information
 12. annotation box
 13. dl box
 14. others


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


/*
===================1. universal reset=====================
*/

#help ul, 
#help ol, 
#help dl{
	margin-top: 0px;
	margin-left: 0px;
}
#help a:hover {	
	text-decoration: none;
}

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


/*
========================2. color==========================
*/

#help a{
	color:#000000;
}
/* -----annotation----- */
#help .idtation{
	color:#666666;
	font-size:x-small;
}
/* -----source code----- */
#help .gcode{
	color:#009999;
}
#help .code{
	color:#009999;
	padding-left:10px;
}
/* -----reference----- */
#help .soce a{
	color:#009999;
	font-size:x-small;
}
/* -----onMouse link----- */
#help a.spc:hover{
	color:#009999;
}

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


/*
=====================3. typography========================
*/

/* -----line-height----- */
#help #content ol li, 
#help #content ul li, 
#help #content dt, 
#help #content dd, 
#help #content p{
	line-height:1.5;
}
/*  -----font-weight----- */
#help h2 a, 
#help h3 a, 
#help h4 a 
	{
	font-weight: bold;
}

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


/*
========================4. header=========================
*/

/* -----header menu----- */
#help #menu{
	padding-top:3px;
	padding-bottom:3px;
}
#help #secondmenu{
	background-color:#ececec;
	padding-top:0.2em;
	padding-bottom:0.2em;
}
#help #secondmenu a{
	margin-left:10px;
}

/* -----header menu link----- */
#help #menu p{
	float:left;
	margin-left:5px;
}

#help #menu a{
	display:block;
	text-indent:-9999px;
	border:none;
	background-position:0 50%;
	height:16px;
}
#help #menu .license a{	background: url(images/menu_license.gif) no-repeat;			width:77px;}
#help #menu .install a{	background: url(images/menu_install.gif) no-repeat;			width:91px;}
#help #menu .hyouki a{	background: url(images/menu_hint.gif) no-repeat;			width:67px;}
#help #menu .referinfo a{	background: url(images/menu_sanko.gif) no-repeat;		width:67px;}
#help #menu .restrict a{	background: url(images/menu_restrict.gif) no-repeat;	width:67px;}
#help #menu .hint a{	background: url(images/menu_hint.gif) no-repeat;			width:67px;}
#help #menu .ref a{	background: url(images/menu_ref.gif) no-repeat;					width:74px;}
#help #menu .trouble a{	background: url(images/menu_trouble.gif) no-repeat;			width:90px;}
#help #menu .aboutridual a{	background: url(images/menu_ridual.gif) no-repeat;			width:75px;}
#help #menu .wish a{	background: url(images/menu_wish.gif) no-repeat;			width:67px;}

/* -----header menu link : onMouse----- */
#help #menu a:hover{
	border:none;
	text-indent:-9999px;
	text-decoration: none;
	background-position:0 50%;
	height:16px;
}
#help #menu .license a:hover{	background: url(images/menu_license_r.gif) no-repeat;	width:77px;}
#help #menu .install a:hover{	background: url(images/menu_install_r.gif) no-repeat;	width:91px;}
#help #menu .hyouki a:hover{	background: url(images/menu_hint_r.gif) no-repeat;	width:67px;}
#help #menu .referinfo a:hover{	background: url(images/menu_sanko_r.gif) no-repeat;		width:67px;}
#help #menu .restrict a:hover{	background: url(images/menu_restrict_r.gif) no-repeat;	width:67px;}
#help #menu .hint a:hover{	background: url(images/menu_hint_r.gif) no-repeat;			width:67px;}
#help #menu .ref a:hover{	background: url(images/menu_ref_r.gif) no-repeat;			width:74px;}
#help #menu .trouble a:hover{	background: url(images/menu_trouble_r.gif) no-repeat;	width:90px;}
#help #menu .aboutridual a:hover{	background: url(images/menu_ridual_r.gif) no-repeat;	width:75px;}
#help #menu .wish a:hover{	background: url(images/menu_wish_r.gif) no-repeat;			width:67px;}

/* -----header menu link : forcus----- */
#help #writ #menu .hyouki a{	background: url(images/menu_hint_r.gif) no-repeat;	width:67px;}
#help #inst #menu .install a{	background: url(images/menu_install_r.gif) no-repeat;	width:91px;}
#help #lice #menu .license a{	background: url(images/menu_license_r.gif) no-repeat;	width:77px;}
#help #refer #menu .referinfo a{	background: url(images/menu_sanko_r.gif) no-repeat;	width:67px;}
#help #restr #menu .restrict a{	background: url(images/menu_restrict_r.gif) no-repeat;	width:67px;}
#help #hints #menu .hint a{	background: url(images/menu_hint_r.gif) no-repeat;			width:67px;}
#help #refs  #menu .ref a{	background: url(images/menu_ref_r.gif) no-repeat;			width:74px;}
#help #troub #menu .trouble a{	background: url(images/menu_trouble_r.gif) no-repeat;	width:90px;}
#help #ridua #menu .aboutridual a{	background: url(images/menu_ridual_r.gif) no-repeat; width:75px;}
#help #wishl #menu .wish a{	background: url(images/menu_wish_r.gif) no-repeat;			width:67px;}




#help #secondmenu a{
	color: #666666;
	padding:0 8px 0 8px;
}
/* -----header menu link a:hover----- */
#help #secondmenu a:hover{
	text-decoration: underline;
	color: #444444;
	background: url(images/helpnavic.gif) no-repeat;
	background-position:0 50%;
}

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


/*
========================5. margin=========================
*/

/* -----top margin----- */
#help #header ul li{
	margin-top:5px;
}
#help #content ol li, 
#help #content ul li, 
#help #content p{
	margin-top:5px;
}

#help h3{
	margin-top: 8px;
}
#help #content table{
	margin-top:10px;
}
#help #content .figbox table{
	margin-top:5px;
}
#help .figbox{	
	margin-top: 8px;
}
#help #content .figbox p{
	margin-top:8px;
}
#help #footer{
	margin-top:15px;
}

/* -----right margin----- */
#help .indnt1box p{
	margin-right:4.5em;
}
#help .indnt1box{
	margin-right:4.5em;
}
#help .idtation{
	margin-right:4em;
}
#help .iconinfo dd{
	margin-right:4em;
}
#help #rlm p{
	margin-right:4em;
}
#help #content table{
	padding-right:4em;
}

/* -----bottom margin----- */
#help #content table{
	margin-bottom:10px;
}
/* -----h3,h4,h5 bottom margin----- */
#help h3 a, #help h4 a, #help h5
	{
	margin-bottom:5px;
}

#help #lice #footer{
	margin-top:80px;
}

/* -----left margin----- */
#help .indnt1box{	
	margin-left:42px;
	margin-top: 8px;
}
#help #content table{
	margin-left:42px;
}
#help #install #content table{
	margin-left:22px;
}
#help #content .figbox table{
	margin-left:25px;
}
#help #content .figbox p{
	margin-left:25px;
}
#help #content ol li, 
#help #content ul li{
	margin-left:42px;
}
#help #install #content .indnt1box ol li, 
#help #install #content .indnt1box ul li{
	margin-left:0px;
}
#help #install #content #lister .indnt1box ol li, 
#help #install #content #lister .indnt1box ul li{
	margin-left:25px;
}
#help #content ul p, 
#help #content ol p{
	margin-left:0px;
}
#help #install #ridual .indnt1box p{
	margin-left:0px;
}
#help #content p{
	margin-left:42px;
}
#help .idtation{
	margin-left:42px;
	margin-right:5em;
}
#help .dlbox{
	margin-left:42px;
	margin-right:5em;
}
/*
=========================================================
*/


/*
======================6. float clear======================
*/

/* -----float clear----- */
#help h2 a, 
#help h3 a, 
#help hr,
#help .clear{
	clear:both;
}

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


/*
===================7. h2,h3 decoration====================
*/

/* -----h2 decoration, top bottom margin----- */
#help .bar{
	background-color: #f9f9f9;
	margin-top: 20px;
	border-top: solid 2px;
	border-top-color: #30999a;
	border-bottom: solid 1px;
	border-bottom-color: #e7e7e7;
	height: 1.2em;
	padding:4px 3px 3px 6px;
	vertical-align:middle;
	margin-bottom:15px;
}

/* -----h2 float----- */
#help .bar h2{
	float:left;
}
/* -----h2"pagetop"icon----- */
#help .bar a.ancor{
	display: block;
	width:16px;
	height:16px;
	background: url(images/up.gif) no-repeat;
	text-indent: -9000px;
	float:right;
	padding-right:3px;
}
/* -----h3 decoration----- */
#help h3 a{
	margin-left:5px;
	padding-left:3px;
	border-left:solid 10px #cccccc;
}

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


/*
========================8. tables=========================
*/

#help #content caption{
	text-indent: -9000px;
	height: 0.1px;
	font-size: 0.1em;
}
#help #content table{
	width:90%;
}
#help #content .indnt1box table{
	width:96%;
}
#help #content th, 
#help #content td{
	padding: 3px;
	empty-cells: show;
}

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


/*
======================9. image box======================
*/

/* -----leftside image, rightside text----- */
#help .figbox{
	margin-bottom:10px;
}
#help .fignum{
	float:left;
	color:#316977;
	text-align:center;
	width:1em;
	font-size:x-small;
	background-color:#D7E7EB;
	border:solid 1px #77A5B1;
	padding-left:1px;
	padding-right:1px;
	margin-right:5px;
}
#help .fig{
	border:solid 1px #339999;
	float:left;
	margin-right:10px;
}

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


/*
===================10. sourse code box====================
*/

/* -----grey box----- */
#help #content .gbox{
	margin:5px 0px 5px 20px;
	padding:3px 3px 3px 20px;
	line-height:1.5;
	border:solid 1px #cccccc;
}
#help #content ol .gbox, 
#help #content ul .gbox{
	margin:5px 0px 5px 0px;
	padding:3px 3px 3px 20px;
	line-height:1.5;
	border:solid 1px #cccccc;
}
#help #content ol .figbox .gbox, 
#help #content ul .figbox .gbox{
	margin:5px 0px 5px 24px;
	padding:3px 3px 3px 20px;
	line-height:1.5;
	border:solid 1px #cccccc;
}
#help #content ol .gbox ol{
	padding-left:35px;
}
/*
=========================================================
*/


/*
===================11. icon information===================
*/

/* -----icon information----- */
#help .iconinfo ul{
	list-style-type:none;
}
#help .iconinfo dl{
	clear:left;
	
}
#help .iconinfo dt{
	padding-left:35px;
	float:left;
	width:4em;
	height:24px;
}

#help .iconinfo dd{
	display:block;
	margin-left:7em;
	padding-bottom:4px;
	height:24px;
}
#help .iconinfo img{
	vertical-align:middle;
}
#help #license .iconinfo dt{
	padding-left:35px;
	float:left;
	width:7em;
	height:24px;
}

#help #license .iconinfo dd{
	display:block;
	margin-left:1em;
	padding-bottom:4px;
	height:24px;
}
.triangle ul li{
	list-style: none;
}

.triangle ul .triangleblock{
	display:block;
	background: url(images/topic.gif) no-repeat;
	margin-left:5px;
	padding-left:16px;
	height: 1.0em;
}
/*
=========================================================
*/


/*
===================12. annotation box=====================
*/

/* -----annotation box----- */
#help .idtation ul li{
	list-style-type:disc;
}
#help .idtation dt{
	float:left;
}
#help .idtation dd{
	padding-left:10em;
}


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


/*
=========================13. dl box=======================
*/

/* -----dl float----- */

#help #content .dlbox dt{
	float:left;
	width:8em;
}
#help #content .dlbox dd{
	padding-left:9em;
}


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


/*
=========================14. others=======================
*/
/* -----license----- */
#help #license dt a{
	font-weight: bold;
	float:left;
}

#help #license dd{
	padding-bottom:3px;
	margin-left:15em;
}
/* -----tuning----- */
#help #tuni ul{
	list-style:none;
}

/* -----update----- */
#updateiframe {
	text-align: right;
}
#updatetext {
	text-align: right;
	color: #ff1122;
}


/*
============================================================
   終わり(may not delete)
============================================================
*/

