/*
-----------------------------------------------
LOOVEE web show-box Screen Master
Author:   Shouhei Honma
Version:  27 March 2007
----------------------------------------------- */
/*Hide from IE5-mac\*/
*html{height: 1%;}
/*End hide from IE5-mac*/
/*
-----------------------------------------------
001.initialize
----------------------------------------------- */
* { 
  list-style-position: inside;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-style: normal;
  text-decoration: none;
  }

p {
  padding: 0;
  margin: 0;
  }
hr {
  display: none;
  }
/*
-----------------------------------------------
002.basic
----------------------------------------------- */
#bg {
  background: url(../images/bk.jpg) repeat-x;
  }
.enter #bg{
  padding: 5% 0 0 0 ; 
  background: #000; 
  }
#bg-inner {
  background:#000;
    }
body { 
  background: url(../images/css/bg-y.jpg) repeat;
  color: #1f1f21;
  font-size: 12px;
  font-family:  Monaco, 'ＭＳ ゴシック','ＭＳ Pゴシック',monospace;
  text-align: center;
  display: block;
  }
html>body {
    font-family: Arial,Helvetica,'Osaka-Mono','Osaka−等幅',san-serif;  
    }
body.enter {
  background: #000;
  }

/*
-----------------------------------------------
003.layout
----------------------------------------------- */
#wrap { 
  width: 800px;
  margin: 0 auto;
  text-align: left;
  font:1em/1.58 Verdana,'ヒラギノゴシック Pro W3',san-serif;
  }
#wrap-inner {
  width: 800px;
  }
#enter-skip {
  background: #000;
  font-size: 0.9em;
  color: #ddd;
  }
#enter-skip a{
  color: orange;
  }
/*--003-1.headder-- */
#headder { 
  width: 800px;
  background-color: white;
  }
#pagebody {
  width:100%;
  float: left;
  }
#contents {
  width: 800px;
  background:url(../images/css/entry-re.jpg) repeat-y;
  }

.show #contents,.garou #contents {
  width: 800px;
  background:url(../images/css/entry-re-s.jpg) repeat-y;
  }
.index #contents {
  width: 800px;
  background: none;
  }
.index #contents-inner{
  padding: 0 60px 0 140px;
  background:url(../images/css/index-bt.jpg) no-repeat;
  }
.media #contents-inner{
  padding: 0 100px 0 100px;
  background:url(../images/css/entry-t-media.jpg) no-repeat;
  }
.disco #contents-inner{
  padding: 0 100px 0 100px;
  background:url(../images/css/entry-t-disco.jpg) no-repeat;
  }
.disco .box{
  width: 360px;
  }
.disco img {
  padding: 0 0 10px 0;
  }
.show #contents-inner{
  padding: 0 100px 0 100px;
  background:url(../images/css/entry-t-s.jpg) no-repeat;
  }
.street #contents-inner{
  padding: 0 100px 80px 100px;
  background:url(../images/css/entry-t-street.jpg) no-repeat;

  }
.words #contents-inner{
  padding: 0 100px 0 100px;
  background:url(../images/css/entry-t-words.jpg) no-repeat;
  height:300px;
  }
.words #entry-body {
  padding-top: 80px;
  }
.prof #contents-inner{
  display: none;
  }
.profile #contents-inner{
  padding: 0 100px 0 100px;
  background:url(../images/css/entry-t-profile.jpg) no-repeat;
  height:500px;
  }
.prof2 #contents-inner{
  padding: 0 100px 0 100px;
  background:url(../images/css/entry-t-prof2.jpg) no-repeat;
  }
.prof2 #entry-wrap{
  padding: 400px 0 0 0;
  }
.map #contents-inner{
  padding: 0 100px 0 100px;
  background:url(../images/css/entry-t-map.jpg) no-repeat;
  }
.garou #contents-inner{
  padding: 0 100px 0 100px;
  background:url(../images/css/entry-t-garou.jpg) no-repeat;
  }
#entry-body {
  padding: 20px 105px 0 95px;
  }
.index #entry-body {
  padding: 0 113px 0 103px;
  }
html>body .index #entry-body {
  padding: 0 97px 0 108px;
  }
.entry-block{
  padding: 25px 20px 20px 20px;
  background:#fff;
 }
html>body .entry-block{
  padding: 25px 20px 20px 20px;
  background:url(../images/css/bg-tr-80.png);
 }
.street .entry-block{
  padding: 10px 20px 20px 20px;  
  }
.index .entry-block{
  padding: 10px 20px 20px 20px;
  background:#f8b409 url(../images/css/win-body.gif) 50% 0%;
 }
html>body .index .entry-block{
  background:url(../images/css/win-body.png);  
  }
.win-t {
  text-indent: -999px;
  height: 2px;
  background:#f8b409 url(../images/css/win-t.gif) 50% 0%; 
  }
html>body .win-t {
  background:url(../images/css/win-t.png); 
  height: 19px;
  }
.win-b {
  text-indent: -999px;
  height: 19px;
  background:#f8b409 url(../images/css/win-b.gif) 50% 0%;
  }
html>body .win-b {
  background:url(../images/css/win-b.png);  
  }
#gg {
  text-align: center;
  height: 100px;
  background:url(../images/css/entry-b.jpg) no-repeat;
 }
.index #gg {
 display: none;
 }
.show #gg,.garou #gg {
  text-align: center;
  height: 100px;
  background:url(../images/css/entry-b-s.jpg) no-repeat;
  }
.prof #gg {
  display: none;
  }
.prof #gg {
  height: auto;
  background: none;
  }
/*
-----------------------------------------------
004.typography
----------------------------------------------- */
a {
  text-decoration: underline;
  }
#nocss {
  display: none;
  }
.media #swf {
  display: block;
  width: 800px;
  height: 190px;
  }
.prof #swaf {
  display: block;
  width: 800px;
  height: 670px;
  }
h1,h4,.skipLink {
  padding-top: 0.77em;
  }

p {
  font-size: 0.95em;
  line-height: 1.5em;
  }
h1 {
  font-size: 1.8em;
  line-height: 1.5em;
  }
h4 {
  font-size: 0.95em;
  }
address {
  padding: 10px 0 10px 10px;
  font-size: 0.9em;
  line-height: 1.5em;
  }
.small {
  font-size: 0.85em;
  }
h2 {
  display: none;
  width: 100%;
  height: 33px;
  }
h3 {
  font-size: 1.5em;
  padding: 15px 0 15px 0;
  color: #2770fe;
  text-indent: 25px;
  background:  url(../images/css/bt-s2.jpg) no-repeat scroll -500px 50%;
  }
html>body h3{
  background:  url(../images/css/bt-s2.png) no-repeat scroll -500px 50%;
  }
.show h3 {
  font-size: 1.5em;
  padding: 15px 0 15px 0;
  color: #2e2e2e;
  text-indent: 25px;
  background:  url(../images/css/bt-s2.jpg) no-repeat scroll 0 50%;
  }
html>body .show h3 {
  background:  url(../images/css/bt-s2.png) no-repeat scroll 0 50%;
  }
.disco img {
    display:block;
    padding: 15px 0 0 0;
    }
#info {
  display: block;
  height: 33px;
  background:#f8b409 url(../images/css/bt2.gif)  50% 30px;
  }
html>body #info{
  background:url(../images/css/bt2.png)  0 33px;
  height: 30px;
  }
#radio {
  display: block;
  height: 33px;
  background:url(../images/css/bt2.jpg)  0 132px;
  }
html>body #radio {
  background:url(../images/css/bt2.png)  0 132px;
  }
#tv {
  display: block;
  height: 33px;
  background:url(../images/css/bt2.jpg)  0 99px;
  }
html>body #tv {
  background:url(../images/css/bt2.png)  0 99px;
  }
#others {
  display: block;
  height: 33px;
  background:url(../images/css/bt2.jpg)  0 66px;
  }
html>body #others {
  background:url(../images/css/bt2.png)  0 66px;
  }
#ne {
  display: block;
  height: 33px;
  background:url(../images/css/bt2.jpg)  0 297px;
  }
html>body #ne {
  background:url(../images/css/bt.png)  0 297px;
  }
#album {
  display: block;
  height: 33px;
  background:url(../images/css/bt2.jpg)  0 330px;
  }
html>body #album {
  background:url(../images/css/bt2.png)  0 330px;
  }
#past {
  display: block;
  height: 33px;
  background:url(../images/css/bt2.jpg)  0 363px;
  }
html>body #past {
  background:url(../images/css/bt2.png)  0 363px;
  }
h3 a {
  color: #3E3E3E;
  }
#copy { 
  color: #1f1f21;
  font-size: 0.8em;
  line-height: 1.7em;
  padding: 20px 0 10px 15px;
  }
#headder h1,#headder p {
  text-indent: -999em;
  }
.none {
  display: none;
  height: 0px;
  width: 0px;
  text-indent: -999em;
  }
.garou a.lef {
  padding-bottom: 5px;
  }
.garou .entry-block {
  text-align: center;
  }
#count {
  text-align:right;
  padding: 2px 10px 9px 0;
  }
#count-inner{
  width: 218px; 
    background: #fff; 
  }
#count img {
  border: #fff 1px solid;
  border-right: 0;  
  }
#count a {
  text-decoration: none;

  }
/*
-----------------------------------------------
005.nav
----------------------------------------------- */
#b-wrap {
  padding: 10px 0 0 0;
  }
#breadscramb {
  padding: 10px 10px 20px 10px;
  background: #fff;
  }
html>body #breadscramb {
  background:url(../images/css/bg-tr-60.png);
  }
#breadscramb li {
  display: inline;
  padding: 0 10px 10px 0;
  }
#footer {
  padding:0 100px 20px 100px;
  }
html>body .index #footer {
  padding: 0 162px 20px 256px;
  }
.index #footer {
  padding: 0 174px 20px 243px; 
  }
#footer-inner {
  background: #fce19c;
  padding: 0 5px 10px 5px;
  border: 1px solid #e4a508;
  }
#footer-inner ul {
  background-image: none;
  text-align: left;
  padding: 10px 5px 10px 5px;
  }
#footer-inner address {
  padding: 5px 0 5px 5px;
  background-color: #f8b409;
  color: #fe6d00;
  }
#footer ul li {
  display: inline;
  padding: 0 10px 0 0;
  }
.index #style {
  display: none;
  }
#style {
  text-align: right;
  }
#style li {
  display: inline;
  padding: 0 10px 10px 0;
  }
.map .entry-block ul li {
  padding: 5px 0 5px 0;
  list-style-type: square;
  list-style-position: inside;
  }
.map .entry-block ul li ul {
  padding: 5px 0 0 0;
  text-indent: 1em;
  }
.map .entry-block ul li ul li {
  list-style-type: circle;
  font-size: 0.9em;
  }
.map .entry-block ul li ul li a{
  font-size: 1.2em;
  text-decoration: none;
  }
.street img {
  padding: 10px 0 0 0; 
  }
/*
-----------------------------------------------
005.hidden
----------------------------------------------- */
.skipLink {
  position: absolute;
  left: -999px;
  width: 990px;
  }
.special {
  border: 2px solid #ff6600;
  background: #fce19c;
  padding: 5px;
  }
  .special2 {
  border: 2px solid #ff6600;
  background: #99e1cc;
  padding: 5px;
  }
.show .special h3 {
  background-image: none;
  font-size: 1.8em;
  text-indent: 0;  
  padding: 0;
  }
.special h4 {
  padding: 0;
  font-size: 1.5em;
  }

.show h3.long {
  padding: 0 0 15px 0;  
  background-image: none;
  text-indent: 0;
  }
html>body .show h3.long {
  padding: 0 0 15px 0;  
  background-image: none;
  text-indent: 0;
  }

/*
-----------------------------------------------
006.color-size
----------------------------------------------- */
.red {
  color: red;
  }
.pink {
  color: #ff3399; 
  }
.blue {
  color: #3333ff; 
  }
.green {
  color: #006633; 
  }
.orange {
  color: #ff6600;  
  }
.red-max {
  color: red;
  font-size: 1.5em;
  line-height:1.3em; 
  }
.pink-max {
  color: #ff3399; 
  font-size: 1.5em;
  line-height:1.3em; 
  }
.blue-max {
  color: #3333ff;
  font-size: 1.5em;
  line-height:1.3em; 
  }
.green-max {
  color: #006633;
  font-size: 1.5em; 
  line-height:1.3em; 
  }
.orange-max {
  color: #ff6600;
  font-size: 1.5em; 
  line-height:1.3em;  
  }
.red-big {
  color: red;
  font-size: 1.3em;
  }
.pink-big {
  color: #ff3399; 
  font-size: 1.3em;
  }
.blue-big {
  color: #3333ff;
  font-size: 1.3em;
  }
.green-big {
  color: #006633;
  font-size: 1.3em;
  }
.orange-big {
  color: #ff6600;
  font-size: 1.3em;
  }
.max{
  font-size: 1.5em; 
  line-height:1.3em;    
  }
.big{
  font-size: 1.3em; 
  }
h3.red {
  color: red;
  }
h3.pink {
  color: #ff3399; 
  }
h3.blue {
  color: #3333ff; 
  }
h3.green {
  color: #006633; 
  }
h3.orange {
  color: #ff6600;  
  }