@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:#fff;
  background:url(../img/back_html.gif) 0 0 repeat-x #443c33;
}

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;
}



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

	Flame layout

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

#container{
  text-align:center;
  color:#543;
  width:100%;
  background:#ebedd6;
}

#footer{
  width:100%;
  padding-bottom:25px;
  background:url(../img/back_footer02.gif) 0 0 repeat-x #443c33;
}

#footer div.wrap{
  text-align:left;
  width:750px;
  padding-top:25px;
  margin:0 auto;
  background:url(../img/back_footer-wrap.gif) 100% 25px no-repeat;
}



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

	Clear Default CSS

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

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



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

	Decoration

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

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

h1{
  text-align:center;
}

h1 img{
  display:block;
  margin:0 auto;
}



/*== Navigation ==========================================*/

ul#navigation{
  width:750px;
  min-height:35px;
  margin:15px auto 0;
  background:url(../img/back_navigation01.jpg) 100% 0 no-repeat #6f665c;
}

ul#navigation li{
  float:left;
  line-height:35px;
  border-right:1px solid #443c33;
  background:url(../img/back_navigation02.jpg) 0 0 no-repeat #6f665c;
}

ul#navigation li a{
  text-decoration:none;
  display:block;
  padding:0 12px;
}

ul#navigation li a,
#footer ul li a:visited{
  color:#dcd9d3;
}

ul#navigation li a:hover{
  color:#fff;
  background:url(../img/back_navigation03.jpg) 0 0 no-repeat #857e75;
}



/*== Container ===========================================*/

div.section{
  text-align:left;
  width:730px;
  padding:35px 0 0;
  margin:0 auto;
}

div.section h2{
  font-size:2em;
  font-weight:normal;
  padding-left:7px;
  margin-bottom:10px;
  border-left:3px solid #d50;
}

div.section div.inner{
  padding-bottom:25px;
}

div.section div.inner h3{
  font-size:1.25em;
  color:#f90;
}

p.pagetop{
  text-align:right;
}



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

#footer div.wrap ul{
  float:left;
  width:300px;
  padding:0;
  margin-bottom:25px;
  border-top:1px solid #736d66;
}

#footer div.wrap ul li a{
  display:block;
  text-decoration:none;
  line-height:28px;
  padding:0 10px 0 25px;
  border-bottom:1px solid #736d66;
}

#footer div.wrap ul li a,
#footer div.wrap ul li a:visited{
  color:#dcd9d3;
  background:url(../img/icon_check.gif) 0 50% no-repeat;
}

#footer div.wrap ul li a:hover{
  color:#fff;
  background:url(../img/icon_check02.gif) 0 50% no-repeat #857e75;
}



#footer div#address{
  float:right;
  width:200px;
  margin-bottom:25px;
}

#footer div#address h3{
  line-height:19px;
  padding-left:23px;
  margin-bottom:7px;
  background:url(../img/icon_pin.gif) 0 50% no-repeat;
}

#footer div#address address{
  padding:7px 0 0 0;
  border-top:3px solid #9e968e;
}


#footer p{
  clear:both;
}