@CHARSET "UTF-8";
/* Style css 08/02/04 */
/* Copyright (c) 2008 DarkStar All rights reserved. */

* {font-weight:normal;}

html{
	font-family: Osaka, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 1.2em; 
}

body{
	font-size:0.9em;
	color:#333;
	margin: 0px;
	padding: 0px 0px 0px 130px;
	overflow:auto;
}
body.Index{
	width:100%;
	height:100%;
	text-align:center;
	margin : 0px auto;
	padding:0;
}

body.Gallery{
	width:100%;
	height:100%;
	text-align:center;
	margin : 10px auto;
	padding:0;
}
/************** ALL ******************/

/* Link Style */
a{text-decoration: none;}
a:link {color: #0000cc;}
a:hover {color: #cc0000;}
a:visited {color: #000080;}
a:active {color: #ff0000;}

/* Font Style */
h1 {
	margin: 15px 0 10px 0px;
	font-size:150%;
	font-weight:bold;
	color: #EDEDEF;
}
h2 {
	font-weight:bold;
	padding: 2px 5px;
	border-top: solid 1px #507EA1;
	border-left: solid 5px #507EA1;
	border-bottom: solid 1px #507EA1;
	color: #507EA1;
	font-size: 115%;
	letter-spacing: 0.2em;
}
/************** IndexFrame ******************/
div.index{
     width:550px;
     position:static;
     border:3px double #204460;
     margin:0 auto;
     text-align:left;
     padding:30px 20px;
}
/************** MainFrame ******************/
div.Main{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/************** ContentsFrame ******************/
div.Contents{
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:500px;
	background: #F9F8F6;
}
/************** NaviFrame ********************/
div.Navi{
	overflow: auto;
	height  : 100%;
	position: absolute;
	top: 0;
	left: 5px;
	width: 125px;
}

body>div.Navi
{
	position: fixed;
}
/********* No Style Sheet ************/
font{display:none;}

/* Separate */
.separate{display:none;}


/********* Page Parts ************/
/* Page counter*/
div.counter{
	margin :  10px 0px 0px 0px;
	padding:  10px 0px 10px 0px;
	text-align:left;
	border: 1px solid #204460;
}
div.counter .total{
	font-size:12px;
	font-weight:normal;
	color:#333;
}
div.counter .toyes{
	font-size:12px;
	font-weight:normal;
	color:#333;
}

/* PageTitle */
div.pagetitle{
	text-align:center;
	color: #EDEDEF;
	font-weight:bold;
	border-top: 4px solid #204460;
	border-left: 1px solid #204460;
	border-right: 1px solid #204460;
	border-bottom: 1px solid #204460;
	background: #507EA1;
}
/* CopyRight */
p.copyright {
	text-align:center;
	color: #EDEDEF;
	font-weight:bold;
	border-top: 1px solid #204460;
	border-left: 1px solid #204460;
	border-right: 1px solid #204460;
	border-bottom: 4px solid #204460;
	background: #507EA1;
}
/* Return Page Top */
div.ReturnTop {
	text-align: right;
	font-size: 77%;
	list-style: none;
}
.ReturnTop a:link,.ReturnTop a:visited{
	color: #507EA1;
}

/* Nobanner */

div.nobanner{
	font-size:20px;
}

div.nobanner a{
	color: #0000cc;
	font-weight:bold;
}
div.nobanner a:hover{
	color: #cc0000;
}
/* Menu link */
div.Menu{
 	margin :0;
	padding:0px 0px 0px 2px;
	background: #EDEDEF;
	width: 115px;
	border-top: 1px solid #204460;
	border-left: 1px solid #204460;
	border-right: 2px solid #204460;
	border-bottom: 1px solid #204460;
}
.Menutitle{
	padding:1px;
	text-align:center;
	font-size:18px;
	color: #EDEDEF;
	width: 115px;
	font-weight:bold;
	border-top:   4px solid #204460;
	border-bottom:1px solid #204460;
	border-left: 1px solid #204460;
	border-right: 2px solid #204460;
	background: #507EA1;
}
.Menufooter{
	padding:1px;
	text-align:center;
	font-size:18px;
	color: #EDEDEF;
	width: 115px;
	font-weight:bold;
	border-top:   1px solid #204460;
	border-bottom:4px solid #204460;
	border-left: 1px solid #204460;
	border-right: 2px solid #204460;
	background: #507EA1;	
}
div.Menu span.selfpage,div.Menu span.navi a{
	margin :10px 0px 10px 0px;
	padding:1px 0px;
	font-size:15px;
	display:block;
	margin-left : auto;
	margin-right: auto;
	width:100px;
	height:20px;
	text-align:center;
	vertical-align: middle;
	background-repeat:no-repeat;
}
/* link */
div.Menu span.selfpage{
	color: #000000;
	font-weight:bold;
	background-image:url("../img/btn_sel.gif");
}

div.Menu span.navi a{
	color: #ffffff;
	background-image:url("../img/btn_on.gif");
}

div.Menu span.navi a:hover{
	color: #0000ff;
	font-weight:bold;
	background-image:url(../img/btn_off.gif);
}
/* Webclab button*/

div.mbtn{
	margin :0px 0px 15px 0px;
	padding:0px 0px;
	font-size:15px;
	display:block;
	margin-left : auto;
	margin-right: auto;
	width:100px;
	height:20px;
	text-align:center;
	vertical-align: middle;
	background-repeat:no-repeat;
}
.webclab{
	width:80px;
	color:#0000ff;
	background-color:#ffffff;
	border: 1px solid #000000;
}
/* Warning */
p.warning {
	padding: 0.4em 0.5em 0.2em 0.1em;
	border-bottom: solid 1px #B15131;
	color: #B15131;
	font-weight: bold;
	font-size: 115%;
}
/* Navi Link */
.hierarchy{
	font-size:0.9em;
	color:#333;
}

/********** Novel Page Style **************/
/* tf type */
.tfb{
	color:#909090;
	font-weight:normal;
}

/* Warning */
span.warning {
	color: #B15131;
	font-weight: bold;
}
div.nvl{
	padding: 0 0 0 20;
	line-height: 1.2em; 
	font-size:1.0em;
	color:#333;
}
div.novel{
     width:600px;
     border:3px double #204460;
     margin:0 auto;
     text-align:left;
     padding:30px 20px;
}
span.new{
	color: #FF8C00;
	font-weight: bold;	
}
/********** Update Page Style **************/
div.history h3{
	color:#6c6c6c;
	clear:both;
	margin: 0.8em 5px 0 0;
	padding: 2px 1em;
	font-size: 107%;
	font-weight: bold;
	border-top:    solid 1px #507EA1;
	border-bottom: dotted 1px #507EA1;
}
div.history ul{
	list-style-type:square;
	clear:both;
	margin: 0.8em 30px;
	padding: 2px 1em 0 0 ;
	font-size:0.9em;
}

div.history h2{
	font-weight:bold;
	padding: 2px 5px;
	border-top :0;
	border-left:0;
	border-bottom: solid 1px #507EA1;
	color: #507EA1;
	font-size: 100%;
	letter-spacing: 0.2em;
}
/********** Gallery Page Style **************/
ul.gallerylist{
	padding:0;
	margin:0 0 0 30px;
}

ul.gallerylist li{
	list-style-type: square;
}
/* Page */
div.pagetitle_g{
	width:600px;
	text-align:center;
	margin:0 auto;
	padding:5px;
	color: #EDEDEF;
	font-weight:bold;
	border-top: 4px solid #204460;
	border-left: 1px solid #204460;
	border-right: 1px solid #204460;
	border-bottom: 1px solid #204460;
	background: #507EA1;
}
div.gallery{
	padding:10px;
    border:3px double #204460;
    margin:0 auto;
}
div.image{
	padding:10px 0;
}
pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

pre.Comments{
	width:500px;
	border:3px solid #204460;
	margin:0 auto;
	text-align:center;
	padding:0px;
}
p.copyright_g {
	width:600px;
	text-align:center;
	margin:0 auto;
	color: #EDEDEF;
	font-weight:bold;
	border-top: 1px solid #204460;
	border-left: 1px solid #204460;
	border-right: 1px solid #204460;
	border-bottom: 4px solid #204460;
	background: #507EA1;
}

/* Parts */

address {
	font-style:normal;
	text-align:right;
	line-height:100%;
	border-top:1px solid #AAAAAA;
	padding-top:4px;
	margin:2em 0 4em 0;
}

address a { text-decoration:none; }
address a:link    { color:#6677BB; }
address a:visited { color:#6677BB; }
address a:hover   { color:#FF77BB; }

/*** Input ***/

.hidden {
	display:none;
}

.checkbox {
	border:none;
	background:#FFFFFF;
}

.clapmain {
	text-align:center;
}

/*** Web Clap Comon Style ***/

#nav-head th {
	width:10em;
}

#nav-head ul {
	padding:0;
	margin:0 0 8px 0;
}

#nav-head li {
	border-left:1px solid #7788AA;
	padding:0 8px;
	display:inline;
}
#inform {
	color:#667788;
	background:#DDEEFF;
	text-align:left;
	width:350px;
	border:1px solid #99AABB;
	padding:8px;
	margin:20px auto;
}
textarea, input {
	color:#666600;
	background:#F4F4F4;
	font-size:12px;
	border:1px solid #999999;
}

/*************  BBS CGI  *************************/
/* メニュー部 */
.bbsmenu {
	margin:0;
	padding:0;
}
.bbsmenu li {
	margin-left:0;
	margin-right:1em;
	margin-top:0.2em;
	margin-bottom:0.2em;
	padding-left:0.3em;
	padding-right:0.3em;
	float:left;
	line-height:1;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.bbsmenu li a{
	text-decoration:none;
}
.bbsmenu form,.bbsmenu form input,.bbsmenu select{
	font-size:85%;
	vertical-align:middle;
}
.bbsmenu form input[type="radio"],.bbsmenu form label {
	cursor:pointer;
}

/* 記事一覧 */
#ArticleList {
	clear:both;
	margin-top:2em;
}
#ArticleList dt{
	letter-spacing:0.1em;
	font-weight:bold;
	clear:both;
	font-size:105%;
}
#ArticleList dd{
	letter-spacing:0;
}

/* 返信（１スレッド表示） */
#Article li .prof{
	border-top:1px solid #999;
	padding-top:0.3em;
	padding-bottom:0.3em;
	border-bottom:1px solid #999;
}
#Article div{
	padding-left:1.2em;
}
.ArticleSub {
	margin-left:0.8em;
}
.name {
	font-weight:bold;
}
.no {
	font-size:95%;
	font-family:monospace;
}
.date {
	font-size:85%;
	font-family:monospace;
}
.file a{
	font-size:smaller;
	text-decoration:none;
}
.file a:active,.file a:hover,.file a:focus{
	text-decoration:underline;
}
.file img{
	vertical-align:-0.1em;
	margin-left:0.5em;
	margin-right:0.2em;
}
q.quote {
	color:#d83;
	font-size:95%;
}
q.quote:before,q.quote:after { content: "" }
span.cmnt {
	color:#393;
	font-size:80%;
}

/* 投稿フォーム */
#regist {
	margin-top:2em;
}
#regist fieldset{
	margin-left:1.5em;
	border-color:#ccc;
	border-width:1px;
	border-style:solid;
	border-left:none 0;
	border-right:none 0;
	border-bottom:none 0;
}
#regist fieldset:hover legend{
	background:#cfc;
}
#regist legend{
	padding-left:0.2em;
	padding-right:0.2em;
	color:#666;
}
#regist p{
	border:0 none #ccc;
}
#regist .item {
	clear:both;
	margin:0.1em;
}
#regist .item input {
	font-size:80%;
}
#regist .item label{
	float:left;
	width:6.5em;
	text-align:right;
	padding-right:0.5em;
}
#FormSend {
	padding-left:9em;
	padding-bottom:1em;
}



address {
	margin-top:2em;
	border-top:1px solid #999;
	padding-top:0.5em;
	font-size:75%;
	text-align:right;
	line-height:1.3;
}
#adminmode {
	text-decoration:none;
	color:#333;
}


.mastermenu {
	font-size:smaller;
}

input[type="text"],input[type="password"],
input[type="file"],textarea,select{
	background-color:#f3f3f3;
	color:#333;
	border:solid 1px #999;
}
input[type="text"]:focus,input[type="password"]:focus,
input[type="file"]:focus,textarea:focus,select:focus{
	background-color:#fff;
	color:#000;
	border-color:#000;
}
input[type="submit"]:hover,input[type="reset"]:hover,
input[type="submit"]:focus,input[type="reset"]:focus {
	background-color:#009;
	color:#fff;
	cursor:pointer;
}