.font-thin { font-weight: 100; }

/* -- margin padding -- */
.mb0 { margin-bottom: 0 !important; }

.mb3 { margin-bottom: 3px !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb60 { margin-bottom: 60px !important; }

.mb70 { margin-bottom: 70px !important; }

.mb80 { margin-bottom: 80px !important; }

.mb90 { margin-bottom: 90px !important; }

.mb100 { margin-bottom: 100px !important; }

.mb110 { margin-bottom: 110px !important; }

.mb120 { margin-bottom: 120px !important; }

.mb130 { margin-bottom: 130px !important; }

.mb140 { margin-bottom: 140px !important; }

.mb150 { margin-bottom: 150px !important; }

.mb160 { margin-bottom: 160px !important; }

.mb170 { margin-bottom: 170px !important; }

.mb180 { margin-bottom: 180px !important; }

.mb190 { margin-bottom: 190px !important; }

.mb200 { margin-bottom: 200px !important; }

.mt0 { margin-top: 0 !important; }

.mt3 { margin-top: 3px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt50 { margin-top: 50px !important; }

.mt60 { margin-top: 60px !important; }

.mt70 { margin-top: 70px !important; }

.mt80 { margin-top: 80px !important; }

.mt90 { margin-top: 90px !important; }

.mt100 { margin-top: 100px !important; }

.mt-3 { margin-top: -3px !important; }

.mt-5 { margin-top: -5px !important; }

.mt-10 { margin-top: -10px !important; }

.mt-15 { margin-top: -15px !important; }

.mt-20 { margin-top: -20px !important; }

.mt-25 { margin-top: -25px !important; }

.mt-30 { margin-top: -30px !important; }

.mt-35 { margin-top: -35px !important; }

.mt-40 { margin-top: -40px !important; }

.mt-50 { margin-top: -50px !important; }

.mt-60 { margin-top: -60px !important; }

.mt-70 { margin-top: -70px !important; }

.mt-80 { margin-top: -80px !important; }

.mt-90 { margin-top: -90px !important; }

.mt-100 { margin-top: -100px !important; }

.mt-110 { margin-top: -110px !important; }

.mt-120 { margin-top: -120px !important; }

.mt-130 { margin-top: -130px !important; }

.mt-140 { margin-top: -140px !important; }

.mt-150 { margin-top: -150px !important; }

.mt-160 { margin-top: -160px !important; }

.mt-170 { margin-top: -170px !important; }

.mt-180 { margin-top: -180px !important; }

.mt-190 { margin-top: -190px !important; }

.mt-200 { margin-top: -200px !important; }

.mr0 { margin-right: 0 !important; }

.mr3 { margin-right: 3px !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

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

.mr60 { margin-right: 60px !important; }

.mr70 { margin-right: 70px !important; }

.mr80 { margin-right: 80px !important; }

.mr90 { margin-right: 90px !important; }

.mr100 { margin-right: 100px !important; }

.ml0 { margin-left: 0 !important; }

.ml3 { margin-left: 3px !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

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

.ml60 { margin-left: 60px !important; }

.ml70 { margin-left: 70px !important; }

.ml80 { margin-left: 80px !important; }

.ml90 { margin-left: 90px !important; }

.ml100 { margin-left: 100px !important; }

.pb0 { padding-bottom: 0 !important; }

.pb3 { padding-bottom: 3px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb80 { padding-bottom: 80px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb100 { padding-bottom: 100px !important; }

.pt0 { padding-top: 0 !important; }

.pt3 { padding-top: 3px !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt50 { padding-top: 50px !important; }

.pt60 { padding-top: 60px !important; }

.pt70 { padding-top: 70px !important; }

.pt80 { padding-top: 80px !important; }

.pt90 { padding-top: 90px !important; }

.pt100 { padding-top: 100px !important; }

.pl0 { padding-left: 0 !important; }

.pl3 { padding-left: 3px !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl60 { padding-left: 60px !important; }

.pl70 { padding-left: 70px !important; }

.pl80 { padding-left: 80px !important; }

.pl90 { padding-left: 90px !important; }

.pl100 { padding-left: 100px !important; }

.pr0 { padding-right: 0 !important; }

.pr3 { padding-right: 3px !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr60 { padding-right: 60px !important; }

.pr70 { padding-right: 70px !important; }

.pr80 { padding-right: 80px !important; }

.pr90 { padding-right: 90px !important; }

.pr100 { padding-right: 100px !important; }

/* -- layout -- */
.f_left { float: left; }

.f_right { float: right; }

.t_center { text-align: center !important; }

.t_right { text-align: right !important; }

.t_left { text-align: left !important; }

.clear { clear: both; }

.hide { display: none; }

#wrapper.history { position: relative; width: 100%; height: auto; }
#wrapper.history article { display: block; width: 100%; height: auto; min-height: 100%; background: #FFF; }
#wrapper.history article section { width: 100%; height: 672px; position: relative; /******** main ********/ /******** about ********/ /******** work ********/ /******** bottom ********/ }
#wrapper.history article section .section-container { display: block; width: 960px; height: 478px; position: absolute; top: 50%; left: 50%; margin-left: -480px; margin-top: -239px; }
#wrapper.history article section.main { height: 100%; height: 90px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
#wrapper.history article section.main .section-container { width: 924px;
    height: auto;
    margin: 0 auto;
    position: relative; }

#wrapper.history article section.main .section-container h1 {
    font-size: 3em;
    font-weight: 100;
    line-height: 1em;
    padding: 78px 0 89px 0;
}

#wrapper.history article section.time-line { text-align: center; height: auto; }
#wrapper.history article section.time-line .section-container { width: 750px; height: auto; margin: 0 auto; position: relative; top: 0; left: 0; padding: 0; padding-top: 146px; padding-bottom: 120px; }
#wrapper.history article section.time-line .section-container #time-line-nav { width: 750px; position: absolute; top: 0; left: 50%; margin-left: -375px; background: #FFF; z-index: 6; display: none; }
#wrapper.history article section.time-line .section-container #time-line-nav li { width: 374px; height: 128px; float: left; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; position: relative; cursor: pointer; background-size: cover; margin-left: 2px; margin-bottom: 2px; }
#wrapper.history article section.time-line .section-container #time-line-nav li:after { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background-repeat: no-repeat; opacity: 0; -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#wrapper.history article section.time-line .section-container #time-line-nav li.year1955 { margin-left: 0; background-image: url(../images/history/bg_navi_1955Over.png); }
#wrapper.history article section.time-line .section-container #time-line-nav li.year1955:after { background-image: url(../images/history/bg_navi_1955Over_on.png); }
#wrapper.history article section.time-line .section-container #time-line-nav li.year1970 { background-image: url(../images/history/bg_navi_1970Over.png); }
#wrapper.history article section.time-line .section-container #time-line-nav li.year1970:after { background-image: url(../images/history/bg_navi_1970Over_on.png); }
#wrapper.history article section.time-line .section-container #time-line-nav li.year1990 { margin-left: 0; background-image: url(../images/history/bg_navi_1990Over.png); }
#wrapper.history article section.time-line .section-container #time-line-nav li.year1990:after { background-image: url(../images/history/bg_navi_1990Over_on.png); }
#wrapper.history article section.time-line .section-container #time-line-nav li.year2000 { background-image: url(../images/history/bg_navi_2000Over.png); }
#wrapper.history article section.time-line .section-container #time-line-nav li.year2000:after { background-image: url(../images/history/bg_navi_2000Over_on.png); }
#wrapper.history article section.time-line .section-container #time-line-nav li.active { cursor: default; }
#wrapper.history article section.time-line .section-container #time-line-nav li.active:after { opacity: 1; }
#wrapper.history article section.time-line .section-container #time-line-nav.move { position: fixed; }
#wrapper.history article section.time-line .section-container #time-line-btns { width: 750px; position: absolute; top: 0; left: 50%; margin-left: -375px; background: #FFF; z-index: 5; width: 750px; height: 128px; }
#wrapper.history article section.time-line .section-container #time-line-btns ul { display: block; width: 750px; position: relative; width: 750px; height: 128px; }
#wrapper.history article section.time-line .section-container #time-line-btns ul li { width: 750px; height: 128px; float: left; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; position: relative; cursor: pointer; background-size: cover; position: absolute; opacity: 0; -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#wrapper.history article section.time-line .section-container #time-line-btns ul li.year1955 { background-image: url(../images/history/bg_navi_1955Over_view.png); }
#wrapper.history article section.time-line .section-container #time-line-btns ul li.year1970 { background-image: url(../images/history/bg_navi_1970Over_view.png); }
#wrapper.history article section.time-line .section-container #time-line-btns ul li.year1990 { background-image: url(../images/history/bg_navi_1990Over_view.png); }
#wrapper.history article section.time-line .section-container #time-line-btns ul li.year2000 { background-image: url(../images/history/bg_navi_2000Over_view.png); }
#wrapper.history article section.time-line .section-container #time-line-btns ul li.active { cursor: default; opacity: 1; }
#wrapper.history article section.time-line .section-container #time-line-btns.move { position: fixed; margin-top: 90px; }
#wrapper.history article section.time-line .section-container .contents { width: 630px; margin: 0 auto; display: block; text-align: left; padding: 0; }
#wrapper.history article section.time-line .section-container .contents h2 { font-size: 1.9em; font-weight: 100; line-height: 1em; padding: 90px 0 90px 0; }
#wrapper.history article section.time-line .section-container .contents .time-line-section { margin-top: 30px; display: block; height: 766px; overflow: hidden; *zoom: 1; position: relative; overflow: hidden; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .line { position: absolute; top: 62px; left: 39px; width: 10px; height: 100%; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .line span { position: relative; display: block; width: 10px; height: 100%; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .line span img { display: block; visibility: top; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .line span:before { position: absolute; top: 0; left: 4px; content: ""; background-color: #4c4c4c; display: block; width: 2px; height: 100%; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .year { font-size: 1.6em; line-height: 1em; display: block; position: absolute; top: 0; left: 0; font-weight: 100; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .txt-box { width: 493px; margin-left: 137px; margin-top: -13px; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .txt-box h3 { font-size: 1.6em; font-weight: 200; line-height: 1.9em; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .txt-box p { font-size: 1.1em; font-weight: 100; line-height: 2.25em; margin-top: 65px; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .image-box { margin-top: 68px; width: 493px; margin-left: 137px; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .image-box .img { display: inline-block; width: 241px; text-align: left; }
#wrapper.history article section.time-line .section-container .contents .time-line-section .image-box .caption { margin-left: 20px; display: inline-block; width: 226px; text-align: left; font-size: 1.1em; font-weight: 100; line-height: 1.7em; }
#wrapper.history article section.time-line .section-container .contents .time-line-section.while .year { line-height: 1.4em; text-align: center; }
#wrapper.history article section.time-line .section-container .contents .time-line-section.while .line { top: 150px; }
#wrapper.history article section.time-line .section-container .contents .time-line-section.end { height: auto; }
#wrapper.history article section.time-line .section-container .contents .time-line-section.end .line span:before { display: none; }
#wrapper.history article section.work { text-align: center; height: auto; background-color: #f1f1f1; }
#wrapper.history article section.work .section-container { width: 630px; height: auto; margin: 0 auto; position: relative; top: 0; left: 0; padding: 127px 0 145px 0; text-align: left; display: block; }
#wrapper.history article section.work .section-container h2 { display: block; overflow: hidden; text-indent: -9999px; width: 421px; height: 34px; background: url("../images/history/tll_contents_list.png") no-repeat 0 0; background-size: cover; }
#wrapper.history article section.work .section-container .contents-list { margin-top: 52px; margin-left: -4px; overflow: hidden; *zoom: 1; }
#wrapper.history article section.work .section-container .contents-list li { width: 313px; height: 160px; margin: 4px 0 0 4px; float: left; }
#wrapper.history article section.work .section-container .contents-list li .list-btn { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; text-indent: -9999px; }
#wrapper.history article section.work .section-container .contents-list li.list-1 .list-btn { background-image: url(../images/history/bg_contents_list_thumb_1.jpg); }
#wrapper.history article section.work .section-container .contents-list li.list-2 .list-btn { background-image: url(../images/history/bg_contents_list_thumb_2.jpg); }
#wrapper.history article section.work .section-container .contents-list li.list-3 .list-btn { background-image: url(../images/history/bg_contents_list_thumb_3.jpg); }
#wrapper.history article section.work .section-container .contents-list li.list-4 .list-btn { background-image: url(../images/history/bg_contents_list_thumb_4.jpg); }
#wrapper.history article section.work .section-container .contents-list li.list-5 .list-btn { background-image: url(../images/history/bg_contents_list_thumb_5.jpg); }
#wrapper.history article section.work .section-container .contents-list li.list-6 .list-btn { background-image: url(../images/history/bg_contents_list_thumb_6.jpg); }
#wrapper.history article section.work .section-container .contents-list li.list-7 .list-btn { background-image: url(../images/history/bg_contents_list_thumb_7.jpg); }
#wrapper.history article section.work .section-container .contents-list li.list-8 .list-btn { background-image: url(../images/history/bg_contents_list_thumb_8.jpg); }
#wrapper.history article section.work .section-container .contents-list li.list-9 .list-btn { background-image: url(../images/history/bg_contents_list_thumb_9.jpg); }
#wrapper.history article section.work .section-container .contents-list li.list-10 .list-btn { background-image: url(../images/history/bg_contents_list_thumb_10.jpg); }
#wrapper.history article section.bottom { text-align: center; height: auto; background: #FFF; }
#wrapper.history article section.bottom .section-container { width: 750px; height: auto; position: relative; position: relative; top: 0; left: 0; margin: 0 auto; padding-bottom: 163px; text-align: left; }
#wrapper.history article section.bottom .section-container .top-link { display: block; width: 100%; position: relative; }
#wrapper.history article section.bottom .section-container .top-link img { display: block; }
#wrapper.history article .link-btn { margin-top: 48px; display: block; width: 414px; height: 78px; background-color: #FFF; border: solid 1px #4c4c4c; position: relative; -moz-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: background-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#wrapper.history article .link-btn img { display: block; position: absolute; top: 32px; left: 21px; -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
#wrapper.history article .link-btn img.over { opacity: 0; }
#wrapper.history article .link-btn .icon { display: block; position: absolute; width: 16px; height: 16px; top: 31px; right: 32px; }
#wrapper.history article .link-btn .icon .img-container { display: block; background: url(../images/common/icon_blankwindow.png); width: 16px; height: 16px; position: relative; }
#wrapper.history article .link-btn .icon .img-container:before { position: absolute; top: 0; left: 0; content: ""; display: block; width: 100%; height: 100%; background: url(../images/common/icon_blankwindow_on.png); -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; }
#wrapper.history article .link-btn:hover { background: #006cff; }
#wrapper.history article .link-btn:hover img.normal { opacity: 0; }
#wrapper.history article .link-btn:hover img.over { opacity: 1; }
#wrapper.history article .link-btn:hover .icon .img-container:before { opacity: 1; }

.header { display: none; }
.contact-to,
.pickup-links,
.pickup-links + hr,
.upto-pagetop {
	display: none !important;
}
#sp-footer {
	zoom: 200%;
	text-align: left;
}