﻿@charset "Shift_JIS";
/* Campaign global CSS  */

@import "/common_old/css/company/global_company100401.css";
@import url("/common_old/css/company/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: #f8f9fb;
  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;
}
div#subArea .subAreaBnr{
  width:200px;
}
div#subArea .subAreaBnr img{
  margin-bottom:0;
}
div#subArea .subAreaBnr li{
  margin:0 0 10px 0;
}
/* Local navigation
_____________________________________________________________________________*/

div#localNavArea {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  background: url(/common_old/img/company/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(/common_old/img/company/lo_nav_corp.png); }
div#localNavArea ul li#loIr a { background: url(/common_old/img/company/lo_nav_ir.png); }
div#localNavArea ul li#loCsr a { background: url(/common_old/img/company/lo_nav_society.png); }
div#localNavArea ul li#loFc a { background: url(/common_old/img/company/lo_nav_fc.png); }
div#localNavArea ul li#loBranch a { background: url(/common_old/img/company/lo_nav_branch.png) }
div#localNavArea ul li#loRec a { background: url(/common_old/img/company/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(/common_old/img/company/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_old/img/company/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(/common_old/img/company/ico_arrow_b.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(/common_old/img/company/ico_arrow_s.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(/common_old/img/company/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(/common_old/img/company/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(/common_old/img/company/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(/common_old/img/company/bg_fundraising_t.gif) no-repeat;
}
.typeGreen div {
  width: 200px;
  position: relative;
  padding: 0 0 24px 0;
  background: url(/common_old/img/company/bg_fundraising_green_b.gif) no-repeat 0 100%;
}
.typeGreen dl {
  line-height: 1.2;
  background: url(/common_old/img/company/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(/common_old/img/company/bg_fundraising_red_t.gif) no-repeat;}

.typeHuman div{
	width:200px;
	position:relative;
	padding:0 0 13px 0;
	background:url(/common_old/img/company/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(/common_old/img/company/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(/common_old/img/company/bg_fundraising_t.gif) no-repeat;
}
.typeHuman div {
  width: 200px;
  position: relative;
  padding: 0 0 13px 0;
  background: url(/common_old/img/company/bg_fundraising_red_b.gif) no-repeat 0 100%;
}
.typeHuman dl {
  line-height: 1.2;
  background: url(/common_old/img/company/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;
}
/* 20120229 */
div#subArea ul li span.memuTitle2 {
  color: #1f5fa8;
  padding: 10px 0 8px 10px;
  margin: 0 0 5px 0;
  background: url(/common_old/img/company/border_blue_sidenav.gif) repeat-x 0 100% #fafbfc;
}
div#subArea ul li span.memuTitle3, ul.memuTitle3 {
  color: #1f5fa8;
  padding: 10px 0 8px 10px;
  background: url(/common_old/img/company/border_blue_sidenav.gif) repeat-x 0 0 #fafbfc;
}
.memuTitle3_btm {
  background: url(/common_old/img/company/border_blue_sidenav.gif) repeat-x 0 0;
  padding-top: 5px;
}
.embokin {
  width: 192px;
  border: solid #1F5FA8;
  border-width: 4px 4px 8px 4px;
  overflow: hidden;
  margin-bottom: 15px;
  text-align: center;
}
.embokin div {
  width: 172px;
  padding: 10px 10px 13px 10px;
}
.embokin dl dt {
  color: #1F5FA8;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 12px;
}
.embokin dl dd {
  font-size: 11px;
  color: #333;
  line-height: 1.5;
}
#subArea ul li p {
  margin: 0 !important;
  padding: 0 !important;
}
/* 20130808 */
.naturalLawsonBanner ul li {
  width: 152px;
  float: left;
  margin-right: 20px;
}
/* 20131112 */
#subArea .indent { padding-left: 1em; }
/* 20141015 */
.navButton-current {
  color: #1f5fa8;
  background-position: 100% -40px!important;
}
.navButton-current span { background-position: 0 -40px!important; }
#js-lnav li > ul { display: none!important; }
#js-lnav li .memuTitle {
  margin: 0!important;
  background: none!important;
}
#js-lnav .active > ul { display: block!important; }
#js-lnav .active .memuTitle {
  margin: 0 0 5px 0!important;
  background: url(/common_old/img/company/border_blue_sidenav.gif) repeat-x 0 100%!important;
}
#js-lnav .hover, #js-lnav .hover .memuTitle { background-color: #cccccc!important; }
