@charset "euc-jp";

/* 	company index
---------------------------------------------------------- */
body#long.company #bottomPageTop{
	background: #f3f3f3;
}

#companyTopinner {
	clear: both;
	padding: 21px 10px 14px;
	background: #f3f3f3 url(/company/images/index_bg001.gif) repeat-x left top;
}


#companyTopinner h2{
	clear: both;
	margin: 20px 0px 0px;
}

/* companyMaincontents */
#companyTopinner #companyMaincontents{
	float: left;
	width: 695px;
	background: url(/company/images/index_bg001.gif) repeat-x left top;
}

#companyTopinner #companyMaincontents .doorColumn{
	clear: both;
	margin-right: -1px;
	padding: 0px 0px 7px;
	background: url(/company/images/index_bg002.gif) no-repeat left bottom;
}



#companyTopinner #companyMaincontents .doorColumn .col{
	float: left;
	width: 225px;
	margin: 0px 10px 0px 0px;
}

#companyTopinner #companyMaincontents .doorColumn .col dl dd{
	margin: 0px;
	padding: 0px 6px;
}

#companyTopinner #companyMaincontents .doorColumn .col dl dd p{
	margin: 0px 0px 10px;
	padding: 0;
}

#companyTopinner #companyMaincontents .doorColumn .col dl dd ul li{
	padding: 0px 0px 5px 16px;
	background: url(/common/images/com_ic04.gif) no-repeat 4px 0.3em;
}


#companyTopinner #companyMaincontents .doorColumn .end,
.company .doorColumn .end{
	margin: 0;
}


*:first-child+html #companyTopinner #companyMaincontents .doorColumn,
*:first-child+html .company .doorColumn{
	margin-right: -1px;
}




/* companySidecontents */
#companyTopinner #companySidecontents{
	float: right;
	width: 213px;
}

#companyTopinner #companySidecontents .topicsArea{
	width: 213px;
	margin: 10px 0px 0px;
	padding: 0px 0px 10px;
	background: url(/company/images/index_bg003.gif) repeat-y left top;
	text-align: center;
}


#companyTopinner #companySidecontents .topicsArea ul li{
	margin: 10px 0px 0px;
	padding: 0px;
}


#companyTopinner #companySidecontents .otherArea{
	width: 193px;
	margin: 10px auto 0px;
}

#companyTopinner #companySidecontents .otherArea ul li{
	margin: 3px 0px 0px;
}

/* 	company p05_00.html
---------------------------------------------------------- */

body.company .doorColumn{
	clear: both;
	margin-right: -1px;
	padding: 0px 0px 7px;
	margin-bottom: 10px;
}
body.company .doorColumn.bg03{
	background: url(/company/images/p0500_bg001.gif) no-repeat left bottom;
}
body.company .doorColumn.bg02{
	background: url(/company/images/p0500_bg002.gif) no-repeat left bottom;
}
body.company .doorColumn.bg01{
	background: url(/company/images/p0500_bg003.gif) no-repeat left bottom;
}

body.company .doorColumn .col{
	float: left;
	width: 238px;
	margin: 0px 6px 0px 0px;
}

body.company  .doorColumn .col dl dd{
	margin: 0px;
	padding: 0px 6px;
}
body.company .doorColumn .col dl dd p{
	margin: 10px 0px;
	padding: 0;
}

body.company .doorColumn .end{
	margin: 0;
}

*:first-child+html body.company .doorColumn{
	margin-right: -1px;
}

/* 	company p05b_01.html p05b_02.html
---------------------------------------------------------- */
body.company .histrytabs{
	margin: 15px 0 0 0;
  padding: 0 0 0 0;
}
body.company .histrytabs li{
  margin: 0 6px 0 0;
	float: left;
}
body.company .histrytabs h2{
  margin: 0 6px 0 0;
	float: left;
}

body.company .histryBlock{
	background: url(/company/images/p05b_bg04.gif) repeat-y 0 0;
	margin-bottom: 20px;
}
body.company .histryBlock .yearBlock{
	margin: 0 0 10px 0;
}
body.company .histryBlock .yearBlock .colLeft{
	float: left;
	width: 104px;
	padding: 9px;
}
body.company .histryBlock .yearBlock .colLeft span{
	font-weight: bold;
}
body.company .histryBlock .yearBlock .colRight{
	float: right;
	width: 589px;
}
body.company .histryBlock .colRight .bg01,
body.company .histryBlock .colRight .bg02,
body.company .histryBlock .colRight .bg03{
	padding: 13px 10px 23px 10px;
}
body.company .histryBlock .colRight .bg01{
	background: url(/company/images/p05b_bg01.gif) repeat-x 0 0;
}
body.company .histryBlock .colRight .bg02{
	background: url(/company/images/p05b_bg02.gif) repeat-x 0 0;
}
body.company .histryBlock .colRight .bg03{
	background: url(/company/images/p05b_bg03.gif) repeat-x 0 0;
}

body.company .histryBlock .colRight .colL{
	float: left;
}
body.company .histryBlock .colRight .colR{
	float: right;
}
body.company .histryBlock .caption01{
	display:block;
	text-align: center;
}
body.company .histryBlock .colRight .col01 .colL{
	width: 160px;
}
body.company .histryBlock .colRight .col01 .colR{
	width: 396px;
}

body.company .histryBlock .colRight .col01 .subcol .colL{
	width: 260px;
}
body.company .histryBlock .colRight .col01 .subcol .colR{
	width: 128px;
}
body.company .histryBlock .yearBlock .colRight img{
	margin-bottom: 5px;
}
body.company .histryBlock .yearBlock .colRight .txt01{
	font-size: 110%;
	font-weight: bold;
	color: #ee5004;
	margin-bottom: 5px;
}
body.company .histryBlock .yearBlock .colRight .txt02{
	font-size: 85%;
	color: #666666;
	text-align: center;
	display: block;
}
body.company .histryBlock .yearBlock .colRight .txt03{
	font-size: 85%;
	color: #666666;
}
body.company .histryBlock .yearBlock .colRight .txt04{
	color: #ff0000;
}

body.company .histryBlock .colRight .other .title{
	background: url(/company/images/p05b_bg05.gif) no-repeat left bottom;
	font-size: 14px;
	font-weight: bold;
}
body.company .histryBlock .colRight .other .title span{
	display: none;
}
body.company .histryBlock .colRight .other .title p{
	font-size: 14px;
	color: #ee5004;
	font-weight: bold;
	padding: 6px 5px 2px 145px;
}
body.company .histryBlock .colRight .other .title p.vol01{
	background: url(/company/images/p05b_bg06_1.gif) no-repeat left top;
}
body.company .histryBlock .colRight .other .title p.vol02{
	background: url(/company/images/p05b_bg06_2.gif) no-repeat left top;
}
body.company .histryBlock .colRight .other .title p.vol03{
	background: url(/company/images/p05b_bg06_3.gif) no-repeat left top;
}
body.company .histryBlock .colRight .other .title p.vol04{
	background: url(/company/images/p05b_bg06_4.gif) no-repeat left top;
}
body.company .histryBlock .colRight .other .title p.vol05{
	background: url(/company/images/p05b_bg06_5.gif) no-repeat left top;
}
body.company .histryBlock .colRight .other .title p.vol06{
	background: url(/company/images/p05b_bg06_6.jpg) no-repeat left top;
}

body.company .histryBlock .colRight .other .main{
	border-bottom: #ee5004 solid 1px;
	border-left: #ee5004 solid 1px;
	border-right: #ee5004 solid 1px;
	background-color: #fbfbfb;
	padding: 14px;
	margin-bottom: 20px;
}
body.company .histryBlock .colRight .other .innerCol{
	margin-top: 10px;
	clear: both;
}
body.company .histryBlock .yearBlock .other img{
	margin-bottom: 0;
}

body.company .histryBlock .colRight .other .bg01{
	background-image: none;
	padding: 10px;
	background-color: #efefef;
}
body.company .histryBlock .colRight .other .bg02{
	background: url(/company/images/p05b_bg07.gif) repeat-y 0 0;
	padding: 0;
}
body.company .histryBlock .colRight .other .bg03{
	background: url(/company/images/p05b_bg08.gif) repeat-y 0 0;
	padding: 0;
}
body.company .histryBlock .colRight .other.col04 .colL,
body.company .histryBlock .colRight .other.col04 .colR{
	width: 266px;
}
body.company .histryBlock .colRight .other.col04 .subcol .colL{
	width: 100px;
}
body.company .histryBlock .colRight .other.col04 .subcol .colR{
	width: 156px;
}

body.company .histryBlock .colRight .other.col05 .colL{
	width: 175px;
}
body.company .histryBlock .colRight .other.col05 .colR{
	width: 370px;
}

body.company .histryBlock .colRight .other.col06 .colL{
	width: 140px;
}
body.company .histryBlock .colRight .other.col06 .colR{
	width: 408px;
}

body.company .histryBlock .colRight .other.col07 .colL,
body.company .histryBlock .colRight .other.col07 .colR{
	width: 168px;
	margin-right: 27px;
}
body.company .histryBlock .colRight .other.col07 .colR{
	margin-right: 0;
}

body.company .histryBlock .histryMt00 {
	margin-top: 0;
}
body.company .histryBlock .histryMt01 {
	margin-top: 50px;
}
body.company .histryBlock .histryMt02 {
	margin-top: 121px;
}
body.company .histryBlock .histryMt03 {
	margin-top: 209px;
}
body.company .histryBlock .histryMt04 {
	margin-top: 300px;
}
body.company .histryBlock .histryMt05 {
	margin-top: 473px;
}
body.company .histryBlock .histryMt06 {
	margin-top: 585px;
}


/* 	company eco8.html
---------------------------------------------------------- */

body.company .ecoBlock{
	background-color: #247a45;
	padding: 13px;
}
body.company .ecoBlock .qa dt{
	border-bottom: 1px solid #247a45;
}

body.company .ecoBlock .ansBlock {
	background: #FFFFFF url(/company/images/eco8_bg01.gif) repeat-x 0 0;
	border-left: solid 3px #FFFFFF;
	border-right: solid 3px #FFFFFF;
	padding: 9px 12px 20px 83px;
}

body.company .ecoBlock .ansBlock .txtCol{
	float: left;
	width: 424px;
}
body.company .ecoBlock .ansBlock .phCol{
	float: right;
	width: 160px;
}
body.company .ecoBlock .ansBlock .info01{
	background-color: #f5f5f5;
	border-left: 5px solid #CCCCCC;
	padding: 8px 13px;
}
body.company .ecoBlock .ansBlock .info01 dl dd{
	font-size: 85%;
}

body.company .ecoBlock .interviewBlock {
	background-color: #FFFFFF;
	padding: 15px;
}

body.company .ecoBlock .interviewBlock .phCol{
	float: left;
	width: 120px;
	margin-right: 15px;
}
body.company .ecoBlock .interviewBlock .txtCol{
	float: left;
	width: 325px;
}
body.company .ecoBlock .interviewBlock .txtCol .font{
	color: #f54c16;
	font-weight: bold;
	font-size: 110%;
}
body.company .ecoBlock .interviewBlock .movieCol{
	float: right;
	width: 192px;
}
body.company .ecoBlock .interviewBlock .info01{
	border-left: 3px solid #CCCCCC;
	padding: 0px 8px;
}
body.company .ecoBlock .interviewBlock .info01 dl dt{
	font-size: 85%;
	color: #777777;
}



/* 	Clearfix Property
---------------------------------------------------------- */
#companyTopinner:after,
#companyTopinner #companyMaincontents .doorColumn:after,
.company .doorColumn:after,
.company .histryBlock:after,
body.company .histryBlock .yearBlock:after,
body.company .histryBlock .colRight .bg01:after,
body.company .histryBlock .colRight .bg02:after,
body.company .histryBlock .colRight .bg03:after,
body.company .histryBlock .colRight .col01:after,
body.company .histryBlock .colRight .col01 .subcol:after,
body.company .histryBlock .colRight .other .main:after,
body.company .histryBlock .colRight .other .innerCol:after,
.company .ecoBlock .ansBlock:after,
.company .ecoBlock .interviewBlock:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0;
	visibility: hidden;
	content: ".";
}


#companyTopinner,
#companyTopinner #companyMaincontents .doorColumn,
.company .doorColumn,
.company .histryBlock,
body.company .histryBlock .yearBlock,
body.company .histryBlock .colRight .bg01,
body.company .histryBlock .colRight .bg02,
body.company .histryBlock .colRight .bg03,
body.company .histryBlock .colRight .col01,
body.company .histryBlock .colRight .col01 .subcol,
body.company .histryBlock .colRight .other .main,
body.company .histryBlock .colRight .other .innerCol,
.company .ecoBlock .ansBlock,
.company .ecoBlock .interviewBlock {
	zoom: 1;
}

/* faq */
#mainContents .faqTable01{
	clear: both;
	margin: 20px 0px 0px;
	border: 1px solid #aaaaaa;
}

#mainContents .faqTable01 th{
	padding: 12px;
	border-right: 1px solid #aaaaaa;
	background: #f3f3f3;
	font-weight: bold;
	font-size: 120%;
}

#mainContents .faqTable01 td{
	vertical-align: top;
	padding: 12px;
}

#mainContents .iconList04 li{
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 11px;
	background: url(/common/images/saiyou/com_ic005.gif) no-repeat 0px 0.4em;
}

#mainContents .faqList{
	margin: 10px 0px 0px;
	padding: 14px;
	border: 2px solid #CCC;
	background: url(/images/qa_bg001.gif) repeat-x left top;
}

#mainContents .faqList dt{
	margin: 0px 0px 14px;
	padding: 5px 0px 9px;
	background: url(/images/com_hr003.gif) repeat-x left bottom;
	font-weight: bold;
}

#mainContents .faqList dt span{
	display: block;
	padding: 5px 0px 9px 38px;
	background: url(/images/qa_ic001.gif) no-repeat left top;
	font-weight: bold;
}

#mainContents .faqList dd{
	padding: 0px 0px 8px 38px;
	background: url(/images/qa_ic002.gif) no-repeat left top;
}

/* 	jusyou2 layout
---------------------------------------------------------- */
.jyusyou2-nav {
	margin-bottom: 20px;
	background: url('/company/images/history_img/p05_01_bg01.png') no-repeat left top;
}
.jyusyou2-nav li {
	float: left;
	margin-left: 54px;
}
.jyusyou2-nav li:first-child {
	margin-left: 17px;
}
.jyusyou2-chronology {
	margin-bottom: 30px;
}
.jyusyou2-chronology dl {
	border-bottom: 1px solid #cccccc;
	position: relative;
}
.jyusyou2-chronology dt {
	float: left;
	width: 112px;
}
.jyusyou2-chronology dd em {
	font-weight: bold;
}

[class*="jyusyou2-item-wrap-"] dt:after {
	content: "";
	width: 16px;
	height: 8px;
	position: absolute;
	left: 96px;
	bottom: -8px;
}

.jyusyou2-item-wrap-06 dt:after {
	background: url('/company/images/history_img/p05_01_2010_bg01.png') no-repeat 0 top;
}
.jyusyou2-item-wrap-06 {
	background: url('/company/images/history_img/p05_01_2010_bg02.png') repeat-y 0 top;
}
.jyusyou2-item-wrap-06 {
	z-index: 6;
}
.jyusyou2-item-wrap-05 dt:after {
	background: url('/company/images/history_img/p05_01_2000_bg01.png') no-repeat 0 top;
}
.jyusyou2-item-wrap-05 {
	background: url('/company/images/history_img/p05_01_2000_bg02.png') repeat-y 0 top;
}
.jyusyou2-item-wrap-05 {
	z-index: 5;
}
.jyusyou2-item-wrap-04 dt:after {
	background: url('/company/images/history_img/p05_01_1990_bg01.png') no-repeat 0 top;
}
.jyusyou2-item-wrap-04 {
	background: url('/company/images/history_img/p05_01_1990_bg02.png') repeat-y 0 top;
}
.jyusyou2-item-wrap-04 {
	z-index: 4;
}
.jyusyou2-item-wrap-03 dt:after {
	background: url('/company/images/history_img/p05_01_1980_bg01.png') no-repeat 0 top;
}
.jyusyou2-item-wrap-03 {
	background: url('/company/images/history_img/p05_01_1980_bg02.png') repeat-y 0 top;
}
.jyusyou2-item-wrap-03 {
	z-index: 3;
}
.jyusyou2-item-wrap-02 dt:after {
	background: url('/company/images/history_img/p05_01_1970_bg01.png') no-repeat 0 top;
}
.jyusyou2-item-wrap-02 {
	background: url('/company/images/history_img/p05_01_1970_bg02.png') repeat-y 0 top;
}
.jyusyou2-item-wrap-02 {
	z-index: 2;
}
.jyusyou2-item-wrap-01 {
	background: url('/company/images/history_img/p05_01_1960_bg01.png') repeat-y 0 top;
}
.jyusyou2-item-wrap-01 {
	z-index: 1;
}

.jyusyou2-chronology dd {
	float: left;
	width: 582px;
}
.jyusyou2-chronology dd > ul {
	margin: 20px 0 0 -18px;
}
.jyusyou2-chronology dd > ul > li {
	float: left;
	width: 120px;
	margin: 0 0 20px 30px;
}
.jyusyou2-chronology dd > ul > li:first-child + li + li + li + li,
.jyusyou2-chronology dd > ul > li:first-child + li + li + li + li + li + li + li + li,
.jyusyou2-chronology dd > ul > li:first-child + li + li + li + li + li + li + li + li + li + li + li + li,
.jyusyou2-chronology dd > ul > li:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
	clear: both;
}
.jyusyou2-chronology .jyusyou2-item {
	border: 1px solid #ececec;
}
.jyusyou2-chronology .jyusyou2-name {
	padding-top: 6px;
	line-height: 1.2;
}

/* 	jusyou2 Clearfix Property
---------------------------------------------------------- */
.jyusyou2-nav:after,
.jyusyou2-chronology dl:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	line-height: 0; 
	visibility: hidden;
}

.jyusyou2-nav,
.jyusyou2-chronology dl {
	zoom: 1;
}

/* p04.html Base layout
---------------------------------------------------------- */
.chronology{
margin:30px 0; 
}

h2{
margin:0 0 0 -9px;
border-right:1px solid #c0c0c0;
}

.clearfix{
zoom:1;
}

.clearfix:after{
display:block;
clear:both;
content:"";
}

/* ボックス
---------------------------------------------------------- */
.chronology .box{
/*position:relative; */
margin:0;
width:719px;
}

.chronology .box_1942{
background:url(/company/images/history/chronology_border_top.gif) no-repeat 404px 8px;
}

.chronology .box_1942 h2{
border:none;
}

/* コンテンツ
---------------------------------------------------------- */
.chronology .box .contents{
border-right:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
}

.box .contents .main{
width:667px;
height:100px;
border-bottom:solid #c0c0c0 1px;
margin:0 25px;
padding:0 0 20px;
clear:both;
}

.contents .main p.text_area{
float:left;
width:325px;
margin:0 0 45px;
padding:5px 15px 0;
font-weight:bold;
font-size:12px;
}

.contents .main p.img_area{
float:right;
width:310px;
text-align:center;
}

.box_1942 .main p.img_area{
margin:-16px 0 0;
}

/* アコーディオン中身
---------------------------------------------------------- */

.box .contents .open_contents{
clear:both;
width:667px; 
margin:10px 25px;
padding:0;
}

.contents .open_contents ul.chronology_list{
width:667px; 
}

.open_contents ul.chronology_list li{
float:left;
text-align:center;
width:158px;
padding:15px 32px;
}


ul.chronology_list li p.year{
border-bottom:1px #3e65ad solid;
font-weight:bold;
}

ul.chronology_list li p.chronology_text{
font-size:12px;
width:158px;
height:95px;
clear:both;
}

ul.chronology_list li p.chronology_text_left{
text-align:left;
width:158px;
font-size:12px;
}

ul.chronology_list p.chronology_text span{
font-size:11px;
text-align:left;
float:left;
margin:5px 0 0;
}

ul.chronology_list p.chronology_text span.note{
display:block;
height:25px;
}

ul.chronology_list p.chronology_text span.mark{
float:none;
}

p.notice{
float:left;
padding:0 32px;
font-size:11.5px;
}


/* ボタン
---------------------------------------------------------- */
.box .contents .btn_acordion{
clear:both;
margin:-1px 25px 0;
padding:0 0 20px;
}

.contents .btn_acordion a{
width:667px;
height:39px;
display:block;
position:relative;	
background:url(/company/images/history/btn_acordion_close.gif) no-repeat 0 0;
}

.contents .open a{
width:667px;
height:39px;
display:block;
position:relative;	
background:url(/company/images/history/btn_acordion_open.gif) no-repeat 0 0;
}

.contents .btn_acordion span{
z-index:-1;
position:relative;
}

.contents .open span{
z-index:-1;
position:relative;
}