@charset "Shift_Jis";

*{
	margin :0;
	padding:0;
}

html{
	scrollbar-track-color:#FFF;
	scrollbar-face-color:#FFF;
	scrollbar-shadow-color:#444;
	scrollbar-darkshadow-color:#FFF;
	scrollbar-highlight-color:#FFF;
	scrollbar-3dlight-color:#444;
	scrollbar-arrow-color:#444;
	overflow:visible;
	height:100%;
}

body{
	font-size:80%;
	color:#444;
	font-family:Verdana, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, monospace;
	font-style:normal;
	line-height:1.6;
	background:url(css_ribbon001.gif) repeat-y top left fixed;
	overflow:auto;
	height:100%;
}

table{
	font-size:100%;
}

a:link{color:#7838D2;}
a:visited{color:#7838D2; text-decoration:none;}
a:hover{text-decoration:none;}
a:active{color:#AAA; text-decoration:none;}

p{
	margin:0 0 1em 0;
}

em{
	color:#AD002D;
	font-style:normal;
}

strong{
	font-weight:bold;
}

img{
	border:0;
}

hr{
	display:none;
}
	.line{
		margin-top:400px;
	}

h1{
	font-size:170%;
	color:#FFF;
	font-weight:normal;
	font-family:"Century Gothic", Arial, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, monospace;
}
	h1 a:link{color:#FFF; text-decoration:none;}
	h1 a:visited{color:#FFF; text-decoration:none;}

h2{
	font-size:180%;
	color:#666;
	font-weight:normal;
	font-family:"Century Gothic", Arial, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, monospace;
	text-align:right;
	padding-top:100px;
}

h3{
	font-size:100%;
	color:#000;
	font-family:Arial, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, monospace;
	background:url(p_square001_001.gif) no-repeat center left;
	margin-bottom:10px;
	padding-left:15px;
}

#header{
	margin:0 20px 0 0;
	padding:30px 0 0 0;
}

#out {
	width:90%;
	height:100%;
	min-height:100%;
}

.write{
	padding:0 0 20px 320px;
}

.write ul{
	padding:0 0 1em 30px;
	list-style:square;
}

#side{
	overflow:auto;
	position:absolute;
	width:200px;
	height:100%;
	padding: 0 20px;
	top:0;
	left:0;
}

#out > #side{
	position:fixed;
}

#side ul{
	margin:0 0 10px 0;
	padding:5px 0 5px 0;
}

#side ul li{
	list-style:none;
	line-height:1.8;
}

#menu{
	font-size:100%;
}

#menu li a{
	color:#EEE;
	text-decoration:none;
	width:100%;
	padding-left:5px;
	border-left:2px solid #000;
}

#menu li a:hover{
	color:#999;
	text-decoration:none;
	padding-left:5px;
	border-left:2px solid #7838D2;
}

dl{margin-left:0; }
dt{text-decoration:underline; }
dd{
	padding:0 0 0 10px;
	margin:0 0 10px 15px;
	border-left:3px double #DDD;
}

p.info{
	height:75px;
	overflow:auto;
	padding:5px;
}

.flt{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

.clears{
	clear:both;
}

#footer{
	text-align:left;
}

#copy,#copy a{
	color:#555;
	font-size:9px;
	font-family:Arial, "‚l‚r ‚oƒSƒVƒbƒN", Osaka, monospace;
	text-decoration:none;
}

input,select,textarea{ 
	font-size:100%;
	color:#444;
	line-height:110%;
	padding:2px;
	background:#EEE;
	border:1px solid #FFF;
}
	
b{font-weight:bold; }
i{font-style:oblique; }