@charset "UTF-8";
/* ************************************************************
Font styles for homepage 2016 0405 19:55 ver.5
************************************************************ */
#wrapper { background: none; }
#container { background: none; }
/* ************************************************************
Important Notice
************************************************************ */
#important-notice { width: 100%; text-align: center; margin: -10px 0 26px; }
#important-notice-inside { width: 980px; text-align: left; margin: 0 auto; box-sizing: border-box; padding-left: 40px; padding-right: 40px; }
body .stage #bodyarea.home .maincontents #important-notice-inside h2 { display: inline-block; color: #fff; font-size: 1rem; font-weight: bold; text-align: left; margin-bottom: 0; background-color: #841718; padding: 3px 20px 0; }
body .stage #bodyarea.home .maincontents #important-notice-inside h2 a,
body .stage #bodyarea.home .maincontents #important-notice-inside h2 a:link,
body .stage #bodyarea.home .maincontents #important-notice-inside h2 a:visited { color: #fff; text-decoration: none; }
body .stage #bodyarea.home .maincontents #important-notice-inside h2 a:hover { color: #fff; text-decoration: underline; background-color: transparent; }
#important-notice-inside ul { border: 1px solid #841718; box-sizing: border-box; list-style: none; padding-left: 5px; padding-right: 5px; }
#important-notice-inside ul li { display: table; width: 100%; border-bottom: 1px solid #F2DCDB; margin-bottom: 0 !important; }
#important-notice-inside ul li:last-child { border-bottom: none; }
#important-notice-inside ul li strong { font-size: 1rem; }
#important-notice-inside ul li a { display: table-cell; height: 2.5rem; vertical-align: middle; text-decoration: none !important; color: #841718; padding-top: 5px; padding-bottom: 5px; }
#important-notice-inside ul li a span { display: block; background: url(/global/Images/icon_caution_tcm100-2553784.gif) no-repeat 0 0.2rem; padding-left: 25px; }
#important-notice-inside ul li a:hover { text-decoration: underline !important; }
body .stage #bodyarea .maincontents #important-notice li { font-size: 0.875rem; line-height: 1.5; }
/* ************************************************************
New Feature Story
************************************************************ */
.next-featurestory { position: relative; width: 100%; height: 427px; margin-left: auto; margin-right: auto; margin-bottom: 0; overflow: hidden; text-align: center; background-color: #be1b1c; }
body .stage #bodyarea.home .maincontents .next-featurestory p.mainvisual { line-height: 1; margin-bottom: 0; -webkit-animation: animg 1.5s ease-in-out forwards; animation: animg 1.5s ease-in-out forwards; position: absolute; left: 50%; margin-left: -640px; }
.next-featurestory p.mainvisual a:hover { display: block; opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ }
@-webkit-keyframes animg {
0% { -webkit-transform: scale(1.25) }
100% { -webkit-transform: scale(1) }
}
@keyframes animg {
0% { transform: scale(1.25) }
100% { transform: scale(1) }
}
/* ************************************************************
Sub Feature Story
************************************************************ */
.sub-featurestories { width: 100%; text-align: center; margin: 64px 0; }
.sub-featurestories .sub-featurestories-inside { width: 980px; margin: 0 auto; text-align: left; letter-spacing: -0.5em; }
.sub-featurestories .sub-featurestories-inside .sub-featurestory { display: inline-block; vertical-align: top; width: 312px; margin-right: 22px; letter-spacing: normal; }
.sub-featurestories .sub-featurestories-inside .sub-featurestory:last-child { margin-right: 0; }
.sub-featurestories .sub-featurestories-inside .sub-featurestory .sub-featurestory-content { box-sizing: border-box; width: 100%; padding: 0; }
.sub-featurestories .sub-featurestories-inside .sub-featurestory .sub-featurestory-content img { width: 100%; height: auto; }
.sub-featurestories .sub-featurestories-inside .sub-featurestory a:hover { display: block; opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ }
body .stage #bodyarea.home .maincontents .sub-featurestories .sub-featurestories-inside .sub-featurestory .sub-featurestory-content > p:nth-of-type(2) { font-size: 1.5rem; }
body .stage #bodyarea.home .maincontents .sub-featurestories .sub-featurestories-inside .sub-featurestory .sub-featurestory-content > p:last-of-type { font-size: 1rem; }
body .stage #bodyarea.home .maincontents .sub-featurestories .sub-featurestories-inside .sub-featurestory a .sub-featurestory-content p,
body .stage #bodyarea.home .maincontents .sub-featurestories .sub-featurestories-inside .sub-featurestory a:hover .sub-featurestory-content p { text-decoration: none !important; color: #444444; }
body .stage #bodyarea.home .maincontents .sub-featurestories .sub-featurestories-inside .sub-featurestory a .sub-featurestory-content .moreinfo { padding: 0; }
body .stage #bodyarea.home .maincontents .sub-featurestories .sub-featurestories-inside .sub-featurestory a .sub-featurestory-content .moreinfo p { padding: 3px 14px; color: #841718 !important; }
body .stage #bodyarea.home .maincontents .sub-featurestories .sub-featurestories-inside .sub-featurestory a { text-decoration: none !important; }
body .stage #bodyarea.home .maincontents .sub-featurestories .sub-featurestories-inside .sub-featurestory a:link { text-decoration: none !important; }
body .stage #bodyarea.home .maincontents .sub-featurestories .sub-featurestories-inside .sub-featurestory a:visited { text-decoration: none !important; }
body .stage #bodyarea.home .maincontents .sub-featurestories .sub-featurestories-inside .sub-featurestory a:hover { text-decoration: none !important; }
/* ************************************************************
Hover Box
************************************************************ */
/* common styles */
.hover-box { width: 100%; text-align: center; margin-bottom: 64px; }
.hover-box .hover-box-inside { width: 980px; text-align: left; margin: 0 auto; letter-spacing: -0.5em; }
.hover-box .hover-box-inside .hover-box-content { display: inline-block; position: relative; vertical-align: top; margin-bottom: 0; margin-right: 0; letter-spacing: normal }
.hover-box .hover-box-inside .hover-box-content:first-child { background-color: #3f3f3f; }
body .stage #bodyarea .maincontents .hover-box .hover-box-inside .hover-box-content .hover-title { z-index: 1000; position: absolute; left: 0; top: 175px; width: 215px; height: 24px; background-color: #ccc; padding: 8px 0; }
body .stage #bodyarea .maincontents .hover-box .hover-box-inside .hover-box-content .hover-title h3 { color: #000; font-size: 1rem; margin-bottom: 0; }
body .stage #bodyarea .maincontents .hover-box .hover-box-inside .hover-box-content .hover-summary { z-index: 1; width: 195px; height: 155px; display: table; position: absolute; left: 0; top: 0; padding: 10px; }
body .stage #bodyarea .maincontents .hover-box .hover-box-inside .hover-box-content .hover-summary p { color: #000; text-align: left; margin-bottom: 0; display: table-cell; vertical-align: middle }
body .stage #bodyarea .maincontents .hover-box .hover-box-inside .hover-box-content p.hover-image { z-index: 1; position: absolute; left: 0; top: 0; width: 215px; height: 215px; margin-bottom: 0; }
body .stage #bodyarea .maincontents .hover-box .hover-box-inside .hover-box-content.hover-on .hover-summary { z-index: 100; background-color: #fff; opacity: 0.7; }
body .stage #bodyarea .maincontents .next-offering .section-inside p { font-size: .85rem; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-box .hover-box-inside .hover-box-content > p { font-size: 1rem; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-box .hover-box-inside .hover-box-content .figure { position: relative; overflow: hidden; margin: 0; float: left; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-box .hover-box-inside .hover-box-content .figure a.figcaption { display: block; position: absolute; padding: 10px; left: 0; z-index: 2; background: rgba(0,0,0,.7); -webkit-transition: .3s; transition: .3s; opacity: 1; box-sizing: border-box; text-decoration: none; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-box .hover-box-inside .hover-box-content .figure:hover a.figcaption { bottom: 0; left: 0; background: rgba(175,39,46,.7); opacity: 1; text-decoration: none !important; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-box .hover-box-inside .hover-box-content .figure:hover a.figcaption p { margin-top: 16px; padding: 0 14px; }
.section .hover-inside { width: 980px; margin: 0 auto; padding: 40px 0; text-align: left; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-box .hover-box-inside .hover-box-content .figure a.figcaption h3 { color: #fff; font-size: 1.25rem; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-box .hover-box-inside .hover-box-content .figure a.figcaption p { color: #fff; font-size: 1rem; }
/* divided into 3 columns */
.hover-3col .hover-box-inside .hover-box-content:nth-child(3n+3) { margin-right: 0; }
.hover-3col .hover-box-inside .hover-box-content { width: 326px; height: 326px; }
.hover-3col .hover-box-inside .hover-box-content:first-child { box-sizing: border-box; padding-top: 48px; padding-left: 24px; padding-right: 24px; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-3col .hover-box-inside .hover-box-content .figure { height: 326px; width: 326px; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-3col .hover-box-inside .hover-box-content .figure a.figcaption { bottom: -84%; width: 326px; height: 326px; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-3col .hover-box-inside .hover-box-content .figure:hover a.figcaption h3 { font-size: 1.3rem; text-align: left; margin-top: 38px; margin-bottom: 15px; padding: 0 0 0 14px; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-3col .hover-box-inside .hover-box-content .figure a.figcaption h3 { color: #fff; font-size: 1.3rem; }
/* divided into 4 columns */
.hover-4col .hover-box-inside .hover-box-content:nth-child(4n+4) { margin-right: 0; }
.hover-4col .hover-box-inside .hover-box-content { width: 245px; height: 245px; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-4col .hover-box-inside .hover-box-content .figure { height: 245px; width: 245px; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-4col .hover-box-inside .hover-box-content .figure a.figcaption { bottom: -83%; width: 245px; height: 245px; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-4col .hover-box-inside .hover-box-content .figure:hover a.figcaption h3 { font-size: 1.25rem; text-align: left; margin-top: 48px; padding: 0 14px; }
body .stage #bodyarea .maincontents .next-offering .section-inside .hover-4col .hover-box-inside .hover-box-content .figure a.figcaption h3 { color: #fff; font-size: 1.25rem; }
/* Banners */
.home-banners { margin-bottom: 0; }
.home-banners ul { list-style-type: none; margin: 0; padding: 0; letter-spacing: -0.5em; }
.home-banners li { margin: 0; padding: 0; display: inline-block; letter-spacing: normal; }
.home-large-banners {}
.home-large-banners ul { }
.home-large-banners li { width: calc(100% / 2); }
.home-small-banners {}
.home-small-banners ul { }
body .stage #bodyarea .maincontents .home-small-banners li { width: calc(100% / 4); font-size: 0.75rem; }
/* ************************************************************
Contact Point
************************************************************ */
#contact-point { margin-bottom: 64px; }
body .stage #bodyarea .maincontents .section .section-inside .contact-points a,
body .stage #bodyarea .maincontents .section .section-inside .contact-points a:link,
body .stage #bodyarea .maincontents .section .section-inside .contact-points a:visited,
body .stage #bodyarea .maincontents .section .section-inside .contact-points a:hover { text-decoration: none !important; color: #444444 !important; }
/* Contact Point 2 columns */
.contact-point-2col > a { position: relative; display: inline-block; width: 472px; vertical-align: top; letter-spacing: -0.5em; margin-right: 32px; }
.contact-point-2col > a:hover { opacity: .5; -webkit-opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); /* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */ }
.contact-point-2col > a:last-of-type { margin-right: 0; }
.contact-point-2col > a .contact-banner-content { box-sizing: border-box; position: absolute; top: 30px; left: 24px; letter-spacing: normal; }
body .stage #bodyarea .maincontents .section .section-inside .contact-points.contact-point-2col > a .contact-banner-content > h3 { width: 424px; text-align: left !important; font-size: 1.25rem; margin-bottom: 10px; font-weight: normal; }
body .stage #bodyarea .maincontents .section .section-inside .contact-points.contact-point-2col > a .contact-banner-content > p { width: 230px !important; font-size: 1rem; margin-bottom: 10px; }
.contact-point-2col > a .contact-banner-content .moreinfo { padding: 0; text-align: left; }
.contact-point-2col > a .contact-banner-content .moreinfo p { padding: 3px 14px; color: #841718 !important; }
/* Contact Point 1 column */
.contact-point-1col { background-color: #f3f3f3; margin-bottom: 0; letter-spacing: -0.5em; }
.contact-point-1col .contact-point-1col-content { display: inline-block; vertical-align: top; width: 484px; box-sizing: border-box; letter-spacing: normal; padding: 24px; }
.contact-point-1col .contact-point-1col-image { display: inline-block; vertical-align: top; width: 496px; box-sizing: border-box; letter-spacing: normal; height: 310px; }
body .stage #bodyarea .maincontents .contact-point-1col .contact-point-1col-content { font-size: 1rem; line-height: 1.4; color: #444444; }
body .stage #bodyarea .maincontents .contact-point-1col .contact-point-1col-content { font-size: 0.75rem; line-height: 1.4; color: #444444; }
body .stage #bodyarea .maincontents .contact-point-1col .contact-point-1col-content p { font-size: 1rem; }
body .stage #bodyarea .maincontents .contact-point-1col .contact-point-1col-content p.contact-point-1col-headline { font-size: 1.5rem; line-height: 1.4; color: #444444; margin-bottom: 32px; }
body .stage #bodyarea .maincontents .contact-point-1col .contact-point-1col-content { margin-bottom: 0; }
body .stage #bodyarea .maincontents .contact-point-1col .contact-point-1col-image { margin-bottom: 0; }
body .stage #bodyarea .maincontents .contact-point-1col .contact-point-1col-image p { margin-bottom: 0; }
.contact-point-1col .contact-point-1col-content img { width: 100%; vertical-align: bottom; }
body .stage #bodyarea .maincontents .contact-point-1col .contact-point-1col-content .moreinfo { padding: 0; }
body .stage #bodyarea .maincontents .contact-point-1col .contact-point-1col-content .moreinfo p { padding: 3px 14px; color: #841718 !important; }
/* ************************************************************
Announce Point
************************************************************ */
.announce-point { width: 100%; }
.announce-point ul { list-style: none; margin: 0; padding: 0; letter-spacing: -0.5em; }
body .stage #bodyarea .maincontents .announce-point ul li { display: inline-block; width: 224px; margin: 0 28px 0 0; padding: 0; letter-spacing: normal; font-size: 0.75rem; }
.announce-point ul li:last-child { margin-right: 0 !important; }
body .stage #bodyarea .maincontents .announce-point ul li img { border: 1px solid #ccc; box-sizing: border-box; -webkit-transition: opacity .5s ease-out; -moz-transition: opacity .5s ease-out; -ms-transition: opacity .5s ease-out; transition: opacity .5s ease-out; }
.announce-point ul li img:hover { opacity: .5; -webkit-opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); /* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */ }
body .stage #bodyarea.home .maincontents .announce-point ul li,
body .stage #bodyarea.home .maincontents .announce-point ul li a,
body .stage #bodyarea.home .maincontents .announce-point ul li a:link,
body .stage #bodyarea.home .maincontents .announce-point ul li a:visited,
body .stage #bodyarea.home .maincontents .announce-point ul li a:hover { text-decoration: none !important; color: #444444 !important; }
/* Support */
.support { width: 100%; text-align: center; }
.support .support-inside { width: 980px; margin: 0 auto; text-align: left; letter-spacing: -0.5em; }
.support .support-inside .support-banner { display: inline-block; vertical-align: top; width: 215px; margin-right: 40px; letter-spacing: normal; }
.support-point .support-inside .support-banner:last-child { margin-right: 0; }
.support-point .support-inside .support-banner .support-banner-content { box-sizing: border-box; width: 100%; padding: 0; }
.support-point .support-inside .support-banner .support-banner-content img { width: 215px; height: auto; }
body .stage #bodyarea.home .maincontents .support-point .support-inside .support-banner .support-banner-content p { font-size: 1.125rem; margin-bottom: 0.5rem; }
/* Headline News */
#headline-news { width: 100%; text-align: center; margin-bottom: 40px; }
#headline-news-inside { width: 980px; text-align: left; margin: 0 auto; display: table; }
body .stage #bodyarea .maincontents #headline-news-inside h2 { display: table-cell; width: 4.8rem; text-align: left; font-weight: bold; color: #841718; font-size: 1.5rem; }
body .stage #bodyarea .maincontents #headline-news-inside ul { display: table-cell; margin: 0; padding: 0; list-style: none; }
body .stage #bodyarea .maincontents #headline-news-inside ul li { margin-bottom: 0.3rem; }
body .stage #bodyarea .maincontents #headline-news-inside ul li:last-child { margin-bottom: 0; }
body .stage #bodyarea .maincontents #headline-news-inside ul li dl { display: table; margin: 0; padding: 0; }
body .stage #bodyarea .maincontents #headline-news-inside ul li dt { display: table-cell; margin: 0; padding: 0; font-size: 0.93rem; width: 8.5rem; }
body .stage #bodyarea .maincontents #headline-news-inside ul li dd { display: table-cell; margin: 0; padding: 0; font-size: 0.93rem; }
body .stage #bodyarea .maincontents #headline-news-inside ul li dd a { text-decoration: none !important; color: #444444 !important; }
body .stage #bodyarea .maincontents #headline-news-inside ul li dd a:link { text-decoration: none !important; color: #444444 !important; }
body .stage #bodyarea .maincontents #headline-news-inside ul li dd a:visited { text-decoration: none !important; color: #444444 !important; }
body .stage #bodyarea .maincontents #headline-news-inside ul li dd a:hover { text-decoration: underline !important; color: #444444 !important; }
body .stage #bodyarea .maincontents #headline-news-inside h2 a { text-decoration: none !important; color: #841718 !important; }
body .stage #bodyarea .maincontents #headline-news-inside h2 a:link { text-decoration: none !important; color: #841718 !important; }
body .stage #bodyarea .maincontents #headline-news-inside h2 a:visited { text-decoration: none !important; color: #841718 !important; }
body .stage #bodyarea .maincontents #headline-news-inside h2 a:hover { text-decoration: underline !important; color: #841718 !important; background-color: #FFF; }
/* ************************************************************
Need More Help?
************************************************************ */
#morehelp {}
#morehelp .box.box-2col { width: 780px; }
#morehelp .box.box-2col a > .box-child { width : 320px; margin-right: 100px; }
#morehelp .box.box-2col a:last-child > .box-child { margin-right: 0; }
body .stage #bodyarea .maincontents #morehelp a:hover { opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); /* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ }
body .stage #bodyarea .maincontents #morehelp > h2 { margin-bottom: 0; }
body .stage #bodyarea .maincontents #morehelp a:hover h3 { text-decoration: underline; }
body .stage #bodyarea .maincontents #morehelp > p { margin-bottom: 32px; display: block; font-size: 1rem; }
body .stage #bodyarea .maincontents #morehelp .box:last-of-type .box-child { margin-bottom: 0; }