@charset "Shift_JIS";
/* Strict Style:core */ 

@import url(../system/html.css);
@import url(../system/system.css);
	
html 
{
	background: #3D2A54;
	margin: 0;
	padding: 0;
}
 
body 
{
	font-size: medium;
	line-height: 1.2;
	color: black;
	margin: 0;
	background: white url(./img/bg.gif) repeat-y top right;
	border-style: solid;
	border-color: #3D2A54;
	border-width: 0 0 0 6em;
	padding: 2.5em 33% 3em 7%;

	\62 ackground-image: url(./img/bg.jpg);
	\62 order-width: 0;
	\6D argin: 0 16%;
	\70 adding-right: 11%;
	_background-image: url(./img/bg.gif);
	_border-width: 0 0 0 6em;
	_margin: 0;
	_padding-right: 33%;
}
 
h1, h2, h3, h4, h5, h6 
{
	font-weight: normal;
	line-height: 1.05;
	text-align: right;
	border: 0 solid;
	background: repeat-y top right;
}
	
h1, h2, h3, h4, h5, h6, 
h1 *, h2 *
{
	font-family: Arial, "ƒqƒ‰ƒMƒmŠÛƒS Pro W4", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif;
}
 
h1 
{
	font-size: 200%;
	background-image: url(./img/h1bg.gif);
	border-bottom-width: 4px;
	padding: 15px 25px 4px 0;
	margin: 0 -15% 1em -0.5em;
}
 
h2 
{
	font-size: 160%;
	border-bottom-width: 2px;
	background-image: url(./img/h2bg.gif);
	padding: 8px 12px 0 0;
	margin: 1.5em -10% 1em 15%;
}
 
h3 
{
	font-size: 130%;
	border-bottom-width: 1px;
	background-image: url(./img/h3bg.gif);
	padding: 0 40px 0 0;
	margin: 1.5em -5% 1em 35%;
}
 
h4 
{
	font-size: 110%;
	border-bottom-width: 1px;
	margin: 1.5em -1% 1em 30%;
	padding: 0 4% 0 0;
}
 
h5 
{
	font-size: 105%;
	border-right: solid 1ex;
	margin: 1.5em 0 1em;
	padding: 0 4% 0 0;
}
 
h6 
{
	font-size: 100%;
	border-right: solid 0.5ex;
	margin: 1.5em 0 1em;
	padding: 0 2% 0 0;
}
  
:link, 
.navi :visited,
:link *
{
	color: #78688D;
	background-color: transparent;
	text-decoration: underline;
}
	
:visited, 
:visited *
{
	color: #48587D;
	background-color: transparent;
}
 
a:active, a:hover, a:focus, 
a:active *, a:hover *, a:focus *
{
	color: black !important;
	background: url(./img/link.gif) !important;
}
 
:link img 
{
	border-color: #78688D;
}
	
:visited img 
{
	border-color: #A8A8DD;
}
   
blockquote 
{
	margin: 1em;
	padding: 0.5em 0 0.5em 0.5em;
	border-left: thin solid #78688D;
	color: #38284D;
	background-color: transparent;
}
 
address 
{
	font-style: normal;
	margin: 3em 0.5em 1em 0.5em;
	border: 1px solid;
	padding: 1.8em 10% 1em 25%;
	text-align: right;
	background: url(./img/h3bg.gif) repeat-y right top;
}
 
pre 
{
	width: 100%;
	overflow: auto;
}
  
/* Strict Style:o.r. */ 
	
.FrameNavi, #section-root-content h2, #SbCntLst 
{
	display: none;
}
 
h1 .sub, h2 .sub, h3 .sub, h4 .sub, h5 .sub, h6 .sub, 
h1 .date, h2 .date, h3 .date, h4 .date, h5 .date, h6 .date
{
	font-size: 40% !important;
	display: block;
	margin-right: 15%;
}
	
h3 .sub, h4 .sub, h5 .sub, h6 .sub, 
h3 .date, h4 .date, h5 .date, h6 .date
{
	font-size: 70% !important;
}
  
.navi 
{
	text-indent: 0;
	text-align: right;
	margin: 1em -5% 0.5em 55%;
	padding: 0 10%;
	border-top: 1px solid gray;
}
	
#section-root-content .navi 
{
	margin: 1em -5% 1.5em 20%;
	font-size: 85%;
}
	
#section-root-content .navi ul, 
#section-root-content .navi li
{
	margin: 0;
	padding: 0 0.2ex;
	display: inline;
}
 
#section-root-content .navi .custom 
{
	display: block;
}
 
#section-root-content .navi li:before, 
#ContentsList 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,
#ContentsList li#m-top:before,
#ContentsList li#m-entrance:before,
#cover #ContentsList li:before
{
	content: "";
}
    
.header 
{
	position: absolute;
	top: 15em;
	left: 0;
	z-index: -1;
	font-size: 80%;
	color: #A8A8BD;
	background-color: transparent;
}
 
#SSSStyleSelectForm 
{
	position: absolute;
	top: 0.5em;
	left: 0.8em;
	font-size: 75%;
	background: white;
	border-bottom: solid 1px #3D2A54;
	padding: 0.5em 2%;
	margin: 0;
	width: 90%;
}
	
#SSSStyleSelectForm div 
{
	display: inline;
}
	
/*
#orSysForm li:first-child:before 
{
	content: "";
}
*/
   
body#cover, body.main 
{
	padding-top: 9em;
	\70 adding-top: 5.5em;
	_padding-top: 9em;
}
 
#ContentsList 
{
	position: absolute;
	top: 3.5em;
	left: 1em;
	background-color: white;
	font-size: 83%;
	padding: 0.5em 2% 1em;
	border-bottom: solid 1px #3D2A54;
}
	
#ContentsList .cont-top 
{
	margin: 0 0 0.5em 0;
}
 
#ContentsList ul, 
#ContentsList li
{
	list-style: none none inside;
	display: inline;
	padding: 0;
	margin: 0;
}
 
#ContentsList strong 
{
	border-width: 0;
}
  
/* #cover */ 
	
#cover h1 
{
	margin-top: 2em;
	font-size: 230%;
}
 
#cover #message h2 
{
	font-size: medium;
	background-image: none;
	border-width: 1px 0 0 1px;
	text-align: left;
	margin: 0.2em 60% 0.2em 0.2em;
	padding: 0.2em;
}
	
#cover #message h2:after 
{
	content: ":";
}
  
#cover #contents-content, 
#cover #about h2
{
	display: none;
}
 
#cover #ContentsList 
{
	position: static;
	margin: 0.5em 0;
	font-size: 105%;
	background: none;
	overflow: visible;
	width: 80%;
}
	
#cover #ContentsList h3 
{
	margin-top: 0;
	margin-bottom: 0.5em;
}
 
#cover #ContentsList li 
{
	display: list-item;
}
 
#cover #ContentsList ul 
{
	display: block;
}
	
#cover #ContentsList .cont-mine 
{
	margin-left: 20%;
}
 
#cover #ContentsList .cont-guest 
{
	margin-left: 10%;
}
  
#cover #ContentsList a:hover, 
#cover #ContentsList a:focus,
#cover #ContentsList a:active
{
	font-size: 100%;
}
  
/* history */ 
	
#cover #UpDate 
{
	font-size: 90%;
	text-align: right;
	border-right: 1px solid;
	border-bottom: 1px solid;
	padding: 0.2em 5%;
	margin-left: 1%;
}
 
#cover #UpDate ul 
{
	margin: 0.3em;
}
 
#cover #UpDate .history 
{
	text-indent: 0;
	padding: 0;
	font-size: smaller;
	margin: 0 10% 0 0;
}
 
#cover #UpDate .history:before 
{
	content: "[ ";
}
 
#cover #UpDate .history:after 
{
	content: " ]";
}
  
#cover #PickUp, 
#cover #Appendix
{
	float: left;
	width: 40%;
	font-size: 85%;
}
	
#cover #Appendix 
{
	float: right;
	text-align: right;
	padding-top: 2em;
	width: 30%;
}
 
#cover #PickUp h3, 
#cover #Appendix h3
{
	margin: 0 0 0.3em 10%;
}
 
#cover #PickUp ul, 
#cover #Appendix ul
{
	margin: 0;
	padding-left: 1em;
}
 
#cover #info 
{
	clear: both;
	padding-top: 1.5em;
}
   
blockquote:before, .note:before 
{
	color: #E0DCE0;
}
 
/* Moz */ 
	
#ContentsList, 
#cover #ContentsList,
ul#orSysForm
{
	\62 ackground: white url(./img/bg-r.gif) repeat-y;
}
 
#ContentsList, 
#cover #ContentsList
{
	\77 idth: 20%;
	\6D in-height: 14em;
	\6D ax-height: 85%;
	\6F verflow: auto;
	\66 ont-size: 90%;
	\6C eft: 0.8em;
	\70 osition: fixed;
}
 
#ContentsList ul, 
#cover #ContentsList ul,
#SbCntLst
{
	\64 isplay: block;
}
	
#ContentsList ul 
{
	\6D argin: 0.4em 0 0.4em 1em;
}
 
#ContentsList>ul, 
#cover #ContentsList .cont-mine,
#cover #ContentsList .cont-guest
{
	\6D argin-left: 0.5em;
}
  
#ContentsList li, 
#cover #ContentsList li
{
	\64 isplay: list-item;
}
 
#ContentsList li:before, 
#cover #ContentsList li:before
{
	\63 ontent: "";
}
 
#cover #ContentsList h3 
{
	\66 ont-size: medium;
	\6D argin: 0.5em 0;
}
  
/* IE */ 
	
#ContentsList, 
#cover #ContentsList,
ul#orSysForm
{
	_background: none;
}
 
#ContentsList, 
#cover #ContentsList
{
	_position: absolute;
	_width: 100%;
	_max-width: 100%;
	_overflow: visible;
	_font-size: 83%;
	_left: 1em;
}
 
#ContentsList ul, #ContentsList li, 
#cover #ContentsList li,
#cover #ContentsList .cont-mine,
#cover #ContentsList .cont-guest
{
	_display: inline;
	_margin: 0;
}
 
#SbCntLst 
{
	_display: none;
}
 
#cover #ContentsList h3 
{
	_display: none;
}
   
/* Easy Popup */ 
/*
Original:
http://www.meyerweb.com/eric/css/edge/popups/demo.html
*/
	
a:link .description, 
a:visited .description
{
	display: none;
}