/* 全体の設定ここから */
body {
	background-color: #FFFFFF;
	line-height: 180%; 
	font-size: 90%; 
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC";
	color: #3f3f3f ;
}

.analyze {
	text-align: left;

}

.head {
	text-align: center;
}

.h1 {
	font-size: 150% ;
}

	/* ヘッダの設定ここから */

		
	#navi ul{
		text-align: center;
		list-style:none ;
	}

	#navi li{
		display: -moz-inline-box;
		display: inline-block;
		/display: inline; /* IE6 */
		/zoom: 1; /* IE6 */
		padding-right: 10px;
	}

	#navi li a{
		display:block;
		padding:10px 20px;
	}
	
	li.navi{
		font-weight: bold ;
		text-decoration: underline;
	}	
	
	#navi {
	height: 100px; 
	left: 0;
	margin: 0;
	position: fixed;
	_position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
	background: #ffffff;
	opacity: 0.80;
	filter: alpha(opacity=80);/*IE7*/
	}
	
	/* ヘッダの設定ここまで */

#main{
	margin: 110px 0 0 0; 
	_overflow: auto;
	padding: 0;
}


/* 全体の設定ここまで */

/* 画像の設定ここから */

img.rss {
	border: 0;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

	/* 小説ページ挿絵の設定ここから */
	
img.nov {
		align: left; 
		border: 0;
		max-height: 600px;
		max-width: 400px;
}
	/* 小説ページ挿絵の設定ここまで */

	/* フッタ画像の設定ここから */
	
	div.head img{
		border: 0 ;
	}
	
	/* フッタ画像の設定ここまで */

	/* 絵ページの設定ここから */
	img.thumb {
		border-radius: 10px;
		border: 0;
		width: 100px;
		height: 100px;
	}
	/* 絵ページの設定ここまで */

	/* 雑記ページの設定ここから */
	img.dialy {
		align: left; 
		border: 0;
	}

	img.left {
		align:left;
		float:left;
		border: 0;
	}
	/* 雑記ページの設定ここまで */

	/* 拍手お礼ページの設定ここから */
	
	.clap {
		text-align: center;
		border: 0;
		line-height: 180%; 
		font-size: 90%; 
		font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC";
		color: #3f3f3f ;
	}

	/* 拍手お礼ページの設定ここまで */


/* 画像の設定ここまで */

/* トップページの設定ここから */

body.top {
	background-color: #FFFFFF;
	text-align: center ;
	line-height: 180% ;
	font-size: 100% ;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC" ;
	color: #3f3f3f ;
}

div.top {
	text-align: left ;
	
}

ul.top {
	margin-right:auto;
	margin-left:auto;
	width:40em;
	text-align: left;
}

img.top {
	border: 0;
	width: 35em ;
	
	}
	
div.cation {
	width: 40em;
	margin: 0 auto;
}


/* トップページの設定ここまで */

/* リンクページの設定ここから */

table.link {
	border-collapse: collapse ;
	border-style: double ;
	margin-left: auto;
	margin-right: auto;
}

td.link {
	border-style: double ;
	margin-left: auto;
	margin-right: auto;
}

div.link {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	border: 2px ridge #eeeeee;
	overflow: auto;
	text-align: left;
	border-collapse: collapse;
}

div.link .genre{

	width: 100%;
	background-color: #cccccc;
}

div.link .site {
	margin: auto;
	width: 99%;
	border: 1px dashed #eeeeee;
	border-collapse: collapse;
}

div.link .banner{
	float: left;
	vertical-align: top;
	border: 0;
}

/* リンクページの設定ここまで */

/* インデックスページの設定ここから */

body.index {
	background-color: #FFFFFF;
	line-height: 180% ;
	font-size: 100% ;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC" ;
	color: #3f3f3f ;
	background: url("../img/bg.png") fixed no-repeat right;
}

td.aword {
	text-align: left;	
}

div.history {
	padding: 0.5em;
	display: table;
	_display: inline;
	_zoom: 1;
	list-style-type: none;
	border: ridge 5px;
}
	/* IE7 hack */
	*:first-child+html div.history {
	display: inline;
	zoom: 1;
}

	/* インデックスページヘッダの設定ここから */
	img.new {
		border-radius: 10px;
		border: 0;
	}
	
	img.new:hover {
		border-radius: 10px;
		border: 0;
		opacity: 0.75;
		filter: alpha(opacity=75);
	}
	
	span.new {
		margin: 0;
		padding: 0;
		color: red;
		font-size: xx-small;
	}
	
	/* インデックスページヘッダの設定ここまで */


/* インデックスページの設定ここまで */



span.profile {
	padding: 0;
	float: left;
	text-align: left;
}

/* プロフィールの設定ここから */

/* 雑記の設定ここから */

	/* 大枠の設定ここから */
	
div.read {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	line-height: 180%;
	font-size: 90%;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC";
	color: #3f3f3f;
	background-color: #eeeeee ;
	width: 70% ;
}

	/* 大枠の設定ここまで */

	/* 見出し枠の設定ここから */

div.read div.date{
	text-align: left;
	font-weight: bold;
	background-color: #555555;
	color: #ffffff;
}

		/* 見出し枠内リンクの設定ここから */

div.read div.dlink{
	text-align: center;
	font-weight: bold;
	background-color: #555555;
	color: #ffffff;
}

		/* 見出し枠内リンクの設定ここまで */

	/* 月見出しの設定ここから */

div.read p.month{
	padding-left: 0;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	color: #3f3f3f;
	font-weight: bold;
}

	/* 月見出しの設定ここまで */

	/* 見出し枠の設定ここまで */

	/* 雑記内段落の設定ここから */

div.read p{
	padding-left: 10%;
}

	/* 雑記内段落の設定ここまで */

/* 雑記の設定ここまで */

/* 小説ページの設定ここから */

	/* 大枠の設定ここから */

div.nov {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
	line-height: 180%;
	font-size: 90%;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGOTHIC";
	color: #3f3f3f;
	background-color: #eeeeee ;
	width: 80% ;
}

	/* 大枠の設定ここまで */


	/* ヘッダの設定ここから */

div.nov div.title{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	font-weight: bold;
	background-color: #555555;
	color: #ffffff;
}

h1.novtitle{
	display: inline;
	vertical-align: text-top;
	font-size: 150%;
	text-align: center;
	
}

		/* 章タイトル部の設定ここから */

div.chapbase {
	width: 100%;
	margin: 0 0 0 0;
	text-align: left;
	background-color: #888888;
	color: #3f3f3f;
}

div.chap {
	text-align: left;
	border-left: 1em #888888 solid;
	border-right: 1em #888888 solid;
	background-color: #fefefe;
	color: #3f3f3f;
}

		/* 章タイトル部の設定ここまで */

	/* ヘッダの設定ここまで */

	/* フッタの設定ここから */

		/* フッタ大枠の設定ここから */

div.nov div.foot{
	display: inline;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	font-weight: bold;
	background-color: #cccccc;
	color: #ffffff;
}


div.foot:after {
	content: "";
	display: block;
	clear: both;
}

		/* フッタ大枠の設定ここまで */

		/* ページ数部の設定ここから */

div.page {
	margin: 0 0 0 0;
	height: 2em;
	background-color: #cccccc;
	border-bottom: thin #eeeeee solid
}

		/* ページ数部の設定ここまで */

		/* ページ移動部の設定ここから */

div.foot div.left{
	margin: 0 0 0 0;
	height: 2em;
	width: 33%;
	float: left;
	background-color: #cccccc;
}

div.foot div.center{
	margin: 0 0 0 0;
	height: 2em;
	width: 34%;
	float: left;
	background-color: #cccccc;
}

div.foot div.right{
	margin: 0 0 0 0;
	height: 2em;
	width: 33%;
	float: left;
	background-color: #cccccc;
}

		/* ページ移動部の設定ここまで */

	/* フッタの設定ここまで */


	/* 小説本文の設定ここから */

div.nov p.body{
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
}

	/* 小説本文の設定ここまで */

/* 小説ページの設定ここまで */



/* フォント関係の設定ここから */

	/* 文字サイズの設定ここから */

span.xxsmall {font-size: xx-small; }
span.xsmall {font-size: x-small; }
span.small {font-size: small; }
span.medium {font-size: medium; }
span.large {font-size: large; }
span.xlarge {font-size: x-large; }
span.xxlarge {font-size: xx-large; }

	/* 文字サイズの設定ここまで */

	/* 文字装飾の設定ここから */

.res {
	color: blue ;
	font-style: italic;
}

.red {
	color: red;
}

.huto {font-weight: bold ;}
.del {text-decoration: line-through; }
.uline {text-decoration: underline; }
.oline {text-decoration: overline; }
.ita {
	font-style: italic;
}

	/* 文字装飾の設定ここまで */

	/* リンクの設定ここから */

		/* 基本リンクの設定ここから */

a:link {
	color : black     ; 
	text-decoration: none ;
}

a:visited {
	color : black   ; 
	text-decoration: none ;
}

a:hover {
	color : gray ;
	text-decoration : underline ;
	font-weight     : none ; 
}

a:active {
	color : gray      ; 
	text-decoration: underline ;
	position: relative; 
	top: 1px; left: 1px;
}

		/* 基本リンクの設定ここまで */
		
		/* 絵ページ内リンクの設定ここから */
		
.pic{
	font-size: 150%;
	color: #9999dd;
}

		/* 絵ページ内リンクの設定ここまで */

		/* 見出し内リンクの設定ここから */

a.old:link {
	color : #eeeeee     ; 
	text-decoration: underline ;
}

a.old:visited {
	color : #dddddd   ; 
	text-decoration: underline ;
}

a.old:hover {
	color : #ff0000 ;
	text-decoration : underline ;
	font-weight     : none ; 
}

a.old:active {
	color : #ff0000      ; 
	text-decoration: underline ;
	position: relative; 
	top: 1px; left: 1px;
}

		/* 見出し内の設定ここまで */

	/* リンク文字の設定ここまで */

/* フォント関係の設定ここまで */



#enable {
	display: none;
}

/* MixItUpの設定ここから */

#Container {
	clear: both;
	cursor: pointer;
}

#Container .mix{
	display: none;
}

/* コントローラーの設定ここから */

#controller {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;
}
#controller .mix{
	display: none;
}

#controller .box{
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	display: table;
}

/* フィルターリストの設定ここから */

#filterlist{
	padding: 10px;
	overflow: hidden;
	float: left;
	position: relative;
	border: 1px solid #CCC;
	border-radius: 5px;
}

#filterlist ul{
	cursor: pointer;
	list-style: none outside none;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	left: 50%;
}

#filterlist ul li{
	float: left;
	padding: 5px;
	border: 1px solid #999;
	position: relative;
	left: -50%;
}


#filterlist .filter{
	font-size: 90%;
	cursor: pointer;
}

#filterlist .all{
	background-color: #ffeeee;
}

#filterlist .original{
	background-color: #eeffee;
}

#filterlist .fanfic{
	background-color: #eeeeff;
}

/* フィルターリストの設定ここまで */

/* ソートリストの設定ここから */

#sortlist {
	padding: 10px;
	overflow: hidden;
	float: left;
	position: relative;
	border: 1px solid #CCC;
	border-radius: 5px;
}

#sortlist ul{
	cursor: pointer;
	list-style: none outside none;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	left: 50%;
}

#sortlist ul li{
	float: left;
	padding: 5px;
	border: 1px solid #999;
	position: relative;
	left: -50%;
}

#sortlist .sort{
	font-size: 90%;
	cursor: pointer;
}

#sortlist .asc{
	background-color: #eeffff;
}

#sortlist .desc{
	background-color: #ffeeff;
}

#sortlist .random{
	background-color: #ffffee;
}

/* ソートリストの設定ここまで */

/* コントローラーの設定ここまで */

/* MixItUpの設定ここまで */


/* メールフォームの設定ここから */

	/* フォーム本体の設定ここから */

		/* フォーム全体を囲うタグ */
#formWrap {
	font-size: small;
	margin: 1em;
	padding: 1em;
	border: 1px solid;
	width: 42em;
	height: 38em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

		/* フォームタイトル(「メールフォーム」の部分) */
#formWrap .title{
	font-weight: bold ;
	margin: 0em;
	padding: 0em;
}

		/* フォームの解説文 */
#formWrap .explain {
	margin: 0px;
	padding: 0px;
}

		/*フォームタイトル、説明文以外の項目や送信ボタンを囲っているタグ*/
#formWrap .main {
	margin: 0px;
	padding: 0px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


		/* フォームの各パーツ(項目名・入力欄)を囲うタグ */
#formWrap .partsWrap {
	margin: 0px;
	padding: 0px;
	height: 3.5em;
	width:100% ;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

		/* フォームの項目名を囲うタグ */
#formWrap .partsname {
	font-size: x-small;
	margin: 0px;
	padding: 0px;
}

		/* フォームの入力欄を囲うタグ */
#formWrap .parts {
	width: 90%;
	margin: 0px;
	padding: 0px;
}

		/* フォームの入力欄 */
#formWrap .form {
	width: 90%;
	margin: 0px;
	padding: 0px;
}

		/* フォームの本文パーツ(項目名・入力欄)を囲うタグ */
#formWrap .textareaWrap {
	margin: 0px;
	padding: 0px;
	height: 12em;
	width:100% ;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

		/* フォームの本文入力欄 */
#formWrap .textarea {
	width: 90%;
	height: 6em;
	margin: 0px;
	padding: 0px;
}

	/* フォーム本体の設定ここまで */


	/* 送信内容確認画面の設定ここから */

#confirmWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}

	/* 送信内容確認画面の設定ここまで */

/* メールフォームの設定ここまで */