@charset "Shift_JIS";
/* Campaign global CSS  */

@import "global_company100401.css";
@import url("print.css") print;


/* ************************************************************************  */
/* 

4月公開分のcompanyディレクトリ以下の共通スタイルを
暫定的に書きに記述する。

*/
/* ************************************************************************  */
/* 

Index
------------------------------------------------------------------------------

Reset Style 

Company Topic Path

Company Rayout

Local navigation

Title Area

Sub Area - Sidemenu

Default style




*/

/* ************************************************************************  */

/* Reset Style  
_____________________________________________________________________________*/

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;}

h5, h6{
	font-size:100%;}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	line-height:normal;}

html>/**/body div#elStyle {
  /*font-size: 12px;*/ /* Except IE */}

img{vertical-align:bottom;}

/* 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 */





/* Reset Style  
_____________________________________________________________________________*/

.mt10{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt20{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}

.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb20{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}

.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr20{margin-right:25px !important}
.mr30{margin-right:30px !important}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}
.mr45{margin-right:45px !important}
.mr50{margin-right:50px !important}
.mr55{margin-right:55px !important}
.mr60{margin-right:60px !important}
.mr65{margin-right:65px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml20{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}
.ml50{margin-left:50px !important}
.ml55{margin-left:55px !important}
.ml60{margin-left:60px !important}
.ml65{margin-left:65px !important}





/* Company Topic Path
_____________________________________________________________________________*/

div#topicPathArea {
	background: url(/common/img/bg_topicpath.png) left bottom repeat-x;
	position: relative;
	z-index: 8000;
	font-size: 1.0em;}

div#topicPathArea div {
	width: 980px;
	margin: 0 auto;}


div#topicPathArea div ul {
	text-align: left;}

div#topicPathArea div ul li {
	float: left;}

div#topicPathArea div ul li#topicPathHome {
	width: 39px;
	height: 27px;
	display: block;
	float: left;
	padding: 0;
	background: url(/common/img/ico_topicpath_home.png)}

div#topicPathArea div ul li#topicPathHome a {
	width: 39px;
	height: 27px;
	display: block;
	background: url(/common/img/ico_topicpath_home.png);}


div#topicPathArea div ul li#topicPathHome span {
	display: none;}

div#topicPathArea div ul li {
	padding: 6px 5px 0 0;
	color: #1f5fa8;}

div#topicPathArea div ul li a {
	color: #1f5fa8;}


/* Company Rayout
_____________________________________________________________________________*/

div#wrapper {
	background-color: #fff;
	zoom:1;
}


/* Clearfix */  
div#container:after {  
	content: " ";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}  
div#container {  
	display: inline-block;  
	min-height: 1%;  
	zoom: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#mainArea {
	width: 750px;
	float: left;
	*margin-right: -30px;
	zoom:1;
}

div#mainArea div#contentsFrame {
	padding: 0 30px 30px;
	text-align: left;}

div#subArea {
	width: 200px;
	/*margin-left: 750px;*/
	*margin-left: 0;
	float: left;
	*float: none;
	text-align: left;
	padding: 0 0 40px 0;
	}



/* Local navigation
_____________________________________________________________________________*/

div#localNavArea {
	position:relative;
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	background: url(/company/common/img/bg_lo_nav.png)}


div#localNavArea ul {
	padding: 0 0 1px 30px;}

div#localNavArea ul li {
	float: left;
	width: 145px;
	margin:0 10px 0 0;}

div#localNavArea ul li a {
	display: block;
	height: 46px;}

div#localNavArea ul li a span {
	display: none;}


div#localNavArea ul li#loCorp a {
	background: url(/company/common/img/lo_nav_corp.png);}
	
div#localNavArea ul li#loIr a {
	background: url(/company/common/img/lo_nav_ir.png);}

div#localNavArea ul li#loCsr a {
	background: url(/company/common/img/lo_nav_csr.png);}

div#localNavArea ul li#loFc a {
	background: url(/company/common/img/lo_nav_fc.png);}

div#localNavArea ul li#loBranch a {
	background: url(/company/common/img/lo_nav_branch.png)}

div#localNavArea ul li#loRec a {
	background: url(/company/common/img/lo_nav_recruit.png);}


div#localNavArea ul li#loCorp a:hover, div#localNavArea ul li#loIr a:hover, div#localNavArea ul li#loCsr a:hover, div#localNavArea ul li#loFc a:hover, div#localNavArea ul li#loBranch a:hover, div#localNavArea ul li#loRec a:hover , .local_nav01 div#localNavArea ul li#loCorp a, .local_nav02 div#localNavArea ul li#loIr a, .local_nav03 div#localNavArea ul li#loCsr a, .local_nav04 div#localNavArea ul li#loFc a, .local_nav05 div#localNavArea ul li#loBranch a, .local_nav06 div#localNavArea ul li#loRec a{
	background-position:0 -46px;}

div#localNavArea ul li#loNews{
	width:200px;
	height:31px;
	position:absolute;
	top:83px;
	left:750px;}


/* Title Area
_____________________________________________________________________________*/

div#ttlArea {
	width: 980px;
	margin: 0 auto;
	padding: 35px 0 45px 0;
	background: url(/company/common/img/bg_ttl.png) left bottom no-repeat;
	text-align: left;}

div#ttlArea h2 {
	padding: 0 0 0 30px;
	line-height:1;}



/* Sub Area - Sidemenu
_____________________________________________________________________________*/

div#subArea ul,
div#subArea ul li {
	width: 200px;}

div#subArea ul li span {
	display: block;
	border-top: 2px solid #1f5fa8;
	color: #000000;}
	
	

div#subArea ul li span.memuTitle {
	color:#1f5fa8;
	font-weight:bold;
	padding: 10px 0 8px 10px;
	margin: 0 0 5px 0;
	  background:url(/common/img/border_blue_sidenav.gif) repeat-x 0 100%;}

div#subArea ul li span a,
div#subArea ul li span a:link,
div#subArea ul li span a:visited {
	display: block;
	height: 1%;
	padding: 10px 0 8px 18px;
	background: url(/company/common/img/ico_arrow_big.png) 0 0.9em no-repeat;
	color: #000000;
	text-decoration: none;}

div#subArea ul li span a:visited {
	color: #800080;}

div#subArea ul li span a:hover,
div#subArea ul li span a:active {
	text-decoration: underline;}


div#subArea ul ul li span {
	border: none;}



div#subArea ul li span a:visited span.smallSize{
	color: #800080;}

div#wrapper div#subArea ul li span.smallSize {
	display: inline;
	font-size: 0.8em;
	border: none;}

div#subArea ul ul li span a,
div#subArea ul ul li span a:link,
div#subArea ul ul li span a:visited {
	padding: 6px 0 6px 22px;
	background: url(/company/common/img/ico_arrow_small.png) -10px 0.6em no-repeat;}


/*
div#subArea ul#menu li a.here,
div#subArea ul#menu li a.here:link,
div#subArea ul#menu li a.here:hover,
div#subArea ul#menu li a.here:active {
	background: #000000 !important;}
*/


div#subArea ul.SideBannerArea {
	padding: 10px 0 0 0;}

div#subArea ul.SideBannerArea li {
	padding: 0 0 10px 0;
	text-align: center;}

div#subArea ul.SideBannerArea a {
	padding: 0;}





div#subArea div.fundraisingArea {
	padding: 10px 0 0 0;}

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

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

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


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


/* Default style
_____________________________________________________________________________*/


div#contentsFrame h3 {
	margin-bottom: 24px;
	border-bottom: 2px solid #1f5fa8;
	font-size:123%;}

div#contentsFrame h4 {
	padding-bottom: 2px;
	margin-bottom: 16px;
	background: url(/company/common/img/bg_ttl_dotted.png) left bottom repeat-x;}

div#contentsFrame h4.plainStyle,
div#contentsFrame h3.plainStyle {
	border-bottom: none;
	background: none;}




div#contentsFrame div.contentsBlock {
	margin: 0 40px 24px 40px;}

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




div#contentsFrame div.contentsBlock p {
	line-height: 1.6em;
	letter-spacing: 1px;}


div#contentsFrame div.contentsBlock table.simpleTable {
	width: 100%;
	background: #d2d2d2;}

div#contentsFrame div.contentsBlock table.simpleTable th {
	padding: 10px 10px 12px 10px;
	background: #f6f6f6;
/*	border: 1px solid #ffffff;*/
	font-weight: bold;
	vertical-align: top;}


div#contentsFrame div.contentsBlock table.simpleTable td {
	padding: 10px 25px 12px 25px;
	background: #ffffff;
	border: 1px solid #ffffff;
	vertical-align: top;}

div#contentsFrame div.contentsBlock a {
	color: #225EA7;}


div#mainArea div#contentsFrame a:visited {
	color: #800080;}


@media print { /* printメディアの場合にのみ適用 */

div#hdSiteSearch,
div#localNavArea,
div#footerContents,
div#footerbottom ul,
div#subArea,
div.btnPageTop {
	display: none;}


div#wrapper, div#container, div#mainArea, #ttlArea {
	width: auto !important;}

div#wrapper div#container div#mainArea div#contentsFrame div.contentsBlock table,
div#wrapper div#container div#mainArea div#contentsFrame div.contentsBlock table th,
div#wrapper div#container div#mainArea div#contentsFrame div.contentsBlock table td {
	border: 1px solid #333333 !important;}



}



/*2010-08
========================================================*/
.siteFooter{
	text-align:left;}

/*----------------------------
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:93%;
	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;
	padding:45px 0 0 0;
	margin:0 0 12px 0;
	background:url(/company/img/bg_fundraising_red_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 p{
	font-size:77%;
	line-height:1.5;
	position:static;
	margin:0;
	padding:8px 70px 8px 18px;
	background:url(/company/img/bg_fundraising_red_m.gif) repeat-y;}

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

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

.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;}