﻿@charset "UTF-8";

/* スタイルの初期化
------------------------------------------------------------ */
*{
  font-style:normal;
  text-decoration:none;
}
body, form, table, h1, h2, h3, h4, h5, h6, div, p, blockquote, address, ul, ol, dl{
  margin:0;
  padding:0;
}
h1, h2, h3, h4, h5, h6{
  font-family:'メイリオ';
  font-weight:bold;
}
td,th{
  /* IE5.x向け */
  font-size:small;
  /* モダンブラウザ向け */
  voice-family: "\"}\"";
  voice-family:inherit;
  font-size:inherit;
}
img{
  border-style:none;
}
a:link, a:visited{
  color:#49B;
  text-decoration:underline !important;
}
a:hover{
  color:#8CE;
}

/* 大まかなレイアウト
------------------------------------------------------------ */
body{
  margin-top:20px;
  background:black;
  color:white;
  max-width:110em;
  font-size:small;
  font-family: Arial, Helvetica, sans-serif;
}
#header{
  height:70px;
  border:solid 1px white;
  border-style:solid none;
  background:url(images/common/footer.png) repeat-x;
}
#container{
  border-top:solid 1px #836931;
  border-bottom:solid 1px white;
  clear:both;
  background:#02071B url(images/common/container.png) repeat-x;
  width:100%;
  overflow:hidden;
}
#main, #navigation{
  float:left;
  padding-bottom:32768px;
  margin-bottom:-32768px;
}
#navigation{
  width:30%;
}
#main{
  width:65%;
  background-color:#171727;
}

#footer{
  clear:both;
  padding:0.3em 0;
  width:100%;
  position:relative;
  border-top:solid 1px #836931;
  background:url(images/common/footer.png) repeat-x black;
  text-align:right;
  line-height:1.7;
  color:white;/* Wii用 */
}

/* ヘッダ
------------------------------------------------------------ */
#sitetitle{
  float:left;
  width:30%;
  height:100%;
  text-align:center;
  margin-top:0;
}
#sitetitle a{
  position:absolute;
  top:5px;
  left:15%;
  margin-left:-113px;
}
#location{
  border-top:solid 1px #836931;
  height:100%;
  overflow:hidden;
}
#path{
  margin:0.1em 0;
  padding:0.3em 0.3em 0.8em;
}
#path li{
  display:inline;
  padding-right:16px;
  background:url(images/common/pathmarker.gif) no-repeat right center;
}
#header h1{
  font-size:200%;
  line-height:1;
  color:white;/* Wii用 */
}


/* ナビゲーション
------------------------------------------------------------ */
#navigation ul{
  margin:2.4em 10%;
  margin-right:0;
  line-height:1.6;
}
#navigation ul ul{
  border:none;
  padding:0;
  margin:0;
  padding-left:2em;
}
#navigation li{
  margin:0.1em 0;
  list-style:none;
}
#navigation a{
  display:block;
  padding:0.2em 0;
  padding-left:20px;
  background:url(images/common/listmarker.gif) no-repeat 3px center;
}
/* IE6.0以下向け */
* html body #navigation a{
  display:inline-block;
  width:100%;
  margin-right:-20px;
}

#navigation li.current a{
  background-image:url(images/common/listmarkeractive.gif);
}
#navigation li.current ul a{
  background-image:url(images/common/listmarker.gif);
}
#navigation a:hover{
  background-image:url(images/common/listmarkeractive.gif) !important;
  background-color:#171727;
}



/* コンテンツ
------------------------------------------------------------ */
.content{
  margin:0 0.7em;
  margin-left:1em;
  line-height:1.7;
  color:white;/* Wii用 */
}

/* 見出し */
.content h2{
  padding-top:0.6em;
  font-size:140%;
  color:#F6E0FF;
}
.content h2:first-letter, .content h2 a:first-letter{
  font-size:130%;
}
*+html body .content h2 a:first-letter, * html body .content h2 a:first-letter{
  font-size:100%;/* IE向け */
}
.content h3{
  font-size:120%;
}


/* 一般 */
.content p, dl, ul, ol{
  padding:0.3em 0.3em 0.8em;
}
.content dt{
  list-style:disc;
  display:list-item;
}
.content ul, .content ol, .content dt{
  margin-left:1.5em;
}
.content table{
  border-collapse:collapse;
  margin:0.3em 0.3em 0.8em;
}
.content td, .content th{
  border:1px solid #99A;
  text-align:center;
  padding-left:0.5em;
  padding-right:0.5em;
}
.content thead td{
  border:none;
}

/* 画像 */
.content .image{
  float:right;
  margin:0 0.8em;
}
.content ul.images{
  margin:0;
}
.content ul.images li{
  display:inline;
  list-style:none;
}

/* 日付表記 */
.content p.date{
  float:right;
  text-align:right;
  padding:0;
  padding-top:1.3em;
  padding-right:0.8em;
}

/* もくじ */
.content ul.menu{
  margin:0 0.3em;
}
.content ul.menu li, .content ul.menu a{
  list-style:none;
  display:block;
  height:1%;
}
.content ul.menu li{
  margin:0.6em 0;
}
.content ul.menu a{
  border:1px solid #74747D;
  background:#141422;
  padding:0.6em 1em;
  font-family:'メイリオ';
  font-size:120%;
  font-weight:bold;
}
.content ul.menu a:hover{
  border-color:#726F60;
  background:#222535;
}

/* ページ分割 */
.paginate{
  text-align:right;
  margin-top:0.7em;
}
.paginate li{
  display:inline;
  list-style:none;
  margin:0.1em;
}
.paginate .current, .paginate a{
  padding:0.5em 0.55em;
  border:1px solid #74747D;
  background:#141422;
}
.paginate .current{
  color:#515165;
  border-color:#515165;
  background:#171727;
}
.paginate a:hover{
  border-color:#726F60;
  background:#222535;
}

form.secret{
  text-align:right;
}
form.secret p{
  margin-bottom:0;
}
input#comment{
  width:20em;
  max-width:100%;
}

/* フッタ
------------------------------------------------------------ */
#footer p{
  padding:0 0.8em;
}
#footer .links{
  float:left;
}
#footer .links li{
  display:block;
  list-style:none;
  margin:0 0.3em;
  float:left;
}
#backtotop{
  position:absolute;
  width:30%;
  top:-2em;
  left:0;
  text-align:center;
}
