@import "https://";
@import url(./font.css);
@import url(./button.css);

/*clearfix*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
* {
	margin: 0;
	padding: 0;
}


/* Sticky footer */
html, body {
    height: 100%;
	min-height: 100%;
}
HTML {
	font-family: "hiragana";
	background:transparent;
}
BODY{
	width:100%;
	margin:0;
	color :#59564c;
	font-size : 14px;
	line-height:22px;
	font-family: 'hiragana';
	border:0px solid #ccc;
	scrollbar-arrow-color: #B568CE;
	scrollbar-face-color: #222;
	scrollbar-highlight-color: #222;
	scrollbar-shadow-color: #222;
	scrollbar-3dlight-color: #222;
	scrollbar-darkshadow-color: #222;
	scrollbar-track-color: #333;
	overflow:auto;
	overflow-x : hidden;
	overflow-y: scroll;
	background-color: #FFF;
	}

* + html body {
	font-family: 'hiragana','メイリオ','Meiryo';
}
DIV#content {
	max-width:1000px;
	margin:0 auto;
	padding: 20px 10px;
}

/* テーブルひな形 */
div#wrapperGA	{
	margin:20px auto;
	max-width:600px;
	padding:10px;
	}

/* 小説タイトル、ナビメニュー用 */
.menu {
	FONT-SIZE:12px;
	line-height:140%;
	color:#111;
	}

/* リスト全体 */
ul.pagelinks {
   margin: auto;
   width: auto;
   padding: 10px 36px 0px 0px;
   float: right;
   color: #9F0;
   line-height: 18px;
   }

/* イラストコメント用 */
div#wrapperGA .comment {
	margin:0 auto;
	margin-top:20px;
	width:400px;
	FONT-SIZE:12px;
	line-height:22px;
	text-align:left;
	color:#FFF;
	}
	
/* NOVEL用 */
div#wrapperNov .comment {
	width:350px;
	text-align:right;
	margin:0;
	margin-left:200px;
	margin-top:100px;
	margin-bottom:-30px;
	FONT-SIZE:12px;
	line-height:140%;
	color:#FFF;
	}
	
/* ルビ用 */
.rubi {
	margin:0;
	padding:0;
	font-size:14px;
	line-height:14px;
	}


/* NEXT */
/*ul.pagelinks li.next {
   width: 35px;
   }
ul.pagelinks li.next a  {
   width: 35px;
   }   
ul.pagelinks li.no {
   color: #555;
   border: 1px solid #555;
   font-size: 12px
   width: 35px;
   height: 18px;
   line-height: 18px;
   }
*/
/* END */
/*ul.pagelinks li.end {
   color: #c1ff42;
   border: 1px solid #9F0;
   font-size: 12px
   width: 18px;
   line-height: 18px;
   }
*/
/* TOP */
/*ul.pagelinks li.top {
   width: 28px;
   height: 18px;
   }
ul.pagelinks li.top a {
   width: 28px;
   margin: 0px 0px 0px 5px;
   height: 18px;
	 }
p.linkhead {
   float: left;
   margin: auto ;
   font-size: 12px;
   line-height: 18px;
   padding: 5px 0px 0px 0px; 
   border: 0px solid #9F0;
   width: 40px;
   font-weight: normal;
   color: #888; 
   }
*/
h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	padding: 20px;
	margin: 0;
	text-align:center;
}
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase; 
	letter-spacing: 0.5em; 
	line-height: 2em;
	display: block;
}
h2 {
	font: normal 5em Georgia, "Times New Roman", Times, serif; 
	margin: 0; 
	padding: 0;
	}

/*テーブル*/

.com {
	color :#FFF;
	max-width:600px;
	padding:10px;
	margin:20px auto;
	position:relative;
	background-color:#59564c;
	border: 3px solid #59564c;
	border-radius: 10px; /* CSS3 */
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	behavior: url(/js/css3/PIE.htc);　/* IE */
}
.com .active {
	FONT-SIZE:15px;
	color:#FFF;
	padding:10px;
}


/*.container {padding: 0; margin-top: 20px;}
.box {
	width: 350px; 
	margin:0 auto;
	margin-bottom:20px;
	padding: 20px;
	}
*/#dark {	
	color: #fff;
	}
#pressed {
	color: #fff;
	background: #111;
	border: 1px solid #000;
	border-right: 1px solid #353535;
	border-bottom: 1px solid #353535;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}
#shadow { 
	border: 1px solid #f0f0f0;
	border-bottom: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

img.light {
	outline: 1px solid #ddd;
	border-top: 1px solid #fff;
	padding: 10px;
	background: #f0f0f0;
}
img.dark {
	outline: 1px solid #111;
	border-top: 1px solid #555;
	padding: 10px;
	background: #333;
}

#indented ul{
	margin: 20px 0; padding: 0; 
	list-style: none;
}
#indented ul li {
	border-top: 1px solid #333; 
	border-bottom: 1px solid #111;
}
#indented ul li:first-child {border-top: none;}
#indented ul li:last-child {border-bottom: none;}
#indented ul li a {
	padding: 10px;	
	display: block;
	color: #fff;
	text-decoration: none;
}
#indented ul li a:hover {background: #111;}

/*説明文・リスト*/
ul.tablel_content {
	width: 300px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	font-size: 12px;
	position:relative;
}
ul.tablel_content li {
	margin: 0;
	padding: 10px 0;
	text-align:right;
	background: url(../sozai/line/dotted.gif) repeat-x left 22px;
}
ul.tablel_content li SPAN, ul.tablel_content li em {
	float: left;
	background: #1d1d1d; /*--Combined Property with 'li em'--*/
	padding: 0 10px; /*--Combined Property with 'li em'--*/
}
ul.tablel_content li em {
	float: none; 
}

ul.tablel_list {
	width:auto;
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	font-size: 14px;
	_zoom: 1;
	overflow: hidden;
}
ul.tablel_list li {
	color:#FFF;
	margin: 0;
	padding: 3px 0;
	padding-left:12px;
	text-align:left;
	background:url(../sozai/mark/circle.gif) no-repeat 0px 7px;
	}
	
/*ギャラリー説明
------------------------------------------------------------------*/
.love{
	font-size:10px;
	color: #ff99cc;
}
.comedy{
	font-size:10px;
	color: #ffcc00;
}
.R18{
	font-size:10px;
	color: #ff0066;
}
.serious{
	font-size:10px;
	color: #0099cc;
}
.past_future{
	font-size:10px;
	color: #c600c6;
}
.parallel{
	font-size:10px;
	color: #33cc00;
}
.death{
	font-size:10px;
	color: #666;
}

#idea {
	width:auto;
	font-size:12px;
	line-height:12px;
	margin-bottom: 10px;
	margin-top:20px;
}
@import "http://";