body {margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #DDDCDC; 
color: #666666;
font-family: "ＭＳ Ｐゴシック", Osaka;}

a {text-decoration: none;}
a:link {color: 666666;}
a:visited {color: 666666;}
a:hover {background-color: #cecece;}
a:active {color: 666666;}

#all {margin-left: auto;
margin-right: auto;
position: relative; 
text-align: left; 
width: 900px; 
border: 1px solid A2A2A2;
background-color: #ffffff;}

h1 {font-size: 12px;
line-height: 20px;
font-weight: bold;
color: F7921E;
background-image: url(../img/bg_line.gif);}

p {font-size: 12px;
line-height: 20px;
color: 666666;}

#image-right {text-align: right;
font-size: 12px;
line-height: 20px;
color: 666666;}

table#main { border: 0px;
font-family: "ＭＳ Ｐゴシック", Osaka;
margin:0px;
padding:0px 0px 0px 0px;
color: #666666;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 20px;}

.copyright {font-size: 12px;
line-height: 20px;
font-family: "ＭＳ Ｐゴシック", Osaka;
margin: 0px 0px 0px 0px;
text-align: center;}

table#topic01 { border-left: 1px solid #F7921E;
border-bottom: 1px solid #F7921E;
font-family: "ＭＳ Ｐゴシック", Osaka;
margin:0px;
padding:0px 10px 0px 10px;
color: #666666;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 20px;}

.copyright {font-size: 12px;
line-height: 20px;
font-family: "ＭＳ Ｐゴシック", Osaka;
margin: 0px 0px 0px 0px;
text-align: center;}

/*
menuのロールオーバー設定
*/
ul#menu{
	margin: 0px 0px 0px 50px;
}
ul#menu li{
  list-style:none;
  float:left;
  width:120px;
}
ul#menu a{
  display:block;
  width:120px;
  height:23px;
  text-indent:120px;
  background-image:url(../img/menu.gif);
  overflow:hidden;
}
a.home{
  background-position:0px 0px;
}
a:hover.home{
  background-position:0px -23px;
}
a.about{
  background-position:-120px 0px;
}
a:hover.about{
  background-position:-120px -23px;
}
a.flow{
  background-position:-240px 0px;
}
a:hover.flow{
  background-position:-240px -23px;
}
a.works{
  background-position:-360px 0px;
}
a:hover.works{
  background-position:-360px -23px;
}
a.contact{
  background-position:-480px 0px;
}
a:hover.contact{
  background-position:-480px -23px;
}

/*
tfmenu の幅を 180px として、#contents 部分と重ならないように指定
*/

#contents {margin: 0px 0px 0px 0px;}
#contents2 {margin: 0px 30px 10px 300px;}

#tfmenu {color: #666666;
font-size: 12px; 
margin: 110px 30px;}

#tfm-body {padding: 0px 0px;}

.tf1 span,
.tf2 span,
.tf1active span {font-size: 50%; vertical-align: middle;}
.tf2active span {font-size: 50%;}

.tf1  {cursor: hand; line-height: 20px;}
.tf1active        {cursor: hand; line-height: 20px;}

.tf2  {line-height: 20px;}
.tf2active        {line-height: 20px;}

.tfm-up   #tfm-head {}
.tfm-down #tfm-head {}
.tfm-stop #tfm-head {}