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

@import url(../system/html.css);
@import url(../system/system.css);
	
/* Elements */ 
	
.FrameNavi, #section-root-content h2, #ContentsList h3 
{
	display: none;
}
 
h1, h2, h3, h4, h5, h6 
{
	margin-top: 2em;
	line-height: 1.1;
}
	
h2,h3,h4,h5,h6 
{
	text-indent: -10%;
	background: #6290AA;
	padding: 0;
	border-right: solid 0.5em;
}
 
h1 .sub, h2 .sub, h3 .sub, h4 .sub, h5 .sub, h6 .sub 
{
	font-size: 70%;
	font-weight: normal;
}
 
h1 
{
	border-top: solid 0.1em;
	margin-left: 10%;
	letter-spacing: -0.05em !important;
}
	
h1, h1 * 
{
	font-family: "Century Gothic", "Arial", "‚c‚g‚o•½�¬ƒSƒVƒbƒNW5", sans-serif;
}
  
h2 
{
	margin-left: 15%;
}
 
h3 
{
	margin-left: 20%;
}
 
h4 
{
	margin-left: 25%;
}
 
h5 
{
	margin-left: 30%;
}
 
h6 
{
	margin-left: 35%;
}
  
.navi 
{
	text-indent: 0;
	text-align: right;
	margin: 0;
	padding: 0.5em;
}
 
p 
{
	text-indent: 1em;
}
 
pre 
{
	width: 95%;
	overflow: auto;
}
 
.logs li 
{
	display: inline;
}
	
.logs li:before 
{
	content: "/";
}
	
.logs ul li:first-child:before 
{
	content: "";
}
   
div[align] 
{
	visibility: hidden !important;
}
 
blockquote 
{
	border: 1px dotted;
	padding: 1em;
}
 
blockquote:before, .note:before 
{
	color: #52809A;
}
  
/* Frames */ 
#ContentsList, #section-root, address
{
	position: absolute;
	overflow: auto;
}
	
html, body 
{
	background: #2A5973 url(bg-lt.gif) 0 0 no-repeat fixed;
	color: #DFF9FF;
}
 
body 
{
	overflow: visible;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: medium;
}
	
#section-root 
{
	background: transparent url(bg-rt.gif) 100% 0 no-repeat fixed;
	overflow: visible;
	top: 0;
	right: 0;
	width: 78%;
	height: 90%;
	line-height: 1.3;
}
 
:link, :visited, h1 .sub, 
:link img, :visited img,
h1
{
	color: #DFF9FF;
	background-color: transparent;
}

.main h1,
#cover h1
{
	color: inherit;
}
	
a:active, 
a:hover,
a:focus
{
	color: #2A5973;
	background: #DFF9FF;
}
   
#ContentsList 
{
	top: 0;
	left: 0;
	width: 22%;
	height: 85%;
	z-index: 100;
	font-size: 90%;
	text-align: right;
}
	
#ContentsList strong 
{
	border-bottom: solid thin;
	letter-spacing: 0;
}
 
.cont-top 
{
	position: absolute;
	top: 5%;
	left: 5%;
}
	
.cont-top :link, 
.cont-top :visited
{
	color: black;
	background-color: transparent;
}
  
.cont-mine 
{
	padding-top: 150px;
}
 
#ContentsList ul 
{
	list-style-type: none;
	margin: 0 5% 0 0;
}
 
#ContentsList ul ul 
{
	margin-right: 15%;
	padding: 0.4em;
	border-right: solid 0.15em /* thin */;
}
 
#ContentsList ul ul ul 
{
	margin: 0.2em;
	padding: 0.2em;
	border: dotted 1px;
}
  
#section-root-content 
{
	margin: 3% 2% 0;
	height: 25%;
	text-align: right;
	overflow: auto;
	padding-top: 0;
}
	
#section-root-content h1 
{
	font-weight: normal;
	width: 100%;
	padding: 0;
	border-top: none;
	color: #6290AA;
	background-color: transparent;
	line-height: 1;
	letter-spacing: -0.02em;
	position: static;
	font-size: 1.5em;
	margin: 0 0.5em 0 0;
}
	
h1 .sub 
{
	letter-spacing: 0;
	line-height: 1;
	border-bottom: solid 0.1em;
	position: static;
	display: block;
	font-size:medium;
	margin: 0 0 0.2em 0;
	padding: 0 5% 2em 0;
}
  
#section-root-content ul 
{
	font-size: 0.9em;
	margin: 0.2em 10% 0.2em 0.2em;
	list-style-type: none;
}
 
#section-root-content .navi 
{
	margin-top: 0.5em;
}
	
#section-root-content .navi li 
{
	display: inline;
}
  
 
	
.main #section-root-content h1, 
#cover #section-root-content h1
{
	font-size: 400%;
	margin: 0 5% 0 0;
}
	
.main h1 .sub, 
#cover h1 .sub
{
	margin: -3.3em 0 0 10%;
	padding-bottom: 0.3em;
}
    
#section-root-children 
{
	margin: 0 2%;
	height: 75%;
	overflow: auto;
}
	
.main #section-root-children 
{
	height: 65%;
}
 
#section-root-children h1, 
#section-root-children h2,
#section-root-children h3,
#section-root-children h4,
#section-root-children h5,
#section-root-children h6
{
	margin-right: 2%;
}
 
#section-root-children .navi 
{
	margin: 1em 5% 1em 70%;
	border: dotted 1px;
	padding: 0.2em;
}
 
#section-root-children .section.topic 
{
	margin-right: 15%;
}
	
#section-root-children .section.topic h1, 
#section-root-children .section.topic h2,
#section-root-children .section.topic h3,
#section-root-children .section.topic h4,
#section-root-children .section.topic h5,
#section-root-children .section.topic h6
{
	margin-right: -14%;
}
 
#section-root-children .section.topic .navi 
{
	margin-right: -10%;
}
   
.header, #SSSStyleSelectForm 
{
	position: absolute;
	width: 70%;
}
	
.header 
{
	bottom: 0;
	right: 2%;
	color: #6290AA;
	background-color: transparent;
	padding: 0;
	text-align: right;
	width: 40%;
}
 
#SSSStyleSelectForm 
{
	bottom: 1%;
	left: 20%;
	z-index: 100;
	font-size: 80%;
}
	
/*
#KeyChk, #AniChk, #SmlChk 
{
	display: inline;
}
*/
  
#SSSStyleSelectForm 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
  
address 
{
	bottom: 0;
	left: 0;
	width: 20%;
	height: 15%;
	min-height: 72px;
	text-align: right;
	background: transparent url(bg-lb.gif) 0 100% no-repeat fixed;
	font-size: 0.8em;
	font-style: normal;
	padding-top: 1em;
}
  
/* cover */ 
	
#cover h1 
{
	font-size: large;
	position: static;
	margin: 0;
	padding: 0;
	width: 90%;
}
	
#cover h1 .sub 
{
	font-size: 0.8em;
	color: #6290AA;
	background-color: transparent;
	border: 0;
	margin: 0;
	display: inline;
}
  
#cover #section-root-content 
{
	height: 10%;
	overflow: visible;
}
 
#cover #section-root-children 
{
	height: 90%;
}
 
#cover #UpDate 
{
	margin-left: 20%;
	font-size: smaller;
	margin-bottom: 2em;
}
	
#cover #UpDate h2 
{
	display: block;
	background: transparent;
	border-top: solid 0.1em;
	border-right: none;
	text-indent: 0;
	padding-left: 5%;
	margin: 0.5em 5% 0 15%;
	font-size: medium;
}
 
/* history */ 
	
#cover #UpDate .history 
{
	text-indent: 0;
	padding: 0;
	font-size: smaller;
	margin: 0 10% 0 0;
	text-align: right;
}
 
#cover #UpDate .history:before 
{
	content: "[ ";
}
 
#cover #UpDate .history:after 
{
	content: " ]";
}
   
#cover #message 
{
	text-align: right;
	padding-right: 1em;
	font-size: 88%;
}
	
#cover #message h2 
{
	border-bottom: solid 0.1em;
	border-right: none;
	background: transparent;
	text-indent: 0;
	padding: 0 5% 0.3em 0;
	margin: 0.5em 1% 0.3em 25%;
	font-size: medium;
}
  
#cover #contents-content, 
#cover #about h2
{
	display: none;
}
 
#cover #ContentsList, 
#cover .cont-top,
#cover h1 .sub
{
	position: static;
	height: auto;
	width: auto;
	text-align: left;
	overflow: visible;
}
	
#cover #ContentsList 
{
	padding: 0.5em;
	font-size: 1.2em;
	border-left: thin solid;
}
 
#cover #ContentsList h3 
{
	display: block;
	font-size: large;
	background: transparent;
	border: none;
	margin: 0 0 0.6em 0;
	padding: 0;
	text-indent: 0;
}
 
#cover #ContentsList ul 
{
	padding-left: 1em;
}
 
#cover .cont-mine 
{
	padding-top: 0;
}
  
#cover #SSSStyleSelectForm 
{
	left: auto;
	right: 2em;
	bottom: 1em;
	width: 17em;
	border: 1px dotted;
	padding: 0.2em;
	background: #2A5973;
}
   
/* 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: 5.8em;
	left: 7em;
	background: transparent !important;
	color: #DFF9FF !important;
	text-decoration: none !important;
	font-size: small;
	border-width: 0 0 1px 0;
	padding-left: 2em
}