/***********************************************/
/***********************************************/
/**                                           **/
/**      魔王システムズ  スタイルシート       **/
/**                                           **/
/***********************************************/
/***********************************************/

/***********************************************/
/*  ＨＴＭＬ全体に関するタグ                   */
/***********************************************/
body {
	font-family: "ＭＳ Ｐゴシック",Arial,sans-serif;
	background-color: #000000;
	background-image: url(/Pictures/BackGround.gif);
	background-attachment: fixed;
	color: #afafff;
	line-height: 100%;
	padding: 0px;
}

body.blue {
	background-image: url(/Pictures/BackGround.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: fixed;
}

a:link {
	color: #d0ffd0;
	text-decoration: underline;
}

a:visited {
	color: #d0ffd0;
	text-decoration: underline;
}

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

p {
	margin: 0;
	padding: 0;
}

hr {
	color: #7f7f7f;
}


/***********************************************/
/*  画面レイアウトに関するタグ                 */
/***********************************************/
#htmlHeader {
	margin: 0 0 10px 0;
	padding: 10px 0px 5px 0px;
	border-bottom: 2px solid #7f7f7f;
	text-align: center;
	width: 100%;
	line-height: 240%;
}

#sideBar {
	float: left;
}

#mainPage {
	text-align: center;
}

#htmlFooter {
	clear: both;
	margin: 10px 0 0 0;
	padding: 5px 0px 10px 0px;
	border-top: 2px solid #7f7f7f;
	text-align: center;
	width: 100%;
}


/***********************************************/
/*  各々コンテンツに関するタグ                 */
/***********************************************/

/*  ヘッダー  **********************************/
#sorry {
	text-align: left;
	font-size: 80%;
}

#this {
	color: #ffffff;
	font-size: 80%;
	line-height: 200%;
}

#welcome {
	color: #ffffff;
}

#hikkosi {
	color: #ff8888;
	font-size: 360%;
	line-height: 200%;
}

#htmlHeader table {
	width: 640px;
	height: 256px;
	border: inset 2px #778899;
	line-height: 100%;
	text-align: center;
}

#htmlHeader table tr {
	border: inset 2px #778899;
	overflow: auto;
	font-size: 80%;
	padding: 5px 5px 5px 5px;
}

#htmlHeader table td {
	border: inset 2px #778899;
	padding: 5px 5px 5px 5px;
}

.news1 {
	color: #afff5f;
	margin: 5px 0px 10px 0px;
}

.news1 .title {
	color: #ffffff;
}

.news1 .days {
	font-size: 90%;
	color: #afafff;
	margin: 0px 12px 0px 12px;
}

.news1 a:link {
	color: #d0ffd0;
	text-decoration: underline;
}

.news1 a:visited {
	color: #d0ffd0;
	text-decoration: underline;
}

.news1 a:hover {
	color: #ffc0c0;
	text-decoration: underline;
}

.news2 {
	color: #7ccc2c;
	margin: 5px 0px 10px 0px;
}

.news2 .title {
	color: #cccccc;
}

.news2 .days {
	font-size: 90%;
	color: #7c7ccc;
	margin: 0px 12px 0px 12px;
}

.news2 a:link {
	color: #a0cca0;
	text-decoration: underline;
}

.news2 a:visited {
	color: #a0cca0;
	text-decoration: underline;
}

.news2 a:hover {
	color: #cc9090;
	text-decoration: underline;
}

.news3 {
	margin: 5px 0px 10px 0px;
	color: #499919;
}

.news3 .title {
	color: #999999;
}

.news3 .days {
	font-size: 90%;
	color: #494999;
	margin: 0px 12px 0px 12px;
}

.news3 a:link {
	color: #709970;
	text-decoration: underline;
}

.news3 a:visited {
	color: #709970;
	text-decoration: underline;
}

.news3 a:hover {
	color: #996060;
	text-decoration: underline;
}

.news4 {
	margin: 5px 0px 10px 0px;
	color: #166616;
}

.news4 .title {
	color: #666666;
}

.news4 .days {
	font-size: 90%;
	color: #161666;
	margin: 0px 12px 0px 12px;
}

.news4 a:link {
	color: #406640;
	text-decoration: underline;
}

.news4 a:visited {
	color: #406640;
	text-decoration: underline;
}

.news4 a:hover {
	color: #663030;
	text-decoration: underline;
}

#info .getter {
	color: #ffffff;
	font-size: 120%;
	font-weight: bold;
}

#titleCall {
	font-size: 300%;
	color: #ffffff;
	line-height: 100%;
	margin: 5px 0px 25px 0px;
}

#scenarioCall {
	font-size: 120%;
	color: #8d8dff;
	line-height: 100%;
	font-weight: bold;
	margin: 5px 0px 25px 0px;
}

#noBox {
	width: 320px;
	font-size: 90%;
	margin: 40px 0px 0px 0px;
	border: inset 2px #666666;
	line-height: 120%;
}

#noBox #noBoxTitle {
	border: inset 1px #666666;
	margin: 2px 2px 2px 2px;
}

#noBox #noBoxList {
	height: 100px;
	border: inset 1px #666666;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

/*  サイドメニュー  ****************************/
#sideBar table {
	font-size: 80%;
	line-height: 30%;
}

#sideBar table form {
	text-align: center;
}

#menus {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 90%;
}

#menus ul {
	list-style-type: square;
}

#menus a:link {
	padding: 2px 0px 2px 10px;
	width: 100%;
}

#menus a:visited {
	padding: 2px 0px 2px 10px;
	width: 100%;
}

#menus a:hover {
	color: #afafff;
	background-color: #cccc00;
	padding: 2px 0px 2px 10px;
	width: 100%;
}

/*  ボディ  ************************************/
#mainPage .main {
	font-size: 80%;
	line-height: 40%;
	vertical-align: middle;
}

#mainPage .main td {
	padding: 10px 30px 10px 30px;
}

#mainPage table form {
	text-align: center;
}

#mainPage img {
	margin: 0px 0px 25px 0px;
	border: none;
}

.written {
	width: 689;
	font-size: 120%;
	font-weight: bold;
	padding: 28px 0 28px 0;
	border: inset 2px #778899;
}

.thumbnail {
	padding: 4px 0 0 0;
	width: 689;
	border: inset 2px #778899;
}

.thumbnail a{
	overflow: hidden;
	height: 52;
	width: 52;
	border: outset 2px #778899;
}

.intro table {
	text-align: center;
	border: inset 3px #778899;
	margin: 0 0 24px 0;
}

.intro table td {
	padding: 8px 4px 8px 4px;
	border: inset 1px #778899;
}

.intro table td img{
	margin: 0;
	padding: 0;
}

.intro table td .category{
	font-size: 75%;
	color: #0a9aff;
}

.intro table td .title{
	font-size: 160%;
	color: #0a9aff;
}

.intro table td .genre{
	text-align: right;
	font-size: 75%;
	color: #4f6fff;
}

.diary {
	font-size: 90%;
	line-height: 140%;
	color: #afafaf;
	padding: 10px 30px 10px 30px;
}

.novel {
	color: ffffff;
	text-align: left;
	margin: 30px 5% 30px 9%;
	line-height: 120%;
}

.novel ruby {
	height: 100%;
	margin: 0;
	padding-top: 0;
	aborder: 1px solid red;
}

.novel ruby rt {
	font-size: 70%;
}

.replay {
	color: #ffffff;
	text-align: left;
	margin: 30px 10% 30px 10%;
	line-height: 120%;
}

.replay .who {
	color: #afafff;
	font-style: italic;
	font-weight: bold;
	line-height: 150%;
}

.replay .nar {
	font-family: "ＭＳ Ｐ明朝",Arial,sans-serif;
	color: #7faf7f;
	font-size: 90%;
}

.replay .stt {
	font-family: "ＭＳ Ｐ明朝",Arial,sans-serif;
	color: #ffaf7f;
	font-size: 90%;
}


/*  フッター  **********************************/
#cr {
	font-size: 80%;
	text-align: right;
}

#htmlFooter form {
	margin: 20px 0px 20px 0px;
	color: 445566;
}

#htmlFooter table{
	font-size: 75%;
	border: outset 2px #778899;
	color: 445566;
}

#htmlFooter table tr {
	border: inset 1px #778899;
}

#htmlFooter table td {
	border: inset 1px #445566;
}

#htmlFooter table hr {
	color: #112233;
}

#htmlFooter form textarea{
	color               : #cad4ad;
	background-color    : #04000b;
}

#htmlFooter form input{
	color               : #cad4ad;
	background-color    : #04000b;
}

#htmlFooter form select{
	color               : #cad4ad;
	background-color    : #04000b;
}

#htmlFooter #move{
	line-height: 150%;
}

/*  共通  **************************************/
.mini {
	font-size: 80%;
	line-height: 100%;
	margin: 8px 0px 8px 0px;
}

.bold { color: #ffffff; font-weight: bold; }

.white   { color: ffffff; }
.red     { color: ff0000; }
.blue    { color: 0000ff; }
.green   { color: 00ff00; }
.yellow  { color: ffff00; }
.aqua    { color: 00ffff; }
.people  { color: ff00ff; }
.orange  { color: ff7f00; }
.pink    { color: ff9f9f; }
.ash     { color: a7a7a7; }
.glay    { color: 7f7f7f; }
.dred    { color: 7f0000; }
.dblue   { color: 00007f; }
.dgreen  { color: 007f00; }
.dyellow { color: 7f7f00; }
.daqua   { color: 007f7f; }
.dpeople { color: 7f007f; }
.dark    { color: 444444; }
.black   { color: 000000; }
.bwhite   { color: ffffff; font-weight: bold; }
.bred     { color: ff0000; font-weight: bold; }
.bblue    { color: 0000ff; font-weight: bold; }
.bgreen   { color: 00ff00; font-weight: bold; }
.byellow  { color: ffff00; font-weight: bold; }
.baqua    { color: 00ffff; font-weight: bold; }
.bpeople  { color: ff00ff; font-weight: bold; }
.borange  { color: ff7f00; font-weight: bold; }
.bpink    { color: ff9f9f; font-weight: bold; }
.bash     { color: a7a7a7; font-weight: bold; }
.bglay    { color: 7f7f7f; font-weight: bold; }
.bdred    { color: 7f0000; font-weight: bold; }
.bdblue   { color: 00007f; font-weight: bold; }
.bdgreen  { color: 007f00; font-weight: bold; }
.bdyellow { color: 7f7f00; font-weight: bold; }
.bdaqua   { color: 007f7f; font-weight: bold; }
.bdpeople { color: 7f007f; font-weight: bold; }
.bdark    { color: 444444; font-weight: bold; }
.bblack   { color: 000000; font-weight: bold; }
.bigwhite   { color: ffffff; font-size: 120%; line-height: 100%; }
.bigred     { color: ff0000; font-size: 120%; line-height: 100%; }
.bigblue    { color: 0000ff; font-size: 120%; line-height: 100%; }
.biggreen   { color: 00ff00; font-size: 120%; line-height: 100%; }
.bigyellow  { color: ffff00; font-size: 120%; line-height: 100%; }
.bigaqua    { color: 00ffff; font-size: 120%; line-height: 100%; }
.bigpeople  { color: ff00ff; font-size: 120%; line-height: 100%; }
.bigorange  { color: ff7f00; font-size: 120%; line-height: 100%; }
.bigpink    { color: ff9f9f; font-size: 120%; line-height: 100%; }
.bigash     { color: a7a7a7; font-size: 120%; line-height: 100%; }
.bigglay    { color: 7f7f7f; font-size: 120%; line-height: 100%; }
.bigdred    { color: 7f0000; font-size: 120%; line-height: 100%; }
.bigdblue   { color: 00007f; font-size: 120%; line-height: 100%; }
.bigdgreen  { color: 007f00; font-size: 120%; line-height: 100%; }
.bigdyellow { color: 7f7f00; font-size: 120%; line-height: 100%; }
.bigdaqua   { color: 007f7f; font-size: 120%; line-height: 100%; }
.bigdpeople { color: 7f007f; font-size: 120%; line-height: 100%; }
.bigdark    { color: 444444; font-size: 120%; line-height: 100%; }
.bigblack   { color: 000000; font-size: 120%; line-height: 100%; }
.big2white   { color: ffffff; font-size: 160%; line-height: 100%; }
.big2red     { color: ff0000; font-size: 160%; line-height: 100%; }
.big2blue    { color: 0000ff; font-size: 160%; line-height: 100%; }
.big2green   { color: 00ff00; font-size: 160%; line-height: 100%; }
.big2yellow  { color: ffff00; font-size: 160%; line-height: 100%; }
.big2aqua    { color: 00ffff; font-size: 160%; line-height: 100%; }
.big2people  { color: ff00ff; font-size: 160%; line-height: 100%; }
.big2orange  { color: ff7f00; font-size: 160%; line-height: 100%; }
.big2pink    { color: ff9f9f; font-size: 160%; line-height: 100%; }
.big2ash     { color: a7a7a7; font-size: 160%; line-height: 100%; }
.big2glay    { color: 7f7f7f; font-size: 160%; line-height: 100%; }
.big2dred    { color: 7f0000; font-size: 160%; line-height: 100%; }
.big2dblue   { color: 00007f; font-size: 160%; line-height: 100%; }
.big2dgreen  { color: 007f00; font-size: 160%; line-height: 100%; }
.big2dyellow { color: 7f7f00; font-size: 160%; line-height: 100%; }
.big2daqua   { color: 007f7f; font-size: 160%; line-height: 100%; }
.big2dpeople { color: 7f007f; font-size: 160%; line-height: 100%; }
.big2dark    { color: 444444; font-size: 160%; line-height: 100%; }
.big2black   { color: 000000; font-size: 160%; line-height: 100%; }
.big3white   { color: ffffff; font-size: 240%; line-height: 100%; }
.big3red     { color: ff0000; font-size: 240%; line-height: 100%; }
.big3blue    { color: 0000ff; font-size: 240%; line-height: 100%; }
.big3green   { color: 00ff00; font-size: 240%; line-height: 100%; }
.big3yellow  { color: ffff00; font-size: 240%; line-height: 100%; }
.big3aqua    { color: 00ffff; font-size: 240%; line-height: 100%; }
.big3people  { color: ff00ff; font-size: 240%; line-height: 100%; }
.big3orange  { color: ff7f00; font-size: 240%; line-height: 100%; }
.big3pink    { color: ff9f9f; font-size: 240%; line-height: 100%; }
.big3ash     { color: a7a7a7; font-size: 240%; line-height: 100%; }
.big3glay    { color: 7f7f7f; font-size: 240%; line-height: 100%; }
.big3dred    { color: 7f0000; font-size: 240%; line-height: 100%; }
.big3dblue   { color: 00007f; font-size: 240%; line-height: 100%; }
.big3dgreen  { color: 007f00; font-size: 240%; line-height: 100%; }
.big3dyellow { color: 7f7f00; font-size: 240%; line-height: 100%; }
.big3daqua   { color: 007f7f; font-size: 240%; line-height: 100%; }
.big3dpeople { color: 7f007f; font-size: 240%; line-height: 100%; }
.big3dark    { color: 444444; font-size: 240%; line-height: 100%; }
.big3black   { color: 000000; font-size: 240%; line-height: 100%; }

.big     { font-size: 120%; line-height: 100%; }
.bigger  { font-size: 160%; line-height: 100%; }
.biggest { font-size: 240%; line-height: 100%; }

.fujimiya { margin: 0px 0px 10px 0px; color: ffff00; line-height: 120%; }
.makoto   { margin: 0px 0px 10px 0px; color: ffffff; line-height: 120%; }
.mashashi { margin: 0px 0px 10px 0px; color: ff9999; line-height: 120%; }
.maoh     { margin: 0px 0px 10px 0px; color: afafff; line-height: 120%; }
.ko       { margin: 0px 0px 10px 0px; color: 00ff00; line-height: 120%; }
.fluppy   { margin: 0px 0px 10px 0px; color: ff00ff; line-height: 120%; }

.acenter { text-align: center; }
.aright  { text-align: right;  }
.aleft   { text-align: left;   }