/* Clearfix */  
.clearfix:after {  
	content: " ";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
.clearfix {  
	display: inline-block;  
	min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html .clearfix {  
	height: 1%;  
}  
.clearfix {  
	display: block;  
}  
/* End hide from IE-Mac */


h1,h2,h3,h4,h5,h6,
p,
ul,ol,li,dl,dt,dd,
img,
form {
	margin: 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
	font-weight: normal;
	border: 0;}

/* Company Rayout
_____________________________________________________________________________*/

div#eHeaderInner h1#logo {
	margin-top: 0px;}

div#wrapper {
	background-color: #f8f9fb;}


/* Clearfix */  
div#container:after {  
	content: " ";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
div#container {  
	display: inline-block;  
	min-height: 1%;  
}  
/* Hides from IE-mac \*/  
* html div#container {  
	height: 1%;  
}  
div#container {  
	display: block;  
}  
/* End hide from IE-Mac */

div#container {
	width: 980px;
	margin: 0 auto;
	background-color: #ffffff;}

div#containerInner {
	width: 920px;
	margin: 0 auto;}


/* 
_____________________________________________________________________________*/


div#container h2#companyTop {
	padding: 0 0 0 0;}

div#container div#localNavAreaTop {}

div#container div#localNavAreaTop ul {
	padding: 0 0 28px 0;}

div#container div#localNavAreaTop ul li {
	float: left;}

div#container div#localNavAreaTop ul li a {
	text-decoration: none;}


div#mainAreaTop h3 {
	margin-bottom: 5px;
	background: #FFFFFF;
	border-bottom: 2px solid #1f5fa8;}

div#mainAreaTop h3 img.floatImg {
	float: left;}

div#mainAreaTop h3 a {
	float: right;}


div#contentsFrameTop {
	width: 690px;
	float: left;}

div#contentsFrameTop div.contentsBlockMain {
	width: 460px;
	float: right;}

div.contentsBlockMain dl {
	padding: 0 0 27px 0;
	font-size: 0.8em;}

div.contentsBlockMain dl dt {
	color: #808080;
	padding: 5px 0 5px 0;}


div.contentsBlockMain dl dd {
	padding: 0 0 8px 0;
	background: url(/company/common/img/bg_ttl_dotted.png) left bottom repeat-x;}
/*
div.contentsBlockMain dl dd a {
	display: block;
	padding: 0 0 0 11px;
	height: 1%;
	line-height: 1.6em;
	background: url(/company/common/img/ico_arrow_small.png) -20px 0.4em no-repeat;}

div.contentsBlockMain dl dd span {
	display: block;
	float: left;
	padding: 0 5px 0 0;
	vertical-align: bottom;}
*/

div.contentsBlockMain dl dd a,
div.contentsBlockMain dl dd a:link,
div.contentsBlockMain dl dd a:visited {
	text-decoration: none;}

div.contentsBlockMain dl dd a:hover,
div.contentsBlockMain dl dd a:active {
	text-decoration: underline;}
	
div.contentsBlockMain dl dd span img {
	line-height: 0;
	font-size: 0;}

div.contentsBlockMain dl dd span.titleWrap {
	display: block;
	padding: 0 0 0 11px;
	height: 1%;
	line-height: 1.6em;
	background: url(/company/common/img/ico_arrow_small.png) -20px 0.4em no-repeat;}

div.contentsBlockMain dl dd span.topicIcon {
	display: block;
	float: left;
	padding: 0 5px 0 0;
	vertical-align: bottom;}



div#contentsFrameTop div.contentsBlockLeft {
	width: 200px;
	float: left;}

div#contentsFrameTop div.contentsBlockLeft p,
div#contentsFrameTop div.contentsBlockLeft li {
	padding-bottom: 12px;}
	
div#contentsFrameTop div.contentsBlockLeft p span {
	display: block;
	padding: 5px 0 5px 0;
	font-size: 0.8em;}


div#contentsFrameSub {
	width: 200px;
	float: right;}

div#contentsFrameSub li {
	padding-bottom: 12px;}

div#contentsFrameSub div.fundraisingArea {}

div.fundraisingArea div#typeGreen {
	width: 200px;
	height: 140px;
	position: relative;
	margin-bottom: 12px;
	background: url(/company/e/img/banner_fundraising_green.png) left top no-repeat;}

div.fundraisingArea div#typeHuman {
	width: 200px;
	height: 120px;
	position: relative;
	margin-bottom: 12px;
	background: url(/company/e/img/banner_fundraising_human.png) left top no-repeat;}

div#contentsFrameSub div.fundraisingArea p {
	position: absolute;
	left: 14px;
	bottom: 20px;
	font-size: 0.8em;}


div#contentsFrameSub div.fundraisingArea p span {
	display: block;
	padding: 1px 3px;
	margin: 2px 0;
	font-size: 1.2em;
	font-weight: bold;
	background: #f6ff63;}


div#contentsFrameBottom {
	clear: both;
	padding: 0 0 55px 0;}

div#contentsFrameBottom h3 {
	margin-bottom: 15px;}

div#contentsFrameBottom li {
	float: left;
	padding: 0 20px 0 0;}

div#contentsFrameBottom li.endBox {
	padding: 0;}




/*2010-08
========================================================*/

/*----------------------------
fundraising
----------------------------*/
/*typeGreen*/
.typeGreen{
	width:200px;
	margin:0 0 12px 0;
	padding:12px 0 0 0;
	background:url(/company/img/bg_fundraising_t.gif) no-repeat;}

.typeGreen div{
	width:200px;
	position:relative;
	padding:0 0 24px 0;
	background:url(/company/img/bg_fundraising_green_b.gif) no-repeat 0 100%;}

.typeGreen dl{
	line-height:1.2;
	background:url(/company/img/bg_fundraising_green_m.gif) repeat-y;}

.typeGreen dl dt{
	font-size:10px;
	color:#217500;
	font-weight:bold;
	padding:0 18px 0;}

.typeGreen dl dd{
	font-size:77%;
	line-height:1.5;
	padding:6px 70px 0 18px;}

.typeGreen dl dd span{
	position:static;
	font-size:120%;
	font-weight:bold;
	background:#F6FF63;}

.typeGreen .green_img{
	position:absolute;
	width:62px;
	height:52px;
	bottom:24px;
	right:0;}

/*typeHuman*/

.typeHuman{
	width:200px;
	margin:0 0 12px 0;
	padding:12px 0 0 0;
	background:url(/company/img/bg_fundraising_t.gif) no-repeat;}

.typeHuman div{
	width:200px;
	position:relative;
	padding:0 0 13px 0;
	background:url(/company/img/bg_fundraising_red_b.gif) no-repeat 0 100%;}

.typeHuman dl{
	line-height:1.2;
	background:url(/company/img/bg_fundraising_green_m.gif) repeat-y;}

.typeHuman dl dt{
	font-size:93%;
	color:#c53e7d;
	font-weight:bold;
	padding:0 18px 5px;}

.typeHuman dl dd{
	font-size:77%;
	line-height:1.5;
	padding:6px 70px 8px 18px;}

.typeHuman dl dd span{
	font-size:120%;
	font-weight:bold;
	background:#F6FF63;}

.typeHuman .human_img{
	position:absolute;
	width:66px;
	height:65px;
	bottom:13px;
	right:0;}