@charset "Shift_JIS";

/* container */
#container {
	width: 780px;
	margin: 0 auto;
	padding: 0;
}

/* header */
#header {
	width: 780px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	background-color: #cccccc;
}

/* gloabal menu1 */
#header1 {
	margin: 0;
	padding: 0;
	background-color: #cccccc;
}

/* ヘッダーロゴ */
#headerlogo {
	float: left;
	padding: 2px 10px;
}

/* gloabal menu1 */
#globalmenu1 {
	float: right;
	margin: 0 5px 0 0;
	padding: 0;

}

#globalmenu1item {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
	color: #000000;
}

#globalmenu1item li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
	margin-top: 5px;
}


#globalmenu1item img {
	display: inline;
	margin-top: 2px;
}


/* flashとimage */
#headerimage {
	width: 780px;
	margin: 0;
	padding: 0;
	clear: both;
}

#headerimage img {
	border: none;
	vertical-align: bottom;
}

/* global menu2 */
#globalmenu2 {
	width: 780px;
	height: 20px;
	margin: 0;
	padding: 0;
	background-image: url('image/menu_bar2_bg.gif');
	background-repeat: no-repeat;
}

#globalmenu2item {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

#globalmenu2item li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}

.pulldownmenu {
	width: 10em; /* プルダウンメニューの文字数に合わせる */
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	border-left: solid 2px #232653;
	border-bottom: solid 2px #232653;
	border-right: solid 2px #232653;
}

.pulldownmenu tr, td {
	margin: 0;
	padding: 0 10px;
}

/* content用テーブル（背景色指定） */
.tablecontent {
	width: 780px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	border-style: none;
	border-bottom: solid 1px #c0c0c0;
	border-collapse: collapse;
}

/* content */
#content {
	width: 780px;
	margin: 0;
	padding: 0;
}

/* ページ見出し画像 */
.pagemidasi1 {
	line-height: 140%;
	width: 100%;
	border-bottom: dotted 2px #c0c0c0;
	margin-bottom: 1em;
}

.pagemidasi1 img {
	display: inline;
}

.pagemidasi2 {
	line-height: 140%;
	font-size: 110%;
	font-weight: bold;
	color: #477e16;
	border-bottom: dotted 2px #477e16;
}

.pagemidasi3 {
	line-height: 140%;
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	color: #444444;
	border-bottom: solid 1px #444444;
}

/* トップページcontentの左 新着情報と施工作品用 */
#topwapperleft {
	width: 540px;
	float: left;
}

/* トップページcontentの右 イベント情報とリンクバナー用 */
#topwapperright {
	width: 240px;
	float: right;
	margin-left: -1px; /* 罫線の重ね表示 */
}

/* 新着情報と施工作品*/
#whatsnew, #work {
	width: 520px;
	margin: 0;
	padding: 10px;
}

#work {
	border-right: solid 1px #c0c0c0;
}

#whatsnew {
	border-right: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
}

/* イベント情報とリンクバナー*/
#event, #linkbanner {
	width: 218px;
	margin: 0;
	padding: 10px;
}

#event {
	border-left: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
}

#linkbanner {
	border-left: solid 1px #c0c0c0;
}

/* futter */
#futter {
	width: 780px;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	height: 5.5em;
}

#futtertext {
	float: right;
	margin: 10px;
	padding: 5px 10px;
	color: #808080;
	font-size: 11px;
	line-height: 105%;
	border: solid 1px #c0c0c0;
	background-color: #ffffff;
}

/* 履歴リンクテキスト用 */
.moretext {
	margin-top: -1em;
	float: right;
	font-size: 10px;
}

/* 下層ページcontentの左用 */
#wapperleft {
	width: 200px;
	float: left;
}

/* 下層ページcontentの右*/
#wapperright {
	width: 581px;
	float: right;
	margin-left: -1px; /* 罫線の重ね表示 */
}

#content2 {
	padding: 10px;
	border-left: solid 1px #c0c0c0;
}

/* サイドメニュー */
#sidemenu {
	margin-top: 40px;
	padding: 10px;
	border-right: solid 1px #c0c0c0;
}

#sidemenuhome {
	margin: 0;
	padding: 3px;
	background-color: #dcdcbd;
}

#sidemenuitem {
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
	font-size: 100%;
}

#sidemenuitem li {
	background-image: url('image/side_menu_mark.gif');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	list-style-type: none;
	display: block;
}

/* 最上情報履歴の西暦 */
.whatsnewyear {
	width: 100%;
	font-weight: bold;
	color: #00cc00;
	border-bottom: solid 1px #dddddd;
	margin-bottom: 2px;
}

/* 先頭文字のドロップ */
.textdrop {
	font-size: 2.5em;
	font-weight: bold;
	line-height: 100%;
	float: left;
	padding: 0;
	margin: 3px 0 0 0;
}

/* データテーブル */
.tabledata {
	margin: 0;
	padding: 0;
	background-color: #f9f9f9;
	border-style: none;
	border-collapse: collapse;
}

.tabledatatdleft, .tabledatatd, .tabledatatdright {
	margin: 0;
	padding: 10px;
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	border-collapse: collapse;
}

.tabledatatd, .tabledatatdright {
	border-left: solid 1px #c0c0c0;
}

/* 施工実績作品　*/
.galleryimage {
	margin-bottom: 10px;
	padding: 0;
	clear: both;
}

.galleryimage img {
	float: left;
	padding: 0 10px 10px 0;
}

.tablebiotopegallery { /* ビオトープギャラリー用 */
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #f9f9f9;
	border-style: none;
	border-collapse: collapse;
}

.tablebiotopegallerytdleft, .tablebiotopegallerytdright {
	margin: auto;
	padding: 10px 39px 10px 40px;
	border-top: solid 1px #c0c0c0;
	border-bottom: solid 1px #c0c0c0;
	border-collapse: collapse;
}

.tablebiotopegallerytdright {
	border-left: solid 1px #c0c0c0;
}