body{
  margin:0;
  padding:0;
  background: #fff url(ble/bge110111.gif)  center repeat;
  text-align: center;
}

a { text-decoration: none;}
a:link { color: #634950; }
a:visited { color:#887878; }
a:hover { color:#d0508f; text-decoration: underline;} 
a:active { color: #d04f97; }
img{border:none;}

.blall{
  width:800px;
  margin:0 auto;
  padding: 0 1em;
  text-align: left;
  color:#634950;
  font-size:100%;
  background-color:#fff;
}

h1{
  height: 70px;
  margin:0;
  padding: 5em 3% 0em 1em;
  background-color:#fff;
  font: normal bold 130% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;
  text-align: left;

  background: #fff url(110506frosanpo.jpg)  top center no-repeat;
  border:1px solid #887878;
}

ul{
  margin:0 0 0 0;
  padding:0 0 0 0;
  list-style-type: none;
}

/*topicPath*/
.topicPath{
  background-color:#fff;
  margin:0 0 1em 0;
  padding: 0.3em 1.8em;
  font: normal bold 90% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;
  text-align: center;
  border:1px dotted #c8b8b8;
  border-top:1px solid #c8b8b8;
  border-bottom:1px solid #c8b8b8;
}
.topicPath a { color: #5a5050;  }
.topicPath a:hover {  color: #5a5050;  }
.topicPath li{
  display: inline; 
  margin:0;
  padding: 0.3em 1.8em;
  border-right:1px dotted #c8b8b8;
}
.here {
  background: url(../about/icon/location.gif) center bottom no-repeat;  
}
.home{
  border-left:1px dotted #887878;
}

h2{
  margin:0;
  padding:0 0 0 1em;
  font-family:  Verdana, Sans-serif;
  color:#d7d2d2;
  font-size:80%;
}
h3{
  margin:0;
  padding:0 0 0 0;
  color:#d7d2d2;
  font-size:90%;
}


h4{
margin:1.8em 1em 0.3em 0em;
font-size:110%;
color:#877f7a;
}
h5{
margin:1.2em 1em 0.5em 1em;
font-size:110%;
color:#877f7a;
}
h6{
margin:3.7em 1em 1em 1em;
font-size:90%;
color:#4682B4;
}


.section{
  width:750px;
  margin:0 auto;
}
.log{
  float: left;
  width:250px;
  font-family:  Verdana, Sans-serif;
  font-size:80%;
}
.log h2{
  margin:1.5em 0 0 3em;
  padding:0em;
  font-family:  Verdana, Sans-serif;
  color:#d7d2d2;
  font-size:80%;
}
.log h4{
  margin:1.8em 1em 0.6em 3em;
}
.explain{
  margin:0 0 0 0;
  padding:0 0 1em 3em;
  color:#d7d2d2;
  font-size:80%;
}
.explain p{
  margin:0;
  padding:0;
}

.Recently{ background-color:#fff; margin:0 0 0 1em; padding:0.5em 0;}
.Recently p{ margin:0 1em 1em 3em;}
.Recently a { text-decoration: underline;} 
.Recently a:hover { color:#877f7a; text-decoration: underline;} 



.update { margin:0 0 1.8em 3em;}
.update li { 
  margin:0 0 0 1em;
  padding:0.1em 0 0.3em 10px;
  list-style-type: none; 
  font-weight: bold;
  background: url(../gaz/limaksanmomo.gif) left center no-repeat;  
}
.update a:hover { text-decoration: none;color:#d04f97;border-bottom:1px solid #d04f97;} 
.time {
  font: normal normal 80%  'Trebuchet MS', Arial, Sans-serif;
}

.bldetails{
  margin-left:3em;
}
.bldetails p{
  margin-top:0.3em;
  margin-left:0.3em;
  line-height:1.4em; 
  font-size:90%;
}

.illustration{
  margin:0 0 0 3em;
  padding:0 0 5em 0;
}
.illustration h3{
  margin:5em 1em 0.2em 0;
  padding:0.6em 3em 0.3em 0;
  font-size:90%;
  color:#5a5050;
}
.illustration ul{
margin:0 0 0.8em 0;
}
.illustration ul a:hover { position:relative;top:-1px; } 
.illustration li{
margin:0 0.2em 0 0;
list-style-type:none;
display: inline;
}

.illustration img{
  border:1px solid #c8b8b8;
}
.picturetable { margin:0.7em 0 3em 0; padding:0 0em; }
.picturetable a:link { color: #887878; }
.picturetable a:visited { color: #887878;}
.picturetable a:hover { color: #d04f97; }


.comic{
  float: right;
  width:450px;
  margin:0em 0 0 0;
  font-size:80%;
  background-color:#fff;
}
.comic h2{
  margin:1em 0 1em 0;
  padding:0;
  font-size:130%;
  color:#877f78;
}
.comic h3{
  margin:0.3em 1em 0.5em 1em;
  padding:0 0 0 0.5em;
  font-size:100%;
  color:#5a5050;
}

.subtitle{
font-weight: normal;
font-size:70%;
}

.freund {
  margin:0em 1em 3em 0;
  padding:1.3em 0px 0px 1.5em;
  background: url(gazbl/bgfr1105.gif) center repeat;  
  border:1px solid #eee;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

.spacek{
  margin:0 1em 0 0;
  padding:1.3em 0px 0px 2em;
  background: url(gazbl/bgka1105.gif) center repeat;  
  border:1px solid #eee;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
/*spacek and manga margin0 - postscript margin*/


.topfreund{margin:0;padding:0;width:370px;height:200px;background: url(gazbl/afr1105.jpg) top right no-repeat;}
.topspacek{margin:0;padding:0;width:370px;height:200px;background: url(gazbl/aka1105.jpg) top right no-repeat;}
.topfreund a:hover {
  display: block;
  background-color: #fff;
  //filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity:0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity:0.3;
} 
.topspacek a:hover {
  display: block;
  background-color: #fff;
  //filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  -moz-opacity:0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity:0.3;
}
 
.comictitle{
padding:0.5em 1.5em 0.3em 1em;
}
.manga {
margin: 0 0 0;
padding:0 2em 2.5em 1.5em;
font-size:120%;
font-weight: bold;
text-align:right;
}
.manga a:hover { position:relative;top:0px;  } 
.mangadetails{
  margin: 0 1em 0;
  padding:0em 0.3em 0 1em;
}


.postscript {
  clear: both;
  margin:3.8em 0 0 0;
  padding:3em 3em 13em 3em;
  font-family:  Verdana, Sans-serif;
  font-size:80%;
  color:#5a5050;
}
.postscript p { padding:0.5em 3em; }


.about{
text-align:right;
font-family:  Verdana, Sans-serif;
}
.about a:link { color:#98605e; }
.about a:visited { color:#98605e; }
.about a:hover { position:relative;top:0px; } 
.about p { margin:0; padding:0; } 

address{ font-style: normal;font-size:70%; }
abbr{
  border:none;
}
.rokulogbanner a:hover { position:relative;top:0px;} 
.aboutpage{ padding:0 0 0.1em 0; }



/*bllink*/

.blInfo{
  width:580px;
  margin:0 auto;
  padding: 0 2em;
  text-align: left;
  color:#634950;
  background-color:#fff;
}

.aboutpagetitle{
  border-top: 8px #5a5050 solid;
}
.infoheader p{
  margin:0 0;
  padding:0 2em;
  font-size:70%; 
  color:#d7d2d2;
  text-align: right;
}

.labomain{
  padding:0.5em 2em 8em; 
}

.labomain h2{
  margin:0;
  padding:0;
}
.labomain h3{
  margin:0 1em 0.2em 0;
  padding:0.2em 0;
  border-bottom:3px dotted #d7d2d2;
  font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-serif;
  font-size:100%;
}

.linkdetails{ padding:0.5em 3em; font-size:80%;}

.boys{
  margin:0 ;
  padding:0.5em 3em;
  font-size:80%; 
}
.aboutlink{
padding:1.6em 3em 2em 5em;
}
.aboutlink p{ margin:0;padding:0; }
.sitename{ padding:0.6em 0 0.2em 0; font-weight: bold; }
.code{
  background-color:#fff;
  padding:0.3em ;
  font-family: 'Trebuchet MS', Trebuchet, Verdana, Arial, Sans-serif;
  font-size:90%;
  color:#e5c1cd; 
}
.banner{
  padding:1em;
  color:#887878;
  font: normal normal 80% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro' , 'メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
}

.InfoTitle{
  margin:0;
  padding: 7em 0 0;
  font-size:100%;
  background: url(110323mtitle.jpg)  top center no-repeat;
  border: 1px solid #c8b8b8;
  border-right: 2px solid #815050;
  border-bottom: 2px solid #815050;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.InfoTitle h2{
  text-shadow: 1px 1px #eee;
  color:#815050;
}

.info{
  padding:1em 3em 2em 3em;
  font-size:80%;
  line-height:1.5em;
}
.iconcaption{ padding:1.5em 3em 7em 3em;font-size:80%;}

.mutter{
  font-size:90%; 
  color:#d7d2d2;
}

.footer{
  background-color:#5a5050;
}

.love{
  margin: 0;
  padding:1em 25% 10em;
  font: normal normal 90% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif;
  color: #d7d2d2;
  text-align:left;
}

.love a:link { color: #a7a1a1; }
.love a:visited { color:#a7a1a1; }
.love a:hover { color:#d7d2d2;} 

.infocopyright{
  margin:0;
  padding:0;
  border-bottom: 8px #5a5050 solid;
  text-align:right;
}

/*Copyright(ROKULOG.NET).All rights reserved*/