body { 
       text-align: center; 
       background-color: #fff; 
       background-image: url("http://www.tenarc.com/images/back.gif");background-repeat: repeat-x;
       margin: 0; 
}

#center { 
       text-align: left; 
       margin: auto; 
       width: 960px; 
       padding: 0px; 
}

/*###########################*/

#header {
       width: 950px;
       margin: 0;
       padding: 0;
       height: 110px;
}

#logo {
       width: 530px;
       height: 110px;
       margin: 0 0 0 20px;
       padding: 0;
       float: left;
}

#logo p {
       margin: 5px 0 20px 0;
       padding: 0;
       color: #CDCDCD;
       font-size: 12px;
}

h1 {
       font-weight: normal;
       color: #666666;
       font-size: 12px;
       margin: 20px 0 10px 0;
       padding: 0;
}

#phone {
       width: 350px;
       height: 110px;
       margin: 0 25px 0 0;
       float: right;
}

#telphone {
      margin: 20px 0 0 115px;
      padding: 0;
}

.plymary {
      float: right;
      font-size: 10px;
      margin-top: 10px;
}

.plymary a {
      color: #333333;
      text-decoration: none;
}

.plymary a:hover {
      text-decoration: underline;
}

#plymary1 {
       float: left;
       margin: 15px 0 0 0px;
       padding: 0;
       width: 55px;
       height: 12px;
       text-align: center; 
       font-size: 10px; 
       color: #CDCDCD;
       background-image: url(http://www.tenarc.com/images/plymary1.gif);background-repeat: no-repeat;
       display: inline;
}

#plymary1 a  {
       text-decoration: none;
       color: #CDCDCD;
}

#plymary1 a:hover  {
       text-decoration: none;
       color: #F2E77E;
}

#plymary2 {
       float: left;
       margin: 15px 0 0 0;
       padding: 0;
       width: 49px;
       height: 12px;
       text-align: center; 
       font-size: 10px; 
       color: #CDCDCD;
       background-image: url(http://www.tenarc.com/images/plymary2.gif);background-repeat: no-repeat;
}

#plymary2 a  {
       text-decoration: none;
       color: #CDCDCD;
}

#plymary2 a:hover  {
       text-decoration: none;
       color: #F2E77E;
}

#plymary3 {
       float: left;
       margin: 15px 0 0 0;
       padding: 0;
       width: 74px;
       height: 12px;
       text-align: center; 
       font-size: 10px; 
       color: #CDCDCD;
       background-image: url(http://www.tenarc.com/images/plymary3.gif);background-repeat: no-repeat;
}

#plymary3 a  {
       text-decoration: none;
       color: #CDCDCD;
}

#plymary3 a:hover  {
       text-decoration: none;
       color: #F2E77E;
}

#plymary4 {
       float: left;
       margin: 15px 0 0 0 ;
       padding: 0;
       width: 117px;
       height: 12px;
       text-align: center; 
       font-size: 10px; 
       color: #CDCDCD;
       background-image: url(http://www.tenarc.com/images/plymary4.gif);background-repeat: no-repeat;
}

#plymary4 a  {
       text-decoration: none;
       color: #CDCDCD;
}

#plymary4 a:hover  {
       text-decoration: none;
       color: #F2E77E;
}

/*###########################*/

/*###########################*/


#navigation { 
       width: 960px; 
       height: 60px; 
}
/*###########################*/



ul#navi { 
       margin: 0;
       padding: 0; 
}
li#bot1, li#bot2, li#bot3, li#bot4, li#bot5 { 
       float: left; 
       list-style-type: none; 
       margin: 0; 
}
/*###########################*/


li#bot1 a { 
       width: 190px; 
       height: 60px; 
       display: block; 
       text-decoration: none; 
       background-image: url("http://www.tenarc.com/images/same_2.gif")
}
li#bot1 a:hover { 
       background-image: url("http://www.tenarc.com/images/same_2b.gif")
}
li#bot2 a { 
       width: 190px; 
       height: 60px; 
       display: block; 
       text-decoration: none; 
       background-image: url("http://www.tenarc.com/images/same_3.gif")
}
li#bot2 a:hover { 
       background-image: url("http://www.tenarc.com/images/same_3b.gif")
}
li#bot3 a { 
       width: 190px; 
       height: 60px; 
       display: block; 
       text-decoration: none; 
       background-image: url("http://www.tenarc.com/images/same_4.gif")
}
li#bot3 a:hover { 
       background-image: url("http://www.tenarc.com/images/same_4b.gif")
}
li#bot4 a { 
       width: 190px; 
       height: 60px; 
       display: block; 
       text-decoration: none; 
       background-image: url("http://www.tenarc.com/images/same_5.gif")
}
li#bot4 a:hover { 
       background-image: url("http://www.tenarc.com/images/same_5b.gif")
}
li#bot5 a { 
       width: 191px; 
       height: 60px; 
       display: block; 
       text-decoration: none; 
       background-image: url("http://www.tenarc.com/images/same_6.gif")
}
li#bot5 a:hover { 
       background-image: url("http://www.tenarc.com/images/same_6b.gif")
}

/*###########################*/

#flash {
       margin: 0;
       padding: 0;
       width: 950px;
       height: 400px;
       background-color: #000000;
}

/*###########################*/

#contents {
       background-color: #ffffff;
       background-image: url("http://www.tenarc.com/images/contentsback.gif");background-repeat: repeat-x;
       margin: 0;
       padding: 0;
       width: 950px;
}

#contentsutd {
       width: 902px;
       padding-top: 30px;
       margin:0px 0 0 23px;
}

#menubox {
       width: 902px;
       height: 162px;

}

#cate1 {
       float: left;
       width: 174px;
       height: 162px;
       margin: 0 8px 0 0;
       padding: 0;
       background-image: url(http://www.tenarc.com/images/house1.gif);background-repeat: no-repeat;
}

#cate1 a {
       width: 174px;
       height: 162px;
       display: block;
}

#cate1 a:hover {
       background-image: url(http://www.tenarc.com/images/house.gif);background-repeat: no-repeat;
}

#cate2 {
       float: left;
       width: 174px;
       height: 162px;
       margin: 0 0px 0 0;
       padding: 0;
       background-image: url(http://www.tenarc.com/images/design1.gif);background-repeat: no-repeat;
}

#cate2 a {
       width: 174px;
       height: 162px;
       display: block;
}

#cate2 a:hover {
       background-image: url(http://www.tenarc.com/images/design.gif);background-repeat: no-repeat;
}

#cate3 {
       float: left;
       width: 174px;
       height: 162px;
       margin: 0 8px 0 0;
       padding: 0;
       background-image: url(http://www.tenarc.com/images/shop1.gif);background-repeat: no-repeat;
}

#cate3 a {
       width: 174px;
       height: 162px;
       display: block;
}

#cate3 a:hover {
       background-image: url(http://www.tenarc.com/images/shop.gif);background-repeat: no-repeat;
}

#cate4 {
       float: left;
       width: 174px;
       height: 162px;
       margin: 0 8px 0 0;
       padding: 0;
       background-image: url(http://www.tenarc.com/images/office1.gif);background-repeat: no-repeat;
}

#cate4 a {
       width: 174px;
       height: 162px;
       display: block;
}

#cate4 a:hover {
       background-image: url(http://www.tenarc.com/images/office.gif);background-repeat: no-repeat;
}

#cate5 {
       float: left;
       width: 174px;
       height: 162px;
       margin: 0 8px 0 0;
       padding: 0;
       background-image: url(http://www.tenarc.com/images/sells1.gif);background-repeat: no-repeat;
}

#cate5 a {
       width: 174px;
       height: 162px;
       display: block;
}

#cate5 a:hover {
       background-image: url(http://www.tenarc.com/images/sells.gif);background-repeat: no-repeat;
}

.space {
       margin-right: 8px;
}

#works {
       width: 902px;
       height: 152px;
       background-image: url(http://www.tenarc.com/images/worksback.gif);
       margin: 15px 0 0 0px;
}

.over img {
       border: 1px #ffffff solid;
}

.over a {
       display: block;
       width: 126px;
       height: 126px;
       }

.over a:hover {
       background-color: #FF7F00;
       width: 126px;
       height: 126px;
       }

.over {
       float: left;
       width: 126px;
       height: 126px;
       margin: 13px 0px 0 20px;
       display: inline;
}

.gazou {
       margin: 3px 0 0 3px;

}
       




#example {
       margin: 16px 10px 0 15px;
       float: left;
}







#information {
       width: 902px;
       margin: 15px 0 0 0;
       padding: 0;
}

#news {
       width: 576px;
       float: left;
}

#newsmidashi {
       width: 557px;
       height: 37px;
       background-image: url(http://www.tenarc.com/images/event.gif);background-repeat: no-repeat;
       text-align: right;
}

h2 {
       display: none;
}

#newsmidashi p {
       padding: 12px 6px 0 0;
       font-size: 12px;
       color: #3C3C3C;
}

#newsmidashi a {
       color: #3C3C3C;
       text-decoration: none; 
}

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


#kiji {
       padding: 0;
       margin: 0px;
       width: 557px;
       background-image: url(http://www.tenarc.com/images/topsideattack.gif);
}

#kiji dl {
       padding: 8px 0 0 0;
       margin: 0 0 0 10px;
       width: 535px;
       font-size: 12px;
       height: 27px;
}

#kiji dt {
       margin: 0;
       padding: 0px 0 10px 0; 
       width: 535px;
       border-bottom: 1px #aaaaaa dotted;
}

#kiji dt a {
       color: #FF7F00;
}

#kiji dt a:hover {
       color: #C83C3C;
}

#noborder {
       margin: 0;
       padding: 10px 0 10px 0; 
       width: 535px;
}

#noborder a {
       color: #FF7F00;
}

#noborder a:hover {
       color: #C83C3C;
}

       
       
#company {
       width: 326px;
       float: right;
}

.companymidashi {
       width: 326px;
       height: 37px;
       background-image: url(http://www.tenarc.com/images/company.gif);background-repeat: no-repeat;
       text-align: right;
}

.companymidashi p {
       padding: 12px 6px 0 0;
       color: #3C3C3C;
       font-size: 12px;
}

.companymidashi a  {
       color: #3C3C3C;
       text-decoration: none; 
}

.companymidashi a:hover  {
       text-decoration: underline;
       color: #000000;
}

#date {
       margin: 0;
       padding: 0;
       width: 326px;
}

#dateup {
       margin: 10px 0 0 0;
       width: 326px; 
       height: 56px;
       background-image: url(http://www.tenarc.com/images/dateup.gif);background-repeat: no-repeat;
}

#datedown {
       margin: 0;
       padding: 0;
       width: 326px;
       background-image: url(http://www.tenarc.com/images/datedown.gif);background-repeat: no-repeat;
}

#datedown p {
       color: #3C3C3C;
       margin: 0 0 0px 0;
       padding: 12px 0 15px 10px;
       font-size: 13px;
       letter-spacing: 0.6px;
       line-height: 17px;
}


/*###########################*/

/*###########################*/

#navigation2 {
       background-color: #3C3C3C;
       background-image: url("http://www.tenarc.com/images/navigation2back.gif");
       height: 51px;
       margin: auto;
       padding: 0;
       text-align: center;
} 

#navigation2 p {
       color: 3C3C3C;
       font-size: 12px;
       letter-spacing: 0.7px;
       padding: 18px 0 0 0;
}

#navigation2 a {
       color: #3C3C3C;
       text-decoration: none;
}

#navigation2 a:hover {
       color: #F67E07;
}

/*###########################*/

#footer {
       margin: auto;
       height: 160px;
       padding: 0;
       text-align: center;
       line-height: 16px;
}

#footerp {
       color: #333333;
       margin: 0px;
       padding: 10px 0 4px 0;
       font-size: 12px;
}

#footer a:hover {
       color: #F2E77E;
}

#footer a {
       text-decoration: none;
       color: #CDCDCD;
       margin: 0px;
       padding: 10px 0 4px 0;
       font-size: 12px;
}

#copyp {
       color: #666666;
       font-size: 12px;
       padding: 50px 0 0 0;
}

.blogbanner {
       width: 326px;
       height: 37px;
       padding: 0;
       margin-top: 10px;
       background-image: url(http://www.tenarc.com/images/blogbanner.jpg);
       background-repeat: no-repeat;
       text-align: right;
}

.blogbanner p {
       padding: 12px 6px 0 0;
       color: #3C3C3C;
       font-size: 12px;
       margin: 0;
}

.blogbanner a  {
       color: #eeeeee;
       text-decoration: none;
}

.blogbanner a:hover  {
       color: #CE6E0F;
}

.pressbanner {
       width: 326px;
       height: 37px;
       padding: 0;
       margin-top: 5px;
       background-image: url(http://www.tenarc.com/images/press.gif);
       background-repeat: no-repeat;
       text-align: right;
}

.pressbanner p {
       padding: 12px 6px 0 0;
       color: #3C3C3C;
       font-size: 12px;
       margin: 0;
}

.pressbanner a  {
       color: #eeeeee;
       text-decoration: none;
}

.pressbanner a:hover  {
       color: #CE6E0F;
}

.planningbanner {
       width: 326px;
       height: 37px;
       padding: 0;
       margin-top: 5px;
       background-image: url(http://www.tenarc.com/images/planning.gif);
       background-repeat: no-repeat;
       text-align: right;
}

.planningbanner p {
       padding: 12px 6px 0 0;
       color: #3C3C3C;
       font-size: 12px;
       margin: 0;
}

.planningbanner a  {
       color: #eeeeee;
       text-decoration: none;
}

.planningbanner a:hover  {
       color: #CE6E0F;
}

.qandabanner {
       width: 326px;
       height: 37px;
       padding: 0;
       margin-top: 5px;
       background-image: url(http://www.tenarc.com/images/qanda.gif);
       background-repeat: no-repeat;
       text-align: right;
}

.qandabanner p {
       padding: 12px 6px 0 0;
       color: #3C3C3C;
       font-size: 12px;
       margin: 0;
}

.qandabanner a  {
       color: #eeeeee;
       text-decoration: none;
}

.qandabanner a:hover  {
       color: #CE6E0F;
}

.topkadomaru1 {
       background-image: url(http://www.tenarc.com/images/topkadomaru1.gif);
       background-repeat: no-repeat;
       width: 557px;
       height: 10px;
       margin: 10px 0 0 0;
       padding: 0;
}

.topkadomaru2 {
       background-image: url(http://www.tenarc.com/images/topkadomaru2.gif);
       width: 557px;
       height: 10px;
       margin: 0;
       padding: 0;
       background-repeat: no-repeat;
}




.pricebanner {
       width: 326px;
       height: 37px;
       padding: 0;
       margin-top: 5px;
       background-image: url(http://www.tenarc.com/images/pricebar.jpg);
       background-repeat: no-repeat;
       text-align: right;
}

.pricebanner p {
       padding: 12px 6px 0 0;
       color: #3C3C3C;
       font-size: 12px;
       margin: 0;
}

.pricebanner a  {
       color: #eeeeee;
       text-decoration: none;
}

.pricebanner a:hover  {
       color: #CE6E0F;
}




.projectbanner {
       width: 326px;
       height: 37px;
       padding: 0;
       margin-top: 5px;
       background-image: url(http://www.tenarc.com/images/projectbar.jpg);
       background-repeat: no-repeat;
       text-align: right;
}

.projectbanner p {
       padding: 12px 6px 0 0;
       color: #3C3C3C;
       font-size: 12px;
       margin: 0;
}

.projectbanner a  {
       color: #eeeeee;
       text-decoration: none;
}

.projectbanner a:hover  {
       color: #CE6E0F;
}

.hidari {
       float:left;
       margin-right:13px;
       width:310px;
}
.migi {
       float:right;
       width:290px;
}

.case {
       margin-bottom:15px;
}

.case tr td {
       border-bottom: 1px dotted #E0E0E0;
       padding:3px 5px 3px 6px;
}

.iro {
        background-color:#E9F0F5;
}
.case2 {
       float:right;
       margin-right:20px;
}