@charset "UTF-8";

html {
	background:#FFFFFF;
	}
body {
	}
a {
	color:#0080FF;
	}
a:visited {
	color:#8080C0;
	}
p.message {
	margin:15px;
	color:#EF3E81;
	}
input,
select,
textarea {
	vertical-align:middle;
	}


/* header */
header {
	border-bottom:#EEEEEE 1px solid;
	padding:15px;
	overflow:hidden;
	}
header a {
	white-space:nowrap;
	}
header h1 {
	float:left;
	}
header nav ul {
	float:right;
	list-style:none;
	font-size:small;
	}

/* post */
#post {
	margin:15px;
	overflow:hidden;
	font-size:small;
	}
#post div {
	margin:10px 15px;
	}
#post fieldset {
	}
#post fieldset label {
	font-size:110%;
	}
#post fieldset small {
	color:#777777;
	font-size:x-small;
	}
div.control {
	}
input#Subject,
input#Name {
	width:62%;
	padding:2px;
	font-size:medium;
	}
textarea#Body {
	display:block;
	padding:2px;
	width:100%;
	}
div.fadeNext {
	margin:15px 15px 0 15px;
	}

/* article */
article {
	}
article section {
	position:relative;
	margin:15px;
	overflow:hidden;
	border:#DDDDDD 1px solid;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	word-break:break-all;
	}
article section span.name {
	z-index:-1;
	position:absolute;
	right:-15px;
	bottom:-15px;
	white-space:nowrap;
	color:#FCFCFC;
	font-size:400%;
	font-family:"Meiryo","���C���I",serif;
	font-weight:bold;
	cursor:default;
	}
article section span.name::selection {
	color:#FCFCFC;
	}
article section:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	line-height:0;
	content:".";
	}
article section h2 {
	margin:10px;
	float:left;
	padding:0 0 0 15px;
	background:url("../img/marker.png") left center no-repeat;
	letter-spacing:0.1em;
	color:#8DC63F;
	font-size:large;
	}
article section div {
	margin:10px;
	float:right;
	color:#777777;
	font-weight:bold;
	}
article section p {
	clear:both;
	margin:0 10px;
	line-height:1.4;
	}
article section footer {
	clear:both;
	margin:10px;
	text-align:right;
	font-size:small;
	}
article section footer a,
article section footer time {
	padding:2px;
	}
article section footer a {
	text-decoration:none;
	color:#777777;
	}
article section footer a:hover {
	text-decoration:underline;
	}
article section footer a {
	display:none;
	}
article section:hover footer a {
	display:inline;
	}
article section form {
	clear:both;
	margin:10px 0 0 0;
	padding:5px;
	text-align:right;
	font-size:small;
	}
	form#confirm {
		background:#DFEBC9;
		}
	form#delete {
		background:#FFDAE5;
		}

/* pager */
nav.pager {
	margin:15px;
	overflow:hidden;
	}
nav.pager ul {
	list-style:none;
	}
nav.pager ul li {
	margin:10px 3px;
	float:left;
	}
	li.switch {
		float:right !important;
		font-size:x-small;
		}
nav.pager ul li a {
	border:#CCCCCC 1px solid;
	padding:4px;
	}
nav.pager ul li a:hover {
	border:#0080FF 1px solid;
	}
nav.pager ul li span {
	border:#8DC63F 1px solid;
	padding:4px;
	}

/* ads */
aside.ads {
	margin:15px;
	overflow:hidden;
	}

/* info */
footer#info {
	margin:15px 0 0 0;
	border-top:#EEEEEE 1px solid;
	overflow:auto;
	font-size:small;
	}
footer#info ul li {
	float:left;
	margin:15px 0 15px 15px;
	list-style:none;
	}
footer#info p {
	clear:both;
	margin:5px;
	text-align:center;
	}
footer#info div {
	margin:15px;
	float:right;
	text-align:right;
	}
footer#info div a {
	text-decoration:none;
	color:#777777;
	cursor:default;
	font-size:x-small;
	}