/* CSS Document */
@import "http://";
@charset "utf-8";
/* default styles */
body {
	font-size: 12px;
	*font-size: small; /* IE7 */
	*font: x-small; /* IE6 */
}
* {
	line-height: 1.6;
	font-size: 100%;
}
/* base style */
html {
	padding: 0;
	margin: 0;
}
body {
	text-align: left;
	background-color: white;
	color: #5d5d5d;
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Arial, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 95%;
}
body#ug {
	text-align: left;
	background-color: #2c2130;
	color: #c3b3c6;
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Arial, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	font-size: 95%;
}	
p {
	line-height: 1.6;
	text-align: justify;
	text-justify: distribute;
}
#wrap {
	width:880px;
	text-align:left;
	margin:0 auto;
}
#wrap_log {
	width:210px;
}
#clap {
	width:600px;
	margin:0 auto;
}
p, ul, ol, dl, table, pre, dd, dt {
	font-size: 100%;
	letter-spacing:0.02em;
}
img {
	border: 0;
	vertical-align: bottom;
}
address {
	font-size: 90%;
}
/* scrollbar style */
html,body{ 
scrollbar-base-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-arrow-color:#33aaff;
scrollbar-3dlight-color:#ffffff;
scrollbar-darkshadow-color:#999999;
scrollbar-highlight-color:#999999;
scrollbar-shadow-color:#ffffff;
}
/* text style */
h4 {
	font-size: 100%;
	font-color: #3d3d3d;
	font-weight: normal;
	text-align:right;
	border-bottom:1px dotted #aaaaaa;
	margin:10px 20px 0px 10px;
	padding:1px 10px;
}
h5 {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	letter-spacing: 2px;
	padding: 20px 50px 5px 0;
	margin: 0 50px 6px 20px;
	border-bottom: 1px dotted gray;
}
h6 {
	font-size: 100%;
	font-weight: normal;
	text-align: left;
	letter-spacing: 2px;
	margin: 20px 20px 0;
	border-bottom: 1px dotted gray;
}
/* list style */
ul {
	list-style: none;
}
.hr_clap {
	border: none;
	border-top: 1px #ddd solid;
	width: 600px;
}
.hr_index {
	border: none;
	border-top: 1px silver solid;
	width: 100%;
}
.ope {
	font-size: 85%;
	text-align: left;
	margin-left: 1em;
}
.txt_top {
	font-size: 90%;
	margin-left: 1em;
	text-align: left;
	line-height: 20px;
}
.adv {
	line-height: 150%;
	height: 400px;
	margin-top: 10px;
	text-align: left;
}
.secret {
	color: white;
}
/* link style */
a {
	text-decoration: none;
}
a:link {
	color: #0a246a;
	border-bottom: 1px solid #cccccc;
}
a:visited {
	color: #5d5d5d;
	border-bottom: 1px solid #efefef;
}
a:hover {
	color: #0a246a;
	border-bottom: 1px solid #0a246a;
}
a.secret {
	color: white;
	font-size: 95%;
	border: none;
}
a:link.ug {
	color: #cee4ae;
	border-bottom: 1px solid #666;
}
a:hover.ug {
	color: #cee4ae;
	border-bottom: 1px solid #cee4ae;
}
a:visited.ug {
	color: #999;
	border-bottom: 1px solid #999;
}
.banner {
	margin-top:30px;
	margin-bottom:5px;
}
/* layout style */
div#outline {
	margin: 10px auto;
	text-align: center;
}
.clear {
	clear: both;
}
.clear hr {
	display:none;
}  
.page {
	margin: 10px 0;
	text-align: center;
}
.center {
	text-align: center;
}
/* header style */
div#head {
	letter-spacing: 0.1em;
	text-align: left;
	width: 800px;
	margin: 0 auto 10px auto;
	padding: 35px 0 35px 15px;
	border-bottom: 3px solid #f6f6f6;
}
div#head_logo {
	float: left;
	width: 200px;
	margin-left: 60px;
	padding: 15px 20px 0 0;
}
div#head_menu {
	text-align: right;
	margin: 0 50px 0 0;
	padding: 0;
	font-size: 90%;
	color: #e0e0e0;
}
#head_menu ul{
	list-style: none;
	border-bottom: 1px solid #aaaaaa;
	margin: 0px 0px 0px 200px;
	padding: 25px 0px 0px 0px;
}
#head_menu li{
	display:inline;
}
#head_menu li a{
	padding: 0 12px 0px 12px;
}
/* navi style */
div#navi {
	font-size: 77%;
	font-color: #3d3d3d;
	font-weight: normal;
	margin: 0 30px 0 0;
	letter-spacing: 0 0.05em;
	padding: 0.5em 2.5em 0;
	text-align: right;
}
div#navi2 {
	font-size: 85%;
	width: 210px;
	margin: 0 0 10px 600px;
	padding: 0;
	text-align: left;
}
	
/* main style */
div#main {
	width: 640px;
	float: left;
	margin-right: 10px;
}
div#main h2 {
	font-size: 107%;
	font-color: #3d3d3d;
	font-weight: normal;
	text-align: left;
	margin: 0 0 0 0.2em;
	letter-spacing: 0.1em;
	padding: 0.4em 0 0.4em 0.7em;
	border-left: 4px solid #dedede;
	background-color: #f6f6f6;
}
div#main h3 {
	font-size: 100%;
	font-color: #3d3d3d;
	font-weight: normal;
	margin: 2em 0 0.2em 0;
	letter-spacing: 0.1em;
	padding: 0.3em 0 0.3em 0.7em;
	border-bottom: 1px solid #cccccc;
}
div#main .off_list ul {
	margin: 5px 5px 0 1em;
	padding: 2px;
	list-style: none;
	text-align: left;
	font-weight: bold;
}
div#main .off_list li {
	margin: 0 0 1.5em 2em;
	letter-spacing: 0.02em;
	padding: 0 0 0.3em 15px;
	list-style-type: none;
	list-style-position: outlog;
	font-size: 90%;
	text-align: left;
}
div#main dt {
	margin: 5px 5px 5px 1em;
	padding: 3px;
	list-style: none;
	text-align: left;
	font-weight: normal;
	font-size: 110%;
}
div#main dd {
	margin: 0.5em 0 0.5em 2em;
	letter-spacing: 0.02em;
	padding: 0.3em 0 0.3em 15px;
	list-style-type: none;
	list-style-position: outlog;
	font-size: 90%;
	text-align: left;
}
div#main table {
	width: 100%;
	border: none;
	padding-bottom: 5px;
	margin-left: 1em;
	font-size: 90%;
}
div#main td {
	padding: 1px 1px 15px 1px;
}
div#character table {
	width: 650px;
	border: none;
	padding-bottom: 5px;
	margin-left: 5em;
}
div#character td {
	padding: 1px 1px 20px 1px;
}
/* side style */
div#side {
	border: 1px solid #cecfce;
	width: 210px;
	float: right;
	margin: 0 auto;
	padding: 0;
}
div#side h3 {
	font-size: 85%;
	font-color: #282828;
	background-color: #f6f6f6;
	font-weight: normal;
	margin: 0;
	letter-spacing: 0.1em;
	padding: 0.3em 0 0.3em 0.9em;
	border-bottom: 1px solid #eeeeee;
}
div#side dl {
	font-size: 85%;
	line-height: 180%;
	margin: 0.5em 0 0.5em 0.5em;
	letter-spacing: 0.02em;
	text-align: left;
}
div#side dt {
	margin-top: 0.3em;
}
div#side dd {
	margin-left: 2em;
}
div#side .order {
	text-align: left;
	font-size: 80%;
	margin: 0 0 5px 5px;
	padding: 3px;
	border-top: 1px dotted #cecfce;
}
div#side_arc {
	border-top: 1px solid #cecfce;
	border-left: 1px solid #cecfce;
	width: 210px;
	float: right;
	margin: 0;
	padding: 0;
}
div#side_arc h3 {
	font-size: 85%;
	font-color: #282828;
	background-color: #f6f6f6;
	font-weight: normal;
	margin: 0;
	letter-spacing: 0.1em;
	padding: 0.3em 0 0.3em 0.9em;
	border-bottom: 1px solid #eeeeee;
}
div#side_arc dl {
	font-size: 85%;
	line-height: 180%;
	margin: 0.5em 0 0.5em 0.5em;
	letter-spacing: 0.02em;
	text-align: left;
}
div#side_arc dt {
	margin-top: 0.3em;
}
div#side_arc dd {
	margin-left: 2em;
}
/* log style */
div#log {
	border: 1px solid #cecfce;
	width: 210px;
	float: left;
	margin: 0 0 0 20;
	padding: 0;
}
div#log h3 {
	font-size: 85%;
	font-color: #282828;
	background-color: #f6f6f6;
	font-weight: normal;
	margin: 0;
	letter-spacing: 0.1em;
	padding: 0.3em 0 0.3em 0.9em;
	border-bottom: 1px solid #eeeeee;
}
div#log dl {
	font-size: 85%;
	line-height: 180%;
	margin: 0.5em 0 0.5em 0.5em;
	letter-spacing: 0.02em;
	text-align: left;
}
div#log dt {
	margin-top: 0.3em;
}
div#log dd {
	margin-left: 2em;
}
div#log .order {
	text-align: left;
	font-size: 80%;
	margin: 0 0 5px 5px;
	padding: 3px;
	border-top: 1px dotted #cecfce;
}
div#log_arc {
	border-top: 1px solid #cecfce;
	border-left: 1px solid #cecfce;
	width: 210px;
	float: right;
	margin: 0;
	padding: 0;
}
div#log_arc h3 {
	font-size: 85%;
	font-color: #282828;
	background-color: #f6f6f6;
	font-weight: normal;
	margin: 0;
	letter-spacing: 0.1em;
	padding: 0.3em 0 0.3em 0.9em;
	border-bottom: 1px solid #eeeeee;
}
div#log_arc dl {
	font-size: 85%;
	line-height: 180%;
	margin: 0.5em 0 0.5em 0.5em;
	letter-spacing: 0.02em;
	text-align: left;
}
div#log_arc dt {
	margin-top: 0.3em;
}
div#log_arc dd {
	margin-left: 2em;
}
/* footer style */
div#footer {
	font-size: 85%;
	clear: both;
	margin: 0 50px 0 50px;
	padding: 1em 0 1.5em 0;
	text-align: left;
	background-color: white;
	text-align: center;
	line-height: 1.9;
	border-top: 1px solid #aaaaaa;
}
div#txt {
	margin: 0 0 0 1em;
}
/* novel style */
div#title .entry_list ul {
	margin: 5px 20px 5px 1em;
	padding-left: 3px;
	list-style: none;
	text-align: left;
	background-color: #eeeeee;
}
div#title .entry_list li {
	margin: 0.5em 0 0.5em 2.5em;
	letter-spacing: 0.02em;
	padding: 0.3em 0 0 15px;
	list-style-type: none;
	list-style-position: outlog;
	font-size: 90%;
	text-align: left;
}
.back {
	text-align: right;
	margin: 45px 22px 0;
}
.caution {
	margin-top: 10px;
	margin-left: 20em;
}
.on {
	margin: 1em 0 0 2em;
	font-size: 90%;
	text-align: left;
}
.novel_top {
	font-size: 95%;
	margin: 0 6em 0 4em;
	text-align: left;
	line-height: 20px;
}
.txt_novel {
	font-size: 95%;
	margin: 0 4em 0 3em;
	text-align: left;
	line-height: 20px;
	padding: 0;
}
.txt_clap {
	font-size: 95%;
	margin: 5em 2em 2em 3em;
	text-align: left;
	line-height: 20px;
	padding: 0;
}
.end {
	text-align: right;
	margin: 50px 250px 30px 0;
}
.new {
	color:red;
	font-size:70%;
	letter-spacing: 0;
}
.rate {
	color: red;
	font-size: 95%;
}
/* form style */
.form_txt  {
	line-height: 20px;
	padding: 8px 30px 30px 35px;
	color: gray; 
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3"; 
	background-color: white; 
	vertical-align: top;
}
/* Forms Module */
form{
	margin: 0.5em 20px;
	padding: 1px 0;
}
form dl, form p {
	margin:0.5em 10px;
	border-left: none;
}
fieldset {
	padding: 0;
	border:1px solid #ddd;
}
label {
	font-size:85%;
}
legend {
	margin: 0 1em;
	padding: 0 10px;
}
input, textarea {
	margin: 0.4em 10px;
	padding: 0.1em 10px;
	border: 1px solid #dddddd;
	font-family: Arial, Helvetica, "ƒqƒ‰ƒMƒmŠpƒS Pro W3",  sans-serif;
	background-color: #f5f5f5;
}
input {
	line-height: 1.2;
}
input.submit {
	margin-bottom: 0.5em;
	padding: 2px 6px;
	_padding: 0 4px;
	border: none;
	_height: 20px;
	color:#ffffff;
	background-color: #999999;
	font-size: 10px;
	text-transform: uppercase;
}
input.submit:hover {
	border: none;
	background-color: #000000;
}
input.submit:focus {
	border: none;
}
input:hover, textarea:hover {
	border: 1px solid #aaaaaa;
}
input:focus, textarea:focus {
	border: 1px solid #000000;
}
textarea {
	padding: 0.4em 10px;
}
.checkbox {
	text-align: left;
	margin-left: 20px;
}
.clm {
	line-height: 130%;
}
.introduction_r {
	border-bottom: 1px solid red;
	color: red;
}
img.banner{
	border: 1px solid #5d5d5d;
}