@charset "shift-jis";

/*
--------------------------------------------
	住友林業-webサイトCSS
	
	レイアウトファイル（まちづくり事業部トップページ）
--------------------------------------------
*/




/* まちづくり：トップページ関連 */
/* --------------------------------------------topFlash */

div#topFlash {
	width: 100%;
	height: 790px;
	margin-bottom: 0px;
	text-align: left;
}

/* IE以外用：ボックス領域の高さを確保 */
div#topFlash:after {
  content: "."; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  height: 0; 
  overflow: hidden; 
}

/* -------------------------------------------- */


/* --------------------------------------------topBar */

div#topBar {
	width: 100%;
	height: 4px;
	padding: 0;
	margin-bottom: 0;
	text-align: left;
	background-color: #008D49
}

/* IE以外用：ボックス領域の高さを確保 */
div#topBar:after {
  content: "."; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  height: 0; 
  overflow: hidden; 
}

/* -------------------------------------------- */


/* --------------------------------------------infoErea */

div#container div#bunjyo div#infoErea {
	width: 920px;
	text-align: left;
	/*background: url(../img/bg_info.gif) top repeat-y;*/
}

/* IE以外用：ボックス領域の高さを確保 */
div#container div#bunjyo div#infoErea:after {
  content: "."; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  height: 0; 
  overflow: hidden; 
}

/* -------------------------------------------- */


/* --------------------------------------------info */

div#container div#bunjyo div#info {
	float: left;
	width: 230px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: left
}

/* IE以外用：ボックス領域の高さを確保 */
div#container div#bunjyo div#info:after {
  content: "."; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  height: 0; 
  overflow: hidden; 
}

div#container div#bunjyo div#info .title {
	/*margin-bottom: 15px;*/
}

div#container div#bunjyo div#info .banner {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* -------------------------------------------- */


/* --------------------------------------------whatsNew */

div#container div#bunjyo div#whatsNew {
	float: right;
	width: 680px;
	margin-left: 1px;
	padding-top: 0px;
	padding-bottom: 10px;	
	text-align: left;
}

/* IE以外用：ボックス領域の高さを確保 */
div#container div#bunjyo div#whatsNew:after {
  content: "."; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  height: 0; 
  overflow: hidden; 
}

div#container div#bunjyo div#whatsNew table,
div#container div#bunjyo div#whatsNew tr th,
div#container div#bunjyo div#whatsNew tr td {
	margin-left: 20px;
	margin-top: 18px;
	padding-bottom: 7px;
	 vertical-align: top;
	 font-size: 0.9em;
}

div#container div#bunjyo div#whatsNew .whatsNewStr{
	color:#069;
}

/* -------------------------------------------- */

/* --------------------------------------------about_bunjo */

div#container div#bunjyo div#infoEra div#info {
	width: 230px;
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align: left
}


/* IE以外用：ボックス領域の高さを確保 */
div#container div#bunjyo div#infoEra div#about_bunjo:after {
  content: "."; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  height: 0; 
  overflow: hidden; 
}

div#info ul {
  /*padding: 10px;*/
  width: 230px;
  list-style: none;
}
div#info li {
  margin: 0;
  width: 230px;
  padding-bottom: 5px;
  text-indent: -9999px;
}
div#info li a {
  text-decoration: none;		/* Firefox等で線が表示されないようにする */
  display: block;
  
}

div#info li#tochi a {
  width: 230px;
  height: 35px;
  background: url(../img/tt_tochi.jpg) no-repeat;
  
}

div#info li#kodate a {
  width: 230px;
  height: 35px;
  background: url(../img/tt_kodate.jpg) no-repeat;
  
}

div#info li#tochi a:hover {
  background: url(../img/tt_tochi.jpg) no-repeat;
  
}

div#info li#kodate a:hover {
  background: url(../img/tt_kodate.jpg) no-repeat;
  
}
div#info li#tochi {
  width: 230px;
  height: 35px;
  background: url(../img/tt_tochi.jpg) no-repeat;
  text-indent: -9999px;
  
}

div#info li#kodate {
  width: 230px;
  height: 35px;
  background: url(../img/tt_kodate.jpg) no-repeat;
  text-indent: -9999px;

/* -------------------------------------------- */






/* EOF */