@charset "EUC-JP";

/* ------------------------------------------------------------------------- */
/* block */

body {
	background-color: #f8f8ff;
	font-family: sans-serif;
	line-height: 120%;
	margin: 0em;
	padding: 1em;
	width: 1024px;
}

header, footer, nav, div, p{
	clear: both;
	margin: 0em;
	padding: 0em;
}

header {
}

footer {
	margin: 0.5em 0em 0em;
	padding: 0.5em 1em 0em;
	border-top: 2px solid #8080a0;
}

/* ------------------------------------------------------------------------- */
/* list */

ul {
	clear: both;
	margin: 0em;
	padding: 0em;
}
ul.error {
	color: #ff0000;
	font-weight: bold;
}

li {
	margin: 0em;
	padding: 0em;
}

/* ------------------------------------------------------------------------- */
/* form */

input {
	border: 1px solid #8080a0;
	margin: 0em;
}

/* ------------------------------------------------------------------------- */
/* link */
/*
a:link {}
a:visited {}
a:active { font-weight: bold; }
a:hover { font-weight: bold; }
*/
/* ------------------------------------------------------------------------- */
/* inline */

big { font-size:125%; }
small { font-size:80%; }

/* ------------------------------------------------------------------------- */
/* class */

.clear { clear: both; }
.clear_after:after {/* floatによる高さずれ対策 http://scuderia-web.com/tips/xhtml_css/clearfix.php */
	content: '';
	clear: both;
	display: block;
}
.alert { color: #ff0000; }
.text_right { text-align: right; }

/* ------------------------------------------------------------------------- */
/* image */

img {
	border-width:0px;
	margin:0px;
	padding:0px;
}
a img { border: 1px solid #8080a0; }

/* ------------------------------------------------------------------------- */
/* headline */

h1 {
	background-color: #8080a0;
	clear: both;
	font-size: 200%;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em 1em;
}
h1 a {
	color: #ffffff;
	text-decoration: none;
}
h1 a:hover, h1 a:active {
	text-decoration: underline;
}

/* ------------------------------------------------------------------------- */
/* header, footer */

header div {/* description */
	padding: 0.5em 2em 0em;
}
header div p {
	padding: 0.3em 0.5em;
}

header div a {
	color: #404080;
	font-weight: bold;
	text-decoration: none;
}
header div a:hover, header div a:active {
	text-decoration: underline;
}

/* ------------------------------------------------------------------------- */
/* nav - navi */

nav#navi {
	background-color: #8080a0;
	margin: 0.5em 0em;
}
nav#navi ul {
	font-weight: bold;
	letter-spacing: 2px;
	list-style: none outside none;
	padding: 0.3em 1em;
}
nav#navi ul li {
	float: left;
}
nav#navi a {
	color: #ffffff;
	text-decoration: none;
	padding: 0em 0.5em;
}
nav#navi a:hover, nav#navi a:active {
	color: #8080a0;
	background-color: #ffffff;
}
nav#navi ul li#link {
	float: right;
	font-size: 80%;
}
nav#navi ul li#admin {
	float: right;
	font-size: 80%;
}

/* ------------------------------------------------------------------------- */
/* nav - pagelist */

nav.pagelist {
	margin: 0.5em 0em;
}
nav.pagelist ul {
	display: table;
	border:1px solid #8080a0;
	border-collapse: collapse;
	margin: 0em auto;
}
nav.pagelist ul li {
	display: table-cell;
	border:1px solid #8080a0;
	padding: 0.2em 0em;
	font-weight: bold;
	font-size: 80%;
}
nav.pagelist ul li.current {
	color: #ffffff;
	background-color: #8080a0;
}
nav.pagelist ul li.current span {
	padding: 0em 1em;
}
nav.pagelist a {
	color: #404080;
	text-decoration: none;
	padding: 0em 1em;
}
nav.pagelist ul li.link:hover {
	background-color: #8080a0;
}
nav.pagelist ul li.link:hover a {
	color: #ffffff;
}

/* ------------------------------------------------------------------------- */
/* div - form */

div#form
{
	border: 1px solid #8080a0;
	margin: 0.5em 2em;
	padding: 0.5em 1em;
}
#form div {
	font-size: 90%;
	margin: 0em;
	padding: 0.1em 0.5em;
}
#form div#form_file {
}
#form div#form_message {
}
#form div#form_password {
	float: left;
}
#form div#form_info {
	clear: none;
	margin-top: 0.2em;
}

/* ------------------------------------------------------------------------- */
/* div - message */

div.message {
	margin: 1em 2em;
	padding: 0em 1em;
}
.message ul {
	list-style: square outside none;
	padding-left: 1em;
}
.message li {
	margin: 0.2em 0em;
}
.message img {
	vertical-align: middle;
}
.message i { font-size: 90%; }

/* ------------------------------------------------------------------------- */
/* div - bbs */

div#bbs {
	border: 1px solid #8080a0;
	margin: 0.5em 2em 0em;
	padding: 0.5em 0.5em;
}
#bbs ul {
	list-style: none outside none;
}
#bbs ul li {
	padding: 0.5em 0.5em;
	border-color: #e0e0ff;
	border-style: solid;
	border-width: 1px 0px;
}
#bbs ul li div {
	clear: none;
	float: left;
}
#bbs div.id {
	font-weight: bold;
	margin-right: 0.5em;
}
#bbs div.date {
	font-size: 90%;
	font-style: italic;
}
#bbs div.admin {
	font-size: 90%;
	font-style: italic;
	margin-right: 0.5em;
}
#bbs ul li div.message {
	clear: both;
	float: none;
	margin: 0em 1em;
	padding: 0.2em 0.5em;
}
#bbs ul li div.ip {
	color: #8080a0;
	font-size: 90%;
	margin-left: 0.5em;
}
#bbs ul li div.del {
	font-size: 80%;
	margin-left: 0.2em;
}

/* ------------------------------------------------------------------------- */
/* table */

table {
	border:1px solid #8080a0;
	border-collapse: collapse;
	clear: both;
	empty-cells: show;
	margin:0em;
	padding:0em;
}

/* ------------------------------------------------------------------------- */
/* table - sumbnail */

div#sumbnail table {
	margin:0em auto;
}
div#sumbnail td.odd {
 	background-color: #f0f0ff;
}
div#sumbnail td.even {
 	background-color: #ffffff;
}
div#sumbnail td {
	border: 1px solid #8080a0;
	padding: 5px;
	text-align: center;
	font-size: 80%;
	line-height: 110%;
	vertical-align: bottom;
	width: 180px;
}
div#sumbnail td div {
}
div#sumbnail td div span.mime {
}
div#sumbnail td div span.del {
}
div#sumbnail td div span.size {
	font-style: italic;
}
div#sumbnail td div span.date {
}
div#sumbnail td div span.ip {
	color: #808080;
}

/* ------------------------------------------------------------------------- */
/* table - list */

div#list table {
	margin:0em 2em;
}
#list tr.odd {
 	background-color: #f0f0ff;
}
#list tr.even {
 	background-color: #ffffff;
}
#list th {
 	background-color: #8080a0;
	border: 1px solid #8080a0;
	color: #ffffff;
	letter-spacing: 1px;
	padding: 0.2em 0.5em;
	text-align: center;
}

#list td {
	border: 1px solid #8080a0;
	padding: 0.2em 0.5em;
	font-size: 90%;
}
#list td.id {
	text-align: center;
	font-size: 100%;
}
#list td.name {
	color: #808080;
}
#list td.mime {
}
#list td.size {
	text-align: center;
}
#list td.date {
	text-align: center;
}
#list td.del {
	font-size: 80%;
	text-align: center;
}
#list td.ip {
	color: #8080a0;
	text-align: center;
}
#list td.password {
	color: #8080a0;
	text-align: center;
}

/* ------------------------------------------------------------------------- */