@charset "UTF-8";
@import "./contents/novel.css";
@import "./contents/feed.css";

html,body {
	margin-top:0;
	background-color:#FFFFFF;
	color:#333333;
	}

/* page */
div#page {
	margin-left:auto;
	margin-right:auto;
	border:#0080FF 1px solid;
	width:80%;
	line-height:1.5;
	font-family:"Meiryo","���C���I";
	}

/* title */
div#title {
	border-bottom:#0080FF 1px solid;
	background-color:#0080FF;
	background-image:url("../img/title_image.png");
	background-position:right;
	background-repeat:no-repeat;
	padding:2em;
	vertical-align:bottom;
	color:#FFFFFF;
	}
div#title a {
	text-decoration:none;
	color:#FFFFFF;
	}
div#title a:visited {
	color:#FFFFFF;
	}
div#title a:hover {
	color:#FFFFFF;
	}
div#title h1 {
	display:inline;
	margin:0;
	font-size:medium;
	font-family:"Century Gothic",osaka,sans-serif;
	}
div#title p {
	display:inline;
	margin:0;
	font-size:small;
	}

/* guide */
div#guide {
	display:none;
	}

/* contents */
div#contents {
	float:left;
	border-right:#EEEEEE 1px dotted;
	overflow:hidden;
	width:62%;
	}
div#contents h2 {
	border-bottom:#FFA500 1px dashed;
	margin:10px;
	color:#FFA500;
	font-size:small;
	}
div#contents h3 {
	margin:10px;
	font-size:medium;
	}
div#contents p {
	margin:10px;
	}
div#contents p em {
	font-style:oblique;
	}
div#contents dl {
	clear:both;
	margin:10px;
	}
div#contents ul {
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
	}
div#contents img {
	max-width:100%;
	}
div#contents img.clip {
	float:left;
	margin:10px;
	}
div#contents form {
	}
div#contents form input,
div#contents form textarea {
	max-width:100%;
	}
div#contents form input[type="submit"] {
	background-image:url("../img/icon_go.png");
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:18px;
	}

/* navigation */
div#navigation {
	float:right;
	overflow:hidden;
	width:37%;
	font-size:small;
	}
div#navigation h2 {
	margin:10px;
	border-bottom:#FFA500 1px dashed;
	color:#FFA500;
	font-size:small;
	}
div#navigation p {
	margin:10px;
	font-size:x-small;
	}
div#navigation ul {
	margin:0;
	padding:0;
	color:#0080FF;
	list-style-type:none;
	}
div#navigation li {
	margin:0.5em 10px;
	}
div#navigation ul.link {
	font-size:x-small;
	}

/* footer */
div#footer {
	clear:both;
	border-top:#9DCCFF 1px solid;
	background-image:url("../img/page_cute.png");
	background-repeat:no-repeat;
	background-position:right;
	font-size:xx-small;
	}
div#footer p {
	margin:0;
	padding:10px;
	}