@charset "Shift_JIS";
/* outsider reflex-Purple Light */ 

/* 1999〜2000 Piro */
/* http://piro.sakura.ne.jp/ */
	
/* Common Style */ 
/* 全体的なスタイル */
	
/* Font Setting */ 
	
body, pre, del, ins, 
kbd, var, dfn, abbr, acronym, samp, code,
.operation
{
	font-family:
		"ヒラギノ丸ゴ Pro W4",
		"ＭＳ Ｐゴシック",
		"ＭＳ ゴシック",
		Osaka,
		sans-serif;
}
 
h1,h2,h3,h4,h5,h6, 
address,
#ContentsList,
#ContentsList a,
#ContentsList kbd,
#ContentsList .operation,
h1 *, h2 *
{
	font-family:
		"Century Gothic",
		Verdana,
		"ヒラギノ丸ゴ Pro W4",
		"ＭＳ Ｐゴシック",
		"ＭＳ ゴシック",
		Osaka,
		sans-serif;
}
 
#section-root-content h1 
{
	font-family:
		Bimini,
		"Century Gothic",
		Verdana,
		"ヒラギノ丸ゴ Pro W4",
		"ＭＳ Ｐゴシック",
		"ＭＳ ゴシック",
		Osaka,
		sans-serif;
}
 
pre, 
pre samp,
pre code
{
	font-family:
		"ＭＳ ゴシック",
		Osaka−等幅,
		monospace;
}
   
/* HTML Block Elements */ 
	
h1 
{
	margin: 0.3em 20% 0.3em 0;
	font-size: 3em;
}
	
h1 .date, h1 .sub 
{
	font-size: medium;
	font-weight: normal;
	display: block;
	text-align: right;
}
 
h2 
{
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em 35% 0.5em 0;
	padding: 0.2em;
	background-image: none;
}
 
h1, h2 
{
	border-width: 0 0 1px 0;
	border-style: solid;
}
 
.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
{
	font-size: medium;
	font-weight: normal;
	padding: 2px;
	margin: 0.5em 2px 0.4em 2px;
	background: none;
}
  
body 
{
	font-size: medium;
}
 
p 
{
	text-indent: 1em;
}
	
.example p, 
p.column,
p.note,
ul p,
dl p,
ol p,
.Article p
{
	text-indent: 0;
}
  
pre 
{
	font-size: 90%;
}
 
address 
{
	font-size: small;
	font-style: normal;
	border: 1px solid #C4C4F8;
	text-align: right;
	margin: 2em 0 0 0;
	padding: 1em;
}
  
/* HTML Inline Elements */ 
	
em 
{
	font-weight: bold;
	font-style: normal;
}
	
strong, 
em strong,
strong em,
em em
{
	font-size: 110%;
	font-weight: bold;
	text-decoration: underline;
	letter-spacing: 0;
}
	
.note strong, 
.example strong,
.note strong em,
.example strong em,
.note em strong,
.example em strong
{
	font-style: italic;
}
  
strong strong 
{
	font-size: 145%;
}
 
strong strong strong 
{
	font-style: italic;
}
  
var 
{
	font-style: italic;
}
  
/* Classes Lv.1 */ 
/* 全体で使うclass */
	
span.sub /* 副題、副内容 */ 
{
	font-size: 80%;
	font-weight: normal;
}
	
h1 span.sub, 
h2 span.sub,
dt span.sub
{
	font-size: medium;
}
  
.navi /* 「戻る」などのナビゲーション */ 
{
	text-indent: 0;
	text-align: right;
	margin: 1em 0 0 65%;
	padding: 5px;
	border-width: 1px 0 0 0;
	border-color: #EBEBEF;
	border-style: solid;
	background-image: none;
}
 
.key, /* アクセスキー */ 
.key a
{
	font-size: 100%;
	text-decoration: underline;
}
 
.note 
{
	color: #FFCCCC;
	border: 1px solid #FF6666;
	background-image: none;
	padding: 1em;
	font-size: small;
}
  
/* Classes Lv.2 */ 
/* 局所的なclass */
	
.header 
{
	font-size: small;
}
 
#SSSStyleSelectForm 
{
	color: #EBEBEF;
	font-size: small;
	margin: 2em 0 0 0;
	padding: 0;
	text-align: right;
	border-width: 1px 0 0 0;
	border-color: #EBEBEF;
	border-style: solid;
	list-style-type: none;
}
	
#SSSStyleSelectForm select 
{
	background: #210021;
	color: #EBEBEF;
}
  
div#section-root 
{
	width: 100%;
}
	
#ContentsList 
{
	font-size: 90%;
	margin: 0;
	padding: 0 0 2em 0;
	float: left;
}
	
#ContentsList .cont-top 
{
	margin: 0;
	padding: 3px;
	border-width: 0 0 1px 0;
	border-color: #EBEBEF;
	border-style: solid;
}
 
#ContentsList ul, 
#ContentsList li
{
	list-style-type: none;
}
 
#ContentsList ul 
{
	margin: 1em 0 0 0;
	padding: 0;
}
 
#ContentsList ul ul 
{
	display: none;
}
  
 
#SSSStyleSelectForm, address, #ContentsList 
{
	width: 50%;
}
  
#section-root 
{
	padding: 1em;
	margin: 1em;
}
	
.main #section-root
{
	padding: 0em 1em 1em 1em;
	margin: 0em 1em 1em 1em;
}
   
#cover #UpDate 
{
	text-align: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	
#cover h1 
{
	border: 0;
	margin: 0.2em;
}
	
#cover h1 .sub 
{
	border-width: thin 0 0 0;
	border-style: solid;
	background-image: none;
	margin: 0 20% 0 0;
	padding: 0 10% 0 0;
}
  
#cover #UpDate 
{
	position: absolute;
	top: 17em;
	left: 50%;
	right: 2em;
}
	
#cover #UpDate h2 
{
	margin: 0;
	border: 0;
	font-size: medium;
}
  
#cover #contents-content, 
#cover #about h2
{
	display: none;
}
 
#cover #ContentsList 
{
	width: 90%;
	float: none;
}
	
#cover #ContentsList span 
{
	font-size: 80%;
}
    
/* Color Setting */ 
/* 配色設定 */
	
/* Text Color */ 
body, p, ul, ol, address, caption, pre,
dl, dt, dd,
table, td, tr, th,
span.sub
{
	color: #EBEBEF;
}

	
h1, h2, h3, h4, h5, h6 
{
	color: #FBFBFF;
}
 
.column 
{
	color: #DFDFEF;
}
  
/* Background */ 
	
body 
{
	background: #210021 url(http://localhost:8080/aiken/common/styles/purple/img/bg_base.jpg) no-repeat;
}
 
#cover 
{
	background-image: url(http://localhost:8080/aiken/common/styles/purple/img/top.jpg);
}
 
#section-root-content, 
#section-root-children
{
	background-image: url(http://localhost:8080/aiken/common/styles/purple/img/bg05.gif);
	margin: 0 0 1em 0;
	padding: 1em;
}
  
/* Border */ 
	
h1, h2, span.sub 
{
	border-color: white;
}
  
/* emphasis */ 
	
em, 
strong
{
/*	color: #66FFFF;*/
	color: #FBFBFF;
}
	
em em, 
em strong,
strong strong,
strong em
{
/*	color: #66FF66;*/
	color: #66FFFF;
}
  
th 
{
	border-color: #FF8888;
}
 
em.on 
{
	color: #66FFFF;
}
 
em.off 
{
	color: #66FF66;
}
  
/* HTML Inline Elements */ 
	
a:link, 
.navi a:visited,
a:link em,
a:link strong
{
	color: #C4C4F8;
}
	
a:visited, 
a:link em,
a:link strong,
h1 .sub:first-letter,
h2 .sub:first-letter
{
	color: #A8A8DD;
}
   
/* Classes・IDs */ 
	
.Pictures dd.data 
{
	border-color: #BFBFBF;
	color: #BFBFBF;
}
 
.status, 
.ArticleInfo
{
	color: #BFBFBF;
	border-color: #BFBFBF;
}
 
.key 
{
	color: #B3B3C7;
}

 
/* OLSの種別 */ 
	
.free 
{
	color: #EC86EC;
}
 
.share 
{
	color: #A0A0FF;
}