@charset "utf-8";
/*  company setting 
/*----------------------------------------------------------
section
----------------------------------------------------------*/

/*---------- greeting ----------*/
#autograph {
float:              right;
display:            block;
margin-bottom:      30px;
}


/*---------- PROFILE ----------*/
#profile tr > * {
    line-height:    1.8em;
    vertical-align: top;
}
/*---------- group ----------*/
#group .thumbText {
    line-height:    1em;
    font-size:      1.3rem;
}
#group .thumbText dd:nth-last-child(1) {
    width:      170px;
}

/*---------- CI ----------*/
#ci_symbol {
    position:       relative;
    width:          980px;
    margin:         0 auto;
    text-align:     center;
}
#ci_02_01 {
    position:       absolute;
    width:          235px;
    top:            125px;
    left:           0;
}
#ci_02_02 {
    position:       absolute;
    width:          235px;
    top:            140px;
    right:          0;
}
#ci_02_03 {
    display:        table;
    width:          700px;
    margin:         0 auto;
}
#ci_02_03 > * {
    display:        table-cell;
    width:          auto;
}
#ci_02_03 p {
    display:        inline-block;
    width:          auto;
    margin-left:    20px;
}
#ci_symbol p {
    padding-top:    30px;
    font-size:      1.3rem;
    line-height:    1.846;
    letter-spacing: 0.07em;
}

/*slider*/
.ci_slider {
    width:               980px;
    position:            relative;
    background-repeat:   no-repeat;
    background-position: center left,
                         center right;
}
.ci_slider_number {
    font-size:     222px;
    font-style:    italic;
    color:         #ececec;
    font-family:   "Times New Roman";
    position:       absolute;
    right:          30px;
    top:            -30px;
    z-index:        2;
}
.ci_slider h4 {
    position:       relative;
    text-align:     center;
    margin-bottom:  40px;
    z-index:        3;
}
.ci_slider_text {
    position:       relative;
    font-size:      1.8rem;
    text-align:     center;
    line-height:    1.889;
    z-index:        3;
}
#sliderMarker {
    display:        table;
    margin:         30px auto 0 auto;
}
#sliderMarker a {
    display:        table-cell;
    padding:        0 5px;
    width:          30px;
    height:         30px;
    background:     url(/module/img/common/sliderMarker_off.png)
                    no-repeat
                    center
                    bottom;
}
#sliderMarker a:hover, #sliderMarker a.active {
    background-image: url(/module/img/common/sliderMarker_on.png);
}

.outside {
    position:       relative;
    width:          980px;
    height:         10px;
    margin:         0 auto;
}
.outside div {
    height:         40px;
    position:       absolute;
    top:            -185px;
    width:          40px;
    z-index:        2;
}
.outside #slider-prev {
    left:           0px;
}
.outside #slider-next {
    right:          0px;
}
.outside div a {
    display:        block;
    height:         100%;
    margin:         0 auto;
    width:          100%;
	text-indent:    -9999px;
}
.outside #slider-prev a {
    background-image:      url("/module/img/common/slider_left.png");
}
.outside #slider-next a {
    background-image:      url("/module/img/common/slider_right.png");
}
.outside #slider-prev a,
.outside #slider-next a {
    background-repeat:     no-repeat;
    background-attachment: scroll;
    background-color:      transparent;
    background-position:   left
                           0;
}



/*---------- history ----------*/
#stage_pos {
    float:          right;
    position:       fixed;
    display:        block;
    text-align:     right;
    top:            150px;
    left:          0;
    z-index:        2;
}
#stage_pos a {
    display:        block;
    text-align:     right;
}
#stage_pos img {
    width:          100%;
    padding:        0;
    display:        block;
}
ul.history_list {
    position:       relative;
    width:          980px;
    margin:         0 auto;
    margin-top:     27px;
    margin-bottom:  27px;
    background:     url(/module/img/company/history/history_list_bg.png)
                    repeat-y
                    center;
}
ul.history_list li {
    position:       absolute;
    min-width:      430px;
}
ul.history_list p {
    display:        block;
    float:          left;
}
ul.history_list h4 {
    display:        table-cell;
    min-width:      150px;
    height:         50px;
    font-size:      1.5rem;
    font-weight:    bold;
    line-height:    1.867;
    letter-spacing: 0.04em;
    vertical-align: middle;
}
ul.history_list h4.type2 {
    display:        table-cell;
    min-width:      150px;
    height:         50px;
    padding-bottom: 20px;
    font-size:      1.5rem;
    font-weight:    bold;
    line-height:    1.867;
    letter-spacing: 0.04em;
    vertical-align: middle;
}
ul.history_list h4.type3 {
    display:        table-cell;
    min-width:      150px;
    padding-bottom: 20px;
    font-size:      1.5rem;
    font-weight:    bold;
    line-height:    1.467;
    letter-spacing: 0.04em;
}
ul.history_list h4.type3 span {
    margin-left:    0;
    padding-top:    20px;
    font-size:      1.5rem;
    font-weight:    bold;
    line-height:    1.467;
    letter-spacing: 0.04em;
}
ul.history_list span {
    display:        block;
    margin-left:    62px;
    font-size:      1.3rem;
    font-weight:    bold;
    line-height:    1.692;
    letter-spacing: 0.04em;
}
img.month {
    display:        block;
    float:          left;
    margin-right:   15px;
}
.hi_2001_img, .hi_2003_img, .hi_2005_img, .hi_2007_img, .hi_2009_img, .hi_2011_img, .hi_2013_img {
    left:           35px;
    top:            -120px;
}
.hi_2002_img, .hi_2004_img, .hi_2006_img, .hi_2008_img, .hi_2010_img, .hi_2012_img,.hi_2014_img {
    left:           710px;
    top:            -120px;
}
/*2000*/
.hi_2000_img1 { left: 686px; top: -25px; }
.hi_2000_03 { top:  40px;    width: 400px; }
.hi_2000_09 { left: 570px;   top: 150px; }
.hi_2000_10 {
    top: 208px;
}
/*2001*/
.hi_2001_12 { left: 570px;   top:  42px; }
/*2002*/
.hi_2002_10 { top:  43px;    width: 440px; }
h2.stage2,
h2.stage3,
h2.stage4 {
    margin-top:     -30px;
    display:        block;
}
/*2003*/
.hi_2003_01 { left: 570px;   top:  40px; }
.hi_2003_04 { left:  35px;   top: 130px; }
.hi_2003_05 { left: 570px;   top: 160px; }
.hi_2003_06 { left:  35px;   top: 210px; }
.hi_2003_08 { left: 570px;   top: 260px; }
.hi_2003_09 { left:  35px;   top: 310px; }
.hi_2003_10 { left: 570px;   top: 360px; }
.hi_2003_11 { left:  35px;   top: 460px; }
.hi_2003_12 { left: 570px;   top: 460px; }
/*2004*/
.hi_2004_01 { left:  35px;   top:  40px; }
.hi_2004_05 { left:  35px;   top: 194px; }
.hi_2004_07 { left:  35px;   top: 301px; }
.hi_2004_10 { left:  35px;   top: 408px; }
.hi_2004_03 { left: 570px;   top: 120px; }
.hi_2004_06 { left: 570px;   top: 276px; }
.hi_2004_12 { left: 570px;   top: 444px; }
/*2005*/
.hi_2005_03 { left:  35px;   top: 180px; }
.hi_2005_06 { left:  35px;   top: 289px; }
.hi_2005_09 { left:  35px;   top: 396px; }
.hi_2005_01 { left: 570px;   top:  43px; }
.hi_2005_05 { left: 570px;   top: 242px; }
.hi_2005_08 { left: 570px;   top: 387px; }
.hi_2005_11 { left: 570px;   top: 494px; }
/*2006*/
.hi_2006_02 { left:  35px;   top:  44px; }
.hi_2006_09 { left:  35px;   top: 242px; }
.hi_2006_12 { left:  35px;   top: 386px; }
.hi_2006_07 { left: 570px;   top: 177px; }
/*2007*/
.hi_2007_01 { left: 570px;   top:  40px; }
.hi_2007_02 { left:  35px;   top: 130px; }
.hi_2007_05 { left: 570px;   top: 160px; }
.hi_2007_07 { left:  35px;   top: 230px; }
.hi_2007_10 { left: 570px;   top: 280px; }
.hi_2007_11 { left:  35px;   top: 370px; }
/*2008*/
.hi_2008_01 { left:  35px;   top:  42px; }
.hi_2008_04 { left: 570px;   top: 82px; }
.hi_2008_05 { left:  35px;   top: 132px; }
.hi_2008_12 { left: 570px;  top: 172px; }
/*2009*/
.hi_2009_01 { left: 570px;   top:  39px; }
.hi_2009_02 { left:  35px;   top: 127px; }
.hi_2009_03 { left: 570px;   top: 147px; }
.hi_2009_04 { left:  35px;   top: 234px; }
.hi_2009_07 { left: 570px;   top: 254px; }
/*2010*/
.hi_2010_03 { left:  35px;   top:  41px; }
.hi_2010_07 { left:  35px;   top: 149px; }
.hi_2010_10 { left: 570px;   top: 149px; }
/*2011*/
.hi_2011_03 { left: 570px;   top:  48px; }
.hi_2011_10 { left:  35px;   top: 154px; }
.hi_2011_11 { left: 570px;   top: 154px; }
/*2012*/
.hi_2012_01 { left:  35px;   top:  40px; }
.hi_2012_04 { left:  35px;   top: 148px; }
.hi_2012_06 { left: 570px;   top: 148px; }
.hi_2012_09 { left:  35px;   top: 257px; }
.hi_2012_10 { left: 570px;   top: 257px; }
/*2013*/
.hi_2013_03 { left: 570px;   top:  40px; }
.hi_2013_07 { left:  35px;   top: 148px; }
.hi_2013_09 { left: 570px;   top: 148px; }
.hi_2013_10 { left:  35px;   top: 255px; }

/*2014*/
.hi_2014_07 { left:  35px;   top:  40px; }
.hi_2014_08 { left:  570px;  top: 60px; }
.hi_2014_11 { left:  35px;   top: 130px; }
.hi_2014_12 { left: 570px;   top: 158px; }
/*2015*/
.hi_2015_03 { left:  570px;   top:  40px; }
.hi_2015_06 { left:  35px;  top: 130px; }
.hi_2015_07 { left:  570px;   top: 150px; }
.hi_2015_07 span { margin-top: -10px;}
.hi_2015_09 { left: 35px;   top: 250px; }
.hi_2015_10 { left: 570px;   top: 290px; }
/*2016*/
.hi_2016_01 { left:  35px;   top: 30px; }
.hi_2016_03 { left:  570px;   top: 120px; }
.hi_2016_04 { left:  35px;   top: 160px; }
.hi_2016_07 { left:  570px;   top: 220px; }
.hi_2016_10 { left:  35px;   top: 260px; }
/*2017*/
.hi_2017_01 { left:  570px;   top: 30px; }
.hi_2017_03 { left:  35px;   top: 130px; }
.hi_2017_03-01 { left:  570px;   top: 150px; }
.hi_2017_04 { left:  35px;   top: 230px; }
.hi_2017_10 { left:  570px;   top: 260px; }
/*2018*/
.hi_2018_03 { left:  35px;   top: 30px; }
.hi_2018_08 { left:  570px;   top: 130px; }
.hi_2018_09 { left:  35px;   top: 180px; }
/*2019*/
.hi_2019_01 { left:  570px;   top: 30px; }
.hi_2019_05 { left:  35px;   top: 100px; }
.hi_2019_08 { left:  570px;   top: 130px; }
.hi_2019_12 { left:  35px;   top: 200px; }
.hi_2019_12-01 { left:  570px;   top: 240px; }
/*2020*/
.hi_2020_01 { left:  35px;   top: 30px; }
.hi_2020_01 a { margin-left: 62px; font-size: 14px; text-decoration: underline;}
.hi_2020_01 a:hover{ opacity: .6;}
.hi_2020_03 { left:  570px;   top: 120px; }
.hi_2020_03-01 { left:  35px;   top: 140px; }
.hi_2020_04 { left:  570px;   top: 210px; }
.hi_2020_07 { left:  35px;   top: 250px; }
.hi_2020_08 { left:  570px;   top: 300px; }