<?php

include_once("init.php");
$back = $GLOBALS['mainHeaderBackgroundColor'];
$char = $GLOBALS['mainHeaderCharColor'];

$GLOBALS['css'] =<<<ENDHTML
/*
  php で include するので、変数利用可能
*/

* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', meiryo, serif;
  background-color: #FFF;
  font-size: 12pt;
}

ul {
    margin-left: 50px;
}
#topimage {
    width:100%;
    margin-bottom:10px;
    background-color:#250D00;
}



/* ここまでサイト全体 */
/* 本の内部  */

#heading {
  text-align: right;
  margin: 0px 0px 0px 0px;
  padding: 2px 15px 0px 0px;
  font-size: 22pt;
  font-family: impact, arial, meiryob, sans-serif;
  font-weight: normal;
  color: {$GLOBALS['mainHeaderCharColor']};
  background-color: {$GLOBALS['mainHeaderBackgroundColor']};
/*
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
*/
}

#author-japanese {
  font-size: 10pt;
  font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', meiryob,
}

#author-alphabet {
  font-size: 10pt; font-family: serif;
}

#heading h1 {
    margin: 0px;
    padding: 0px;
}

#heading h2 {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', meiryob, verdana, arial, sans-serif;
    font-size: 10pt;
    font-style: normal;
    color: #FFFFFF;
    margin-right: 0px;
}


.titleSubColor {
  color: {$GLOBALS['mainHeaderCharSubColor']};
}

#sidebar {
  float: right;
  width: 220px;
  margin: 10px 10px 20px 30px;

/* border-color: #999900;
   border-width: 1px; */
}

#main-content {
  margin: 20px 240px 0px 30px;
}

#main-content h2  {
    font-family: Arial, Helvetica, meiryob, sans-serif;
    padding: 2px 10px 4px 10px;
    margin: 10px 20px 10px 0px;
    color: {$char};
    background-color: {$back};
}

#main-content h3  {
    font-family: Arial, Helvetica, meiryob, sans-serif;
    border-width: 0px 0px 1px 5px;
    border-style: solid;
    border-color: {$back};
    padding: 2px 10px 2px 5px;
    margin: 20px 5px 5px 5px;
    width: 600px;
    color: {$back};
    background-color: {$char};
/*    padding-left: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
*/
    margin-left: 0px;
    margin-right: 20px;
}

#main-content p  {
    text-align: justify;
}

#main-content li  {
    margin-right: 20px;
}



/*
#program {
    color:#CC0000;
}

#tm {
    font-size: xx-small;
    color: #CCCCCC;
}
*/

#navigation {
  font-family: meiryob, Arial, Helvetica, sans-serif;
  margin-top: 0px;
  padding: 2px 15px 2px 15px;
  background-color: #AFEDE7; /* #BDDCAD; */
  font-size: small;
  text-align: right;
  border-color: #009080; /* #006600 */
  border-style: solid;
  border-width: 2px;
}

#navigation-top-chapter {
    font-family: meiryob, Arial, Helvetica, sans-serif;
    margin-top: 0px;
    padding: 2px 15px 2px 15px;
    font-size: small;
    text-align: left;
    border-color: #009080; /* #006600 */
    border-style: solid;
    border-width: 2px;
    background-color: #CCC;
}

#navigation-top-chapter a {
    color: {$GLOBALS['navigationLinkColor']}; 
    }

#navigation-top-chapter a:hover {
    color: #000;
    background-color: {$GLOBALS['navigationLinkColorHoverBackgroundColor']};
    }


p {
    color: #000033;
    /* font-size: 10pt; */
    font-weight: normal;
    margin: 10px 50px 10px 20px;
}


#copyright { /* main.cssを上書きしている */
    clear: none;
    margin-top: 4px;
    text-align: left;
    color: #999;
    font-size: xx-small;
}

#copyright hr {
	border: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: auto;
	width: 80%;
	color: #666;
	background-color: #666;
	height: 1px;
}


#copyright p {
    margin: 0px 20px 0px 20px;
}


  A:link {
    text-decoration: none;
  }
  A:visited {
    text-decoration: none;
    color:#742982;
  }
  A:hover {
    text-decoration: none;
    color: #330066;
    background-color: #B0E0E6; /* #FFCCFF; */
  }
  A:active {
    color: #FF3300;
    text-decoration: none;
  }


.adunit {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    text-align: center;
    border-width: 1px;
    border-style:solid;
/*    border: 1px solid #00A6A3; */
    border-color: #00A6A3;
}

#sidebar div.adunit h2 {
    padding: 3px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: {$GLOBALS['adunitHeaderBackgroundColor']}
}

#sidebar div.adunit h3 {
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
    margin: 0px 4px;
}

#sidebar div.adunit img {
    margin: 10px 0px 0px 0px;
}

#sidebar div.adunit p {
    text-align: left;
    font-size: 9pt;
    margin: 0px 6px;
}



/*
ol {
    margin-left: 50px;
}

ul {
    margin-left: 50px;
}
*/

/* iframeを使わない場合の、トップナビゲーションで使用 */

ul#inlinelist {
  padding-left: 10px;
  list-style: none;
	/*
	background-color: #002B67;
	color: #002B67;
	*/
  vertical-align:middle;
}
ul#inlinelist li {
  list-style: none;
  display: inline;
  margin-right: 0px;
  padding: 2px 3px 5px 3px;
/*	background-color: #BDDBFF; */
}

.diff { /* 正誤表の差異部分 */
    color: red;
    font-weight: bold;
}



.markIt {
  background-color: #FFF997; /* #FF9A99 #FFFF99; #FFCCFF; */
  padding: 4px;
}


/* 各ゲームの説明 */
#gameExplanation {
  width: 48em;
  margin-left: auto;
  margin-right: auto;
}


#gameExplanation h3 { /* History Map */
    font-size: 20pt; font-family: sans-serif; font-weight: bold;
    border-width: 0px 0px 2mm 0px;
    border-style: solid;
    border-color: #BBB;
    margin-right: 2cm;
}

#gameExplanation h4 {  /* 進め方 */
    font-size: 18pt; font-family: sans-serif; font-weight: bold;
    padding-left: 3pt;
    margin-right: 2cm;
    margin-bottom: 4mm;
    border-width: 0px 0px 1mm 0px;
    border-style: solid;
    border-color: #CCC;
}

#gameExplanationContent {
    margin-left: 0cm;
}

#gameExplanationAbstract {
  margin-bottom: 6mm;
  margin-right: 2cm;
  border-width: 0px 0px 2mm 0px;
  border-style: double;
  border-color: #CCC;
  padding-bottom: 3mm;
}
#gameExplanationAbstract ul {
  list-style: none;
  margin-left: 0px;
  font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', Osaka, meiryo, serif;
  font-weight: 500;
}

#gameExplanationAbstract .engUrl {
  font-size: 12pt;
  font-family: courier;
  font-weight: normal;
  padding-left: 3mm;
}

#gameExplanationAbstract ul li {
  margin-top: 2px;
}

#gameExplanationAbstract a {
  color: black;
}

#howToPlay {
  margin-right: 1.5cm;
}

#howToPlay ol {
  margin-left: 1.2cm;
}
#howToPlay li {
  margin-top: 5px;
}

#howToPlay .option {
  margin: 6mm 0mm 5mm -10mm;
  background-color: #CCC;
  padding: 5mm 6mm 2mm 6mm;
}

#howToPlay .option h6 {
    font-size: 14pt;
    margin-bottom: 0px;
}

#howToPlay .option p {
    margin: 1px 1em 2mm 0;
}

#howToPlay p {
    margin: 0px 1em 0mm 0;
}

#gameAbstrct {
/*    font-size: 18pt; font-family: sans-serif; font-weight: bold; */
}

#gameList ol {  /* game-index.html */
    margin-left: 2cm;
}

.longTitle {
  font-size: 18pt;
}

dl { /* p360.html など */
  margin: 20px 1cm;
}

dt {
  margin-top: 20pt;
    }

/* 英語版サイトからの画像 */
.imageEng {
    text-align: center;
    margin-top: 0.7cm;
}

ENDHTML;

?>