@charset "utf-8";
/* ===================================================================

CSS information
last up date 2010/08/03

0. clearfix
1. body,wrapper
2. header
3. kv area (each page)
4. topicpass h1 contents
5. main area (recommend,related,contact)
6. main
7. sub
8. tagCloud and subBnrArea
9. footer

=================================================================== */

/*------------------------- 0. clearfix -------------------------*/
/*for small Area*/
#top #contents,
#top #h1Area,
#top #bnrArea {
	overflow:hidden;
	_zoom:1;
	}
/*for wide Area*/
#top #contents:after, 
#top #h1Area:after,
#top #bnrArea:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/* =========================================== category each =========================================== */
#top #wrap02 {
		height: 700px;
}
#top #wrap02 .headerimg {
	background: center top no-repeat;
	position:absolute;
	height: 700px;
	width: 100%;
}
/* ------------------ header ------------------ */
#top #header {
	position: relative;
	height: 585px;
}
#top #h1Area {
	margin-top: 450px;
	*margin-top: 425px;
	padding: 10px 30px;
	width: 920px;
	height:115px;
	background:url(/topimg/bg_h1_txt01.png) no-repeat;
	position: relative;
}
#top #h1Area h1 {
	position: absolute;
	left: 25px;
	top: 30px;	
}
#top #h1Area p {
	float: right;
	margin-left: 10px;
	margin-top: 9px;
}

#top ul#result span.cases{
	font-size:16px;
	font-weight:bold;
}

#top ul#result span.date{
	font-size:11px;
	font-weight:normal;
}





/* ------------------ contents topicpass  ------------------ */
#top #contents {
	padding: 30px 20px 30px 20px;
}



/* ------------------ main area ------------------ */
#top #main {
	width: 460px;
	padding: 0;
	float: left;
}
#top #main .section {
	margin-bottom: 30px;
}
#top #main h2 {
	margin: 0 0 20px 0;
}
#top #main h3 {
	font-size: 1em;
	background:url(/topimg/icon01.gif) left center no-repeat;
	padding: 10px 10px 10px 30px;
	margin-bottom: 0;
}
#top #main #tweetArea{
	margin-top: 40px;
}
#top #main #tweetArea h3 {
	background: none !important;
	clear:none !important;
}

#top #newsArea {
	border: 5px solid #DFDFDF;
	margin-bottom: 40px;
}
#top #newsArea h2 {
	margin-bottom: 0;
}
#top #newsArea dt {
	background:url(/cmnimg/icon02.gif) no-repeat left center;
	padding-left: 30px;
	color:#E5772D;
	font-weight: normal;
	font-size: 1.1em;
}
#top #newsArea dd {
	font-size: 0.9em;
	border-bottom: 1px dotted #DFDFDF;
	padding: 0 10px 10px 10px;
	margin-right: 10px;

}
#top #newsArea dd.lastChild {
	border: none;
	padding-bottom: 0;
}

/* ------------------ sub area ------------------ */
#top #sub {
	width: 460px;
	float: right;
	padding: 0;
}
#top #sub .section {
	margin-bottom: 30px;
}
#top #sub #bnrArea {
	width: 470px;
	margin: 0 0 0 -10px;	
}
#top #sub #bnrArea li {
	width: 225px;
	margin: 0 0 10px 10px;
	float: left;
	zoom: 1;
	display: inline;
}	
#top #sub h2 {
	margin-bottom: 0;
}

