/* CSS Document */
.image_browser {
	width: 350px;
	margin: 0px 20px 0px 0px;
}
.image_browser .photo_area{
	width: 350px;
	margin: 0px;
	list-style-type: none;
}
.photo_area li{
	margin: 0px 0px 0px 0px;
	background-image: url(../img/icon_bg.gif);
	background-repeat: no-repeat;
}
.photo_area li a{
	display: block;
	margin: 0px 0px 0px 0px;
}
.photo_area li img{
	width: 44px;
	height: 44px;
	margin: 2px 3px 4px 3px;
}
.photo_area li#select{
	width: 350px;
	height: 350px;
	margin: 0px;
	background-image: url(../img/photo_bg.gif);
	background-repeat: no-repeat;
}
.photo_area li#select img{
	width: 344px;
	height: 344px;
	margin: 2px 0px 0px 3px;
}
.image_browser .photo_credit{
	width: 346px;
	margin: 5px 0px 0px 4px;
	font-size: 0.8em;
	line-height: 1em;
}

.document_area {
	width: 200px;
	margin: 5px 0px 20px 0px;
}
.document_area h1{
	width: 200px;
	margin: 0px 0px 0px 0px;
}
.document_area .sub_title {
	width: 180px;
	margin: 8px 10px 0px 10px;
	font-size: 1em;
	line-height: 1em;
	text-align: justify;
}
.document_area .concept,
.document_area .spec,
.document_area .voice{
	width: 180px;
	margin: 10px 10px 0px 10px;
}
.document_area .concept {
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: justify;
}
.document_area .spec {
	font-size: 0.7em;
	line-height: 1.4em;
}
.document_area .voice{
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: justify;
}
.document_area .title{
	width: 180px;
	margin: 0px 0px 3px 0px;
}
.document_area div p{
	width: 180px;
	margin: 0px 0px 0px 0px;
}
.document_area .spec dl dt{
	width: 40px;
	margin: 0px 0px 0px 0px;
}
.document_area .spec dl dd{
	width: 140px;
	margin: 0px 0px 0px 0px;
}
.document_area div .author{
	width: 180px;
	font-size: 0.9em;
	text-align: right;
}

.list_area {
	width: 570px;
	margin: 10px 0px 0px 0px;
}
.list_area h1 {
	width: 570px;
	margin: 0px 0px 5px 0px;
}
.list_area .list {
	width: 500px;
	margin: 0px 70px 0px 0px;
	padding: 30px 0px 20px 0px;
	border-top: solid 1px #dddddd;
}
.list_area .list dl {
	width: 490px;
	margin: 0px 0px 0px 10px;
}
.list_area .list dl dt {
	width: 490px;
	margin: 0px 0px 5px 0px;
	color: #444444;
}
.list_area .list dl dt .title {
	width: auto;
	margin: 0px 0px 0px 0px;
	font-size: 0.8em;
	line-height: 1.3em;
}
.list_area .list dl dt .client {
	width: auto;
	margin: 0px 0px 0px 10px;
	font-size: 0.8em;
	line-height: 1.3em;
}
.list_area .list dl dt .banner {
	width: auto;
	margin: 0px 0px 5px 0px;
	font-size: 0.8em;
	line-height: 1.3em;
}
.list_area .list dl dd {
	width: 470px;
	margin: 0px 0px 15px 20px;
	color: #888888;
}
.list_area .list dl dd .biz {
	width: auto;
	margin: 0px 20px 0px 0px;
	font-size: 0.8em;
	line-height: 1.3em;
}
.list_area .list dl dd .period {
	width: auto;
	margin: 0px 20px 0px 0px;
	font-size: 0.8em;
	line-height: 1.3em;
}
.list_area .list dl dd .summary {
	width: auto;
	margin: 0px 20px 0px 0px;
	font-size: 0.8em;
	line-height: 1.3em;
}