html * {
	box-sizing	:border-box;
	-moz-box-sizing	:border-box;
}

a{
	font-weight	: bold;
}
a:link{
	color		: #0066CC;
	text-decoration: none;
}
a:visited{
	color		: #008;
	text-decoration: none;
}
a:hover{
	background-color: #ccf;
	color		: #f55;
	text-decoration: none;
}
a:active{
	color		: #996699;
	text-decoration: none;
}

div.menu a:visited{
	color		: #0066cc;
}
div.menu a:hover{
	background-color: #ccf;
	color		: #f55;
}

body {
        font-family:verdana, arial, helvetica, Sans-Serif;
	font-size	:12pt;
	color		:black; 
	margin		:0;
	padding		:0;
	text-align	:center;
	background-color: #fff;
}

/*
hr {
	color		: none;
	border		: 0 none #000;
	height		: 4px;
	text-align	: center;
	width		: 80%;
	background-image: url(../_themes/canvas/rule.png);
	margin		: auto;
	margin-top	: 0.5em;
	margin-bottom	: 0.5em;
} 
*/
.small {
	font-size	: 80%;
}

strong {
	font-weight	: bold;
	color		: #f00;
}

em {
	font-style	: normal;
	font-weight	: bold;
	color		: #000;
}

p#counter {
	font-size	: 80%;
	text-indent	: 0;
	margin		: 0.5em;
	font-weight	: bold;
	border-style	: solid;
	border-width	: 1px;
	border-color	: #777;
	background-color: #eee;
	padding		: 0.5em;
}

.large {
	font-size	: 120%;
}

.center {
	text-indent	: 0;
	text-align	: center;
}


.right {
	text-align	: right;
}

.noindent {
	text-indent	: 0;
}

.copyright {
	font-size	: 70%;
	text-align	: center;
}

.tiny {
	font-size	: 50%;
}

/* メニュー関係 */
.menu a{
	font-weight	: bold;
	text-decoration	: none;
}

div.menu {
        position        : fixed;
        top             : 0px;
        left            : 0px;
	text-align	: left;
	width		: 12em;
	float		: left;
	margin		: 0;
	padding		: 0.5em;
	border-style	: none;
	border-right	: solid;
	border-bottom	: solid;
	border-width    :0 1px 1px 0;
}

div.menu h2,h3,h4 {
	font-size	: 100%;
	text-align	: center;
	border		: none;
	margin		: 0.5em;
	padding		: 3px;
}

div.menu h2 {
        background-color:#6666cc;
	padding: 3px;
	padding-left	: 0.5em;
	border-top: 2px solid #9999ff;
	border-left: 2px solid #9999ff;
	border-right: 3px solid #666699;
	border-bottom: 3px solid #666699;
	color		: #fff;
	margin		: 0;
}

div.menu ul {
	font-size: 100%;
	text-align: left;
	background: none;
	margin: 1em;
	margin-right: 0;
	padding: 0;
}
div.menu ul ul{
	font-size	: 100%;
	text-align	: left;
	background: none;
	margin		: 0;
	margin-left	: 0.5em;
	padding		: 0;
}

div.menu ul li{
	margin		: 3px;
}

div.menu ul ul li{
	margin		: 0px;
	font-size	: 90%;
}

div.menu hr {
	width		: 100%;
} 

div.menu p {
	margin		: 0.5em 0 0 0;
	padding		: 0;
}

/* メイン */

div.main {
	text-align	:left;
	margin		: 0;
	margin-left	: 12em;
	padding		: 1em;
	border-style	: none;
	background: none;
}

div.main ul {
	margin		: 1em;
	text-align	: left;
	background: none;
	margin		: 0;
	padding		: 0 2em;
	font-size	: 100%;
}

div.main ul.none {
	list-style-type: none;
	text-align	: left;
	background: none;
	margin		: 1em;
	padding		: 0;
	border-style	: none;
	border-width	: 1px;
	border-color	: #000;
}

div.main ul.center {
	list-style-type	: none;
	margin		: 1em 15%;
	text-align	: center;
	background: none;
	margin		: 0;
	padding		: 0 15%;
}

div.main ul.center li{
	margin		: 1em;
}

div.main ul ul{
	margin		: 0 0 0 1em;
	text-align	: left;
	background: none;
	padding		: 0 0 0.5em 1em;

}

div.main ul.left{
	text-align	: left;
	text-indent	: 0;
	list-style-type	: disc;
	margin		: 0.5em 0 0.5em 2em;
	padding		: 0;
}

div.main ul.nomark{
	text-align	: left;
	text-indent	: 0;
	list-style-type	: none;
	margin		: 0.5em 0 0.5em 2em;
	padding		: 0;
}

div.main ul.left li{
	margin		: 0.2em 0;
}

div.main ul li{
	margin		: 3px 0;
}

.note {
	border-width	: 4px;
	font-weight	: normal;
	border-style	: dotted;
	border-color	: #777;
	background-color: #f9f9f9;
	background-color: #fff;
	margin		: 1em 10%;
	padding		: 0.5em;
}

.thinnote {
	border-width	: 1px;
	font-weight	: normal;
	border-style	: dotted;
	border-color	: #777;
	background-color: #f9f9f9;
	background-color: #fff;
	margin		: 0.5em 15%;
	padding		: 0;
}

.thin {
	font-weight	: normal;
	border-style	: none;
	background-color: #fff;
	margin		: 0 15%;
	padding		: 0;
}

pre {
	background-color: #eee;
	margin		: 0.5em 15%;
	border-style	: solid;
	border-width	: 1px;
	padding		: 0.5em;
}

h1 {
        font-family:verdana, arial, helvetica, Sans-Serif;
	font-size	: 150%;
	margin		: 1em 3em;
	padding		: 0.2em;
	border-style	: solid none;
	border-width	: 4px;
	color		: #777;
	text-align	: center;
	border-color	: #ffa500;
	background: none;
}

h1 em {
	font-size	: 170%;
	color		: #6666cc;
	color		: #6666ff;
}
h2
{
        font-family:verdana, arial, helvetica, Sans-Serif;
        color: #ffffff;
        background-color:#6666cc;
	padding: 3px;
	padding-left	: 0.5em;
	border-top: 2px solid #9999ff;
	border-left: 2px solid #9999ff;
	border-right: 3px solid #666699;
	border-bottom: 3px solid #666699;
}

h3 {
        font-family	:verdana, arial, helvetica, Sans-Serif;
        color		: #000;

	border-top	: 0px solid #c0c0f0;
	border-left	: 16px solid #6666cc;
	border-right	: 0px solid #6666cc;
	border-bottom	: 2px solid #6666cc;
	text-indent	: 4pt;
	text-align	: left;
	font-weight	: bold;
}

h4 {
        font-family	:verdana, arial, helvetica, Sans-Serif;
        color		: #000;

	border-top	: 0px solid #c0c0f0;
	border-left	: 2px solid #6666cc;
	border-right	: 0px solid #6666cc;
	border-bottom	: 2px solid #6666cc;
	text-indent	: 4pt;
	text-align	: left;
	font-weight	: bold;
}

h3 em {
	color		: #fff;
	background-color: #6666cc;
	padding		: 3px 0.5em;
}

/*
h2 {
	font-size	: 100%;
	text-align	: left;
	margin		: 0.3em 0;
	border		: none 0 #000;
	padding		:0 0.3em 0 0
}
*/
p {
	text-indent	: 1em;
	margin		: 1em;
	margin-top	: 0.25em;
	margin-bottom	: 0.25em;
	padding		: 0.25em;
}

ol {
	list-style-type : decimal;
	text-indent	: 0;
	margin		: 1.5em 15%;
	padding		: 0;
}

ol ol{
	list-style-type : decimal;
	text-indent	: 0;
	margin		: 0.5em 0 0.5em 3em;
	padding		: 0;
}

dl {
	margin		: 0 5%;
	padding		: 2px 0 0.5em 2px;
	background-color: #fff;
}

dl dl{
	margin		: 0 0 0 0.5em;
	padding		: 0.5em;
	padding-top	: 0;
	background-color: #fff;
	border-style	: dotted;
	border-width	: 3px;
	border-color	: #0f0;
}

dt {
	color		: #000;
		margin		: 0 2em 0 0;
	margin-top	: 0.5em;
	margin-bottom	: 0.3em;
	padding		: 0;
	background: none;
	border-style	: none;
	font-weight	: bold;
}

dt em{

	border-style	: solid;
	border-color	: #ffa500;
	border-width	: 2px;

	background-color: #fff;

	padding-left	: 0.3em;
	padding-right	: 0.3em;
}

dd {
	margin		: 0;
	margin-left	: 1em;
	margin-right	: 1em;
	padding		: 0 0.3em;
	background-color: #fff;
	border-style	: none;
}

dd.hoge {
	padding		: 0.5em 0.3em 0 0.3em;
}

dd.sage {
	padding		: 0 0 0 2em;
}

table {
	margin		: auto;
	margin-left	: 4em;
	margin-top	: 1em;
	background	: none;
	border-collapse	: collapse;
	border		: none 0 #000;
}

table.whatsnew {
	font-size: 100%;
}

td {
	padding		: 0 0.5em;
}

tbody td {
	background	: none;
	border		:none 0 #000
}

.tdmem {
	padding	:0 0 0 0.5em;
	background	:#ffffff
}

.divb {
	padding	:1em;
	background	:#FFFFCC;
	border		:double 6px #660000
}

.s {
	font-size	:10pt
}

.dnews {
	text-align	:left;
	width		:80%;
	background	:#ffffff;
	margin		:1em auto;
	padding		:1em 0.5em ;
	border		:solid 8px #660000
}

.dme {
	text-align	:left;
	margin		:0 10% 0 25%;
	padding		:0.5em 2em
}

.dte {
	text-align	:center;
	margin-left	:auto;
	margin-right	:auto
}

.dlist {
	font-size	:12pt;
	text-align	:left;
	margin		:0 20%;
	padding		:0.5em 1em
}

.bte {
	margin		:0.5em 0 0.5em 2em;
	padding		:0
}

.btf {
	width		:100%;
	margin		:0;
	padding		:1em 0.5em;
	background	:#ffffcc;
	border-right	:double 6px #660000;
	border-left	:double 6px #660000
}

.blr {
	text-align	:left;
	height		:15em;
	width		:50%;
	float		:left;
	margin		:0;
	padding		:1em;
	background	:#ffffcc
}

/* その他 */


#ble {
	border-left	:double 6px #660000
}

#bri {
	border-right	:double 6px #660000
}

#bto {
	border-top	:double 6px #660000
}

#bbo {
	border-bottom	:double 6px #660000
}

.cl {
	clear		:left
}

.note table {
	margin		: auto;
	margin-left	: 1em;
	background	: none;
	border-collapse	: collapse;
	border		: none 0 #000;
}

.note table th {
	white-space	: nowrap; 
	vertical-align	: top;
}

.note h2 {
        font-family:verdana, arial, helvetica, Sans-Serif;
	font-size : 100%;
        color: #6666cc;
        color: #f00;
	background	: none;
	margin	: 0 0 2px 0;
	padding: 0;
	padding-left	: 0.5em;
	border: 3px solid #666699;
	border: none;
}

@media print{
	div.menu {
		display: none;
	}

	div.main {
		margin: 0;
	}
	h1 {
		font-size: 120%;
		border-style: double none;
		border-color: #000;
		border-width: 6px 0;
	}
	h2 {
		font-size: 110%;
		border-color: #000;
		border-style: none none solid solid;
		background-color: #fff;
		border-width: 0 0 3px 1.5em;
		color: #000;
	}
	h3 {
		font-size: 100%;
		border-color: #000;
	}

}