@charset "UTF-8";

body {
	  background-color: #EDEDED;
	  margin: 0px;
	  padding: 0px;
	  background-image: url(images/back.gif);
	  background-repeat: repeat;
  }

a:link   {
	color: #06C;
	text-decoration: none;
  }

a:active  {
	color: #039;
	text-decoration: none
  }

a:visited  {
	  color: #039;
	text-decoration: none
  }


a:hover {
	  color: #369;
	  text-decoration: underline
  }

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

table  {
	  font-size: 90%;
	  line-height: 135%
  }
 
 table.line   {
	font-size: 90%;
	line-height: 133%;
	border-collapse: collapse;
	color: #333;
	margin-right: auto;
	margin-left: auto;
  }
 
 .line th  {
	color: #ffffff;
	background-color: #83A90c;
	text-align: left;
	padding: 3px;
	border: solid 1px #888;
	border-collapse: collapse;
	font-weight: normal;
 }
 .line td   {
	color: #333;
	padding: 3px;
	border: solid 1px #888;
	border-collapse: collapse
 }
 
 #stage {
	  height: auto;
	  width: 749px;
	  margin-right: auto;
	  margin-left: auto;
	  background-color: #FFF;
	  background-image: url(images/treform_body_back.gif);
	  background-repeat: repeat-y;
	  margin-top: 20px;
  }
  #head {
	  background-image: url(images/treform_head.gif);
	  background-repeat: no-repeat;
	  height: 94px;
	  width: 749px;
  }

  #contents_head {
	  background-image: url(images/treform_contents_head.gif);
	  background-repeat: no-repeat;
	  height: 94px;
	  width: 749px;
  }
  #foot {
	background-image: url(images/treform_foot.gif);
	background-repeat: no-repeat;
	height: 46px;
	width: 749px;
	clear: both;
	margin-bottom: 20px;
  }
  #main {
	font-size: 95%;
	padding-right: 15px;
	padding-bottom: 30px;
	padding-left: 15px;
  }
  #top_img {
	background-image: url(images/trefoam_top_img.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 363px;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }

     #contents_img {
	background-image: url(images/trefoam_contents_img.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 75px;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }

     #contents1_img {
	background-image: url(images/trefoam_contents1_img.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 276px;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }

    #contents2_img {
	background-image: url(images/trefoam_contents2_img.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 276px;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }
 
     #contents3_img {
	background-image: url(images/trefoam_contents3_img.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 276px;
	width: 700px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
  }

  #navi_back {
	background-image: url(images/trefoam_top_navi.jpg);
	height: 42px;
	width: 700px;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: 0px 0px;
  }


#navi1      {
	font-size: 10px;
	padding: 0;
	width: 100%;
	height: 42px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em;
}
ul#navi1    {
	line-height: 0;
	list-style-type: none;
	padding: 0;
	height: 42px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2em;
}
ul#navi1 li     { list-style: none; margin: 0; padding: 0; float: left }
ul#navi1 a     {
	background-image: url(images/trefoam_top_navi.jpg);
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	height: 42px;
	background-repeat: no-repeat;
	left: -15px;
}
#navi1 a span { display: none; padding-left: 0 }
a.but1    {
	background-position: -16px 0;
	width: 167px;
	float: left
}
a.but2   {
	background-position: -183px 0;
	width: 167px;
	float: left
}
a.but3   {
	background-position: -350px 0;
	width: 167px;
	float: left
}
a.but4   {
	background-position: -517px 0;
	width: 167px;
	float: left
}
a.but1on    {
	background-position: -16px -42px;
	width: 167px;
	float: left
}
a.but2on   {
	background-position: -183px -42px;
	width: 167px;
	float: left
}
a.but3on   {
	background-position: -350px -42px;
	width: 167px;
	float: left
}
a.but4on    {
	background-position: -517px -42px;
	width: 167px;
	float: left
}
a:hover.but1 {
	background-position: -16px -42px
}
a:hover.but2 {
	background-position: -183px -42px
}
a:hover.but3 {
	background-position: -350px -42px
}
a:hover.but4 {
	background-position: -517px -42px
}
#block_a {
	width: 510px;
	float: left;
	height: auto;
	margin-left: 15px;
	margin-right: 2px;
	margin-top: 15px;
	margin-bottom: 30px;
	background-color: #FFF;
}

#block_b {
	width: 160px;
	float: right;
	height: auto;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 2px;
}



h1 {
	font-weight: bold;
	color: #FFF;
	background-color: #83A90C;
	font-size: 16px;
	padding-left: 15px;
	background-image: url(images/h1_head.gif);
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	background-position: -3px;
	margin-top: 30px;
}

.caution {
	font-size: 100%;
	line-height: 130%;
	color: #C00;
	padding-top: 20px;
	padding-bottom: 20px;
}

#foot_in {
	font-size: 10px;
	color: #CCC;
	text-align: right;
	padding: 24px;
}

#block_ab {
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
}

.layout_a {
	width: 525px;
	float: left;
	height: auto;
}

.layout_b {
	width: 150px;
	float: right;
	height: auto;
}

#block_a li   {
	background-image:   url("images/li.gif");
	background-repeat:   no-repeat;
	background-position: 0 2px;
	list-style-type:     none;
	list-style-image:    none;
	margin-bottom:       6px;
	padding-left:        20px;
	position:            relative;
	right:               10px }

.point li   {
	background-image:   url("images/li.gif");
	background-repeat:   no-repeat;
	background-position: 0 2px;
	list-style-type:     none;
	list-style-image:    none;
	margin-bottom:       6px;
	padding-left:        20px;
	position:            relative;
	right:               10px }

h2 {
	font-size: 110%;
	font-weight: bold;
	color: #83A90C;
	margin-top: 30px;
}

.s_tx {
	font-size: 80%;
	line-height: 145%;
	color: #333;
}

li {
	font-size: 95%;
	line-height: 150%;
	margin-bottom: 10px;
}

strong {
	font-size: 130%;
	font-weight: bold;
	color: #900;
}

#block_b img {
	margin-bottom: 5px;
}