@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;
  margin:0;
  padding:0;
}

body{
  color:#eee;
  background:url(../img/back_html.jpg) 50% 0 no-repeat #333;
}

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


a{
  text-decoration:underline;
  color:#fa0;
}
a:visited{color:#c70;}
a:hover{color:#f70;}

img{
  vertical-align:text-bottom;
  border:0;
}

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

form{
  padding:0;
  margin:0;
}

input,textarea,select{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
}

p{
  padding:0;
  margin:0;
}

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

address,em{
  font-style:normal;
}


.SpryHiddenRegion{
  visibility:hidden;
}




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

#container{
  text-align:left;
  width:900px;
  margin:0 auto;
}

#contents{
  float:left;
  color:#333;
  width:600px;
  background:url(../img/back_contents.gif) 0 100% no-repeat #fff;
}

#side{
  float:right;
  width:280px;
  background:url(../img/back_side.gif) 0 100% no-repeat #111;
}

#footer{
  padding:25px 0;
  border-top:3px double #777;
}




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

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



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

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

h1{
  float:left;
  width:200px;
  padding-top:15px;
}

h1 a{
  display:block;
  width:130px;
  height:95px;
  margin-left:50px;
}




ul#header-navi{
  float:right;
  text-align:right;
  line-height:95px;
  width:550px;
  padding-top:15px;
}

ul#header-navi li{
  display:inline;
  padding-left:16px;
  margin-left:15px;
  background:url(../img/icon_header-navi.gif) 0 50% no-repeat;
}

ul#header-navi li a,
ul#header-navi li a:visited{
  color:#ccc;
}

ul#header-navi li a:hover{
  color:#eee;
}


ul#navigation{
  clear:both;
  width:900px;
  height:38px;
  margin:15px 0 25px;
  border-top:1px solid #111;
  border-bottom:1px solid #111;
  background:url(../img/back_navigation01.gif) 0 0 repeat-x #555;
}

ul#navigation li{
  float:left;
  text-align:center;
  width:150px;
}

ul#navigation li a{
  display:block;
  text-decoration:none;
  line-height:38px;
  color:#eee;
  width:150px;
  background:url(../img/back_navigation02.gif) 0 50% no-repeat #111;
}

ul#navigation li a:hover{
  color:#730;
  background:url(../img/back_navigation03.gif) 0 50% no-repeat #f70;
}



/** Contents ************************************/

#contents a{
  color:#f70;
}

#contents a:visited{color:#c70;}
#contents a:hover{color:#fa0;}



/** Side ****************************************/

#side div.eventrss dl{
  padding:5px 15px 15px;
  margin:0;
}

#side div.eventrss dl dt{
  font-size:0.75em;
  color:#777;
  margin-top:10px;
}

#side div.eventrss dl dd{
  margin:0;
}


#side p.banner{
  padding:5px 15px 15px;
}

#side p.banner img{
  margin-top:10px;
}


#link ul{
  list-style:none;
  padding:10px 15px 15px;
  margin:0;
}

#link ul li{
  padding-left:16px;
  margin-top:5px;
  background:url(../img/icon_header-navi.gif) 0 50% no-repeat;
}




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

#footer ul{
  margin:0 0 15px 0;
  border-left:1px solid #ccc;
}

#footer ul li{
  display:inline;
  padding-left:5px;
  border-right:1px solid #ccc;
}