@charset "UTF-8";

/*基本設定*/
html { background-color: #769164; }
body { background-color: #f0f8ff;
	width: 1100px;
	height: 770px;
	margin: auto;
	  font-family: sans-serif;
	  font-size: 90%;
	  line-height: 140%;
	  color: #660000; }

a:link	{ color: #ff00cc; } /*未訪問*/
a:visited	{ color: #999966; } /*訪問済み*/
a:hover	{ color: #0099ff; } /*カーソル載せ時*/
a:active	{ color: #0099ff; } /*クリック時*/

/*サイトヘッダー*/
header    { padding: 18px 20px 10px 40px;
		font-weight: 800;
		 font-size: 150%; }

/*上下ナビ共通*/
nav,#bottombox {
	border-style: solid none;
	border-width: 2px;
	border-color: #769164;
	padding: 8px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center; }
.item	{ margin: 3px 8px;
	  font-weight: bolder;
	  text-align: center; }
/*上部ここまで*/

/*目次頁共通項目*/
.caution { color: #ff3300; }
sup { color: #4169e; }

/*左右共通*/
#leftbox, #mainbox { height: 540px; }

/*左側設定*/
#leftbox { background-color: #d6ffd6;
	width: 225px;
	margin: 20px 10px;
		float: left;
		position: relative; }
.text01, .text02 { padding: 0px 5px; }
.text01 { margin-top: 10px; }
.text02 { position: absolute;
	bottom: 0px; }

/*右側全体設定*/
#mainbox { width: 845px;
	  margin: 20px 10px 5px 0px;
	  float: right; }

/*項目共通設定*/
.tx01  { text-align: center;
	margin-bottom: 5px;
	padding: 2px 0px;
	background-color: #d6ffd6; }

/*基本の箱*/
.box01	{ width: 840px;
	  padding-left: 5px;
	  padding-bottom: 8px; }

/*変則2分割*/
.box02  { width: 320px;
	padding-bottom: 8px;
	float: left; }

.box03   { width: 515px;
	margin-left: 10px;
	padding-bottom: 8px;
	float: right; }

.story01 { padding-top: 3px;
	margin-left: 3px;
	float: left; }
.item-1 { margin: 10px 0px 20px; }

/*box03の分割*/
.story02, .story03 { 
	width: 250px;
	padding-top: 3px; }
.story02 { float: left; }
.story03 { float: right; }
/*変則2分割ここまで*/

/*ストジャ用*/
.story11  { display:flex;
	 flex-flow: row wrap; }
.item-2, .item-3 {
	margin: 6px 4px;
	padding: 5px; }
.item-2 { width: 260px; }/*box01横3分割*/
.item-3 { width: 192px; }/*box01横4分割*/
/*ストジャ用ここまで↑*/

/*箱庭用設定ここから↓*/

/*バナー付小説タイトル部*/
.mark, .ban { height: 40px;
	  margin-top: 5px;
	  margin-bottom: 5px;
	  float: left; }
.mark   { width: 50px;
	margin-left: 3px; }
.ban { width: 255px; }
.new02 { width: 50px;
	 height: 40px;
	 float: right; }

.tx02 { text-align: center; }

/*2分割*/
.box04, .box05 { width: 408px;
	        padding: 0px 5px; }
.box04 { float: left; }
.box05 { float: right; }
/*2分割ここまで*/

/*連載用話数リンク*/
.st01  { border-style: solid;
	border-width: 1px;
	border-color: #999966;
	width: 365px;
	margin: 15px 10px;
	padding: 8px 15px;
	float: left; }

/*箱庭用設定ここまで↑*/

/*下部共通メニュー*/
footer { clear: both; }
#bottombox  {  }
#bttxt { text-align: center; }