@charset "utf-8";
/*
Theme Name: Realizable Metal Resurrection
Theme URI: http://alphacore.jp/rmr/
Description: Dsigned by ALPHA CORE
Version: 3.0
Author: ALPHA CORE
Author URI: http://alphacore.jp/rmr/
Tags: black, clear, two columns, widgets
*/

/* Begin Typography & Colors */

*{
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6{
  font-size: 100%;
}

body{
  font-size: 75%;
  font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  line-height: 150%;
}

html>/**/body{
  font-size: 12px;
}

/* remove difference variation */

table{
  border-collapse: collapse;
  border-spacing: 0;
}

img{
  border: 0;
}

li {
  list-style-type: none;
}

/* pre set */

html{
  height: 100%;
}

body{
  background-color: #000000;
  color: #FFFFFF;
  height: 100%;
  text-align: center;
}

* html body{
}

#page{
  position: relative;
  width: 950px;
  height: 100%;
  margin: 0 auto;
  background-image: url(images/rmrbg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

#footer{
  position: fixed !important;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  font-size: 8pt;
  font-family: Impact, Charcoal, sans-serif;
  color: #888888;
}

* html .pngfix, * html .boxhead, * html .boxedge, * html .boxcontent, * html .boxfoot, * html h1{
  behavior: expression(IEPNGFIX.fix(this));
}

#recentcomment ul{
  display: block;
}

#recentcomment li{
  display: block;
}

.boxtitle{
  text-align: left;
  float: left;
  font-size: 133%;
  font-weight: bold;
  margin: 10px;
}

#recentcomment .boxtitle{
  margin: 5px;
}

.commententry, .commentdate{
  text-align: right;
  float: right;
  font-size: 83%;
  margin: 4px 0;
}


h1{
  display: block;
  width: 250px;
  height: 200px;
  position: absolute;
  top: 25%;
  left: 50%;
  margin-top: -100px;
  margin-left: -125px;
  background-image: url(images/rmrfluidlogo.png);
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

#center{
  position: absolute;
  top: 50%;
  left: 50%;
}

.iconbox{
  display: block;
  position: absolute;
  width: 96px;
  height: 96px;
}

#movie{
  display: block;
  position: absolute;
  left: 4%;
  top: 62%;
}

.iconbox a{
  display: block;
  font-weight: bold;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

#indexabout{
  left: 55%;
  top: 77%;
}
#indexgallery{
  left: 40%;
  top: 70%;
}
#indexdiary{
  left: 85%;
  top: 80%;
}
#indexlink{
  left: 70%;
  top: 75%;
}

#indexabout a{
  background-image: url(images/button1.gif);
}
#indexabout a:hover, #indexabout a:focus{
  background-image: url(images/button1-2.gif);
}

#indexgallery a{
  background-image: url(images/button2.gif);
}
#indexgallery a:hover, #indexgallery a:focus{
  background-image: url(images/button2-2.gif);
}

#indexdiary a{
  background-image: url(images/button3.gif);
}
#indexdiary a:hover, #indexdiary a:focus{
  background-image: url(images/button3-2.gif);
}

#indexlink a{
  background-image: url(images/button4.gif);
}
#indexlink a:hover, #indexlink a:focus{
  background-image: url(images/button4-2.gif);
}

a{
  text-decoration: none;
  color: #88FF00;
}

a:hover, a:focus{
  color: #FF0088;
}

hr{
  margin-top: 25px;
}

.alignright{
  text-align: right;
  float: right;
}

.alignleft{
  text-align: left;
  float: left;
}

.clear-both{
  clear: both;
}

/* End Various Tags & Classes*/