/*----------------------------------------------------------
 - DEFAULT STYLE
----------------------------------------------------------*/
p,h1,h2,h3,h4,h5,h6{
	 margin: 0;
	 padding: 0;
	 }
ul,li{
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 }
img{vertical-align:bottom;}
/*----------------------------------------------------------
 - DEFAULT STYLE
----------------------------------------------------------*/
body {
  background-color:#fff;
  color:#555;
  font-size:0.8em;
  line-height:1.6em;
  font-weight:normal;
  text-align:left;
  margin:0;
  padding:0;
}

h1 {
  font-size:0.8em;
  line-height:1.5em;
  font-weight:bold;
  border:none;
}
h2 {
  font-size:0.8em;
  line-height:1.5em;
  font-weight:bold;
  border:none;
}
h3 {
  font-size:1.0em;
  line-height:1.6em;
  color: #333;
  font-weight: bold;
  border:none;
}
h4 {
  font-size:1.0em;
  line-height:1.6em;
  color: #339;
  font-weight: bold;
  border:none;
}


a:link {
  text-decoration:none;
  color:#333399;
}
a:visited {
  text-decoration:none;
  color:#333399;
}
a:active {
  text-decoration:none;
  color:#333399;
}
a:hover {
  text-decoration: none;
}

.l {
  text-align:left;
}
.c {
  text-align:center;
}
.r {
  text-align:right;
}
.j {
  text-align:justify;
}
.t {
  vertical-align:top;
}
.m {
  vertical-align:middle;
}
.b {
  vertical-align:bottom;
}

/*----------------------------------------------------------
 - LAYOUT
----------------------------------------------------------*/
/*layout clear*/
.clearfloat { 
  clear: both;
  height: 0;
  line-height: 0px;
}

/*layout header*/
div#hd_base{
  background-image: url(../images/hd_base2.gif);
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
div#hd_site{
  width: 960px;
  color: #339;
  font-size:0.9em;
  line-height:1.6em;
  margin: 0 auto;
  padding-top: 10px;
}
div#hd_site h1{
  color: #339;
  font-size:0.9em;
  line-height:1.6em;
}
div#hd_logo{
  width: 960px;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 20px;
}
div#hd_menu{
  margin: 0 auto;
  text-align: left;
  width: 960px;
  padding-bottom: 10px;
}
div#hd_menu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#hd_menu li{
  margin: 0;
  padding: 0;
  float: left;
}
#hd_menu li a:hover {
  filter: alpha(opacity=50);
  opacity: 0.6;
}

/*layout header*/
div#ft_base{
  background-image: url(../images/footer_base.gif);
  margin: 0 auto;
  text-align: left;
  width: 100%;
  font-size:1.0em;
  line-height:1.6em;
  color: #000;
}

div#ft_logo{
  margin: 0 auto;
  text-align: left;
  width: 960px;
}

div#ft_menu{
  width: 960px;
  text-align: left;
  margin: 0 auto;
  padding-bottom: 10px;
}
div#ft_menu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#ft_menu li{
  margin: 0;
  padding: 0;
  float: left;
  text-indent: 16px;
  font-size:0.8em;
  line-height:1.6em;
  color: #000;
}