/*------------------------------------------*/
/*----- 日本環境デザイン ホームページ  -----*/
/*------------------------------------------*/

body {
  font-size: 1em;
  color: #333333;
  background-color: #CCCCCC;
  text-align: center;
  margin: 10px auto;
  padding: 0px;
  width: 750px;
}

img {
  text-decoration: none;
  margin: 0px;
  padding: 0px;
  border-style: none;
  border-width: 0px 0px 0px 0px;
}


.clear {clear: both;}

a:link,
a:visited,
a:active{
  color: #333333;
  text-decoration: none;
}

a:hover {  color: #336699;}

/*----- seo  -----*/
#seo h1 {  font-size: 0.6em; color: #CCCCCC;}

/*----- wrapper  -----*/
#wrapper {
  background: #FFFFFF url(img/headlogo_bg.gif) repeat-x left top;
  text-align: left;
  width: 750px;
  margin: 0px auto;
  padding: 0px;
}

/*----- ヘッダー  -----*/
#header {
  margin: 0px;
  padding: 0px;
}

#headerLeft {
  float: left;
  width: 490px;
  margin: 0px;
  padding: 0px;
  height: 80px;
}
#headerRight {
  float: right;
  width: 160px;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#headerRight p {
  font-size: 14px;	/*satake*/
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-align: justify distribute;
}

/*----- ヘッダーナビ  -----*/
#headNavi {
  clear: both;
  font-size: 12px;	/*satake*/
  width: 750px;
  margin: 0px;
  padding: 0px;
  height: 30px;
}

#headNavi ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 750px;
  line-height: 0px;
}

#headNavi li {
  float: left;
  list-style-type: none;
  width: 150px;
  height: 30px;
  margin: 0px;
  padding: 0px;
}

#headNavi a:link,
#headNavi a:visited,
#headNavi a:active {
  display: block;
  background: url(img/h_menu_off.gif) no-repeat left center;
  margin: 0px;
  padding: 0px 0px 0px 27px;
  height: 30px;
  line-height: 30px;
}

#headNavi a:hover {
  background: url(img/h_menu_on.gif) no-repeat left center;
}

/*----- メインボックス  -----*/
#mainBox {
  clear: both;
  margin: 0px;
  padding: 0px 0px 30px 0px;
  width: 750px;
}

#mainbox_head {
  background-color: #6766FF;
  margin: 0px;
  padding: 20px 0px;
  text-align: left;
}

#mainbox_head p {
  color: #FFFFFF;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0px;
  padding: 0px 0px 0px 80px;
  width: 750px;
}

.yellow_large {
  color: #FFFF33;
  font-size: 1.3em;
}

#mainbox_left{
  float: left;
  width: 440px;
  margin: 10px 0px;	/*satale*/
  padding: 0px;
}

#mainbox_left ul {
  list-style-type: none;
  margin: 0px;
  text-align: left;
  padding: 0px 0px 0px 80px;
}

#mainbox_left li {
  margin: 5px 0px;
  padding: 5px 0px 5px 30px;
}

.a {
  font-size: 0.9em;
  background: url(img/icon_bikuri.gif) no-repeat left center;
}

.b {
  color: #336699;
  font-size: 1.0em;	/*satake*/
  font-weight: bold;
  background: url(img/icon_midashi1.gif) no-repeat left center;
}

.c {
  color: #FF0000;
  font-size: 1.0em;
  font-weight: bold;
  background: url(img/icon_midashi3.gif) no-repeat left center;
}


#mainbox_right {
  float: right;
  background-color: #6766FF;
  margin: 10px 10px;	/*satake*/
  padding: 0px;
  text-align: center;
  width: 290px;
}

#mainbox_right h3 {
  background-color: #FF9900;
  color: #333333;
  font-size: 0.8em;
  font-weight: normal;
  margin: 0px;
  padding: 10px 0px;
}
#mainbox_right p {
  color: #FFFFFF;
  font-size: 0.9em;
  margin: 0px;
  padding: 5px 0px;
}

#mainbox_right img {
  margin: 0px 0px 5px 0px;
  padding: 0px;
}


#company_index,
#under_index,
#tokucho_index,
#concept_index,
#dojou_index,
#fudousan_index {
  margin: 0px;
  padding-left: 80px;
}

#company_index p,
#under_index p,
#tokucho_index p,
#concept_index p,
#dojou_index p,
#fudousan_index p {
  font-size: 0.9em;
  margin: 0px 40px 0px 0px;
  padding: 5px 0px;
}

#company_index table, {
  font-size: 0.9em;

}



.border_dotted {
  border-color: #999999;
  border-style: dotted none;
  border-width: 2px;
  margin: 30px 0px;
  padding: 5px 0px;
}

#company_index ul,
#under_index ul,
#tokucho_index ul,
#concept_index ul,
#dojou_index ul {
  display: block;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

#company_index li,
#under_index li,
#tokucho_index li,
#concept_index li,
#dojou_index li {
  margin: 5px 30px 5px 0px;
  padding: 5px 0px 5px 30px;
}


.a {
  font-size: 0.9em;
  background: url(img/icon_midashi2.gif) no-repeat left center;
  color: #009900;
  list-style-type: none;
}

.b {
  color: #336699;
  font-size: 1.0em;	/*satake*/
  font-weight: bold;
  background: url(img/icon_midashi1.gif) no-repeat left center;
}



/*----- フッター  -----*/
#fotter {
  background-color: #336699;
  color: #FFFFFF;
  text-align: left;
  padding: 5px 0px 5px 80px;
}

#fotter p {
  font-size: 0.8em;
  margin: 0px;
  padding: 2px 0px;
}

#fotter img {
  margin: 0px;
  padding: 0px;
}

#fotter_left {
  float: left;
  width: 210px;
  margin: 0px;
  padding: 0px;
}

#fotter_center {
  float: left;
  width: 220px;
  margin: 0px;
  padding: 0px;
}
#fotter_right {
  float: right;
  width: 230px;
  margin: 0px;
  padding: 0px;
}

#fotter a:link,
#fotter a:visited,
#fotter a:active{
  color: #FFFFFF;
  text-decoration: none;
}

#fotter a:hover {  color: #99CCFF;}

#copyright {  clear: both;}