@charset "utf-8";

/*//////////////////////////////////////////////////////////

	1: Application all
	2: Flame layout
	3: Decoration

//////////////////////////////////////////////////////////*/



/*=========================================================

	Application all

==========================================================*/

html,body{
  text-align:center;
  line-height:1.5;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
  margin:0;
  padding:0;
}

body{
  color:#fff;
  width:100%;
  background:url('../img/back_header.jpg') 0 0 repeat-x #000;
}

table{
  text-align:left;
  font-size:100%;
  color:#fff;
}


a{text-decoration:underline;}
a:link{color:#be1615;}
a:visited{color:#951211;}
a:hover{text-decoration:none; color:#be1615;}

img{
  vertical-align:text-bottom;
  border:0;
}

h1,h2,h3,h4,h5,h6{
  font-size:100%;
  margin:0;
}

form,p,dl,dd{
  padding:0;
  margin:0;
}

input,select,textarea{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
}

hr{
  height:1px;
  padding:0;
  margin:0;
  border:0;
}

address,em{
  font-style:normal;
}



/*=========================================================

	Flame layout

==========================================================*/

#layout{
  overflow:hidden;
  position:relative;
  width:100%;
}

#container{
  position:relative;
  text-align:left;
  font-size:80%;
  width:900px;
  margin:auto;
}

#contents{
  overflow:hidden;
  color:#fff;
  width:900px;
  background:#000;
}

#footer{
  overflow:hidden;
  position:relative;
  width:900px;
  padding:0 2000px 20px;
  margin:0 -2000px;
  background:url('../img/back_footer.gif') 0 0 repeat-x;
}
* html #footer{width:4900px;}



/*=========================================================

	Clear Default CSS

==========================================================*/

ul#headernavi,
ul#navigation,
#footer ul{
  list-style:none;
  padding:0;
  margin:0;
}



/*=========================================================

	Decoration

==========================================================*/

/*== Header ==============================================*/

h1{
  float:left;
  width:158px;
  padding-top:8px;
}

p#description{
  float:right;
  text-align:right;
  width:700px;
  height:63px;
  padding-top:20px;
}
* html p#description{height:83px;}

ul#headernavi{
  overflow:hidden;
  float:right;
  width:351px;
  padding-bottom:5px;
}

ul#headernavi li{
  float:left;
  width:116px;
  margin-left:1px;
}
* html ul#headernavi li{display:inline;}


ul#navigation{
  clear:both;
  width:900px;
  height:85px;
  background:url('../img/back_navigation.gif') 100% 100% no-repeat;
}

ul#navigation li{
  float:left;
  margin:16px 0 0 0;
}



/*== Footer ==============================================*/

#footer ul.footernavi{
  line-height:51px;
}

#footer ul.footernavi li{
  display:inline;
  padding-left:12px;
  margin-right:15px;
  background:url('../img/icon_01.gif') 0 50% no-repeat;
}

#footer ul.footernavi li a:link,
#footer ul.footernavi li a:visited{
  text-decoration:none;
  color:#fff;
}
#footer ul.footernavi li a:hover{text-decoration:underline;}


#footer address{
  float:left;
  width:261px;
  height:104px;
  padding-left:92px;
  margin-top:20px;
  background:url('../img/back_address.gif') 0 0 no-repeat;
}
* html #footer address{width:353px;}

#footer address img.post{
  margin:6px 0 20px 0;
}




#footer p#copyright{
  float:right;
  text-align:right;
  color:#888;
  width:500px;
}












