@charset "shift_jis"; 

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

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

body{
  background:url(../img/back_header.jpg) 0 0 repeat-x;
}

table{
  text-align:left;
  font-size:small;
}

A{text-decoration:underline;}
A:link,
A:visited{color:#03c;}
A:hover{color:#09e;}


img{
  border:0;
}

h1,h2,h3,h4,h5,h6{
  font-size:small;
  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:100%;
}

#header{
  text-align:left;
  width:750px;
  height:205px;
  margin:0 auto;
}

#body{
  width:750px;
  padding:15px 0 0;
  margin:0 auto;
}

#body div#contents{
  text-align:left;
}

#footer{
  color:#eee;
  width:100%;
  height:150px;
  background:url(../img/back_footer.gif) 0 0 repeat-x #07c;
}



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

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

#header h1{
  float:left;
  width:210px;
  padding-top:5px;
}

#header h1 a{
  display:block;
  width:210px;
  height:79px;
  background:url(../img/img_logo.gif) 0 0 no-repeat;
}

#header h1 a span{
  display:none;
}

#header div#description{
  float:right;
  text-align:right;
  width:540px;
  height:124px;
}

#header div#description address{
  line-height:1.3em;
  font-size:0.8em;
  padding-top:10px;
}

#header div#description address strong{
  font-size:1.5em;
  line-height:1.3em;
}



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

#header div#navigation{
  clear:both;
  font-size:13px;
  width:750px;
}

#header div#navigation ul{
  position:relative;
  list-style:none;
  text-align:center;
  width:750px;
  padding:0;
  margin:0;
}

#header div#navigation ul li{
  position:absolute;
  width:125px;
  top:0;
  left:0;
}

#header div#navigation ul li a{
  display:block;
  text-decoration:none;
  line-height:38px;
  color:#fff;
  background:url(../img/back_navi01.jpg) 0 0 no-repeat #05c;
}

#header div#navigation ul li:hover a{
  color:#fff;
  background:url(../img/back_navi02.jpg) 0 0 no-repeat #07c;
}

#header div#navigation ul li a:hover{
  color:#fff;
  background:url(../img/back_navi02.jpg) 0 0 no-repeat #07c;
}


/************************************************/
#header div#navigation ul li.home{
  left:0px;
}
#header div#navigation ul li.home ul{
  text-align:left;
  left:0;
}


#header div#navigation ul li.training{
  left:125px;
}
#header div#navigation ul li.training ul{
  text-align:center;
  left:-125px;
}


#header div#navigation ul li.update{
  left:250px;
}
#header div#navigation ul li.update ul{
  left:-250px;
}


#header div#navigation ul li.entry{
  left:375px;
}
#header div#navigation ul li.entry ul{
  text-align:right;
  left:-375px;
  width:500px;
  padding-right:250px;
}


#header div#navigation ul li.work{
  left:500px;
}
#header div#navigation ul li.work ul{
  text-align:right;
  right:-125px;
  width:625px;
  padding-right:125px;
}


#header div#navigation ul li.rental{
  left:625px;
}
#header div#navigation ul li.rental ul{
  text-align:right;
  right:0;
}
/************************************************/



/** Sub Navigation ******************************/

#header div#navigation ul li ul{
  display:none;
  position:absolute;
  background:url(../img/back_subnavi.jpg) 0 0 no-repeat #05d;
}

#header div#navigation ul li ul li{
  position:static;
  float:none;
  display:inline;
  width:auto;
  padding:0 10px;
}

#header div#navigation ul li ul li a{
  display:inline;
  line-height:38px;
  width:auto;
}

#header div#navigation ul li ul li a:hover{
  text-decoration:underline;
  color:#af0;
  background:none transparent;
}

#header div#navigation ul li:hover ul li a{
  background:none transparent;
}


#header div#navigation ul li:hover{
  z-index:3;
  background:none transparent;
}

#header div#navigation ul li:hover ul{
  display:block;
  position:absolute;
  top:38px;
}


#header div#navigation ul li.visit{
  z-index:1;
}

#header div#navigation ul li.visit a{
  font-weight:bold;
  background:url(../img/back_navi02.jpg) 0 0 no-repeat #07c;
}

#header div#navigation ul li.visit ul{
  display:block;
  position:absolute;
}

#header div#navigation ul li.visit ul li a{
  font-weight:normal;
  background:none transparent;
}


/** Footer **************************************/

#footer ul{
  list-style:none;
  padding:40px 0 0 0;
  margin:0 0 15px 0;
}

#footer ul li{
  display:inline;
}

#footer ul li a{
  color:#fff;
}

#footer ul li a:hover{
  color:#af0;
}