@charset "UTF-8";

/* 
 index
 */

/* list */
table.list {
	margin:10px 0;
	border:#CCCCCC 1px solid;
	border-collapse:collapse;
	width:100%;
	font-size:small;
	}
table.list th,
table.list td {
	border-bottom:#CCCCCC 1px solid;
	vertical-align:middle;
	}
table.list th.ttitle {
	text-align:left;
	}
table.list th.tname,
table.list td.tname {
	text-align:left;
	}
table.list th.tdate,
table.list td.tdate {
	text-align:right;
	}
table.list th.tcomment,
table.list td.tcomment {
	text-align:right;
	}
table.list thead th {
	padding:5px 16px;
	white-space:nowrap;
	font-size:xx-small;
	font-family:monospace;
	font-weight:normal;
	}
table.list tbody {
	}
table.list tbody a:hover { 
	color:#FFCC00;
	}
table.list tbody th,
table.list tbody td {
	padding:10px 16px;
	}
table.list tbody td span.new {
	color:#FFCC00;
	}
table.list tbody td.tcomment span.new {
	font-weight:bold;
	}
table.list tbody tr.pickup {
	background:#FDFFFC;
	}
table.list tbody tr.pickup th {
	background:transparent url("/training/img/list-marker.png") left center no-repeat;
	font-size:110%;
	}

/* pager */
ol.pager {
	list-style:none;
	}
ol.pager li {
	margin:10px 5px;
	float:left;
	}
ol.pager li.prev {
	}
ol.pager li.next {
	}
ol.pager li a {
	padding:10px;
	color:#1BA0E1;
	}
ol.pager li a:hover {
	color:#FE5815;
	}
ol.pager li span {
	padding:10px;
	}

/* shortmessage */
#shortmessage {
	margin:15px 0;
	}
#shortmessage form {
	margin:10px 0;
	}
#shortmessage form select.color {
	display:none;
	}
#shortmessage table {
	font-size:small;
	}
#shortmessage table th,
#shortmessage table td {
	border-top:#EEEEEE 1px dotted;
	padding:5px;
	text-align:left;
	font-weight:normal;
	}
#shortmessage table th {
	white-space:nowrap;
	}
#shortmessage table td {
	font-size:90%;
	}
#shortmessage table td.date {
	display:none;
	color:#777777;
	}


/* 
 novel
 */
/* novel */
div#novel {
	line-height:1.5;
	}
div#novel h1 {
	letter-spacing:0.2em;
	font-size:xx-large;
	}
div#novel h1 span {
	font-size:large;
	}
div#novel h2 {
	margin:10px;
	letter-spacing:0.2em;
	font-size:medium;
	}
div#novel h3 {
	margin:15px 0;
	letter-spacing:0.2em;
	color:#FFBB00;
	font-size:medium;
	}
div#novel p {
	}
div#novel p.text {
	margin:10px;
	line-height:1.6;
	max-width:35em;
	font-size:large;
	}
div#novel p.info {
	text-align:right;
	font-size:90%;
	}
div#novel div#note {
	margin:10px 0;
	border:#999999 3px double;
	background-color:#FEFEFE;
	}
div#novel div#note p {
	margin:10px;
	}
div#novel div.impression {
	margin:10px 0;
	border:#E9EAF1 1px solid;
	padding:10px;
	}
div#novel div.impression h4 {
	margin:0;
	border-left:#FFCC00 3px solid;
	padding:5px 10px;
	font-size:medium;
	}
div#novel div.impression h4 a {
	text-decoration:none;
	}
div#novel div.impression p {
	margin:0;
	border-left:#CCCCCC 3px solid;
	padding:5px 10px;
	font-size:90%;
	}
div#novel div.impression p.data {
	font-size:x-small;
	}
div#novel div.impression p.data span.control {
	display:none;
	}
div#novel div.pickup {
	}
div#novel div.pickup h4 {
	font-size:130%;
	}
div#novel div.pickup p {
	font-size:100%;
	}
div#novel form table {
	width:100%;
	}
div#novel form table tfoot td {
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background-color:#EFEFE7;
	padding:10px;
	text-align:center;
	}
div#novel form table tbody th {
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background-color:#EFEFE7;
	padding:10px;
	font-size:medium;
	}
div#novel form table tbody td {
	border-top:#EEEEEE 1px solid;
	border-bottom:#EEEEEE 1px solid;
	padding:10px;
	}
div#novel form table tbody td input {
	font-size:medium;
	}
div#novel form table tbody td textarea {
	font-size:medium;
	}


/*
 upload
 */
#upload {
	}
#upload h1 {
	}
#upload h2 {
	margin:10px 0;
	}
#upload p {
	margin:10px 0;
	}
#upload form input#NAME {
	padding:0.1em;
	font-size:medium;
	}
#upload form input#URL {
	padding:0.1em;
	font-size:medium;
	}
#upload form input#TITLE {
	padding:0.1em;
	font-size:medium;
	}
#upload form input#send {
	border:#999999 1px solid;
	background-image:url("../img/icon_send.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding:2px 18px 2px 2px;
	}
#upload form input#edit {
	border:#999999 1px solid;
	background-image:url("../img/icon_edit.png");
	background-repeat:no-repeat;
	background-position:left center;
	padding:2px 2px 2px 18px;
	font-size:x-small;
	}
#upload form input#back {
	border:#999999 1px solid;
	background-image:url("../img/icon_back.png");
	background-repeat:no-repeat;
	background-position:left center;
	padding:2px 2px 2px 18px;
	font-size:medium;
	}
#upload form input:focus,
#upload form textarea:focus {
	background-color:#FFFFEE;
	}
#upload div.item {
	margin:10px 0;
	border:#E9EAF1 1px solid;
	padding:10px;
	}
#upload div.item h3 {
	border-left:#FFCC00 3px solid;
	padding:5px 10px;
	}
#upload div.item div {
	border-left:#CCCCCC 3px solid;
	padding:5px 10px;
	}
#upload div.item div p {
	margin:0 0 5px 0;
	}
#upload div.item div p.hint {
	float:right;
	border:#C1E6C1 1px solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#F7FEF4;
	padding:10px;
	width:200px;
	color:#333333;
	font-size:small;
	}
#upload div.item div p.hint small {
	font-family:monospace;
	}
#upload div.item div ul {
	padding:10px 10px 10px 30px;
	}
#upload div.submit {
	margin:26px;
	text-align:center;
	}