@charset "shift_jis"; 

/************************************************/
/*  Application all                             */
/************************************************/

html,body{
  text-align:center;
  line-height:1.3;
  color:#333;
  font-family:"メイリオ","meiryo",Verdana,Arial,Sans-serif,"ＭＳ Ｐゴシック","Osaka";
  font-size:100%;
  width:100%;
  margin:0;
  padding:0;
}

html{
  overflow-y:scroll;
  color:#fff;
  background:url(../img/back_html.jpg) 50% 0 #3c0;
}

body{
  color:#fff;
  background:url(../img/back_body.jpg) 50% 0 repeat-x #7ce;
}

table{
  text-align:left;
  font-size:100%;
}

a{text-decoration:underline;}
a:link{color:#03c;}
a:visited{color:#707;}
a:hover{color:#f70;}


img{
  border:0;
}

h1,h2,h3,h4,h5,h6{
  font-size:1.1em;
  margin:0;
}

form{
  padding:0;
  margin:0;
}

p{
  padding:0;
  margin:0;
}

hr{
  height:1px;
  padding:0;
  margin:0;
  border:0;
}

address,em{
  font-style:normal;
}

.clear{
  clear:both;
  font:normal 1px monospace;
}

.alt{
  display:none;
}



/************************************************/
/*  Flame layout                                */
/************************************************/

#container{
  width:870px;
  margin:0 auto;
}

#header{
  position:relative;
  width:870px;
  height:230px;
  margin:0 auto;
  background:url(../img/back_header.jpg) 50% 0 no-repeat;
}

#body{
  position:relative;
  width:870px;
  height:640px;
}

#navigation{
  position:absolute;
  text-align:left;
  z-index:1;
  top:440px;
  left:0;
  width:870px;
  height:200px;
  background:url(../img/back_navigation.jpg) 0 50% no-repeat;
}

/** Index ***************************************/
#index-body{
  color:#333;
  height:440px;
}
/************************************************/


#contents{
  text-align:left;
  color:#333;
  width:770px;
  height:440px;
  margin:0 auto;
  /*background:url(../img/back_contents.jpg) 0 50% no-repeat #fff;*/
}

#contents div.contents-wrap{
  overflow-y:auto;
  width:730px;
  height:425px;
  margin:0 20px;
}

*+html>/**/body #contents div.contents-wrap{
  overflow:auto;
}

#footer{
  position:absolute;
  top:610px;
  left:0;
  z-index:2;
  line-height:30px;
  height:30px;
  width:870px;
}



/************************************************/
/*  Decoration                                  */
/************************************************/

/** Header *************************************/

#header h1{
  padding-top:23px;
}

#header h1 a{
  display:block;
  text-decoration:none;
  width:380px;
  height:166px;
  margin:0 auto;
}

#header h1 a span{
  visibility:hidden;
}

/** Navigation **********************************/

#navigation ul{
  position:relative;
  list-style:none;
  width:518px;
  height:140px;
  padding:0;
  margin:0 176px;
}

#navigation ul li{
  position:absolute;
  text-align:center;
  width:128px;
  height:62px;
}

#navigation ul li.navtotoro{
  top:5px;
  left:0;
}
#navigation ul li.navmap{
  top:5px;
  left:195px;
}
#navigation ul li.navlink{
  top:5px;
  right:0;
}
#navigation ul li.navblog{
  top:75px;
  left:101px;
}
#navigation ul li.navportal{
  top:75px;
  left:287px;
}


#navigation ul li a{
  display:block;
  text-decoration:none;
  width:128px;
  height:62px;
}

#navigation ul li a span{
  visibility:hidden;
}