@charset "utf-8";

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

html,body{
  text-align:center;
  line-height:1.3;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:small;
  color:#333;
  margin:0;
  padding:0;
}

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

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


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

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{
  position:relative;
  text-align:left;
  width:760px;
  height:311px;
  margin:0 auto 15px;
  background:url(../img/back_header.jpg) 0 31px no-repeat #aaa;
}

#body{
  text-align:left;
  width:760px;
  margin:0 auto;
  background:url(../img/back_body02.jpg) 0 100% no-repeat;
}

#body div#contents{
  width:700px;
  padding:30px 30px 60px;
  background:url(../img/back_body01.jpg) 0 0 no-repeat;
}

#body div#contents div#side{
  float:left;
  width:200px;
  background:url(../img/back_body03.jpg) 100% 30px no-repeat;
}

#body div#contents div#contentcolumn{
  float:right;
  width:500px;
}

#footer{
  width:100%;
  padding-bottom:31px;
  background:url(../img/back_footer.jpg) 0 100% repeat-x;
}


/************************************************/
/* Clear Default CSS                            */
/************************************************/

#header ul,#footer ul,#side ul{
  list-style:none;
  padding:0;
  margin:0;
}


#side dl,#side dl dd{
  padding:0;
  margin:0;
}




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

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

#header h1{
  position:absolute;
  top:46px;
  left:8px;
  width:218px;
  height:60px;
}

#header h1 a{
  display:block;
  width:218px;
  height:60px;
}

#header h1 a span{
  display:none;
}

#header address{
  line-height:31px;
  font-size:0.75em;
  color:#fff;
  padding:0 5px;
  background:url(../img/back_header-top.jpg) 0 0 repeat-x;
}

#header address span{
  padding-left:15px;
  background:url(../img/icon_address.gif) 0 50% no-repeat;
}


#header ul{
  float:right;
}

#header ul li{
  display:inline;
  line-height:38px;
  padding:0 10px;
}

#header ul li a{
  text-decoration:none;
  font-weight:bold;
  color:#e37;
}

#header ul li a:hover{
  border-bottom:3px solid #555;
}

#header p{
  position:absolute;
  top:263px;
  right:0;
  text-align:right;
  font-size:0.75em;
  padding-right:20px;
  background:url(../img/back_header-p.gif) 100% 100% no-repeat;
}


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

#side h2{
  line-height:38px;
  font-weight:normal;
  font-size:1.2em;
  color:#e37;
  width:175px;
  padding:6px 0 0 0;
  background:url(../img/back_01.gif) 0 0 repeat-x;
}

#side dl{
  width:175px;
  padding-top:1px;
  margin-bottom:35px;
  background:url(../img/line_01.gif) 0 0 repeat-x;
}



#side dl#globalnavi dt{
  z-index:0;
  width:175px;
  height:39px;
  background:url(../img/line_01.gif) 0 100% repeat-x;
}

#side dl#globalnavi dt span{
  display:block;
  line-height:40px;
  padding-left:65px;
}


#side dl#globalnavi dd{
  position:absolute;
  z-index:1;
  width:175px;
  height:38px;
  margin:-39px 0 0 0;
}

#side dl#globalnavi dd:hover{
  z-index:2;
  width:175px;
  height:48px;
  margin:-44px 0 0 0;
}

/************************************************/

#side dl#globalnavi dd.check{
  background:url(../img/icon_navi01.gif) 0 0 no-repeat;
}
#side dl#globalnavi dd.check:hover{
  background:url(../img/icon_navi01h.png) 0 0 no-repeat;
}

#side dl#globalnavi dd.departure{
  background:url(../img/icon_navi02.gif) 0 0 no-repeat;
}
#side dl#globalnavi dd.departure:hover{
  background:url(../img/icon_navi02h.png) 0 0 no-repeat;
}

#side dl#globalnavi dd.play{
  background:url(../img/icon_navi03.gif) 0 0 no-repeat;
}
#side dl#globalnavi dd.play:hover{
  background:url(../img/icon_navi03h.png) 0 0 no-repeat;
}

#side dl#globalnavi dd.relax{
  background:url(../img/icon_navi04.gif) 0 0 no-repeat;
}
#side dl#globalnavi dd.relax:hover{
  background:url(../img/icon_navi04h.png) 0 0 no-repeat;
}

#side dl#globalnavi dd.valid{
  background:url(../img/icon_navi05.gif) 0 0 no-repeat;
}
#side dl#globalnavi dd.valid:hover{
  background:url(../img/icon_navi05h.png) 0 0 no-repeat;
}

#side dl#globalnavi dd.sponsor{
  background:url(../img/icon_navi06.gif) 0 0 no-repeat;
}
#side dl#globalnavi dd.sponsor:hover{
  background:url(../img/icon_navi06h.png) 0 0 no-repeat;
}
/************************************************/


#side dl#globalnavi dd ul{
  display:none;
  width:200px;
  padding:1px;
  border:1px solid #555;
  background:url(../img/back_03.png) 0 0;
}

#side dl#globalnavi dd:hover ul{
  display:block;
  position:absolute;
  top:13px;
  left:130px;
}

#side dl#globalnavi dd li a{
  display:block;
  text-decoration:none;
  line-height:29px;
  color:#333;
  width:182px;
  padding-left:18px;
  background:url(../img/back_subnavi01.gif) 0 0 no-repeat;
}

#side dl#globalnavi dd li a:hover{
  background:url(../img/back_subnavi02.gif) 0 0 no-repeat;
}



#side dl.group dt{
  padding-top:10px;
}

#side dl.group dd{
  font-size:0.75em;
  color:#555;
  padding:0 0 10px 0;
  background:url(../img/line_01.gif) 0 100% repeat-x;
}

#side dl.group dd a{
  font-size:0.9em;
}

#side dl.group dd strong{
  color:#f70;
}



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

p#pagetop{
  clear:both;
  text-align:right;
  height:13px;
  padding:43px 0 5px 0;
  margin:0 0 -60px 0;
}

p#pagetop a{
  text-decoration:none;
  color:#e37;
  padding:5px 17px 5px 0;
  background:url(../img/icon_pagetop.gif) 100% 50% no-repeat;
}


#footer ul{
  padding-top:15px;
}

#footer ul li{
  display:inline;
}

#footer ul li a{color:#777;}
#footer ul li a:hover{color:#e37;}


#footer p{
  line-height:100px;
  color:#555;
}