@charset "utf-8";

/* ******************************************************************************** */
/*                                                                                  */
/*  32877simple_white                                                               */
/*  配布元（http://32877.xii.jp/）                                                  */
/*                                                                                  */
/* ******************************************************************************** */
/* ################################################################################ */
/*      0:HTML再定義                                                                */
/* ################################################################################ */
/* ================================================================================ */
/*      0-1:BODY                                                                    */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      0-1-1:body全体                                                              */
/* -------------------------------------------------------------------------------- */
html {margin:0;padding:0;height:100%;}
body {background:#ffffff;margin:0;padding:0;height:100%;}
*html body {text-align:center;}
/* -------------------------------------------------------------------------------- */
/*      0-1-2:リンク設定                                                            */
/* -------------------------------------------------------------------------------- */
a:link {color:#cccccc;text-decoration:none;}
a:visited{color:#666666;text-decoration:none;}
a:hover {color: #00FFB0;text-decoration:underline;}
/* -------------------------------------------------------------------------------- */
/*      0-1-3:見出し設定                                                            */
/* -------------------------------------------------------------------------------- */
h1{font-size:300%;color:#f6f6f6;}
h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
h6 {display:none;}
/* -------------------------------------------------------------------------------- */
/*      0-1-4:ul                                                                    */
/* -------------------------------------------------------------------------------- */
ul.none {margin:0;padding:0;}
ul.none li{list-style:none;clear:both;}
ul.disc {margin-left:40px;padding:0;}
ul.disc li{list-style-type:disc;}
ul.inline{margin:0 0 0 20px;padding:0;}
ul.inline li{display:inline;margin:0;}

/* ################################################################################ */
/*      1:パーツ設定                                                                */
/* ################################################################################ */
/* ================================================================================ */
/*      1-1:#site…サイト全体のテーブル                                             */
/* ================================================================================ */
div#site {
	border:1px solid #eeeeee;
	width:800px;
	margin:0 auto;
	padding:0;
	}

/* ================================================================================ */
/*      1-2:ヘッダー                                                                */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      1-2-1:#header…ヘッダー全体                                                 */
/* -------------------------------------------------------------------------------- */
div#header{background-color:#ffffff;padding:0;margin:0;text-align:left;}
/* -------------------------------------------------------------------------------- */
/*      1-2-1:#headertitle…ヘッダータイトル部分                                    */
/* -------------------------------------------------------------------------------- */
div#headertitle{margin:10px 0 0 10px;padding:0;}
div#headertitle h1{font-size:30pt;margin:0;padding:0;}
div#headertitle p{font-size:8pt;}
/* -------------------------------------------------------------------------------- */
/*      1-2-1:#headermenu…ヘッダーメニュー部分                                    */
/* -------------------------------------------------------------------------------- */
div#headermenu{margin:0 10px;}
/* ================================================================================ */
/*      1-3:サブメニュー                                                            */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      1-3-1:#submenu…サブメニュー全体の設定                                      */
/* -------------------------------------------------------------------------------- */
div#submenu {
	font-size:80%;
	background-color:#ffffff;
	margin:0 10px;
	text-align:right;
	}
/* -------------------------------------------------------------------------------- */
/*      1-3-2:#submenu ul…サブメニューのリストの設定                               */
/* -------------------------------------------------------------------------------- */
div#submenu ul {margin: 0 0 10px 0;padding:0;}
div#submenu ul li {display: inline;list-style: none;}
/* ================================================================================ */
/*      1-4:メニュー                                                                */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      1-4-1:#menu…メニュー全体の設定                                             */
/* -------------------------------------------------------------------------------- */
div#menu {
	clear:both;
	height:50px;
	border:1px solid #eeeeee;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin:0 10px;
	padding:0;
}
/* -------------------------------------------------------------------------------- */
/*      1-4-2:#menu ul…メニューのリストの設定                                      */
/* -------------------------------------------------------------------------------- */
div#menu ul {margin:0 10px;padding:0;text-align:center;}
div#menu ul li{float:left;list-style:none;margin:12px 5px;padding:0;}

/* -------------------------------------------------------------------------------- */
/*      1-4-3:#menu a…メニューのリンクブロックの設定                               */
/* -------------------------------------------------------------------------------- */
div#menu a{
	background-color:#ffffff;
	display:box;
	padding:5px 15px;
	text-align:center;
	font-size:120%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
div#menu a:link, div#menu a:visited {text-decoration: none;}
div#menu a:active, div#menu a:hover {background-color:#eeeeee;color:#ffffff;text-decoration:none;}
/* ================================================================================ */
/*      1-5:コンテナー…サイト内メインカラム                                        */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      1-5-1:#container…コンテナー全体の設定                                      */
/* -------------------------------------------------------------------------------- */
div#container{
	clear:both;width:780px;
	margin:10px;
	text-align:left;
	border-top:1px solid #eeeeee;
	}
	img {
		max-width : 100%;
		height: auto;
	}
/* -------------------------------------------------------------------------------- */
/*      1-5-1:#container h…コンテナー内見出しデザインの設定                        */
/* -------------------------------------------------------------------------------- */
div#container h1{color:#eeeeee;margin:0;padding:0;}
div#container h1 a:link,div#container h1 a:visited{color:#eeeeee;}
div#container h2{
	font-size:20pt;
	padding:5px 10px;
	color:#ccccccc;
	background: #ffffff; /* Old browsers */
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	border:1px solid #eeeeee;
}
div#container h3{
	font-size:12pt;
	margin:0;padding:0;
	border-bottom:2px dotted #cccccc;
	}
div#container h4{
	font-size:15pt;
	margin:0; padding:0 0 0 10px;
	border-left:5px solid #cccccc;
	border-top:1px solid #eeeeee;
	}
/* ================================================================================ */
/*      1-6:ユーティリティ…エントリー表示時コンテナー内左部分の設定                */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      1-6-1:#utility…ユーティリティテーブルの設定                                */
/* -------------------------------------------------------------------------------- */
div#utility {width:240px;float:left;margin:0;padding:0;text-align:center;}
div#utility h2{font-size:10pt;}
/* -------------------------------------------------------------------------------- */
/*      1-6-2:.utility…ユーティリティブロックの設定                                */
/* -------------------------------------------------------------------------------- */
div.utility {text-align:left;clear:both;}
/* -------------------------------------------------------------------------------- */
/*      1-6-3:.utility table.calender…カレンダーの設定                             */
/* -------------------------------------------------------------------------------- */
div#utility div.utility ul.calender {text-align:center;margin:0;padding:0;}
div#utility div.utility ul.calender li {display:inline;list-style:none;margin:0 5px;padding:0;}
div#utility div.utility table.calender{text-align: center;font-size:8pt;margin:0 auto;border: 1px solid #cccccc;}
div#utility div.utility table.calender a{border:1px solid #cccccc;text-decoration: none;padding:2px;}
div#utility div.utility table.calender a:hover{background-color:#eeeeee;color:#666666;}
div#utility div.utility table.calender tr th{background-color:#F6F6F6;}
div#utility div.utility table.calender tr th, table.calender tr td {border:none;}
div#utility div.utility table.calender tr td span.day {color: #222222;}
div#utility div.utility table.calender tr td span.satday {color: #2222CC;}
div#utility div.utility table.calender tr td span.sunday {color: #CC2222;}
/* -------------------------------------------------------------------------------- */
/*      1-6-4:.utility ul…ユーティリティ内リストの設定                             */
/* -------------------------------------------------------------------------------- */
div.utility ul {padding:0;margin:0 0 5px 0;}
div.utility ul li{margin-left:20px;}
/* -------------------------------------------------------------------------------- */
/*      1-6-5:.utility dl…ユーティリティ内定義リストの設定                         */
/* -------------------------------------------------------------------------------- */
div.utility dl {padding:0;margin:0;}
div.utility dt {width:200px;}
div.utility dd {width:200px;text-align:right;}
/* -------------------------------------------------------------------------------- */
/*      1-6-6:.utility form dl…エントリー検索フォームの設定                        */
/* -------------------------------------------------------------------------------- */
form#search {margin: 0;}
form#search input[type=text]{
	height:26px;
	border:solid 2px #eeeeee;
	width:150px;
}
form#search input[type=submit]{
    background-color:#ffffff;
    border:double 3px #eeeeee;
    height:30px;
    width:70px;
    margin-left:10px;
    color:#666666;
}

/* ================================================================================ */
/*      1-7:コンテンツ                                                              */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      1-7-1:#content…コンテナー内右部分コンテンツの設定                          */
/* -------------------------------------------------------------------------------- */
div#content {	float:left;
		padding:0;
		margin-left:20px;
		text-align:left;
		}
/* ================================================================================ */
/*      1-9:プロダクト                                                              */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      1-9-1:#product…コンテナー内作品表示部分の設定                              */
/* -------------------------------------------------------------------------------- */
div#product{margin:10px 0;}
/* ================================================================================ */
/*      1-10:フッター                                                               */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      1-10-1:#footer…フッター全体                                                */
/* -------------------------------------------------------------------------------- */
div#footer {
	clear: both;
	width:790px;
	padding:5px;
	text-align:right;
	color:#cccccc;
	background-color:#eeeeee;
}
/* -------------------------------------------------------------------------------- */
/*      1-10-2:フッターのリンク設定                                                 */
/* -------------------------------------------------------------------------------- */
div#footer a:link,div#footer a:visited{color:#cccccc;}
div#footer a:hover{color:#666666;text-decoration:underline;}
/* ################################################################################ */
/*      2.エントリー                                                                */
/* ################################################################################ */
/* ================================================================================ */
/*      2-1:#entry…エントリーテーブル                                             */
/* ================================================================================ */
div#entry {width:520px;}
/* ================================================================================ */
/*      2-2:#entry .entry…エントリーブロック                                      */
/* ================================================================================ */
div#entry div.entry {
	width: 518px;
	margin:10px 10px 0 0;
	border: 1px solid #eeeeee;
	-moz-border-radius-topleft: 50px;
	-webkit-border-top-left-radius: 50px;
	border-top-left-radius: 50px;
}
/* -------------------------------------------------------------------------------- */
/*      2-2-1:#entry .entry h1…エントリーブロックタイトル                          */
/* -------------------------------------------------------------------------------- */
div#entry div.entry h1 {margin:5px 5px 0 0;padding: 0;text-align:right;}
/* -------------------------------------------------------------------------------- */
/*      2-2-2:#entry .entry .content…エントリーブロック本文                        */
/* -------------------------------------------------------------------------------- */
div#entry div.entry div.content {margin: 0 10px;}
/* -------------------------------------------------------------------------------- */
/*      2-2-3:#entry .entry ul.information…投稿時間・カテゴリー・タグ              */
/* -------------------------------------------------------------------------------- */
div#entry div.entry ul.information {margin:0 10px 10px 0;font-size: 90%;text-align:right;}
div#entry div.entry ul.information li {display: inline;margin-right: 5px;}
/* -------------------------------------------------------------------------------- */
/*      2-2-3:#entry .entry ul.link…記事URL・コメント・トラックバック・編集アイコン*/
/* -------------------------------------------------------------------------------- */
div#entry div.entry ul.link {text-align: right;margin: 10px 5px 10px 0 ;font-size: 90%;}
div#entry div.entry ul.link li {display: inline;margin-left: 5px;}
/* -------------------------------------------------------------------------------- */
/*      2-2-4:#entry #entry_link ul.entry_link…記事移動                            */
/* -------------------------------------------------------------------------------- */
div#entry div#entry_link ul.entry_link {margin:20px 0;text-align:center;}
div#entry div#entry_link ul.entry_link li {display: inline;list-style: none;margin-right: 10px;}
div#entry div#entry_link ul.entry_link li.home {padding-right: 10px;padding-left: 10px;border-right: 1px solid #999999;border-left: 1px solid #999999;}
div#entry div#entry_link ul.entry_link li.previous:before {content: "<< ";}
div#entry div#entry_link ul.entry_link li.next:after {content: " >>";}
/* ################################################################################ */
/*      3:ページ                                                                    */
/* ################################################################################ */
/* ================================================================================ */
/*      3-1:.pan…パンくず表示プラグイン                                            */
/* ================================================================================ */
div.pan {
	margin-top:5px;
	padding:0;
	font-size:8pt;
	clear:both;
	border-top:2px dotted #cccccc;
	border-bottom:2px dotted #cccccc;}
div.pan p{margin:5px 0;padding:0;}
/* ================================================================================ */
/*      3-2:#page_all…ページ一括表示プラグイン                                     */
/* ================================================================================ */
div#page_all h3{margin-left:20px;}
/* ================================================================================ */
/*      3-3:ページ移動                                                              */
/* ================================================================================ */
div#page ul.order {margin: 10px 0;}
div#page ul.order li {display: inline;list-style: none;margin-right: 10px;}
div#page ul.direct {margin: 10px 0;text-align: right;}
div#page ul.direct li {display: inline;list-style: none;margin-left: 10px;}
div#page_link{text-align:center;clear:both;margin-top:20px;padding:10px;border-top:1px solid #eeeeee;}
div#page_link ul.page_link {margin: 0 0 20px 0;}
div#page_link ul.page_link li {display: inline;list-style: none;margin-right: 10px;}
div#page_link ul.page_link li.home {
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;}
div#page_link ul.page_link li.previous:before {content: "<< ";}
div#page_link ul.page_link li.next:after {content: " >>";}
/* ================================================================================ */
/*      3-4:ul.link…編集アイコン                                                 */
/* ================================================================================ */
ul.link {text-align: right;margin: 10px 5px 10px 0 ;font-size: 90%;}
ul.link li {display: inline;margin-left: 5px;}
/* ################################################################################ */
/*      4:インフォメーション                                                        */
/* ################################################################################ */
/* ================================================================================ */
/*      4-1:#information…インフォメーションテーブル                                */
/* ================================================================================ */
div#information {margin:10px 0;}
div#information ul.continue {margin: 0;text-align: right;}
div#information ul.continue li {display: inline;}
/* ================================================================================ */
/*      4-2:dl.news…更新記録                                                       */
/* ================================================================================ */
dl.news{width:600px;}
dl.news dt {clear: left;float: left;margin:0 0 10px;width: 130px;border-left: solid 10px #cccccc;padding-left: 5px;}
dl.news dd { margin: 0 0 8px 95px;width:440px;}
/* ================================================================================ */
/*      4-3:dl.recentry…新着日記                                                       */
/* ================================================================================ */
dl.recentry dl{width:600px;}
dl.recentry dt {clear:left;float:left;margin:0 0 10px;width: 135px;border-left: solid 10px #eeeeee;padding:0 0 0 5px;}
dl.recentry dd { margin: 0 0 8px 150px;width:430px;}
/* ################################################################################ */
/*      4:オプション                                                                */
/* ################################################################################ */
/* ================================================================================ */
/*      4-1:新着マーク                                                              */
/* ================================================================================ */
span.new{font-size:8pt;color:red;font-weight:bold;margin-left:5px;}
/* ================================================================================ */
/*      4-1:年齢制限                                                                */
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*      2-2-3:文字での年齢制限表示                                                  */
/* -------------------------------------------------------------------------------- */
span.r15{font-weight:bold;color:orange;}
span.r18{font-weight:bold;color:red;}
/* -------------------------------------------------------------------------------- */
/*      2-2-3:画像での年齢制限表示                                                  */
/* -------------------------------------------------------------------------------- */
span.r15 img{border:3px solid orange;margin:3px;}
span.r18img img{border:3px solid red;margin:3px;}
span.img img{margin:6px;}
/* -------------------------------------------------------------------------------- */
/*      2-2-3:年齢制限の表示方法説明部分                                            */
/* -------------------------------------------------------------------------------- */
div#parameter{text-align:right;}
div#parameter ul{margin:10px 0;padding:0;}
div#parameter ul li{list-style:none;display:inline;margin:0;}
/* ================================================================================ */
/*      4-1:小説用オプション                                                        */
/* ================================================================================ */
span.continue{font-size:8pt;font-weight:bold;color:blue;}
span.end{font-size:8pt;font-weight:bold;color:darkgray;}
/* ################################################################################ */
/*      4:Informationページ                                                         */
/* ################################################################################ */
/* ================================================================================ */
/*      4-1:.book…同人誌紹介個別ブロック                                           */
/* ================================================================================ */
.book{clear:both;width:760px;margin:10px 0 0 20px;}
/* ================================================================================ */
/*      4-1:.bookimg…同人誌紹介表紙画像ブロック                                    */
/* ================================================================================ */
.bookimg{float:left;width:240px;text-align:center;}
.bookimg ul li{display:inline;}
/* ================================================================================ */
/*      4-1:.booknote…同人誌紹介詳細情報ブロック                                   */
/* ================================================================================ */
.booknote{float:left;width:520px;margin-top:5px;}
span.subtitle{color:#ff0000;font-weight:bold;}






/********* レスポンシブ *********************************************/

@media (max-width: 720px) {
	body {
		padding: 0%;
		box-sizing:border-box;
	}
	form textarea {
		width: 95%;
	}
	img {
		max-width : 100%;
		height: auto;
	}
	h1{font-size:150%;}
	h6{display:none;}
/* -------------------------------------------------------------------------------- */
/*      0-1-4:ul                                                                    */
/* -------------------------------------------------------------------------------- */
	ul.disc{margin-left:0px;}
	ul.inline{margin:0px; padding:0 0 0 8px;}
	ul.inline li{display:inline; margin:0;}

/* ================================================================================ */
/*      1-1:#site…サイト全体のテーブル                                             */
/* ================================================================================ */
	div#site {
		border:0px;
		width:100%;
		}
/* -------------------------------------------------------------------------------- */
/*      1-2-1:#header…ヘッダー　　                                                 */
/* -------------------------------------------------------------------------------- */
	div#headertitle{
		margin:0px; padding:10 10px;
		}
	div#headertitle h1{
		font-size:150%;
		}
	div#headertitle p{font-size:100%;}

/* -------------------------------------------------------------------------------- */
/*      1-3-1:#submenu…サブメニュー全体の設定                                      */
/* -------------------------------------------------------------------------------- */
	div#submenu {
		display:none;
		}

/* -------------------------------------------------------------------------------- */
/*      1-4-1:#menu…メニュー全体の設定                                             */
/* -------------------------------------------------------------------------------- */
	div#menu {
		width:100%;
		height:auto;
		border:0px;
		display:block;
		margin:0px;
		padding:5 0px;
		font-size:100%;
		}
	div#menu ul li{
		margin:0;
		padding:8 0px;
		width:25%;
		background:#ffffff;
		border-bottom:1px solid #eeeeee;
		}
	div#menu a{
		display:block;
		padding:5 0px;
		font-size:100%;
		}

/* ================================================================================ */
/*      1-5:コンテナー…サイト内メインカラム                                        */
/* ================================================================================ */
	div#container {
		width: 100%;
		margin:0px;
		padding:0px;
		}

	div#container h1{
		color:;
		}
		
	div#container h1 a:link,div#container h1 a:visited{color:#eeeeee;}

	div#container h2{
		font-size:120%;
		padding:5 5%;
	filter: none; /* IE6-9 */
		}
	div#container h3{
		font-size:120%;
		margin:0;padding:0 0 0 5%;
		border-bottom:2px dotted #cccccc;
		}
	div#container h4{
		font-size:100%;margin:0;
		padding:5 0px;
		border-left:5px solid #cccccc;
		border-top:1px solid #eeeeee;
		}

/* ================================================================================ */
/*      1-6:ユーティリティ…エントリー表示時コンテナー内左部分の設定                */
/* ================================================================================ */
	div#utility {display:none;
		float: none;
		width: 100%;
		margin: 0;
		}
	div#utility div.utility ul.calender {
		display:none;
		}
div#utility div.utility table.calender{
		display:none;
		}
form#search {display:none;}
form#search input[type=text]{display:none;}


/* -------------------------------------------------------------------------------- */
/*      1-7-1:#content…コンテナー内右部分コンテンツの設定                          */
/* -------------------------------------------------------------------------------- */
	div#content {
		float: none;
		width: 100%;
		margin:0px;
		padding:0 5%;
	}
div#product{margin:0px; padding:0 5%;}

/* ================================================================================ */
/*      1-10:フッター                                                               */
/* ================================================================================ */
	div#footer {
		clear:both;
		width:100%;
		padding:0px;
		font-size:80%;
		}

/* ================================================================================ */
/*      2-1:#entry…エントリーテーブル                                             */
/* ================================================================================ */
	div#entry{width:90%;}
	div#entry div.entry {
		width: 90%;
		margin:0px; padding:0 10px;
		border-right: 0;
		border-left: 0;
		}
	div#entry div.entry h1{
		margin:0px;
		}
	div#entru div.entry div.content{
		margin:0px;
		}
/* ================================================================================ */
/*      3-1:.pan…パンくず表示プラグイン                                            */
/* ================================================================================ */
div.pan {
	margin-top:5px;
	padding:0;
	font-size:8pt;
	clear:both;
	border-top:2px dotted #cccccc;
	border-bottom:2px dotted #cccccc;}
div.pan p{margin:0px;padding:5 0px;}

/* ================================================================================ */
/*      3-2:#page_all…ページ一括表示プラグイン                                     */
/* ================================================================================ */
	div#page_all h3{margin:0px;}
		

/* ================================================================================ */
/*      3-3:ページ移動                                                              */
/* ================================================================================ */

/* ================================================================================ */
/*      4-1:#information…インフォメーションテーブル                                */
/* ================================================================================ */
	div#information {
		width:90%;
		margin:0px;
		padding:5%;
		}
/* ================================================================================ */
/*      4-2:dl.news…更新記録                                                       */
/* ================================================================================ */
	dl.news{width:100%;}
	dl.news dt{width:100%;}
	dl.news dd{width:90%;}

/* ================================================================================ */
/*      4-3:dl.recentry…新着日記                                                       */
/* ================================================================================ */
	dl.recentry dl{width:80%;}
	dl.recentry dt{clear:left;float:left;margin:0 0 10px;width: 50%;border-left: solid 10px #eeeeee;padding:0 0 0 5px;}
	dl.recentry dd{ margin: 0 0 8px 0px;width:50%;}

/* ================================================================================ */
/*      4-1:.book…同人誌紹介個別ブロック                                           */
/* ================================================================================ */
	.book{
		width:100%;
		margin:0px;
		padding:5 10px;
		}

	.bookimg{
		width:100%;
		}
	.booknote{
		width:100%;
		}


/********* IE6用設定 ************************************************/

* html body {
	text-align: center;
}
* html div#container {
	width: 800px;
	text-align: left;
}
* html pre {
	width: 100%;
}
* html table tr th, * html table tr td {
	font-size: 80%;
}