@charset "utf-8";

/* @override http://work.localhost/seiyo.biz/common/css/top.css */

#container #mainImage{
	background: url(../images/top_main_bg.gif) top left no-repeat;
	width: 820px;
	height: 360px;
	padding: 35px;
	margin-bottom: 30px;
}

#mainImage .catch{
	float: left;
}
#mainImage .image{
	float: right;
}

#contents{
}

#contents #main{
	width: 450px;
	float: left;
}

#contents #main .worksList{
	padding-top: 10px;
	margin-left: -10px;
	overflow: hidden;
}

#contents #main .worksList .work{
	width: 140px;
	display: inline-block;
	*display: inline;
	zoom:1;
	padding-left:10px;
}
#contents #main .worksList .work .photo{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 2px outset #FFF;
	border-bottom: 2px outset #FFF;
	width: 110px;
	height: 110px;
	padding: 3px;
	margin: 0 auto 5px auto;
}
#contents #main .worksList .work .name{
	font-size: 140%;
	text-align: center;
}

#contents #main .recentEntry{
	padding-top: 10px;
}
#contents #main .recentEntry ul li{
	font-size: 140%;
	padding: 0 5px 15px 20px;
	background: url(../images/icon_pencil.gif) left 1px no-repeat;
}

#contents #main .recentEntry ul li .subject{
	font-weight: normal;
}

#contents #rightColumn{
	width: 180px;
	float: right;
	background: #CCC;
	margin-right: 5px;
}

#contents #rightColumn #constInfo{
	background: url(../images/const_info_btm.gif) left bottom no-repeat;
}

#contents #rightColumn #constInfo .constTitle{
	background: url(../images/const_info_top.gif) left top no-repeat;
	height: 40px;
	text-indent: -9999px;
}

#contents #rightColumn #constInfo .image,
#contents #rightColumn #constInfo .more{
	padding: 5px 0 10px 0;
}

#contents #rightColumn #constInfo .image{
	text-align: center;
}
#contents #rightColumn #constInfo .more{
	text-align: right;
	padding-right:10px;
}