/* ■□■□ [[[ 一般設定ここから □■□■ */

* {
  margin :0px;
  padding:0px;
  
}

body {
  color:#FFFFFF;
  font-size:1.05em;
  font-weight : 200 ;
  line-height:1.3;
  letter-spacing:0.05em;
  background-color:#1111AA;
  
}

h1 {
  border:outset;
  background-color:#EEEEEE;
  border-left :20px #AAAAFF solid;
  padding-left:20px;
  font-family: cursive, "Comic Sans MS", Courier ;
  
}

h2 {
  font-size  : 1.6em ;
  font-style : Italic;
  
}

h4 {
  width : 50%;
  font-weight  : 600;
  border-bottom: 1px solid #FFAAAA;
  margin-left  : 1em;
}

h4:before {
  content    : ">>>>";
  font-weight: 600;
  font-size  : 75%;
  color      : #FF0000;
  background-color: #FFFFFF;
  margin-right    : 1.5em;
}

p {
  text-indent:1em;
  margin: 1.2em 0.6em ;
  font-size: 0.9em;
  
}

/*
p:first-letter {
  font-size: 1.5em;
  
}
*/

pre {
  margin   : 0.5em 0.5em 0.5em 3em;
  padding  : 0.5em;
  font-size: 0.8em;
  overflow : auto;
  border-left     : 4px solid #000000;
  background-color: #6666AA;
}

samp.output ,
pre.program {
  margin : 0.5em 2em ;
  padding: 0.5em ;
  border: 2px #2222AA outset ;
  display: block ;
  text-indent: 0em ;
  
}

code {
  padding: 2px;
  background-color: #111166 ;
  
}

ins {
  text-decoration: none;
  
}

del {
  display: none ;
  
}

img {
  border: 4px #3333CC solid ;
  /*alt用*/
  background-color: #6666FF ;
  
}

dl {
  font-size: 0.95em ;
  
}

dt {
  margin : 0.5em 0em 0.25em 0em ;
  padding: 0.1em 0.75em ;
  
}

dd {
  padding: 0.6em ;
  margin-left : 1.0em ;
  
}

table,th,td {
  border : 1px #CCDDCC solid;
  padding: 0.1em 0.1em;
  
}

table {
  margin:1.5em;
  empty-cells:show;
  border-collapse:collapse;
  table-layout:fixed;
  
}

th {
  background-color: #448844;
  height:1.2em;
  
}

td {
  background-color: #226622;
  padding: 0.3em;
  
}

strong {
  font-weight : 600 ;
  margin: 0em 0.1em;
  /*font-size: 1em;
  */
  
}

strong.shout {
  font-weight : 900 ;
  font-size : 3em ;
  
}

em,def {
  border-bottom: 1px dashed #00FF00;
  font-style: normal;
  
}

blockquote {
  margin-left : 1em ;
  background-color : #444444 ;
  border: 2px outset #666666 ;
  
}

h1 a {
  color:#0000FF;
  font-size:50px;
  font-style:oblique;
  text-decoration:none;
  
}

h1 a:visited {
  color:#1111FF;
  text-decoration: underline overline;
  
}

h1 a:hover {
  color:#1111FF;
  text-decoration: underline overline;
  
}

h1 a:active {
  color:#1111FF;
  text-decoration: none;
  
}

kbd {
  margin-left: 2px;
  text-decoration: underline;
  font-size: 95%;
}

textarea {
  padding: 0.25em;
}

/* ■□■□ 一般設定ここまで ]]] □■□■ */

/* ■□■□ [[[ 気違いリスト定義ここから □■□■ */
/*
　なぜか知らんがオートでないとこんなややこしい指定しないと、
　左端がずれるので、左マージンをこまごまと指定。
*/

ul {
  margin-left  : 1.0em;
  /*padding-right:0.5em;
  */
  /* padding-left:1em; パディングとマージン、どっちがいいのか？*/
  
}

ol {
  margin-left: 1.75em;
  
}

ul ul {
  font-size:0.9em;
  margin-left: 0.5em;
  
}

ul ol {
  font-size:0.9em;
  margin-left: 1.5em;
  
}

ol ul {
  font-size:0.9em;
  margin-left: 0em;
  
}

ol ol {
  font-size:0.9em;
  margin-left: 0.75em;
  
}

/* ■□■□ 気違いリスト定義ここまで ]]] □■□■ */

/* ■□■□ [[[ 基本四段組みここから □■□■ */

#header, #container, #footer {
  margin :0px;
  
}

#container {
  overflow:hidden;
  background-color: #1111AA;
  margin-bottom :2em ;
  clear : both ;
  
}

#menu {
  float : left;
  width : 25%;
  max-width : 250px;
  min-width : 150px;
  
}

#contents {
  float : left;
  width : 70%;
  max-width : 700px;
  min-width : 300px;
  
}

#footer {
  width: 100% ;
  background-color:#4444AA;
  clear:left;
  
}

/* ■□■□ 基本四段組みここまで ]]] □■□■ */

/* ■□■□ [[[ タイトル・ナビここから □■□■ */

#navigation {
  background-color: #111166;
  overflow:hidden ;
  
}

#header {
  /*background-color: #111166;
  */
}

#pagetitle {
  width : 75%;
  margin: 0.3em 0.6em;
  
}


#location {
  float : right;
  text-align: right;
  margin-right: 1.0em;
  font-size: 0.75em;
  
}

#location a {
  color : #AAAAFF ;
  
}

#location ol,
#location ul {
  display : inline;
  list-style-type: none;
}
#location ol li, #location ul li{
  display : inline;
}

#location ol.topicPath li.nextpath {
  background-image   : url(img/ver_menu3.gif);
  background-repeat  : no-repeat;
  background-position: 3px 3px;
  padding-left: 1.0em;
  
}



/* ■□■□ タイトル・ナビここまで ]]] □■□■ */

/* ■□■□ [[[ メニューここから □■□■ */

    /* メニュー右枠のグラデーション */
#menu-container1 { border-right: 4px #111199 solid ; border-bottom: 4px #111199 solid ; }
#menu-container2 { border-right: 4px #111188 solid ; border-bottom: 4px #111188 solid ; }
#menu-container3 { border-right: 4px #111177 solid ; border-bottom: 4px #111177 solid ; }

#main-menu, #sub-menu, #page-menu, #bannars {
  padding: 0.6em 0.3em;
  background-color:#111166;
  font-size: 0.9em;
  
}

#menu h3 {
  border-top    : 4px solid #111155 ;
  border-right  : 4px solid #111155 ;
  border-bottom : 4px solid #111155 ;
  background-color:#111144;
  padding : 6px ;
  
}

#menu h4 {
  padding: 0;
  margin : 0 0.5em;
}

#menu h4:before {
  content: "";
  margin : 0;
  padding: 0;
}

#menu a:link    { color: #44AAFF; }
#menu a:visited { color: #FF44AA; }
#menu a:hover   { color: #44FFFF; }

#menu ol,
#menu ul,
#menu dl {
  padding-left: 1em;
}
#menu dl dt {
  padding: 1px;
  margin : 1px;
}
#menu dl dd {
  padding: 0;
}

#bannars ul {
  list-style: none;
}

#bannars img {
  border: none;
}

/* ■□■□ メニューここまで ]]] □■□■ */

/* ■□■□ [[[ コンテンツここから □■□■ */

.information-area {
  overflow : scroll ;
  background-color : #000000;
  width : 90% ;
  height: 12em ;
  margin-left :auto ;
  margin-right:auto ;
}

.information-area dt {
  color : #00FF00;
  margin: 0px;
  padding-left: 1.2em;
}

.information-area dd {
  padding: 0 1.5em;
}

.information-area dt strong.new-info,
.information-area dd strong.new-info {
  color : #FF0000;
}

.information-area dt.new-info {
  background-image   : url(img/new.gif);
  background-repeat  : no-repeat;
  background-position: -0.1em 0.9em;
  padding-right: 10em;
  color : #FF0000;
}

#contents {
  margin-left : auto;
  margin-right: auto;
  width : 100%;
  
}

#contents ul { margin-left: 3em; }
#contents ol { margin-left: 3em; }

.section-header {
  border-left  : 12px #EE9999 solid ;
  border-bottom:  1px #EE9999 solid ;
  margin: 1.2em 0.6em;
  padding-left: 1em;
  overflow :hidden ;
  clear: both;
  width : 100%;
  
}

.section-header h3 {
  float : left;
  width : 75% ;
  
}

.section-header ul {
  float : right;
  width : 15%;
}

.section-header li {
  display   : inline;
  font-size : 0.6em;
  
}

.section-header li a {
  margin : 0 1px;
  
}

.section-content {
  clear: both;
  width : 100%;
  
}

.section-header a:link    { color: #44AAFF; }
.section-header a:visited { color: #44AAFF; }
.section-header a:hover   { color: #AAFFFF; }
.section-header a:active  { color: #AAFFFF; }

.section-content a:link    { color: #44AAFF; }
.section-content a:visited { color: #FF44AA; }
.section-content a:hover   { color: #AAFFFF; }
.section-content a:active  { color: #AAFFFF; }

/* ■□■□ コンテンツここまで ]]] □■□■ */

/* ■□■□ [[[ フッタここから □■□■ */

#footer a:link    { color: #44AAFF; }
#footer a:visited { color: #FF44AA;}
#footer a:hover   { color: #AAFFFF; }

#footer p {
  margin : 0;
  padding: 0;
  text-indent: 0;
}

/* ■□■□ フッタここまで ]]] □■□■ */

/* ■□■□ [[[ クラスここから □■□■ */

.comment {
  /* width:75%; */
  /* 「幅」と「枠・パディング」は同時に指定してはいけない */
  font-size:0.9em;
  border-style:dotted;
  border-width:1px;
  margin : 0.3em 2em 0em 1em ;
  padding: 0.3em;
}

.unsure {
  color:#BBBBBB;
  font-size:0.9em;
}

.explanation-list {
  margin-left : 1.5em ;
}

.explanation-list dt {
  border-left : 6px #00FF00 solid ;
  border-right: 3px #00FF00 solid ;
  display : inline ;
  
}

.program-source {
  border-left : 10px dashed #888888 ;
  margin-left : 3em ;
  
}

.program-source dt {
  text-align : center ;
  background-color : #888888 ;
  margin : 0.5em 0em ;
  
}

.program-source dd {
  background-color : #000000 ;
  padding-left  :0.5em ;
  margin : 0em 0.5em ;
  
}

/* ■□■□ クラスここまで ]]] □■□■ */