@charset "Shift_JIS";
/* Orange - common */ 
/* ‹€’ΚƒXƒ^ƒCƒ‹ */

/* 1999`2000 Piro */
/* http://piro.sakura.ne.jp/ */

@import url(../system/html.css);
@import url(../system/system.css);
	
/* Font Setting */ 
h1,h2,h3,h4,h5,h6,
address,
#ContentsList,
#ContentsList *,
h1 *, h2 *
{
	font-family:
		"Lucida Console",
		"ƒqƒ‰ƒMƒmŠΫƒS Pro W4",
		"‚l‚r ‚oƒSƒVƒbƒN",
		"‚l‚r ƒSƒVƒbƒN",
		Osaka,
		sans-serif;
}
	
h2 .month 
{
	font-family:
		"Brush Script MT",
		"CityBlueprint",
		"Lucida Console",
		"ƒqƒ‰ƒMƒmŠΫƒS Pro W4",
		"‚l‚r ‚oƒSƒVƒbƒN",
		"‚l‚r ƒSƒVƒbƒN",
		Osaka,
		sans-serif;
}
  
/* HTML Block Elements */ 
	
h1,h2,h3,h4,h5,h6 
{
	text-decoration: none;
	text-align: left;
	text-indent: 0;
	font-weight: normal;
}
	
.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 !important;
	font-weight: normal !important;
	padding: 2px !important;
	margin:  2px 0.4em 2px !important;
	border: 0 !important;
	counter-reset: none !important;
	counter-increment: none !important;
	background: none !important;
}
 
h1 .sub 
{
	display: block;
	font-size: medium;
	text-align: right;
}
  
body 
{
	font-size: medium;
	line-height: 1.25;
}
	
p, ul, ol, dl, address 
{
	line-height: 1.35;
}
  
p 
{
	margin: 0 2% 1em 4%;
}
 
blockquote 
{
	border-width: 1px;
	margin: 1em;
	padding: 0.2em 0.5em;
	font-size: 95%;
}
 
dl.index dt 
{
	border-bottom-width: 1px;
	margin-right: 10%;
}
	
dt .sub 
{
	margin-left: 1.1em;
	padding-right: 0.8em;
}
  
ol,ul 
{
	margin: 0 0 1em 5%;
	padding: 0 0 0 1.5em;
}
 
table 
{
	border-collapse: collapse;
	border: ridge thin;
	empty-cells: show;
	margin: 1em auto;
	font-size: 90%;
}
	
caption 
{
	font-size: medium;
	font-weight: bold;
	text-align: center;
	padding: 1.5em 0 0.5em;
	margin: 0 1em;
}
 
td, th 
{
	border-width: 1px;
	padding: 0.2em;
	font-weight: normal;
}
	
thead th, 
thoot th
{
	font-weight: bold;
}
   
pre 
{
	width: 95%;
	font-size: 95%;
}
 
address 
{
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
	text-align: center;
}
 
textarea 
{
	width: 100%;
}
  
/* HTML Inline Elements */ 
	
img 
{
	max-width: 330px;
	overflow: auto;
}
 
textarea, input, select 
{
	border: outset 1px;
}
  
/* Heading Section */ 
/* Œ©o‚΅ */
	
h1 
{
	font-weight: normal;
	font-size: 200%;
}
 
h2 
{
	font-weight: normal;
	font-size: 1.5em;
	margin: 0.5em 0 0.5em 1%;
	padding: 0.2em 0.5em;
	border-top-width: 1px;
}
	
.ArticleArea h2 
{
	visibility: hidden;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
 
h2 .month 
{
	display: block;
	text-align: right;
	margin: 0 6% -1em 0;
	position: relative;
	top: -0.25em;
}
  
h3 
{
	border-bottom: solid 1px;
	margin: 1.5em 20% 0.8em 2%;
	font-size: 1.15em;
}
 
h4 
{
	font-size: medium;
	margin: 1em 30% 0.5em 3%;
	border-top-width: 1px;
	padding-left: 0.5ex;
}
 
h1 .sub, 
h2 .sub
{
	display: block;
	padding: 1px 10% 0 0;
	margin: 0 1em 0 10%;
}
	
.main h1 .sub, 
#cover h1 .sub
{
	margin-left: 10%;
}
 
h1 .sub 
{
	border-top-width: 2px;
	margin-left: 20%;
}
 
h2 .sub 
{
	border-top-width: 1px;
}
 
h3 .sub 
{
	font-size: 0.8em;
}
  
h1:first-letter, 
h2:first-letter
{
	font-size: 180%;
}
  
/* Classes Lv.1 */ 
/* ‘S‘Μ‚ΕŽg‚€class */
	
.example, .note, .column, 
pre, #UpDate, span.column
{
	border-width: 2px;
}
	
.note, .column /* ŒxAƒRƒ‰ƒ€ */ 
{
	font-size: 85%;
	padding: 1em;
	margin: 1em;
	z-index: 20;
}
	
ul.note, 
ul.column,
ul.example,
ol.note,
ol.column,
ol.example
{
	padding-left: 2em;
}
   
.navi /* u–ί‚ιv‚Θ‚Η‚ΜƒiƒrƒQ[ƒVƒ‡ƒ“ */ 
{
	text-align: right;
	margin: 1em -2% 1em 0;
	padding: 5px;
	text-indent: 0;
}
	
#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: "";
}
    
dt span.sub 
{
	font-size: 80%;
}
	
dt span.sub:before 
{
	white-space: pre;
	content: "\A";
}
   
/* Classes Lv.2 */ 
/* ‹ΗŠ“I‚Θclass */
	
.header 
{
	font-size: 90%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0.2em;
	right: 0.2em;
}
 
.status /* ƒŠƒ“ƒN‚⏑‚«ž‚݂̏ξ•ρiƒXƒe[ƒ^ƒXj */ 
{
	border-width: 1px;
}
 
#sitemap dl a 
{
	text-decoration: none;
}
 
#SSSStyleSelectForm 
{
	position: absolute;
	top: 0.2em;
	left: 0.5em;
	width: 20em;
	z-index: 30;
	font-size: 90%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
 
.WideTable 
{
	width: 95%;
	height: 25em;
	overflow: scroll;
}
  
/* Contents List Section */ 
	
#ContentsList 
{
	font-size: medium;
	position: absolute;
	top: 4em;
	right: 80%;
	letter-spacing: -0.03em;
	margin: 0;
	width: 6em;
	height: 22em;
	max-height: 85%;
	height: 85%;
	\70 osition: fixed;
	\6F verflow: auto;

	_position: absolute;
	_overflow: visible;
}
	
#ContentsList :link, 
#ContentsList :visited
{
	text-decoration: none;
}
 
#ContentsList strong 
{
	font-size: 105%;
	text-decoration: none;
	border-bottom: outset thin;
}
  
#ContentsList ul, 
#ContentsList .cont-top
{
	font-size: 90%;
	padding: 0;
	margin: 0;
	line-height: 80%;
	list-style-type: none;
	list-style-image: none;
	\6C ist-style-position: inside;
	_list-style-position: outside;
}
	
#ContentsList li, 
#ContentsList .cont-top
{
	padding: 0 0 0.55em 1ex;
	padding-right: 1ex;
}
  
#SbCntLst /* ƒTƒuƒRƒ“ƒeƒ“ƒc */ 
{
	margin-top: 0.5em;
	padding-bottom: 0.3em;
	margin-bottom: 0.2em;
	border-width: 0 0 1px 1px;
}
	
#ContentsList #SbCntLst ul 
{
	font-size: 90%;
	line-height: 90%;
	letter-spacing: -0.02em;
	padding: 0.2em 0;
}
 
#SbCntLst ul li, 
ul.cont-main ul li
{
	padding: 0 0 0.42em 0.5ex;
}
	
#SbCntLst .current a 
{
	margin: 0.17em;
}
   
#SbCntLst ul ul /* ƒTƒuƒRƒ“ƒeƒ“ƒcEƒy[ƒW“ΰIndex */ 
{
	padding-top: 0.5em;
	margin-left: 0.5ex;
	line-height: 70%;
	font-size: 100%;
	text-transform: lowercase;
	font-weight: normal;
	letter-spacing: 0;
	border-width: 0 0 1px 1px;
}
	
#SbCntLst .current ul li 
{
	padding-left: 0.2ex;
}
   
#ContentsList h3 
{
	display: none;
}
 
/* cover */ 
	
#cover #contents-content, 
#cover #about h2
{
	display: none;
}
 
#cover #UpDate .history 
{
	text-indent: 0;
	padding: 0;
	font-size: smaller;
	margin: 0.5em 10% 0.2em 0;
	text-align: right;
}
 
#cover #UpDate .history:before 
{
	content: "[ ";
}
 
#cover #UpDate .history:after 
{
	content: " ]";
}
  
/* B.B.S. */ 
	
.ArticleArea h2, 
.ControlPageArea h2
{
	visibility: hidden !important;
	font-size: 1px;
	margin: 0;
	padding: 0;
}
 
/* ArticleArea */ 
	
.Article h3 
{
	font-size: 1.3em;
	padding: 5px;
	margin: 5px 5% 0.5em -2%;
	font-weight: normal;
	border-bottom-width: 1px;
}
	
.Number 
{
	font-size: 80%;
	font-weight: normal;
	display: block;
}
  
.Article .Info ul 
{
	font-size: 85;
	margin: 0 0 1em 1em;
	text-indent: 0;
	text-align: left;
}
	
.Article .Info li 
{
	display: inline;
}
  
.Article .Body 
{
	width: 100%;
	height: auto;
/*	overflow: auto;*/
}
	
.Article p 
{
	text-indent: 0;
}
   
/* PostArea */ 
	
.PostArea table 
{
	width: 100%;
}
 
.PostArea table, 
.PostArea th,
.PostArea td
{
	border: 0;
	margin: 0;
	padding: 0.2em;
}
	
.PostArea th 
{
	font-weight: normal;
	margin: 0.3em 0 0 0;
}
  
.PostArea textarea 
{
	width: 100%;
}
  
.ControlPageArea 
{
	text-align: center;
	font-size: 90%;
}
	
.ControlPageArea li 
{
	display: inline;
}
 
.ControlPageArea li:before 
{
	content: " / ";
}
 
.ControlPageArea ul li:first-child:before 
{
	content: "";
}
    
/* Color Setting */ 
/* ”zFέ’θ */
	
/* Text Color */ 
body,
:link,
:visited,
caption
{
	color: #362016;
	background-color: transparent;
}
	
h1, h2, h3, h4, h5, h6, 
#ContentsList li,
#ContentsList :link,
#ContentsList :visited,
#ContentsList :link .operation.key,
#ContentsList :link kbd.key,
#ContentsList :visited .operation.key,
#ContentsList :visited kbd.key,
.topNavi li,
.topNavi :link,
.topNavi :visited,
.topNavi :link .operation.key,
.topNavi :link kbd.key,
.topNavi :visited .operation.key,
.topNavi :visited kbd.key
{
	color: #362016;
	background-color: transparent;
}
 
blockquote:before, .note:before 
{
	color: #D7AC90;
}
  
/* Background */ 
	
/* Main BG */ 
	
html 
{
	background: #B06B48;
}
 
body 
{
	padding: 2.5em 0 1em;
	background: transparent;
}
	
body#cover 
{
	padding-top: 2.2em;
}
 
#cover #ContentsList 
{
	top: 3.5em;
}
  
#section-root 
{
	margin: 0 0 0 20%;
	width: 450px;
	background: #F4C5A6 url(./img/bg_mid.png) repeat-y 0 0;
	z-index: 5;
}
	
#section-root-content, 
#section-root-children
{
	padding: 0 40px 1em 20px;
}
  
#section-root-content 
{
/*	margin: 0 -40px 1em -20px;*/
	padding-top: 1em;
	background: transparent url(./img/bg_top.png) no-repeat;
}
 
address 
{
	margin: -1.5em 0 1em 20% !important;
	background: #B06B48 url(./img/bg_bottom.png) no-repeat 0 0;
	padding-top: 50px;
	border: 0;
	width: 450px;
}
 
.section.topic, .Article, 
.DeleteArea, .PostArea,
.ControlPageArea
{
	padding: 51px 39px 1em 20px;
	margin: 0 -50px 0  -20px !important;
	background: url(./img/bg_sep.png) no-repeat 0 0;
}
 
select, input, textarea, 
#SSSStyleSelectForm select,
#SSSStyleSelectForm option
{
	background-color: #E0B192;
}
  
/* contents list */ 
	
#ContentsList 
{
	background: #B06B48;
}
	
#ContentsList ul 
{
	background: #F4C5A6 url(./img/tab_lower.png) no-repeat 0 0;
	padding-top: 60px;
}
 
#ContentsList .cont-top, 
#cover #ContentsList ul.cont-mine
{
	background-image: url(./img/tab_top.png);
	padding-top: 60px;
}
 
#ContentsList #m-links 
{
	background: transparent url(./img/tab_bottom.png) no-repeat 0 100%;
	padding-bottom: 60px;
	margin-bottom: -5px;
}
  
#SbCntLst ul 
{
	background: transparent;
}
 
#SbCntLst ul li, 
.cont-main ul li
{
	background: url(./img/bar03.png)
		no-repeat;
}
 
#SbCntLst ul ul li, 
.cont-main ul ul li,
.topNavi a
{
	background: url(./img/bg05.png);
}
  
/* Heading */ 
	
h1 
{
	background: transparent url(./img/heading_bg1.png) no-repeat 0 0.2em;
	padding: 0.2em;
	margin: 0 -10px 0.7em;
}
 
#cover h1 
{
	padding-top: 30px;
	height: 168px;
	background-image: url(./img/top.jpg);
}
 
h2 
{
	background: transparent url(./img/heading_bg2.png) no-repeat;
}
 
h3 
{
	background: transparent url(./img/heading_bg3.png) no-repeat;
}
 
h4 
{
	background: transparent url(./img/heading_bg4.png) no-repeat;
}
   
/* Border */ 
	
html * 
{
	border-color: #362016;
}
  
/* emphasis */ 
	
em, 
strong,
th
{
	color: black;
	background-color: transparent;
	letter-spacing: 0;
}
  
/* HTML Inline Elements */ 
	
:link, :visited, 
.navi :visited
{
	background: transparent url(./img/link.png) no-repeat 0 0.5em;
}
	
a:active, 
a:hover,
a:focus,
a:active *,
a:hover *,
a:focus *,
option:active,
option:hover,
option:focus
{
	color: white !important;
	background: #362016 !important;
}
 
address :link, 
address :visited
{
	background-image: none;
}
  
:link img 
{
	border-color: #362016;
}
	
:visited img 
{
	border-color: #362016;
}
    
/* 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: 1.5em;
	left: -1.5em;
	background: transparent !important;
	color: #362016 !important;
	text-decoration: none !important;
	font-size: small;
	white-space: nowrap;
	border-width: 0 0 1px 1px;
	padding: 0.2em 0 0 0.2em;
}
 
#m-entrance a:hover .description { padding-bottom: 3em; } 
#m-latest a:hover .description { padding-bottom: 4.5em; }
#m-works a:hover .description { padding-bottom: 11.5em; }
#m-w3cg a:hover .description { padding-bottom: 13em; }
#m-bbs a:hover .description { padding-bottom: 19em; }
#m-links a:hover .description { padding-bottom: 20.5em; }