@charset "utf-8";

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

	1: Application all
	2: Flame layout
	3: Decoration

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


/*=========================================================

	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;
  background:#fff;
}

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

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


a{text-decoration:underline;}
a:link{color:#05c;}
a:visited{color:#70a;}
a:hover{color:#3ac;}

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

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

form,p{
  padding:0;
  margin:0;
}

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

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

address,em{
  font-style:normal;
}




/*=========================================================

	Flame layout

==========================================================*/

#container{
  text-align:left;
  width:800px;
  padding:0 10px;
  margin:0 auto;
  /*background:url(../img/back_header.jpg) 50% 0 no-repeat;*/
  background:url(../img/back_html.gif) 50% 0 repeat-y;
}


#layout{
  width:770px;
  padding:15px;
}



#footer{
  clear:both;
  color:#fff;
  width:780px;
  height:65px;
  padding:10px 10px 0;
  background:url(../img/back_footer.jpg) 50% 0 no-repeat #369;
}




/*=========================================================

	Clear Default CSS

==========================================================*/

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



/*=========================================================

	Decoration

==========================================================*/

/*== Header ==============================================*/

h1{
  width:800px;
  height:105px;
  background:url(../img/back_header.jpg) 50% 0 no-repeat #36a;
  /*padding:2px 0 0 7px;*/
}

h1 a{
  display:block;
  width:461px;
  padding-top:2px;
  margin-left:7px;
}

h1 img{
  display:block;
}


ul#navigation{
  width:800px;
  height:18px;
  padding:5px 0 15px;
  margin:0 0 5px;
  background:url(../img/back_navigation.jpg) 50% 0 no-repeat;
}

ul#navigation li{
  float:left;
  line-height:18px;
  padding:0 15px;
  border-right:1px solid #039;
}

ul#navigation li a,
ul#navigation li a:visited{
  text-decoration:none;
  color:#039;
}

ul#navigation li a:hover{
  text-decoration:underline;
  color:#05c;
}



/*== Contents ============================================*/

#layout h2{
  font-size:2em;
  font-weight:normal;
  color:#359;
  padding-bottom:5px;
  margin-bottom:25px;
  border-bottom:3px solid #359;
}




/*== Footer ==============================================*/

#footer address{
  float:left;
  width:390px;
}

#footer address strong{
  font-size:1.25em;
}

#footer p{
  float:right;
  text-align:right;
  width:390px;
  padding-top:3em;
}