@charset "Shift_JIS";

/* PROPERTY ORDER
-----------------------------------------------------
01 display
02 list-style
03 position
04 float
05 clear
06 width
07 height
08 margin
09 padding
10 border
11 background
12 font
13 text-decoration
14 text-align
15 vertical-align
16 white-space
17 other text
18 content
-----------------------------------------------------
*/

/*
-----------------------------------------------------
COMMON STYLE
-----------------------------------------------------
*/
/* font-size */
#contents {font-size: 112%;}

h1.topH1 {
margin: 0;
padding: 0;
}

h2 {
margin: 0;
padding: 0;
font-size: 120%;
line-height: 130%;
}

h3 {
margin: 0;
padding: 0;
font-size: 100%;
line-height: 130%;
}

h4 {
margin: 0;
padding: 0;
font-size: 100%;
line-height: 130%;
}


.lltext {
font-size: 135%;
line-height: 130%;
}

.ltext {
font-size: 120%;
line-height: 130%;
}

.lstext {
font-size: 115%;
line-height: 130%;
}

.ntext {
font-size: 88%;
line-height: 150%;
}

.ntextWhite {
color: #FFFFFF;
line-height: 130%;
}

.ntextRed {
color: #FF0000;
line-height: 130%;
}

.ntextGray {
color: #999999;
line-height: 130%;
}

.mtext {
font-size: 85%;
line-height: 150%;
}

.mtextRed {
color: #FF0000;
font-size: 85%;
line-height: 130%;
}

.stext {
font-size: 80%;
line-height: 150%;
}

.stextWhite {
font-size: 80%;
color: #FFFFFF;
line-height: 130%;
}

.stextGray {
font-size: 80%;
color: #666666;
line-height: 130%;
}

a:link {
color: #3366CC;
text-decoration: none;
}

a:visited {
color: #9900cc;
text-decoration: none;
}

a:hover {
color: #3366CC;
text-decoration: underline;
}

a:active {
color: #3366CC;
text-decoration: none;
}

a[name]:hover {
background: transparent;
color: #000000;
}

a.ntextWhite:link,
a.stextWhite:link {
color: #FFFFFF;
text-decoration: none;
}

a.ntextWhite:visited,
a.stextWhite:visited {
color: #FFFFFF;
text-decoration: none;
}

a.ntextWhite:hover,
a.stextWhite:hover {
color: #FFFFFF;
text-decoration: underline;
}

a.ntextWhite:active,
a.stextWhite:active {
color: #FFFFFF;
text-decoration: none;
}

#contents hr {
display: none;
}

#contents p {
margin: 0;
padding: 0 0 1em 0;
}


#contents form {
margin: 0;
padding: 0;
}

#contents input,
textarea,
select {
font-size: 85%;
line-height: 130%;
}


/*
-----------------------------------------------------
BASIC LAYOUT
-----------------------------------------------------
*/

#wrapper01 {
width: 770px;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0 auto;
padding: 0;
background: #FFFFFF url("../images/contents_bg01.gif") 0 0 repeat-y;
}

#wrapper02 {
position: relative;
width: 760px;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0;
padding: 0 5px 0 5px;
background: transparent url("../images/contents_bg02.gif") 0 0 no-repeat;
text-align: left;
}

#headerArea {
width: 760px;
margin: 0;
padding: 0;
}
/*---- float hack start ----*/
#headerArea:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#headerArea {display: inline-block;}
/* Hides from IE-mac \*/
* html #headerArea {height: 1%;}
#headerArea {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


#headerLeft {
float: left;
width: 317px;
margin: 0;
padding: 24px 0 19px 13px;
background: #FFFFFF url("../images/holdings_logo_bg.gif") 0 0 repeat-y;
}

#headerRight {
float: right;
width: 420px;
margin: 0;
padding: 15px 10px 0 0;
text-align: right;
}

#gnaviArea {
width: 760px;
margin: 0;
padding: 0 0 10px 0;
}

#gnaviAreaTop {
width: 760px;
margin: 0;
padding: 0;
}

#mainImageArea {
width: 760px;
margin: 0;
padding: 0 0 20px 0;
}

#breadCrumbArea {
width: 720px;
margin: 0;
padding: 0 20px 15px 20px;
}
/*---- float hack start ----*/
#breadCrumbArea:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#breadCrumbArea {display: inline-block;}
/* Hides from IE-mac \*/
* html #breadCrumbArea {height: 1%;}
#breadCrumbArea {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


#breadCrumbAreaLeft {
float: left;
width: 570px;
margin: 0;
padding: 0;
}


#breadCrumbAreaRight {
float: right;
width: 150px;
margin: 0;
padding: 0;
}

#contentsArea {
width: 720px;
margin: 0;
padding: 0 20px 0 20px;
}
/*---- float hack start ----*/
#contentsArea:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contentsArea {display: inline-block;}
/* Hides from IE-mac \*/
* html #contentsArea {height: 1%;}
#contentsArea {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


#contentsLeft {
float: left;
width: 200px;
margin: 0;
padding: 0;
}

#contentsRight {
float: right;
width: 500px;
margin: 0;
padding: 0 0 35px 0;
}

#contentsAreaTop {
width: 720px;
margin: 0;
padding: 0 20px 25px 20px;
border-bottom: 2px solid #EEEEEE;
}
/*---- float hack start ----*/
#contentsAreaTop:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#contentsAreaTop {display: inline-block;}
/* Hides from IE-mac \*/
* html #contentsAreaTop {height: 1%;}
#contentsAreaTop {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


#contentsLeftTop {
float: left;
width: 500px;
margin: 0;
padding: 5px 0 0 0;
}

#contentsRightTop {
float: right;
width: 200px;
margin: 0;
padding: 0;
}

#topLinkArea {
width: 720px;
margin: 0;
padding: 0 20px 25px 20px;
border-bottom: 2px solid #EEEEEE;
text-align: right;
}

#footerArea {
width: 760px;
margin: 0;
padding: 0 0 10px 0;
border-top: 1px solid #FF0000;
}
/*---- float hack start ----*/
#footerArea:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
#footerArea {display: inline-block;}
/* Hides from IE-mac \*/
* html #footerArea {height: 1%;}
#footerArea {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


#footerLeft {
float: left;
width: 393px;
margin: 0;
padding: 9px 0 0 7px;
}

#footerRight {
float: right;
width: 345px;
margin: 0;
padding: 5px 15px 0 0;
text-align: right;
}


/*
-----------------------------------------------------
HEADER AREA
-----------------------------------------------------
*/

#hlinkBox {
margin: 0;
padding: 0 0 10px 0;
}
/*---- float hack start ----*/
#hlinkBox:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#hlinkBox {display: inline-block;}
/* Hides from IE-mac \*/
* html #hlinkBox {height: 1%;}
#hlinkBox {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


ul#hlinkList {
float: right;
list-style: none;
margin: 0;
padding: 0;
font-size: 10px;
}
/*---- float hack start ----*/
ul#hlinkList:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul#hlinkList {display: inline-block;}
/* Hides from IE-mac \*/
* html ul#hlinkList {height: 1%;}
ul#hlinkList {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


ul#hlinkList li {
float: left;
margin: 0;
padding: 0 3px 0 3px;
border-right: 1px solid #000000;
}

ul#hlinkList li.list01 {
width: 77px;
}

ul#hlinkList li.list02 {
width: 77px;
}

ul#hlinkList li.list03 {
width: 77px;
}

ul#hlinkList li.listEnd {
border-right: none;
width: 54px;
}

ul#hlinkList li img {
vertical-align: bottom;
}

#searchBox {
padding: 0 10px 0 0;
}

#searchBox p {
margin: 0;
padding: 0;
line-height: 100%;
}

#searchBox input {
vertical-align: middle;
}

#searchBox input.type01 {
width: 150px;
margin: 0 6px 0 0;
padding: 2px;
border-top: 1px solid #999999;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #999999;
font-size: 90%;
}


/*
-----------------------------------------------------
GLOBALNAVI AREA
-----------------------------------------------------
*/

ul#gnaviList {
list-style: none;
margin: 0;
padding: 0 0 5px 0;
background: #FFFFFF url("../images/gnavi_bg.gif") bottom left repeat-x;
}
/*---- float hack start ----*/
ul#gnaviList:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul#gnaviList {display: inline-block;}
/* Hides from IE-mac \*/
* html ul#gnaviList {height: 1%;}
ul#gnaviList {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


ul#gnaviListTop {
list-style: none;
margin: 0;
padding: 0;
}
/*---- float hack start ----*/
ul#gnaviListTop:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul#gnaviListTop {display: inline-block;}
/* Hides from IE-mac \*/
* html ul#gnaviListTop {height: 1%;}
ul#gnaviListTop {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


ul#gnaviList li,
ul#gnaviListTop li {
float: left;
margin: 0;
padding: 0;
}

ul#gnaviList li img,
ul#gnaviListTop li img {
vertical-align: bottom;
}

/*
-----------------------------------------------------
LOCALNAVI AREA
-----------------------------------------------------
*/

#lnaviArea {
width: 180px;
margin: 0;
padding: 5px 10px 15px 10px;
background: #EEEEEE;
}

ul#lnaviList {
list-style: none;
margin: 0;
padding: 0;
}

ul#lnaviList li {
margin: 0;
padding: 0 0 2px 0;
background: transparent url("../images/lnavi_separator.gif") left bottom no-repeat;
}

ul#lnaviList li img {
vertical-align: bottom;
}

ul#lnaviList li ul {
list-style: none;
margin: 0;
padding: 0 0 10px 0;
font-size: 85%;
}

ul#lnaviList li ul li {
width: 180px;
background: none;
}

ul#lnaviList li ul li a {
display: block;
margin: 0;
padding: 1px 0 1px 18px;
background: #EEEEEE url("../images/lnavi_3rd_arrow.gif") 10px 0.5em no-repeat;
color: #333333;
line-height: 130%;
text-decoration: none;
}

ul#lnaviList li ul li a:hover {
background: #EEEEEE url("../images/lnavi_3rd_arrow_r.gif") 10px 0.5em no-repeat;
text-decoration: underline;
}

ul#lnaviList li ul li a.current {
display: block;
padding: 1px 0 1px 18px;
background: #FFFFFF url("../images/lnavi_3rd_square.gif") 10px 0.5em no-repeat;
color: #333333;
line-height: 130%;
text-decoration: none;
}

ul#lnaviList li ul li a.current:hover {
background: #FFFFFF url("../images/lnavi_3rd_square.gif") 10px 0.5em no-repeat;
text-decoration: underline;
}

.lnaviBanner {
margin: 0;
padding: 15px 0 0 0;
text-align: center;
}


/*
-----------------------------------------------------
BREADCRUMB AREA
-----------------------------------------------------
*/

#breadCrumbAreaLeft p {
margin: 0;
padding: 0;
font-size: 85%;
}

#breadCrumbAreaLeft a {
color: #666666;
text-decoration: underline;
}

#breadCrumbAreaLeft p span.arrow {
color: #666666;
}

#breadCrumbAreaRight dl {
position: relative;
height: 17px;
margin: 0;
padding: 0;
font-size: 10px;
}

#breadCrumbAreaRight dt {
position: absolute;
top: 0;
right: 47px;
display: block;
width: 87px;
height: 17px;
margin: 0;
padding: 0;
background: transparent url("../images/fontsize.gif") 0 0 no-repeat;
text-indent: -9999px;
}

#breadCrumbAreaRight dd a#large{
position: absolute;
top: 0;
right: 22px;
display: block;
width: 20px;
height: 17px;
margin: 0;
padding: 0;
background: transparent url("../images/fontsize_large.gif") 0 0 no-repeat;
text-indent: -9999px;
text-decoration: none;
}

#breadCrumbAreaRight dd a#middle{
position: absolute;
top: 0;
right: 0;
display: block;
width: 20px;
height: 17px;
margin: 0;
padding: 0;
background: transparent url("../images/fontsize_middle.gif") 0 -17px no-repeat;
text-indent: -9999px;
text-decoration: none;
}

#breadCrumbAreaRight dd a#large:hover,
#breadCrumbAreaRight dd a#middle:hover {
background-position: 0 -17px;
}


/*
-----------------------------------------------------
CONTENTS AREA
-----------------------------------------------------
*/





/*
-----------------------------------------------------
FOOTER AREA
-----------------------------------------------------
*/

ul#flinkList {
list-style: none;
margin: 0;
padding: 0;
font-size: 10px;
}
/*---- float hack start ----*/
ul#flinkList:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul#flinkList {display: inline-block;}
/* Hides from IE-mac \*/
* html ul#flinkList {height: 1%;}
ul#flinkList {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


ul#flinkList li {
float: left;
margin: 0;
padding: 0 3px 0 3px;
border-right: 1px solid #000000;
}

ul#flinkList li.listEnd {
border-right: none;
}

ul#flinkList li img {
vertical-align: bottom;
}


/*
-----------------------------------------------------
TOP PAGE
-----------------------------------------------------
*/

ul#whatsNewList {
list-style: none;
width: 500px;
margin: 0;
padding: 8px 0 0 0;
border-bottom: 1px solid #CCCCCC;
}
/*---- float hack start ----*/
ul#whatsNewList:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul#whatsNewList {display: inline-block;}
/* Hides from IE-mac \*/
* html ul#whatsNewList {height: 1%;}
ul#whatsNewList {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


ul#whatsNewList li {
float: left;
margin: 0;
padding: 0 5px 0 0;
}

ul#whatsNewList li a {
display: block;
width: 70px;
height: 19px;
text-decoration: none;
text-indent: -9999px;
}

ul#whatsNewList li a#all{
background: transparent url("../images/whats_all.gif") 0 -19px no-repeat;
}

ul#whatsNewList li a#ir{
background: transparent url("../images/whats_ir.gif") 0 0 no-repeat;
}

ul#whatsNewList li a#corporate{
background: transparent url("../images/whats_corporate.gif") 0 0 no-repeat;
}

ul#whatsNewList li a#service{
background: transparent url("../images/whats_service.gif") 0 0 no-repeat;
}

ul#whatsNewList li a#other{
background: transparent url("../images/whats_other.gif") 0 0 no-repeat;
}

ul#whatsNewList li a#all:hover,
ul#whatsNewList li a#ir:hover,
ul#whatsNewList li a#corporate:hover,
ul#whatsNewList li a#service:hover,
ul#whatsNewList li a#other:hover {
background-position: 0 -19px;
}

#whatsNewArea {
width: 580px;
margin: 0;
padding: 0;
font-size: 100%;
}

#whatsNewArea a{
color: #333333;
text-decoration: underline;
}

.typeNormal {
width: 580px;
margin: 0;
padding: 7px 0 7px 0;
background: transparent url("../images/dot_line02.gif") left bottom repeat-x;
}
/*---- float hack start ----*/
.typeNormal:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.typeNormal {display: inline-block;}
/* Hides from IE-mac \*/
* html .typeNormal {height: 1%;}
.typeNormal {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/

.typeNormal dt {
float: left;
width: 120px;
margin: 0;
padding: 0;
font-weight: bold;
line-height: 130%;
}

.typeNormal dd {
float: right;
width: 460px;
margin: 0;
padding: 0;
line-height: 130%;
}

.typeIR {
width: 580px;
margin: 0;
padding: 7px 0 7px 0;
background: transparent url("../images/dot_line02.gif") left bottom repeat-x;
}
/*---- float hack start ----*/
.typeIR:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.typeIR {display: inline-block;}
/* Hides from IE-mac \*/
* html .typeIR {height: 1%;}
.typeIR {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


.typeIR dt {
float: left;
width: 110px;
margin: 0;
padding: 0;
font-weight: bold;
line-height: 130%;
}

.typeIR dd {
float: right;
width: 410px;
min-height: 15px;
margin: 0;
padding: 0 50px 0 0;
background: transparent url("../images/type_ir.gif") right top no-repeat;
line-height: 130%;
}
/* Hides from IE-mac \*/
*html .typeIR dd {height: 15px;}
/* End hide from IE-mac */


.typeCorporate {
width: 580px;
margin: 0;
padding: 7px 0 7px 0;
background: transparent url("../images/dot_line02.gif") left bottom repeat-x;
}
/*---- float hack start ----*/
.typeCorporate:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.typeCorporate {display: inline-block;}
/* Hides from IE-mac \*/
* html .typeCorporate {height: 1%;}
.typeCorporate {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/


.typeCorporate dt {
float: left;
width: 110px;
margin: 0;
padding: 0;
font-weight: bold;
line-height: 130%;
}

.typeCorporate dd {
float: right;
width: 410px;
min-height: 15px;
margin: 0;
padding: 0 50px 0 0;
background: transparent url("../images/type_corporate.gif") right top no-repeat;
line-height: 130%;
}
/* Hides from IE-mac \*/
*html .typeCorporate dd {height: 15px;}
/* End hide from IE-mac */


.typeService {
width: 580px;
margin: 0;
padding: 7px 0 7px 0;
background: transparent url("../images/dot_line02.gif") left bottom repeat-x;
}
/*---- float hack start ----*/
.typeService:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.typeService {display: inline-block;}
/* Hides from IE-mac \*/
* html .typeService {height: 1%;}
.typeService {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/

.typeService dt {
float: left;
width: 110px;
margin: 0;
padding: 0;
font-weight: bold;
line-height: 130%;
}

.typeService dd {
float: right;
width: 410px;
min-height: 15px;
margin: 0;
padding: 0 50px 0 0;
background: transparent url("../images/type_service.gif") right top no-repeat;
line-height: 130%;
}
/* Hides from IE-mac \*/
*html .typeService dd {height: 15px;}
/* End hide from IE-mac */


.typeOther {
width: 580px;
margin: 0;
padding: 7px 0 7px 0;
background: transparent url("../images/dot_line02.gif") left bottom repeat-x;
}
/*---- float hack start ----*/
.typeOther:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.typeOther {display: inline-block;}
/* Hides from IE-mac \*/
* html .typeOther {height: 1%;}
.typeOther {display: block;}
/* End hide from IE-mac */
/*---- float hack end ----*/

.typeOther dt {
float: left;
width: 110px;
margin: 0;
padding: 0;
font-weight: bold;
line-height: 130%;
}

.typeOther dd {
float: right;
width: 410px;
min-height: 15px;
margin: 0;
padding: 0 50px 0 0;
background: transparent url("../images/type_other.gif") right top no-repeat;
line-height: 130%;
}
/* Hides from IE-mac \*/
*html .typeOther dd {height: 15px;}
/* End hide from IE-mac */


#backNumberAll,
#backNumberIR,
#backNumberCorporate,
#backNumberService,
#backNumberOther {
width: 500px;
margin: 0;
padding: 10px 0 0 0;
font-size: 85%;
text-align: right;
}

#backNumberIR,
#backNumberCorporate,
#backNumberService,
#backNumberOther {
display: none;
}

#backNumberAll a,
#backNumberIR a,
#backNumberCorporate a,
#backNumberService a,
#backNumberOther a {
color: #333333;
text-decoration: underline;
}

#irNewsArea {
width: 180px;
margin: 0;
padding: 5px 10px 10px 10px;
background: #EEEEEE;
font-size: 85%;
}

ul#irNewsList {
list-style: none;
margin: 0;
padding: 0;
}

ul#irNewsList li {
margin: 0;
padding: 7px 0 7px 0;
background: transparent url("../images/dot_line02.gif") left bottom repeat-x;
line-height: 130%;
}

ul#irNewsList li a {
color: #333333;
text-decoraiton: none;
}

ul#irNewsList li a:hover {
color: #333333;
text-decoraiton: underline;
}

.topBanner {
margin: 0;
padding: 10px 0 0 0;
text-align: center;
}