@charset "utf-8";
@import url("base.css");
@import url("common.css");





/* ---------- common ---------- */

.image {
	float:left;
	margin:0 10px 0 0;
	padding:0;
	display:inline;
}

.image a {
	float:left;
	border:#dfdfdf 1px solid;
	padding:1px;
}

.image a:hover {
	border:#999999 1px solid;
}





/* ---------- right ---------- */

#right {
	width:781px;
	float:right;
}





/* ---------- title ---------- */

.pttl,
.btn {
	float:left;
	padding:0 0 15px;
}





/* ---------- news ---------- */

#news {
	width:555px;
	float:left;
	margin:0 15px 0 18px;
	padding:0 0 20px;
	display:inline;
}

#news ul {
	width:555px;
	float:left;
	display:inline;
}

#news ul li {
	width:555px;
	float:left;
	padding:0 0 10px;
}

#news ul li h3 {
	font-size:75%;
	line-height:1.5em;
	padding:2px 0
}

#news ul li h4 {
	font-size:85%;
	line-height:1.2em;
	padding:0 0 10px;
}

#news ul li p {
	padding:0;
}

#news dl {
	width:545px;
	float:left;
	margin:0 5px;
	padding:5px 0 0;
	font-size:75%;
	line-height:1.5em;
}

#news dt {
	float:left;
	font-weight:bold;
}

#news dd {
	padding:0 0 5px 90px;
}





/* ---------- picup ---------- */

#pickup {
	width:175px;
	float:left;
	margin:0 18px 0 0;
	padding:0 0 10px;
	display:inline;
}

#pickup li {
	float:left;
	width:175px;
	margin:0 0 10px;
	display:inline;
}

#pickup #slide {
	height:220px;
}

#pickup #slide p {
	font-size:65%;
	line-height:1.5em;
	padding:10px 10px 0;
}





/* ---------- project ---------- */

#project {
	width:763px;
	margin:0 0 0 18px;
	padding:20px 0 0;
	float:left;
	background:url(../../../image/top/bg_project.gif) left top no-repeat;
	display:inline;
}

#project div {
	width:175px;
	float:left;
	margin:0 15px 0 0;
	display:inline;
}

#project ul {
	width:175px;
	float:left;
}

#project ul li {
	width:175px;
	float:left;
	padding:0 0 10px;
}

#project ul li h3 {
	font-size:65%;
	line-height:1.4em;
	padding:0 0 2px;
}

#project ul li h4 {
	font-size:65%;
	line-height:1.4em;
	font-weight:normal;
}





/* ---------- works ---------- */

#works {
	width:745px;
	margin:0 18px;
	padding:20px 0;
	float:left;
	background:url(../../../image/top/bg_project.gif) left top no-repeat;
	display:inline;
}

#works div {
	width:735px;
	height:110px;
	float:left;
	margin:5px 5px 0;
	display:inline;
}





/* ---------- creators ---------- */

#creators {
	width:760px;
	padding:45px 18px 20px;
	float:left;
	background:url(../../../image/top/bg_works.gif) left top no-repeat;
}

#creators ul {
	width:760px;
	float:left;
}

#creators ul li {
	width:175px;
	float:left;
	margin:0 15px 0 0;
	padding:0 0 10px;
	display:inline;
}

#creators ul li h3 {	
	font-size:75%;
	line-height:1.5em;
}

#creators ul li p {	
	font-size:65%;
	line-height:1.3em;
}