body {
	margin: 0px;
	padding: 0px;
	background-color: #E8E8E8;
	background-image: url(image/bg.jpg);
	background-attachment: fixed;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
}
a { white-space: nowrap; }
a:link    { color: #0099FF; text-decoration: underline; font-weight: normal !important; }
a:visited { color: #0066CC; text-decoration: underline; font-weight: normal !important; }
a:hover   { color: #990033; text-decoration: underline; font-weight: normal !important; }
a:active  { color: #FF9900; text-decoration: underline; font-weight: normal !important; }

h1 {
	width: 80%;
	height: 100px;
	margin: 8px auto;
	padding: 10px;
	border: 1px dashed #CCCCCC;
	background: #FFFFFF url(image/headback.jpg) no-repeat scroll center;
	color: #7F0030;
	font-size: 36px;
	line-height: 40px;
}
h2 {
	padding-left: 12px;
	border-left: 10px solid #7F0030;
	color: #7F0030;
	font-size: 18px;
}
h3#cancellist {
	margin-top: 2.5em;
	margin-bottom: 1em;
	padding-left: 15px;
	border-bottom:1px dashed #DDDDDD;
	background-image: url(image/arrow.gif);
	background-repeat: no-repeat;
	color: #003366;
	font-size: 16px;
	font-weight: bold;
}

p {
	margin-left: 15px;
	margin-right: 15px;
}

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

div#body {
	width: 80%;
	margin: 8px auto;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: left;
}

div#content {
	width: 500px;
	margin-right: 170px;
}

div#leftCol {
	float: left;
	width: 49%;
	border-right: 1px dashed #DDDDDD;
}
div#rightCol {
	float: right;
	width: 49%;
	padding-right: 1%;
	border-left: 1px dashed #DDDDDD;
}

div#navBar {
	margin-top: 50px;
	padding: 1em;
	border: 1px solid #E8E8E8;
	background-color: #FBFBFB;
	font-size: 12px;
}
div#navBar p {
	margin: 3px 0px;
}

p#copyright {
	width: 80%;
	margin: 8px auto;
	padding: 10px;
	border: 1px dashed #CCCCCC;
	background-color: #FFFFFF;
	color: #BBBBBB;
	font-size: 80%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

div#loginbox {
	padding: 1em;
	border: 1px solid #E8E8E8;
	background-color: #FBFBFB;
}
#loginbox label {
	margin-right: 1em;
	font-family: monospace;
}

dl#index dt {
	clear: both;
	margin-top: 2.5em;
	margin-bottom: 0px;
	padding-left: 15px;
	border-bottom:1px dashed #DDDDDD;
	background-image: url(image/arrow.gif);
	background-repeat: no-repeat;
	color: #003366;
	font-size: 16px;
	font-weight: bold;
}
dl#index dd { margin-left: 1.5em; }
dl#index ul { margin-top: 0px; }
dl.index dt {
	margin-top: 2.5em;
	margin-bottom: 0px;
	padding-left: 15px;
	border-bottom:1px dashed #DDDDDD;
	background-image: url(image/arrow.gif);
	background-repeat: no-repeat;
	color: #003366;
	font-size: 16px;
	font-weight: bold;
}
dl.index dd { margin: 1em 1em 1em 5em; }
dl.index ul { margin-top: 0px; }
dd.date {
	border-bottom: 1px solid #DDDDDD;
	color: #336699;
	font-family: monospace;
	font-style: italic;
	text-align: right;
}

dd.submenu {
	margin-top: 6px;
}

dl.details {
	margin-top: 2.5em;
	padding-left: 15px;
}
dl.details dt {
	margin-top: 2.5em;
	margin-bottom: 0px;
	padding-left: 15px;
	border-bottom:1px dashed #DDDDDD;
	background-image: url(image/arrow.gif);
	background-repeat: no-repeat;
	color: #003366;
	font-size: 14px;
	font-weight: bold;
}
dd.teacher { }
dd.classname { font-weight: bold; }
dd.info { color: #404040; }

.counter {
	margin-left: 4px;
	font-size: 10px;
}

img.arrow {
	margin-right: 3px;
	border: none;
}

/* --------------- admin --------------- */

h3#add {
	margin-left: 15px;
	margin-right: 15px;
	padding: 10px;
	border: 1px solid #CC6699;
	background-color: #FFF3F9;
	font-size: 14px;
}
h3#revise {
	margin-left: 15px;
	margin-right: 15px;
	padding: 10px;
	border: 1px solid #66CC99;
	background-color: #F3FFF9;
	font-size: 14px;
}

p.anchors {
	margin-top: 6px;
	margin-right: 10%;
	font-size: 10px;
	text-align: right;
}

.notes {
	color: #FF4040;
	font-size: 10px;
}

div#menu ul#menu {
	display: inline;
	font-size: 12px;
}
div#menu ul li {
	display: inline;
	list-style-type: none;
}
div#menu li a {
	display: block;
	float: left;
	width: 150px;
	height: 20px;
	margin: 0px;
	padding: 3px;
	color: #003366;
	border: 1px solid;
	border-color: #E8E8E8 #808080 #999999 #DDDDDD;
	background-color: #DDE8F0;
	text-decoration: none;
}
div#menu li a:hover {
	color: #336699;
	background-color: #F0F9FF;
}

dl#form {
	margin-left: 10%;
	margin-right: 10%;
}
dl#form dt {
	padding-top: 12px;
	border-bottom: 1px solid #EEEEEE;
	color: #4477AA;
	font-weight: bold;
}

.textbox {
	width: 350px;
}

table.reviseList {
	margin-top: 20px;
	border: 1px solid #808080;
	font-size: 12px;
}
table.reviseList caption {
	margin: 1px 0px;
	padding-left: 5px;
	border-left: 12px solid #FF6600;
	color: #FF6600;
	background-color: #FFFFEE;
	font-weight: bold;
	text-align: left;
}
table.reviseList th {
	/*width: 25%;*/
	background-color: #336699;
	color: #FFFFFF;
}
table.reviseList tr.row1 td {
	border-bottom: 1px solid #DDDDDD;
	background-color: #EEFFFF;
}
table.reviseList tr.row2 td {
	border-bottom: 1px solid #DDDDDD;
}


/* --------------- 印刷用ページ関連 --------------- */
div.nobreak { text-align: center; page-break-after: always; }
div.nobreakLast { text-align: center; }
div.nobreak table, div.nobreakLast table { margin-left: auto; margin-right: auto; width: 95%; border: 1px solid #000000; background-color: #FFFFFF; }
div.nobreak table td, div.nobreakLast table td { width: 25%; text-align: left; }