/* Basic */

body{
  margin:0;
  padding:0;
  font-size :0.8em;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  line-height:150%;
  color:#000;
  background:#000 url("../img/A9.jpg") repeat-y fixed;
}

a{
  color:#000;
  text-decoration:none;
}

a:hover{
  color:#000;
}

image{
  border:0;
}

.clear{
  clear:both;
}

/* Style for overlay and box */

.box{
  width:100%;
  height:60px;
  background: url("../img/diagonal.png") repeat fixed;
  top:0;
  left:0;
  margin:0;
  padding:0;
  position:fixed;
  z-index:200;
}
* html .box{
  height:60px;
  top:0px;
  left:0;
  margin:0;
  padding:0;
  position:absolute;
}

/* Title */

h1{
  font-size:8px;
  color:#fff;
}

/* Framework */

#wrapper {
  text-align:left;
  display:none;
}

/* Menu */

#menu{
  width:800px;
  margin:10px 0 0 30px;
  padding:0;
}

#menu ul{
  list-style:none;
}

#menu li{
  width:120px;
  margin:0;
  padding:0;
  float:left;
}

#menu a{
  font-size :2em;
  line-height:150%;
  color:#fff;
  text-shadow: 2px 0 0 #333, -1px 0 0 #333, 0 2px 0 #333, 0 -1px 0 #333;
}
html>/**/body #menu a{
  color /*\**/:#000\9;
}
#menu a{
  /color:#000;
}
#menu a{
  color:#000\9;
}

#menu a:hover{
}

/* Contents */

#contents{
  margin:175px 0 0 184px;
  position:absolute;
  z-index:100;
}
* html #contents{
  margin:167px 0 0 184px;
}
*:first-child+html #contents{
  margin:167px 0 0 184px;
}
#contents{
  margin:176px 0 0 184px\9;
}

#contents .posts{
  width:848px;
  margin:0 0 100px 0;
  padding:0 0 40px 0;
  background:#fff url("../img/posts_end.gif") repeat-x bottom left;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
  -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
  -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
}

#contents .posts .date{
  width:170px;
  height:16px;
  margin:0;
  padding:0;
  background:url("../img/line.jpg") repeat top left;
  color:#fff;
  float:left;
}

#contents .posts .tag{
  width:678px;
  height:16px;
  margin:0;
  padding:0;
  background:#bcac7d;
  color:#fff;
  float:left;
}

h2{
  font-size :3em;
  margin:30px 0 0 47px;
  color:#fff;
  text-shadow: 3px 0 0 #333, -1px 0 0 #333, 0 3px 0 #333, 0 -1px 0 #333;
}
html>/**/body h2{
  font-size /*\**/:3em;
  margin /*\**/:0 0 0 47px\9;
  padding /*\**/:30px 0 0 0\9;
}
h2{
  /color:#000;
}
h2{
  color:#000\9;
}

html>/**/body h3 {
  margin /*\**/:0\9;
  padding /*\**/:0\9;
}

#contents .posts .pic{
  margin:0 20px 0 0;
}

#contents .posts .pic2{
  margin:0 10px 20px 0;
}

a .link{
  border:solid white;
}

a:hover .link{
  border:solid yellow;
}

#contents .posts .main_text{
  width:630px;
  margin:30px 0 0 47px;
}

#contents .posts .main_text p{
  margin:30px 0 0 0;
}

/* Footer */

#footer{
  font-size:0.9em;
  text-align:center;
  margin:0 0 100px 0;
  color:#ccc;
  background-color:#000;
}