/* === 全体のスタイル（文章） === */

body	{
	color: #cccccc;
	background: #000000;
	font-family : 'メイリオ','Meiryo','ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', sans-serif ;
	font-size: 10pt;
	text-align: center;
	margin: 8px 0px 8px 0px;
	border: none;
	padding: 0px 0px 0px 0px;
	}
	}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl{
	margin-top: 0;
	margin-bottom: 0;
	}

img	{
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	border: 0;
	padding: 0px 0px 0px 0px;
	}


/* === 全体のスタイル (レイアウト) === */

.base	{
	background-color:#000000;
	width:800px;
	height:px;
	text-align:right;
	margin-left:auto;
	margin-right:auto;
	border: none;
	padding: 0px 0px 0px 0px;
	}

.base	{
	background-color:#000000;
	width:800px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	border: none;
	padding: 0px 0px 0px 0px;
	}

.headder{
	background: transparent url(../image/logotype_small.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 40px;
	text-align: right;
	margin: 4px 0px 0px 0px;
	border: none;
	padding: 0px 0px 0px 0px;
	}

.navigation{
	background: transparent url(../image/navigation.jpg);
	width: 800px;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	border: none;
	padding: 0px 0px 0px 0px;
	clear: both;
	}

.visual{
	background-color: transparent;
	width:800px;
	height:160px;
	text-align:center;
	border: none;
	margin: 0px 0px 8px 0px;
	}


.main	{
	background: url(../image/back.png) repeat-y left top; /* 背景画像で左右ボックスを揃えてる。対象は".left"と".right"。 */
	background-color: #000000;
	float: left;
	width: 800px;
	height:100%;
	text-align:left;
	border: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}


.center	{
	background-color: #333333;
	float: left;
	width: 800px;
	height:100%;
	border: none;
	text-align:left;
	margin: 0px 0px 0px 0px;
	}

.center2{
	background-color: transparent;
	background-image: url(../image/ti_contents_u.png);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	width: 800px;
	height: 8px;
	margin: 0px 0px 0px 0px;
	border: none;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}

.center3{
	background-color: transparent;
	background-image: url(../image/ti_contents_d.png);
	background-position: top;
	background-repeat: no-repeat;
	text-align: left;
	width: 800px;
	height: 8px;
	margin: 0px 0px 0px 0px;
	border: none;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}


.left	{	/* 左ボックスの仕様の指定 */
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	/* border: 1px;
	border-style: solid;
	border-color: #333333;
	background: transparent;
	background-color: #000000; */
	float: left;
	width: 228px;
	height: 100%;
	min-height: 100%;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
	display: inline;
	}

.right	{	/* 右ボックスの仕様の指定 */
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	/* background-color: #333333;
	border: none; */
	float: right;
	width: 564px;
	text-align:left;
	margin: 0px 0px 0px 5px;
	padding: 8px 0px 0px 0px;
	display: inline;
	}

.footter{
	background-color:transparent;
	width:800px;
	height:100%;
	border: none;
	text-align:center;
	margin: 8px 0px 0px 0px;
	clear: both;
	}

.left_staff	{	/* 同人ページ用・右ボックス分割、左ボックスの仕様の指定 */
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	background: transparent;
	float: left;
	width: 260px;
	height: 100%;
	min-height: 100%;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	display: inline;
	}

.right_tracklist	{	/* 同人ページ用・右ボックス分割、右ボックスの仕様の指定 */
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	/* background-color: #333333;
	border: none; */
	border-left: 2px #444444 dotted;
	float: right;
	width: 293px;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	display: inline;
	}

.twitter	{	/* ツイッター用 */
	margin: 0px 14px 20px 14px;
	padding: 0px 0px 0px 0px;
	}
	
/* === 見出しのスタイル === */

h1	{
	color: #ffffff;
	font-size:8pt;
	font-weight:normal;
	margin:0em 0em 0em 0em;
	padding:1.1em 0em 0em 0em;
	}

h2	{
	font-size: 12pt;
	font-weight: bold;
	margin: 0.5em 0em 1em 0.5em;
	padding: 0em 0em 0em 0.5em;
	border-left: 6px #c40000 solid;
	}

h3	{
	font-size:10pt;
	font-weight:bold;
	margin:0em 0em 0.5em 1em;
	padding: 0.1em 0em 0em 0.6em;
	border-left: 2px #cc0000 solid;
	}

h4	{
	color: #7777777;
	font-size:10pt;
	font-weight:normal;
	}

h5	{
	font-size:9pt;
	font-weight:normal;
	text-decoration: none;
	margin:0em 0em 0em 1em;
	padding: 0em 0em 0em 0em;
	}

h6	{
	font-size:9pt;
	font-weight:bold;
	text-decoration: none;
	margin:0em 0em 0em 1em;
	padding: 0em 0em 0em 0em;
	}


/* === 文章のスタイル === */

p	{
	letter-spacing: 0em;
	margin:0em 1em 1em 1em;
	padding: 0em 0em 0em 0em;
	}

p.bar	{	/* 区切り点線(イメージ)のクラス */
		letter-spacing: 0em;
		margin:0em 1em 0em 1em;
		padding: 0em 0em 0em 0em;
		}

p.apeal	{	/* 右ブロック最上段・アピール用クラス */
		font-size:9pt;
		font-weight:normal;
		text-decoration: none;
		letter-spacing: 0em;
		margin:0em 1em 1em 1em;
		padding: 0em 0em 0em 0em;
		}
	
p.add_diary	{	/* 右ブロック日記でマージン下部を0em化する */
	letter-spacing: 0em;
	margin:0em 1em 0em 1em;
	padding: 0em 0em 0em 0em;
	}
	
blockquote	{	/* 右ブロック日記での引用に使用 */
	font-size:9pt;
	font-weight:normal;
	text-decoration: none;
	margin: 1em 0em 1.2em 4em;
	padding: 0.5em 0.5em 0.5em 1.0em;
	background-color:#222222;
	border-top: 1px #444444 solid;
	border-left: 2px #444444 solid;
	border-bottom: 1px #444444 solid;
	}

.right_quote_gray	{	/* 仕事履歴等に使用、背景色替え、マージン少*/
	font-weight:normal;
	text-decoration: none;
	margin: 0em 0em 1.2em 4em;
	padding: 0.5em 0.5em 0.5em 1.0em;
	background-color:#222222;
	border-top: 1px #444444 solid;
	border-left: 2px #444444 solid;
	border-bottom: 1px #444444 solid;
	}

.right_quote_gray	{	/* 仕事履歴等に使用、背景色替え、マージン少*/
	font-weight:normal;
	text-decoration: none;
	margin: 0.1em 0em 0.1em 0em;
	padding: 0.1em 0em 0.1em 1em;
	background-color:#333333;
	}

.right_quote_normal	{	/* 仕事履歴等に使用、背景色替えなし、マージン少 */
	font-weight:normal;
	text-decoration: none;
	margin: 0.1em 0em 0.1em 0em;
	padding: 0.1em 0em 0.1em 1em;
	}

.right_quote_space	{	/* 右ブロック 作品紹介コメントに使用、背景色替え グレー */
	font-weight:normal;
	text-decoration: none;
	margin: 0.1em 0em 0.5em 3em;
	padding: 0.1em 0em 0.1em 1em;
	background-color:#333333;
	}

.left_quote	{	/* 左ブロックでの引用に使用 */
	font-size:8pt;
	font-weight:normal;
	text-decoration: none;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.5em;
	background-color:#111111;
	border-top: 1px #333333 solid;
	border-bottom: 1px #333333 solid;
	}

.left_quote_leftspace	{	/* 左ブロック トップ 左側から背景が伸びるタイプの引用 */
	font-size:9pt;
	font-weight: bold;
	text-decoration: none;
	margin: 0.5em 0.5em 0.5em 0em;
	padding: 0.2em 0em 0.1em 0.5em;
	background-color:#333333;
	border-top: 1px #555555 solid;
	border-right: 1px #555555 solid;
	border-bottom: 1px #555555 solid;
	}



/* === 画像のスタイル === */



/* === リストのスタイル === */

ul	{
	font-size:9pt;
	font-weight:normal;
	margin: 0em 0em 1.5em 2em;
	padding: 0em 0em 0em 1.25em;
	list-style-type: square;
	list-style-position : outside;
	}

ol	{
	font-size:9pt;
	font-weight:normal;
	margin: 0em 0em 1.5em 2em;
	padding: 0em 0em 0em 1.25em;
	list-style-type: decimal;
	list-style-position : outside;
	}

li	{
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	}


/* === リンクのスタイル === */

a:link	{
	text-decoration: none;
	color: #cccccc;
	}

a:visited{
	text-decoration: none;
	color: #cccccc;
	}

a:hover	{
	text-decoration: underline;
	color: #ff8c00;
	}

a:active{
	text-decoration: underline;
	color: #cccccc;
	}