/*---ブラウザスタイルの初期化---*/* {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  font-size: small;
  line-height: 1.0;
  }
  
body {
  background-color: #303030;
  }


/*---中央寄せの為全体を囲む---*/
div#container {
  width: 800px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  }

/*---左サイドバー---*/
div#left-bar {
  width: 60px;
  height: 800px;
  background-color: black;
  background-image: url(image/left-bar-edge.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  float: left;
  overflow: hidden;
  }

/*---ヘッダ---*/
div#header {  
  width: 700px;
  height: 100px;
  margin: 0;
  background-color: #BA0000;
  background-image: url(image/head-shadow.gif);
  background-position: right;
  background-repeat: repeat-y;
  text-align: left;
  float: left;
  }

/*---メッセージを入れたときのズレ修正用---*/
div#header h2 {
  width: 680px;
  height: 2em;
  margin-bottom: -2em;
  font-size: medium;
  font-weight: normal;
  color: white;
  overflow: hidden;
  text-decoration: none;
  }

div#header img {
  border-style:none;
}

div#counter {
  margin-bottom: -14px;
  width: 85px;
  position: relative;
  left: 597px;
  bottom: 13px;
  overflow: hidden;
  }

div#ninja {
  position: absolute;
  right: 1px;
  top: 0;
  }

/*---ロゴ---*/
div#logo {
  position: relative;
  top: 50px;
  width: 600px;
  height: 100px;
  background-color: black;
  background-image: url(image/logo-right.gif);
  background-position: right;
  background-repeat: no-repeat;
  }
  
div#logo h1{
  display: block;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 100px;
  background-image: url(image/logo.jpg);
  background-repeat: no-repeat;
  background-position: 40px 50%;
  float: left;
  }
  
/*---div要素を縦に並べたりインライン要素にするとIE6で崩れるのでh1の右に回し込んだ上で強引に左に持ってくる。
レイアウト上はIE6でもうまくいっているが構文はかなり怪しい---*/
div#logo-left-top {
  width: 15px;
  height: 15px;
  position: relative;
  top: -15px;
  left: -500px;
  background-image: url(image/logo-left-top.gif);
  background-repeat: no-repeat;
  float: left;
  }
  
div#logo-left-bottom {
  width: 15px;
  height: 15px;
  position: relative;
  top: 100px;
  left: -515px;
  background-image: url(image/logo-left-bottom.gif);
  background-repeat: no-repeat;
  float: left;
  }


/*---メインコンテンツ部分---*/
div#content {
  width: 700px;
  height: auto;
  padding-top: 50px;
  background-color: white;
  background-image: url(image/content-shadow.gif);
  background-position: right;
  background-repeat: repeat-y;
  text-align: left;
  float: left;
  }

/*---メニュー---*/
div#global-nav {
  width: 500px;
  height: 10px;
  margin-bottom: 40px;
  margin-left: 15px;
  text-align: left;
  }

div#global-nav ul li{
  display: inline;
  }

div#global-nav a {
  display: block;
  padding: 0.5em 1em 0.5em 1em;
  font-size: 10px;
  color: gray;
  text-decoration: none;
  overflow: hidden;
  float: left;
  }

div#global-nav a:hover {
  display: block;
  padding: 0.5em 1em 0.5em 1em;
  font-size: 10px;
  color: black;
  background-image: url(image/hover.gif);
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: none;
  overflow: hidden;
  float: left;
  }

/*---更新履歴---*/

div#updateinfo {
  margin: 0 85px 50px 70px;
  width: 440px;
  height: 150px;
  }

div#newlabel {
  float: left;
  }


/*---IE用CDケースレイヤ
imgの上位置を-で指定しても画像分の空白ができてしまうためケースレイヤのマージンで引き上げる---*/
div#newlabel .cdcaseIE {
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/cdcase_small.png', sizingMethod=scale);
  _width: 168px;
  _height: 150px;
  _margin-bottom: -147px;
  _position:relative;
  _z-index:2;
  }

/*---IE用CDケースimgタグ非表示---*/
div#newlabel .cdcasenoimgIE img {
  _display: none;
}

/*---CDケースレイヤ
imgの上位置を-で指定しても画像分の空白ができてしまうためケースレイヤのマージンで引き上げる---*/
div#newlabel .cdcase {
  width: 168px;
  height: 150px;
  margin-bottom: -147px;
  position:relative;
  top: -10px;
  z-index:2;
  }

/*---ラベル画像
IE以外では画像を引き上げるとTOPに空白ができてしまうのでマージンを与える---*/
div#newlabel .cd {
  margin-top: -10px;
  width:138px;
  height:138px;
  position:relative;
  left:3px;
  _top: 10px;
  z-index:1;
  }

div#history {
  margin-left: 40px;
  margin-right: 10px;
  width: 340px;
  height: 150px;
 }
 
div#history h2 {
  display: block;
  padding-top: 1px;
  width: 340px;
  height: 15px;
  font-family: ＭＳ Ｐゴシック;
  color: silver;
  font-size: 13px;
  font-weight: normal;
  background-color: #303030;
  border-left: 7px solid #BA0000;
  border-right: 7px solid #BA0000;
  text-align: center;
  }

div#history dl {
  margin: 10px 0 0 5%;
  width: 90%;
  height: 123px;
  font-family: sans-serif;
  font-size: 8pt;
  font-weight: normal;
  color: gray;
  list-style-type: none;
  overflow: auto;
  }

div#history dt {
  margin: 1em 0 0.5em 0;
  font-size: 8pt;
  }

div#history .game {
  padding-left: 35px;
  line-height: 1.5em;
  font-size: 8pt;
  background-image: url(image/update_game.gif);
  background-position: left;
  background-repeat: no-repeat;
  }

div#history .dvd {
  padding-left: 35px;
  line-height: 1.5em;
  font-size: 8pt;
  background-image: url(image/update_dvd.gif);
  background-position: left;
  background-repeat: no-repeat;
  }

div#history .cd {
  padding-left: 35px;
  line-height: 1.5em;
  font-size: 8pt;
  background-image: url(image/update_cd.gif);
  background-position: left;
  background-repeat: no-repeat;
  }

div#history a {
  color: orangered;
  font-size: 12px;
  text-decoration: none;
  }
  
div#history a:hover {
  color: white;
  background-color: orangered;
  text-decoration: none;
  }

/*---バナー---*/

div#banner {
  text-align: center;
  }

.analog { 
  display: none;
  }

* html .analog {
  padding: 2px;
  display: block;
  position: absolute;
  top: 20px;
  right: 3px;
  font-size: 3em;
  color: white;
  border-style: solid;
  border-color: white;
  }

/*---日記---*/

div#diary {
  margin: 30px 25px 0 25px;
  width: 640px;
  height: auto;
  color: #606060;
  font-family: sans-serif;
  font-size: medium;
  border-right: 15px solid black;
  text-align: left;
  }

div#diary .day{
  display: block;
  width: 630px;
  line-height: 15px;
  font-size:12px;
  font-weight: normal;
  color: #303030;
  text-align: right;
  }

div#diary .title {
  margin-bottom: 20px;
  width: 450px;
  height: auto;
  background-color: black;
  background-image: url(image/diaryheader_top.gif);
  background-position: left top;
  background-repeat: no-repeat;
  position: relative;
  left: 190px;
  }
  
div#diary h2{
  display: block;
  padding-top: 2px;
  padding-left: 2em;
  padding-bottom: 6px;
  width: 435px;
  _width: 432px; 
  height: auto;
  line-height: 20px;
  letter-spacing: 1pt;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: white;
  background-image: url(image/diaryheader_bottom.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
  }

div#diary h3{
  display: block;
  padding-left: 2em;
  width: 250px;
  height: 25px;
  line-height: 22px;
  letter-spacing: 1pt;
  font-family: sans-serif;
  font-size: small;
  font-weight: normal;
  color: gray;
  background-image: url(image/h3.gif);
  background-position: left;
  background-repeat: no-repeat;
  }

div#diary h4{
  margin-top: 1em;
  padding-left: 1em;
  line-height: 1.2em;
  letter-spacing: 1pt;
  font-family: sans-serif;
  font-size: midium;
  font-weight: normal;
  color: #BA0000;
  }
 
div#diary h5 {
  margin: 2em 1em;
  letter-spacing: 1pt;
  padding: 0.3em;
  line-height: 1.0em;
  font-family: monospace;
  font-weight: normal;
  border-left: 5px solid #BA0000;
  }

div#diary p {
  margin: 2em 1em;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#diary p img{
  margin: 0 ;
  padding: 0;
  border:0;
  vertical-align:bottom;
  }

div#diary object {
  margin: 2em 1em;
  border-style: none;
  overflow: hidden;
  }
  
div#diary blockquote {
  margin: 1em 10px;
  width: 490px;
  background: url(image/quote_start.jpg) no-repeat scroll top left;
  }

div#diary blockquote p {
  background: url(image/quote_end.jpg) no-repeat scroll bottom right;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 20px;
  }

div#diary blockquote ul {
  background: url(image/quote_end.jpg) no-repeat scroll bottom right;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  }

div#diary div.hr {
  margin: -1em 0 -1em 34px;
  height: 20px;
  width: 400px;
  background-image: url(image/kiritori.png);
  }

div#diary div.hr p{
  display:none;
  }

div#diary .category{
  padding: 0.3em;
  border-left: 5px solid #BA0000;
  }

div#diary ul {
  margin-top: 2em;
  list-style-type: disc;
  }

div#diary li {
  margin: 0.25em 0 0 2.5em ;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#diary dt {
  margin: 2em 1em 0 1em;
  font-weight: bold;
  color: black;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#diary dd {
  margin: -1pt 2em 1em 1em;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#diary .talk dt {
  margin: 1em 0 0 1em;
  width: 7em;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#diary .talk dd {
  margin: -1.5em 1em 1.5em 7.5em;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#diary rt{
  font-size: small;
  }
  
div#diary .time {
  padding: 0.3em;
  line-height: 2em;
  font-family: monospace;
  border-left: 5px solid #BA0000;
  }
 
div#diary .tutorial {
  padding: 0.3em;
  line-height: 2em;
  font-family: monospace;
  border-left: 5px solid #BA0000;
  }

div#diary .damage {
  color: #EA0000;
  }

div#diary .damage2 {
  color: #EA0000;
  font-weight: bold;
  }

div#diary .damage3 {
  color: #EA0000;
  font-size: 110%;
  font-weight: bold;
  }

div#diary .strong {
  color: black;
  font-weight: bold;
  }

div#diary .fadeout1 {
  color: #A0A0A0;
  }

div#diary .fadeout2 {
  color: #D0D0D0;
  }

div#diary .tanka {
  margin: 2em 1em;
  font-family: monospace;
  letter-spacing: 1pt;
  line-height: 2em;
  }

div#diary p.aa {
  margin: 2em 1em;
  font-family:"ＭＳ Ｐゴシック","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
  font-size:12px;
  line-height:14px;
  letter-spacing: 0pt;
  }

div#diary .beforeafter {
  margin-left: 150px;
  line-height: 3em;
  }

div#diary .clash{
  display: block;
  margin-top: -50px;
  margin-bottom: -50px;
  padding-top: 80px;
  padding-left: 2em;
  width: 300px;
  height: 80px;
  background-image: url(image/clash.jpg);
  background-position: left;
  background-repeat: no-repeat;
  }

div .higurashi {
  color: #BA0000;
  }

div#diary .through {
  text-decoration: line-through;
  }
  
div#diary .up {
  margin: 0px;
  padding-left: 25px;
  background-image: url(image/up.gif);
  background-repeat: no-repeat;
  
  }

div#diary .blackscreen {
  padding-left: 20px;
  height: auto;
  width: 400px;
  background-color: black;
  color: silver;
  }

div#diary .amazlet-box {
  margin: 2em 1em;
  }
  
div#diary a {
  color: orangered;
  text-decoration: none;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#diary a:hover {
  color: white;
  background-color: orangered;
  text-decoration: none;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#diary img {
  border-style:none;
}

/*画像ロールオーバー*/
div#diary .mosaic09022702 a{
  margin-bottom: -1em;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
  width: 320px;
  height: 240px;
  background: url(diary/09022702.jpg) left top no-repeat;
}

div#diary .mosaic09022702 a:hover{
  background-position: right top;
}

/*---Highslide.js設定---*/
.highslide {
  margin-left: 0;
  cursor: url(highslide/graphics/zoomin.cur), pointer;
  outline: none;
  }

.highslide-active-anchor img {
  visibility: hidden;
  }

.highslide img {
  border: 2px solid gray;
  }

.highslide:hover img {
  border: 2px solid silver;
  }

.highslide-wrapper {
  background: white;
  }

.highslide-image {
  border: solid white;
  border-width: 15px 2px 2px;
  }
  
.highslide-caption {
  display: none;
  border: 2px solid white;
  border-top: none;
  font-size: 11pt;
  padding: 5px;
  background-color: white;
  }

.highslide-caption p{
  line-height: 1.4em;
  }

.highslide-loading {
  display: block;
  color: black;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  text-decoration: none;
  padding: 2px;
  border: 1px solid black;
  background-color: white;
  padding-left: 22px;
  background-image: url(highslide/graphics/loader.white.gif);
  background-repeat: no-repeat;
  background-position: 3px 1px;
  }

a.highslide-credits{
  position: relative;
  top: -10px;
  padding: 1px;
  color: gray;
  text-decoration: none;
  font-size: 9px;
  }

a.highslide-credits i {
  padding:1px;
  color: gray;
  font-size: 9px;
  }

a.highslide-credits:hover,
a.highslide-credits:hover i {
  color: white;
  background-color: gray;
  }

a.highslide-full-expand {
  background: url(highslide/graphics/fullexpand.gif) no-repeat;
  display: block;
  margin: 0 10px 10px 0;
  width: 34px;
  height: 34px;
  }

.highslide-display-block {
  display: block;
  }

.highslide-display-none {
  display: none;
  }

.highslide a:hover {
  background: gray;
  }
  
div#diary a.highslide:hover {
  color: white;
  background-color: white;
  text-decoration: none;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }
/*---Highslide.jsここまで---*/

/*---日記ログ---*/
div#log {
  margin: 30px 40px 0 45px;
  width: 500px;
  height: auto;
  color: #606060;
  font-family: sans-serif;
  font-size: medium;
  border-right: 15px solid black;
  }

div#log .title {
  margin-bottom: 20px;
  width: 450px;
  height: 25px;
  background-color: black;
  background-image: url(image/pagetitlecarl.gif);
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
  left: -45px;
  text-align: center;
  }
  
div#log .year {
  width: 450px;
  height: 25px;
  background-color: black;
  background-image: url(image/diaryheader.gif);
  background-position: left;
  background-repeat: no-repeat;
  position: relative;
  left: 50px;
  }
  
div#log h2{
  display: block;
  padding-left: 2em;
  width: 400px;
  height: 25px;
  line-height: 25px;
  font-family: sans-serif;
  font-size: medium;
  font-weight: normal;
  letter-spacing: 1pt;
  color: silver;
  }

div#log ul li {
  display: inline;
  }

div#bangai ul li {
  display: block;
  }
  
div#log ul {
  margin: 1em 1em 1em 60px;
  }

div#log a {
  text-decoration: none;
  color: orangered;
  }

div#bangai a {
  line-height: 1.5em;
  }
  
div#log a:hover {
  text-decoration: none;
  color: white;
  background-color: orangered;
  }

/*---サイト案内---*/
div#inform {
  margin: 30px 40px 0 45px;
  width: 500px;
  color: #606060;
  }

div#inform .title {
  margin-bottom: 20px;
  width: 450px;
  height: 25px;
  background-color: black;
  background-image: url(image/pagetitlecarl.gif);
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
  left: -45px;
  text-align: center;
  }

div#inform h2{
  display: block;
  padding-left: 2em;
  width: 400px;
  height: 25px;
  line-height: 25px;
  font-family: sans-serif;
  font-size: medium;
  font-weight: normal;
  letter-spacing: 1pt;
  color: silver;
  }

div#inform p {
  margin: 2em 1em;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#inform image {
  border: none;
  }
  
div#inform iframe {
  margin: -1em 1em -1em;
  }

div#inform .talk dt {
  margin: 1em 0 0 1em;
  width: 5em;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#inform .talk dd {
  margin: -1.5em 1em 1.5em 5.5em;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

/*---ラベルリストページ---*/
div#labellist {
  margin: 30px 40px 0 45px;
  width: 500px;
  color: #606060;
  text-align: center;
  }
  
div#labellist .title {
  margin-bottom: 20px;
  width: 450px;
  height: 25px;
  background-color: black;
  background-image: url(image/pagetitlecarl.gif);
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
  left: -45px;
  *left: -70px;
  text-align: center;
  }


div#labellist h2{
  display: block;
  padding-left: 2em;
  width: 400px;
  height: 25px;
  line-height: 25px;
  font-family: sans-serif;
  font-size: medium;
  font-weight: normal;
  letter-spacing: 1pt;
  color: silver;
  }
 
div#labellist p {
  margin: 2em 1em;
  line-height: 1.5em;
  letter-spacing: 1pt;
  }

div#labellist table{
  border-collapse: separate;
  border-spacing: 1px;
  empty-cells: show;
  text-align: left;
}

div#labellist th{
  padding: 0.5em;
  border-left: 5px solid #BA0000;
  background-color: #1E1E1E;
  color: silver;
  text-align: center;
  }

div#labellist td{
  padding: 0.2em;
  background-color: #303030;
  color: silver;
  }

div#labellist a {
  text-decoration: none;
  color: orangered;
  }

div#labellist a:hover {
  text-decoration: none;
  color: white;
  background-color: orangered;
  }

/*---ラベルサンプル---*/

div#label {
  margin: 0 40px 0 45px;
  width: 500px;
  height: auto;
  position: relative;
  top: 30px;
  *top: 0px;
  clear: both;
  }

div#label .title {
  margin-bottom: 20px;
  width: 450px;
  height: 25px;
  background-color: black;
  background-image: url(image/pagetitlecarl.gif);
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
  left: -45px;
  text-align: center;
  }
  
div#label h2{
  display: block;
  padding-left: 2em;
  width: 400px;
  height: 25px;
  line-height: 25px;
  font-family: sans-serif;
  font-size: medium;
  font-weight: normal;
  letter-spacing: 1pt;
  color: silver;
  }
 
div#sumbnail {
  float: left;
  }

div#spec {
 margin-left: 185px;
 width: 300px;
 left: auto;
 }

div#spec dl {
  width: 300px;
  line-height: 1.5em;
  letter-spacing: 1pt;
  font-size: medium;
  }

div#spec dt {
  margin-bottom: 1px;
  padding: 0.2em ;
  height: 1.3em;
  width: 7em;
  line-height: 1.3em;
  color: silver;
  background-color: #303030;
  border-left: 3px solid #BA0000;
  border-right: 3px solid #BA0000;
  float: left;
  }

div#spec dd {
  margin-bottom: 1px;
  margin-left: 1em;
  width: auto;
  padding: 0.2em ;
  line-height: 1.3em;
  color: #606060;
  }

div#spec .comment {
  display: block;
  width: 295px;
  }

div#label blockquote {
  margin: 1em 2em;
  }
  
div#label .damage {
  color: #EA0000;
  font-size: large;
  font-weight: bold;
  }
  
div#label .through {
  text-decoration: line-through;
  }
  
div#label a {
  text-decoration: none;
  color: orangered;
  }

div#label a:hover {
  text-decoration: none;
  color: white;
  background-color: orangered;
  }

/*---全文検索フォーム---*/

div#search {
  margin: 55px;
  width: 440px;
}

/*---IE用CDケースレイヤ
imgの上位置を-で指定しても画像分の空白ができてしまうためケースレイヤのマージンで引き上げる---*/
div#sumbnail .cdcaseIE {
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/cdcase_small.png', sizingMethod=scale);
  _width: 168px;
  _height: 150px;
  _margin-bottom: -145px;
  _position:relative;
  _z-index:2;
  }

/*---IE用CDケースimgタグ非表示---*/
div#sumbnail .cdcasenoimgIE img {
  _display: none;
}

/*---CDケースレイヤ
imgの上位置を-で指定しても画像分の空白ができてしまうためケースレイヤのマージンで引き上げる---*/
div#sumbnail .cdcase {
  width: 168px;
  height: 150px;
  margin-bottom: -146px;
  position:relative;
  top: -10px;
  z-index:2;
  }

/*---ラベル画像
IE以外では画像を引き上げるとTOPに空白ができてしまうのでマージンを与える---*/
div#sumbnail .cd {
  margin-top: -10px;
  width:138px;
  height:138px;
  position:relative;
  left:3px;
  _top: 10px;
  z-index:1;
  }

/*---リンク---*/
div#link {
  margin: 30px 40px 0 45px;
  width: 500px;
  height: auto;
  color: #606060;
  font-family: sans-serif;
  font-size: medium;
  border-right: 15px solid black;
  }

div#link .title {
  margin-bottom: 20px;
  width: 450px;
  height: 25px;
  background-color: black;
  background-image: url(image/pagetitlecarl.gif);
  background-position: right;
  background-repeat: no-repeat;
  position: relative;
  left: -45px;
  text-align: center;
  }

div#link .site {
  width: 450px;
  height: 25px;
  background-color: black;
  background-image: url(image/diaryheader.gif);
  background-position: left;
  background-repeat: no-repeat;
  position: relative;
  left: 50px;
  }

div#link h2{
  display: block;
  padding-left: 2em;
  width: 400px;
  height: 25px;
  line-height: 25px;
  font-family: sans-serif;
  font-size: medium;
  font-weight: normal;
  letter-spacing: 1pt;
  color: silver;
  }

div#link p {
  margin: 2em 1em 2em 60px;
  line-height: 1.5em;
  letter-spacing: 1pt;
  text-align: justify;
  text-justify:inter-ideograph;
  }
  
div#link a {
  text-decoration: none;
  line-height: 25px;
  color: orangered;
  }

div#link a:hover {
  text-decoration: none;
  line-height: 25px;
  color: white;
  background-color: orangered;
  }

/*---フッタ---*/
div#footer {
  width: 600px;
  height: 100px;
  background-color: #BA0000;
  background-image: url(image/footer.jpg);
  background-position: center;
  background-repeat: no-repeat;
  float: left;
  }