@charset "Shift_JIS";
/* Windows Style */ 

@import url(../system/html.css);
@import url(../system/system.css);
	
/* Common Section */ 
	
#section-root, 
address,
.note,
.column,
.example,
pre,
#ContentsList,
#cover #PickUp,
#ContentsList ul ul,
#ContentsList ul ul ul
{
	background: #C0C0C0;
	padding: 4px;
	border: outset 2px;
	border-color: white #808080 #808080 white;
	-moz-border-radius: 0;
}
	
.note, 
.column, span.column
{
	padding-bottom: 30px;
	background: #C0C0C0 url(button.gif) no-repeat 50% 100%;
	font-size: 90%;
}
 
.note h1, .example h1, .column h1, blockquote h1, 
.note h2, .example h2, .column h2, blockquote h2,
.note h3, .example h3, .column h3, blockquote h3,
.note h4, .example h4, .column h4, blockquote h4,
.note h5, .example h5, .column h5, blockquote h5,
.note h6, .example h6, .column h6, blockquote h6,
#ContentsList h3
{
	width: auto;
	font-weight: normal;
	font-size: 12px;
	color: white;
	margin: -2px -2px 0.5em -2px;
	padding: 2px;
	background: #050582 url(closebox2.gif) no-repeat 100% 0;
	border: 0;
	text-decoration: none;
	text-align: left;
	font-family: "MS UI Gothic","ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
}
   
/* HTML Block Elements */ 
	
h1 
{
	font-weight: normal;
	font-size: 12px;
	color: white;
	margin: 0 -12px;
	padding: 2px;
	background: #050582 url(closebox.gif) no-repeat 100% 0;
	position: relative;
	top: -39px;
	height: 18px;
}
	
h1:first-line 
{
	background: url(./ico.gif) no-repeat;
	padding: 2px 2px 2px 16px;
}
 
h1 img 
{
	display: none;
}
 
h1 * 
{
	font-size: 12px !important;
}
  
h2 
{
	margin-top: 2em;
	border-bottom: solid thin black;
	text-align: center;
}
 
h3 
{
	border-style: solid;
	border-color: black;
	border-width: 0 1em;
	padding-left: 0.2em;
	text-align: center;
	margin: 1.5em 10% 1em;
}
 
h4 
{
	text-align: center;
	text-decoration: underline overline;
}
 
body 
{
	background: #008080 url(icons.gif) no-repeat fixed;
	margin: 0;
	padding: 3.5em 0 0 0;
	\70 adding-bottom: 3em;
	color: black;
	font-size: medium;
	_padding-bottom: 0;
}
	
#section-root 
{
	background: #C0C0C0 url(menu.gif) no-repeat 10px 23px;
	padding: 39px 2px 16px;
	margin: 0 20px 20px 70px;
}
 
#section-root #section-root-content, 
#section-root #section-root-children,
.colophon
{
	padding: 10px;
	margin: 0;
	border: inset 2px;
	border-color: #808080 white white #808080;
	background: white;
}
 
#section-root #section-root-content 
{
	margin-bottom: 2px;
	padding-top: 0;
}
  
address 
{
	text-indent: 64px;
	bottom: 0;
	left: 0;
	z-index: 10;
	margin: 2em 0 0 0;
	padding: 6px 0;
	font-style: normal;
	font-size: 12px;
	height: 16px;
	width: 100%;
	background-image: url(start.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	border-style: outset none none none;
	\70 osition: fixed;
	_height: 28px;
	_position: static;
}
	
address br 
{
	display: none;
}
  
pre 
{
	width: auto;
}
  
/* HTML Inline Elements */ 
	
em 
{
	font-style: normal;
	font-weight: bold;
}
 
strong 
{
	font-style: italic;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 0;
}
 
:link, 
:link *
{
	color: blue;
	background-color: transparent;
}
 
:visited, 
:visited *
{
	color: purple;
	background-color: transparent;
}
 
a:active,
a:focus, 
a:hover,
a:active *,
a:focus *,
a:hover *
{
	color: red;
	background-color: transparent;
}
 
:link img 
{
	border-color: blue;
}
	
:visited img 
{
	border-color: purple;
}
   
#ContentsList 
{
	z-index: 300;
	position: absolute;
	top: 2em;
	right: 0.5em;
	width: 42%;
}
	
#ContentsList strong 
{
	border: inset thin;
	font-size: 100%;
}
 
#cover #PickUp 
{
	position: absolute;
	top: 5.5em;
	right: 0;
	width: 30%;
}
	
#cover #PickUp ul 
{
	margin: 0;
	padding: 0 0 0 1em;
}
 
#cover #PickUp li 
{
	display: list-item;
}
 
#cover #PickUp, 
#cover #PickUp ul
{
	font-size: x-small;
}
  
#ContentsList ul 
{
	margin: 0;
	padding: 0;
	display: inline;
}
	
#ContentsList ul ul 
{
	width: 10em;
	position: absolute;
	top: 7em;
	right: 1.5em;
	font-size: 80%;
}
	
#ContentsList ul ul.cont-outer 
{
	top: 8em;
	right: 13em;
}
 
#ContentsList ul ul ul 
{
	top: 6em;
}
 
#ContentsList ul ul.cont-outer ul 
{
	right: -13em;
}
  
#cover #PickUp ul ul 
{
	top: 2em;
	left: -9.8em;
	right: auto;
}
  
#ContentsList li 
{
	display: inline;
}
 
#ContentsList li:before 
{
	content: ":";
}
	
#ContentsList li:first-child:before 
{
	content: "";
}
   
/* Classes Lv.1 */ 
/* 全体で使うclass */
	
#section-root-content p, 
#section-root-content ul
{
	margin-right: 28%;
}
	
#section-root-content ul ul 
{
	margin-right: 0;
}
  
.navi 
{
	text-indent: 0;
	text-align: right;
	margin: 0;
	padding: 0.5em;
}
	
#section-root-content .navi 
{
	margin: 0.5em 1em 1.5em 40%;
	border-top: 1px solid black;
	font-size: 90%;
}
	
#section-root-content .navi ul, 
#section-root-content .navi li
{
	margin: 0;
	padding: 0 0.25ex;
	display: inline;
}
 
#section-root-content .navi .custom 
{
	display: block;
}
 
#section-root-content .navi li:before 
{
	content: "/";
}
	
#section-root-content .navi ul:first-child li:first-child:before, 
#section-root-content .navi .custom li:first-child:before,
ul.navi li:first-child:before
{
	content: "";
}
    
.ref, span.column /* 参照要素（回り込み） */ 
{
	display: block;
	float: left;
	margin: 0 1em 1em 0;
}
	
h2,h3,h4,h5,h6, 
.section.topic,
.navi,
.ref
{
	display: block;
	clear: both;
}
 
div.section.topic:after, 
.ref:before
{
	content: "\A";
	display: block;
	clear: both;
}
  
.header 
{
	position: absolute;
	top: 0.2em;
	right: 0.2em;
	font-size: 80%;
}
 
.operation.key, kbd.key 
{
	color: inherit !important;
	border: none !important;
	background: transparent !important;
}
	
.operation.key:before, kbd.key:before 
{
	content: "(";
}
 
.operation.key:after, kbd.key:after 
{
	content: ")";
}
   
/* Classes Lv.2 */ 
/* 局所的なclass */
	
#cover #section-root-content 
{
	border-bottom: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}
	
#cover #section-root-children 
{
	border-top: 0 none;
}
  
#cover #contents-content, 
#cover #about h2
{
	display: none;
}
 
#SSSStyleSelectForm 
{
	font-size: 80%;
	position: absolute;
	top: 0.2em;
	left: 60px;
	width: 25em;
	z-index: 30;
	padding: 0.1em;
	list-style-type: none;
	list-style-image: none;
}
	
/*
#SSSStyleSelectForm li 
{
	margin: 0;
	padding: 0;
}
 
li#orSysFormItem 
{
	list-style-type: none;
	list-style-image: none;
}
 
#KeyChk, #AniChk, #SmlChk 
{
	display: inline;
}
*/
  
#cover #UpDate 
{
	margin-top: 0;
	padding-top: 0;
	width: 60%;
}
	
#cover #UpDate h2 
{
	margin-top: 0;
	padding-top: 0;
}
   
.note:before, 
.blockquote:before
{
	content: "";
}
  
/* Easy Popup */ 
/*
Original:
http://www.meyerweb.com/eric/css/edge/popups/demo.html
*/
	
a:link .description, 
a:visited .description
{
	display: none;
}
 
a:link .description:first-letter, 
a:visited .description:first-letter
{
	display: none !important;
	color: black;
	background-color: transparent;
}
 
a:hover .description 
{
	display: block;
	position: absolute;
	top: 5px;
	left: 4em;
	background: transparent !important;
	color: white !important;
	text-decoration: none !important;
	font-size: 12px;
	border-width: 0;
}