@charset "UTF-8";


#josaka_kouhoubu {
	position: relative;
	width: 160px;
	height: 275px;
	z-index: 1001;
	overflow: hidden;
}

#leftColumn_report {
	position: relative;
}

.leftColumn_report_index {
	width: 160px;
}

/* relay column */

.top_relayColumn {
	position: relative;
	width: 450px;
	height: 170px;
	background-image: url(/top/images/top_column_bg.jpg);
	background-repeat: no-repeat;
}

.top_relayColumn_date {
	position: absolute;
	top: 5px;
	left:350px;
	width: 90px;
	text-align:right;
	color: #FFFFFF;
	font-size: 10px;
	margin-right: 5px;
}

.top_relayColumn_photo {
	position: absolute;
	top: 39px;
	left: 12px;
	width: 95px;
	height: 110px;
}

.top_relayColumn_name {
	position: absolute;
	top: 73px;
	left: 120px;
}

.top_relayColumn_subtitle {
	position: absolute;
	top: 38px;
	left: 120px;
	font-size: 12px;
	line-height: 13px;
	width: 320px;
}

.top_relayColumn_body {
	position: absolute;
	top: 120px;
	left: 120px;
	width: 320px;
	height: auto;
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* people */

.top_people {
	position: relative;
	width: 450px;
	height: 114px;
	background-image: url(/top/images/top_people_bg.jpg);
	background-repeat: no-repeat;
}

.top_people_date {
	position: absolute;
	top: 5px;
	left:350px;
	width: 90px;
	text-align:right;
	color: #666666;
	font-size: 10px;
	margin-right: 5px;
}

.top_people_photo {
	position: absolute;
	top: 35px;
	left: 12px;
	width: 95px;
	height: 63px;
}

.top_people_name {
	position: absolute;
	top: 30px;
	left: 120px;
	width: 320px;
	line-height: 19px;
}

.top_people_body {
	position: absolute;
	top: 71px;
	left: 120px;
	font-size: 10px;
	line-height: 14px;
	text-align: justify;
	width: 320px;
	color: #666666;
}

/* case study */

.top_casestudy {
	position: relative;
	width: 450px;
	height: 114px;
	background-image: url(/top/images/top_casestudy_bg.jpg);
	background-repeat: no-repeat;
}

.top_casestudy_date {
	position: absolute;
	top: 5px;
	left:350px;
	width: 90px;
	text-align:right;
	color: #666666;
	font-size: 10px;
	margin-right: 5px;
}

.top_casestudy_name {
	position: absolute;
	top: 34px;
	left: 120px;
	width: 320px;
}

.top_casestudy_photo {
	position: absolute;
	top: 35px;
	left: 12px;
	width:95px;
	height: 58px;
	overflow: hidden;
}

.top_casestudy_body {
	position: absolute;
	top: 62px;
	left: 119px;
	width: 320px;
	font-size: 10px;
	color: #666666;
	line-height: 16px;
	text-align: justify;
}

/* topics */

#top_topics {
	float: left;
	width: 220px;
	height: auto;
	padding-top: 30px;
	margin-left: 9px;
	background-image: url(/top/images/top_topics.gif);
	background-repeat: no-repeat;
}

#top_topics ul {
	display: block;
	margin-top: 0px;
}

#top_topics li {
	margin-left: -2em;
	line-height: 16px;
	list-style-position: outside;
	list-style-image: url(/common/images/triangle1.gif);
}


/* contribution */

#top_contribution {
	float: left;
	width: 220px;
	height: auto;
	padding-top: 30px;
	
	background-image: url(/top/images/top_contribution.gif);
	background-repeat: no-repeat;
}

#top_contribution ul {
	display: block;
	margin-top: 0px;
}

#top_contribution li {
	margin-left: -2em;
	line-height: 16px;
	list-style-position: outside;
	list-style-image: url(/common/images/triangle1.gif);
}

/* information */

#top_blog {
	float: left;
	margin-right: 10px;
	width: 220px;
	height: auto;
	padding-top: 25px;
	background-image: url(/top/images/top_blog.gif);
	background-repeat: no-repeat;
}

#top_blog ul {
	display: block;
	margin-top: 0px;
}

#top_blog li {
	margin-left: -2em;
	line-height: 16px;
	list-style-position: outside;
	list-style-image: url(/common/images/triangle1.gif);
}


#top_blog_kouhoubu {
	float: left;
	width: 220px;
	height: auto;
	padding-top: 25px;
	margin-left: 9px;
	background-image: url(/top/images/top_blog.gif);
	background-repeat: no-repeat;
}

#top_blog_kouhoubu ul {
	display: block;
	margin-top: 0px;
}

#top_blog_kouhoubu li {
	margin-left: -2em;
	line-height: 16px;
	list-style-position: outside;
	list-style-image: url(/common/images/triangle1.gif);
}

/* information */

#top_information {
	float: left;
	width: 220px;
	height: auto;
	padding-top: 30px;
	margin-left: 9px;
	background-image: url(/top/images/top_information.gif);
	background-repeat: no-repeat;
}

#top_information ul {
	display: block;
	margin-top: 0px;
}

#top_information li {
	margin-left: -2em;
	line-height: 16px;
	list-style-position: outside;
	list-style-image: url(/common/images/triangle1.gif);
}

/* banner josaka */

.banner_josaka {
	width: 160px;
	margin-bottom: 4px;
}

.banner_officialblog {
	width: 160px;
	margin-bottom: 4px;
}

.right_tentori {
	width: 160px;
	margin-bottom: 4px;
}

.right_shopping {

}