/* ベース　スタイルシート */

body {
	margin: 0;
	padding: 0;
	background: white;
	color: #002;
}

#content{
	width: 90%;
	max-width: 1024px;
	min-width: 300px;
	margin: 0 auto;
	line-height:1.4;
}


H1{
	color:#020;
	background-color:#eef;
	border-style: solid;
	border-color: #99d;
	border-width: 1px 0px 1px 0px;
	font-size: 2.0em;
	text-align:center;
	line-height:1.2;
	margin-top:0.4em;
	margin-bottom:0.2em;
	/* height:1.3em;  */
	opacity: 0.7;
	filter:Alpha(opacity=70);
}

H2{
	border-color: #99d;
	border-width: 1px 0px 1px 0.8em;
	border-style: solid;
	padding-left: 0.5em;
	line-height:1.3;
	margin-left:0.3em;
	margin-top:0.6em;
	margin-bottom:0.2em;
	margin-right: 3em;
}

H3{
	border-color: #99d;
	border-width: 0em 0em 0px 1em;
	border-style: solid;
	padding-left: 0.5em;
	line-height:1.0;
	margin-bottom:0.5em;
	margin-right: 30%;
	margin-left: 1.2em;
}

H4{
	text-decoration:underline;
	margin-top:1em;
	margin-bottom:0.5em;
	margin-left: 2em;
}


p{
	margin: 0.3em 0.5em 0.5em 1em;
	text-indent: 0.6em;
}

pre {
	margin:0.3em;
	margin-left: 4em;
	margin-right: 20%;
	padding:0.2em;
	line-height:1.0;
	background-color:#f8f8ff;
	overflow: auto;
}

blockquote{
	border: 1px #88f dotted;
	font-style: italic;
}


A {
	text-decoration: none;
	font-weight:bold;
}

A:link{
	COLOR:#00f;
}

A:visited{
	COLOR:#00a;
}
A:active{
	COLOR:#fa3;
}
A:hover{
	TEXT-DECORATION:underline;
	COLOR:#f00;
}


ul{
	margin: 0.3em 2em;
	margin-left:3em;
	padding: 0px;
	line-height:1.2;
}

ol{
	margin: 0.3em 2em;
	line-height:1.2;
}

li ul{
	margin-left:0;
	padding: 0px;
	padding-left:2em;
}
li ol{
	margin-left:0;
	padding-left:2em;
}


IMG{
	border-width: 0em;
}

STRONG{
	COLOR:#800;
}
SMALL{
	COLOR:#555;
}

HR{color:#88f;background-color:#88f;}

table{
	margin-left: 3em;
	margin-top: 0.3em;
	border-collapse: collapse;
}
table tr td{
	border: 1px #88f solid;
}
table tr th{
	border: 1px #88f solid;
	background-color:#ced;
}



.center{
	text-align: center;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}

img {
	max-width:100%;
}

img.left{
	float:left;
}
img.right{
	border-color: #4b8;
	border-width: 1px;
	border-style: dotted;
	float:right;
}



.console{
	padding: 0.5em;
	margin-left: 3em;
	width:38em;
	color:gray;
	background-color:black;
	line-height: 1.0;
}
div.console p{
	margin-left: 0;
	padding: 0;
	text-indent: 0;
}

div.console kbd{
	color:white;
}

DIV.box{
	background-color:#f8f8ff;
	border-color: #4b8;
	border-width: 1px;
	border-style: dotted;
	margin-left: 4em;
	margin-right: 20%;
}

DIV.dir{
	background-color:#cde;
	line-height:1.8;
	padding-left: 1em;
	height:1.8em;
	filter:Alpha(opacity=70);
}

DIV.navi{
	background-color:#e4eef4;
	line-height:1.4;
	padding-left: 1em;
	height:1.4em;
	filter:Alpha(opacity=70);
	margin-top: 0px;
	margin-bottom: 2px;
}



ul.note{
	list-style-type:none;
	margin-left:0;
	padding-left:2em;
}

DIV.credit{
	margin-top: 2em;
	text-align: right;
	font-size: 0.9em;
}


/* ---------------------- BBS Plugin ---------------------- */
div.bbs_form{
	padding-left: 5em;
}

div.bbs_entry pre{
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;      /* IE 5.5+ */
}
div.bbs_entry{
	border-width: 1px;
	border-style: solid;
	border-color: #a88;

	padding: 0;
	margin: 1em 2em;
}
div.bbs_entry h2{
	background-color:#eef;
	border-style: solid;
	border-color: #a88;
	border-width: 1px 2px 1px 0.5em;
	font-size: 1.0em;
	font-weight:normal;
	padding: 0 0.5em;
	margin: 0 0 0.2em 0;
}

div.bbs_entry pre{
	background-color:transparent;
	font-size: 1.0em;
	margin: 0;
}

div.bbs_entry span.msgid{
	font-size: 0.6em;
	font-weight:normal;
}

div.bbs_entry span.subject{
	font-weight:bold;
	color:#262;
}

div.bbs_entry span.from{
	font-weight:bold;
	color:#800;
}

div.nicovideo{
	margin-left:1.5em;
}

/* ---------------------- Software Page ---------------------- */

DIV.swmenu a{
	font-size: 1.2em;
	line-height:1.1;
}

DIV.sw{
	border: solid 1px #aaf;
	margin:1em auto;
	max-width: 800px;
	clear: both;
}

DIV.sw h2{
	border-style: none;
	margin: 0em;
	background-color: #cce;
}

DIV.sw table{
	margin-left: 1em;
}

DIV.sw td{
	border-style: solid;
}
DIV.sw th{
	border-style: solid;
}


DIV.sw p{
	margin: 0.5em 1em 0.5em 1em;
}

a.button {
	margin: 0.2em auto;
	display:inline-block;
	border: solid 1px #aaf;
	padding: 0.5em;
	text-align: center;
	-moz-border-radius:3px;
	border-radius:3px;
}

a.button:active{
	background-color:#ddd;
}
a.button:hover{
	background-color:#ddd;
}


/* ---------------------- Top Page ---------------------- */
div.footer{
	font-size: 0.8em;
}

div.top h1{
	background-color: transparent;
	font-size:4em;
	margin:0em;
	line-height:1.2;
}

div.topmenu{
	max-width: 29em;
	margin:40px auto;
	padding-left:1em;
	padding-right:1em;
	text-align: center; /* for IE bug */
}


div.topmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	min-height:0;
}
div.topmenu ul:after{ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
} 

div.topmenu ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

div.topmenu a{
	display:block;
	float: left;
	width: 31%;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaaff;
	text-align: center;
	padding: 1.7em 0;
	margin:1px;
}

div.topmenu a:hover{
	border-color: #ff0000;
	background-color: #abc;
}

div.topmenu span{
	display:block;
	float: left;
	width: 31%;
	border-style:none;
	padding: 1.7em 0;
	margin:1px;
}


div.menu {
	margin: 0;
	padding: 3px;
	text-align: center;
	font-size: 0.9em;
	background-color: #c88;
}