@charset "utf-8";

*{
	margin:0px;
	padding0px;
}

body{
	margin:0px;
	background:url('image/bg2.gif');
	background-repeat:repeat;
	color:#333333;
}

#top{
	width:980px;
	height:100%;
	margin:0px auto;
	background-color:#ffffff;
	box-shadow:0px 0px 20px #808080;
}

header{
	height:100px;
	background:url('image/header_bg.png');
}

#mainbox{
	display:flex;
	flex-flow:row;
}

nav{
	width:20%;
	background:#ccccff;
	padding:0px 10px 50px;
}

#rightbox{
	background-color:#ffffff;
	width:78%;
}

section{
	margin-bottom:30px;
}

footer{
	height:100px;
	text-align:center;
	background:url('image/footer_bg2.png');
	color:#ffffff;
	padding:10px;
	font-size:small;
}

/* Common */
table{
	border-collapse:collapse;
	margin:10px auto 20px;
	width:95%;
}

th{
	border:1px solid #000066;
	background:#aaaaff;
	color:#4444ff;
}

td{
	border:1px solid #000066;
	padding:0px 5px;
}

dl{
	margin:0px;
	margin-left:20px;
	padding:0px;
}

dt{
	font-weight:bold;
}

dd{
	margin-bottom:10px;
}

caption{
	color:#000066;
	font-weight:bold;
}

strong{
	color:red;
}

h1{
	font-size:28px;
	border-bottom:2px solid #000066;
	border-left:10px solid #000066;
	background-color:#f0f0ff;
	margin:10px 10px 0px;
	padding:0px 8px;
	color:#111111;
}


h2{
	font-size:20px;
	border:1px solid #cccccc;
	border-radius:5px;
	background:linear-gradient(#000066, #0000ff, #000066);
	margin:10px 10px 0px;
	padding:0px 15px;
	color:#ffffff;
}

/* Menu */
nav ul{
	list-style-image: url('image/maru05.gif');
	border:1px solid #aaaaaa;
	border-radius:5px;
	margin:10px auto;
	list-style-position:inside;
}

nav ul li{
	border-bottom:1px dotted #aaaaaa;
	font-size:14px;
	background-color:#ffffff;
	margin-left:-40px;
	padding-left:10px;
}

nav ul li:first-child{
	list-style:none;
	border-bottom:1px solid #aaaaaa;
	background-color:#000066;
	color:#ffffff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding:2px 5px;
	font-weight:bold;
}

nav ul li:last-child{
	border-bottom:0px;
	background-color:#ffffff;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

nav ul li.subtitle{
	list-style:none;
	background-color:#f3f3ff;
}

nav ul a{
	text-decoration:none;
	/*display:block;*/
	padding:1px 10px;
	color:#333333;
}
nav ul a:hover{
	background-color:#ffff00;
}


/* Banner */
div.bb{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

div.bt{
	margin:10px;
	text-align:center;
}

div.bs{
	margin-top:20px;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
}


#rightbox p{
	margin:5px 20px;
}

div.panlist{
	padding:10px;
}

#rightbox ul,ol{
	margin:10px 10px 20px;
}

#rightbox .zu{
	text-align:center;
}

#rightbox .tabkomoku{
	background:#ccccff;
	width:35%;
}

#rightbox .tabnaiyo{
	background:#ffffff;
	width:65%;
}

pre{
	margin:10px 20px;
	padding:5px 8px;
	background:#efefef;
	border:1px dashed #666666;
	overflow:auto;
}
code{
	line-height:120%;
}

.comment{
	color:#009900;
}

.comment2{
	color:#000099;
}

.leftside{
	margin:30px;
	text-align:left;
}

.centerside{
	margin:20px;
	text-align:center;
}

.rightside{
	margin:30px;
	text-align:right;
}

div.totop{
	text-align:right;
	margin:30px 30px 50px;
}

#rightbox p.caution:before{
	content: url(image/caution.gif);
	margin:5px;
	position: relative;
	top:2px;
}

div.kaiso{
	margin:10px 20px;
	white-space:pre;
}