@charset "UTF-8";

/* =======================================================
	TOP CSS - modified on 09.10.31
	written by GRAM | グラム
	http://www.brooklyn.jp/
	
	01 CONTENT SETTING
	02 DETAIL SETTING
	03 SIDE MENU SETTING
	04 UTILITIES
======================================================= */



/* =======================================================
	01 CONTENT SETTING
======================================================= */



#header_image {
	width: 892px;
	height: 197px;
	margin: 3px auto 0;
	background-position: top left;
	background-repeat: no-repeat;
}
#header_image h2 {
	text-indent: -5000em;
}

.past_project_content {
	width: 615px;
	height: auto;
	margin-bottom: 60px;
	padding-top: 60px;
	position: relative;
	background: url(../../../imgs/title/past_project.jpg) top left no-repeat;
}

.photo_gallery_content {
	width: 615px;
	height: auto;
	padding-top: 60px;
	position: relative;
	background: url(../../../imgs/title/photo_gallery.jpg) top left no-repeat;
}



/* =======================================================
	02 DETAIL SETTING
======================================================= */



.past_project_content .btn_past_list {
	width: 133px;
	height: 27px;
	position: absolute;
	top: 9px;
	right: 5px;
	text-indent: -5000em;
	overflow: hidden;
}
	.past_project_content .btn_past_list a {
		width: 133px;
		height: 27px;
		display: block;
		background: url(../../../imgs/ui/btn_past_project_list.jpg) 0 0;
	}
	.past_project_content .btn_past_list a:hover {
		background-position: 0 -27px;
	}


ul.itemize_list li {
	width: 575px;
	margin: 0 0 12px;
	padding: 0 0 7px;
}
	
	.itemize_list span.update {
		width: 90px;
		margin: 0 0 0 2px;
		padding: 0 0 0 17px;
		display: block;
		float: left;
		background: url(../../../imgs/common/bullet_three_dot.jpg) left no-repeat;
	}
	
	.itemize_list span.list_title {
		width: 460px;
		display: block;
		float: left;
	}


.photo_gallery_content .btn_gallery_list {
	width: 133px;
	height: 27px;
	position: absolute;
	top: 9px;
	right: 5px;
	text-indent: -5000em;
	overflow: hidden;
}
	.photo_gallery_content .btn_gallery_list a {
		width: 133px;
		height: 27px;
		display: block;
		background: url(../../../imgs/ui/btn_gallery_list.jpg) 0 0;
	}
	.photo_gallery_content .btn_gallery_list a:hover {
		background-position: 0 -27px;
	}
	
.photo_gallery_content .photo_list {
	width: 615px;
	height: auto;
	margin: 25px 0 0;
}
	.photo_list .photo_item {
		width: 205px;
		height: 230px;
		float: left;
	}
	.photo_list .photo_item a img {
		width: 180px;
		height: 135px;
		overflow: hidden;
		padding: 5px;
		background: #E2E9EC;
	}
	.photo_list .photo_item a:hover img {
		background: #D9EFF9;
	}
	.photo_list .photo_item .photo_item_name {
		width: 190px;
		height: 55px;
		margin: 5px 0 0;
		padding: 0 0 5px;
		overflow: hidden;
	}



/* =======================================================
	03 SIDE MENU SETTING
======================================================= */



.side_menu {
	width: 205px;
	height: auto;
	margin: 0 0 30px;
}
.side_menu .side_menu_title {
	width: 205px;
	height: 60px;
	text-indent: -5000em;
	background: url(../../../imgs/side/side_title_service.jpg) top left no-repeat;
}
.side_menu ul {
	width: 197px;
	margin: 0 0 0 4px;
	padding: 1px 0 0;
	background: url(../../../imgs/common/dot_line_blue.gif) top left repeat-x;
}
	.side_menu ul li {
		height: 39px;
		margin: 2px 0 0;
		padding: 0 0 3px;
		text-indent: -5000em;
		overflow: hidden;
		background: url(../../../imgs/common/dot_line_blue.gif) bottom left repeat-x;
	}
	.side_menu ul li a {
		width: 197px;
		height: 39px;
		display: block;
		cursor: pointer;
	}
	
	
	.side_menu ul li a.side_service01 {
		background: url(../../../imgs/side/menu/side_service01.jpg) 0 0;
	}
	.side_menu ul li a.side_service02 {
		background: url(../../../imgs/side/menu/side_service02.jpg) 0 0;
	}
	.side_menu ul li a:hover {
		background-position: 0 -39px;
	}



/* =======================================================
	04 UTILITIES
======================================================= */



.slash_line { width: 615px; }


/* clear float */
ul.itemize_list li:after,
.photo_list:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
ul.itemize_list li,
.photo_list {
	display: inline-table;
	min-height: 1px;
}
* html ul.itemize_list li,
* html .photo_list {
	height: 1%;
}
ul.itemize_list li,
.photo_list {
	display: block;
}