@charset "UTF-8"; /*--------------------------------------------- reset ---------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, article > .notStartHeading, article > .separateSection, summary, time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, article > .notStartHeading, article > .separateSection { display: block; } html { color: #333333; height: 100%; overflow-y: scroll; font: 0.875em/1.6 Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif; } body { text-align: left; } img { border: 0; vertical-align: bottom; } @media screen and (min-width: 0px) and (max-width: 667px) { img { max-width: 100%; height: auto; } } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } fieldset { border: 0; } input, textarea, select, button { font-size: inherit; font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'MS PGothic', sans-serif; } em, address { font-style: normal; } a { color: #333333; text-decoration: none; } /*---------------------------------------- layout　 ----------------------------------------*/ html { overflow: auto; background: #f3f4fa; } body { overflow: hidden; position: relative; min-width: 978px; } @media screen and (min-width: 0px) and (max-width: 667px) { body { min-width: inherit; } } header:before, header:after, footer:before, footer:after, #content:before, #content:after, article:before, article:after, section:before, article > .notStartHeading:before, article > .separateSection:before, section:after, article > .notStartHeading:after, article > .separateSection:after { content: ""; display: table; } header:after, footer:after, #content:after, article:after, section:after, article > .notStartHeading:after, article > .separateSection:after { clear: both; } #container { width: 978px; margin: 0 auto; position: relative; } @media screen and (min-width: 0px) and (max-width: 667px) { #container { width: auto; } } #container:after { content: ""; height: 12px; padding-bottom: 12px; display: block; position: absolute; left: 0; right: 0; bottom: -40px; background: #f3f4fa; } #container:before { content: ""; height: 0; padding-bottom: 8px; display: block; position: absolute; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); bottom: -41px; left: 10px; right: 10px; -webkit-border-radius: 100px 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } #content { margin: 20px auto 40px; } @media screen and (min-width: 0px) and (max-width: 667px) { #content { margin-top: 0; padding: 12px 12px 0; } } .useSideBar { position: relative; } .useSideBar #mainArea { float: left; width: 726px; } @media screen and (min-width: 0px) and (max-width: 667px) { .useSideBar #mainArea { float: none; width: auto; } } .useSideBar:before { content: ""; width: 222px; display: block !important; position: absolute; background: #f9fafd; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); z-index: -1; top: 0; bottom: 0; right: 0; } @media screen and (min-width: 0px) and (max-width: 667px) { .useSideBar:before { display: none !important; } } #sidebar { float: right; width: 222px; } @media screen and (min-width: 0px) and (max-width: 667px) { #sidebar { margin-top: 12px; width: 100%; position: relative; } #sidebar:before, #sidebar:after { content: ""; display: block !important; position: absolute; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); z-index: -1; top: 50%; bottom: 0px; left: 10px; right: 10px; -webkit-border-radius: 100px 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } #sidebar:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } } .sNavList { border-bottom: 1px solid #4865ab; overflow: hidden; } .sNavList > li { background: #0b328f; } .sNavList > li > a { position: relative; display: block; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 112px; width: 222px; color: #fff; font-size: 142%; font-weight: 700; text-align: left; } .sNavList > li > a:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .sNavList > li > a > * { display: inline-block; vertical-align: middle; } .sNavList > li > a span { padding: 12px 30px; } .sNavList > li > a:after, #gNav > ul.sNavList > li:first-child > a:before { top: 44%; left: 10px; content: ""; position: absolute; border-top: 4px solid transparent; border-right: 6px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid white; } .sNavList > li > ul { background: #7f93c4; text-align: left; display: block; } .sNavList > li > ul > li { position: relative; padding-left: 20px; } .sNavList > li > ul > li ul { padding: 10px 0; background: #fff; font-size: 85%; } .sNavList > li > ul > li ul li:after { position: absolute; width: 242px; margin-left: -20px; content: ''; top: -1px; left: 0; z-index: 100; border-top: 1px solid #4865ab; } .sNavList > li > ul > li ul li > a { position: relative; display: block; margin-top: 1px; padding: 2px 12px 0 28px; background: #fff; } .sNavList > li > ul > li ul li > a:after, .sNavList > li > ul > li #gNav > ul > li:first-child > a:before { top: 40%; left: 16px; content: ""; position: absolute; border-top: 3px solid transparent; border-right: 5px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #213675; } .sNavList > li > ul > li ul li > a:hover, .sNavList > li > ul > li ul li > a.active, .sNavList > li > ul.sNavList > li > ul > li > a.active { color: #fff; background: #3b5aa5; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; } .sNavList > li > ul > li ul li > a:hover:after, .sNavList > li > ul > li ul li > a.active:after, .sNavList > li > ul > li #gNav > ul > li:first-child > a.active:before, .sNavList > li > ul.sNavList > li > ul > li > a.active:after, .sNavList > li > ul.sNavList > li#gNav > ul > li:first-child > a.active:before, .sNavList > li > ul > li #gNav > ul > li:first-child > a:hover:before { content: ""; position: absolute; border-top: 3px solid transparent; border-right: 5px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid white; } .sNavList > li > ul > li:after { position: absolute; width: 200%; margin-left: -20px; content: ''; top: -1px; left: 0; z-index: 100; border-top: 1px solid #4865ab; } .sNavList > li > ul > li > a { position: relative; display: block; margin-top: 1px; padding: 15px 12px 13px; background: #fff; } .sNavList > li > ul > li > a:after, .sNavList > li#gNav > ul > li:first-child > a:before { top: 44%; left: -12px; content: ""; position: absolute; border-top: 4px solid transparent; border-right: 6px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid white; } .sNavList > li > ul > li > a:hover, .sNavList > li > ul.sNavList > li > ul > li > a.active, .sNavList > li > ul > li > a.active { color: #fff; background: #6880ba; /*-webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out;*/ } .sNavList > li > ul > li > a.icoBlank span, .wysiwygArea .sNavList > li > ul > li > a.icoBlank span { padding-right: 16px; /*background: url(../../img/corp/i_blank01.png) right center no-repeat; */ } .sNavList > li > ul > li .sNavCatTitle { position: relative; display: block; background: #fff; font-weight: 700; color: #0b328f; padding: 6px 12px 0; } .sNavList > li > ul > li .sNavCatTitle + ul { padding: 2px 0 10px; } .sNavList > li > ul > li ul + .sNavCatTitle:after { position: absolute; width: 200%; margin-left: -20px; content: ''; top: -1px; left: 0; z-index: 100; border-top: 1px solid #4865ab; } .sNavList > li > .sNavCatTitle { display: block; background: #858585; color: #fff; padding: 4px 8px 2px; } @media screen and (min-width: 0px) and (max-width: 667px) { .sNavList > li > a { display: none; } } article a, .colorboxSection a { color: #0b328f; } article a:hover, article .sNavList > li > ul > li ul li > a.active, .sNavList > li > ul > li ul article li > a.active, article .sNavList > li > ul > li > a.active, .colorboxSection a:hover, .colorboxSection .sNavList > li > ul > li ul li > a.active, .sNavList > li > ul > li ul .colorboxSection li > a.active, .colorboxSection .sNavList > li > ul > li > a.active { text-decoration: underline; } #pagetop { position: relative; display: none; z-index: 1000; } #titleArea { min-height: 98px; width: auto; background-color: #ccc; } #titleAreaDrywash { min-height: 98px; width: auto; background-color: #ccc; } #titleAreaMobile_Keeper1 { min-height: 98px; width: auto; background-color: #ccc; } #titleAreaInstructions { min-height: 98px; width: auto; background-color: #ccc; } #titleAreaBath { min-height: 98px; width: auto; background-color: #ccc; } #titleAreaService { min-height: 98px; width: auto; background-color: #ccc; } #titleAreaSignboard { min-height: 98px; width: auto; background-color: #ccc; } #titleArea #titleName { padding-top: 30px; font-weight: 700; font-size: 171%; width: 978px; margin: 0 auto; text-indent: 0.5em; } #titleAreaDrywash #titleName { padding-top: 30px; font-weight: 700; font-size: 171%; width: 978px; margin: 0 auto; text-indent: 0.5em; } #titleAreaMobile_Keeper1 #titleName { padding-top: 30px; font-weight: 700; font-size: 171%; width: 978px; margin: 0 auto; text-indent: 0.5em; } #titleAreaInstructions #titleName { padding-top: 30px; font-weight: 700; font-size: 171%; width: 978px; margin: 0 auto; text-indent: 0.5em; } #titleAreaBath #titleName { padding-top: 30px; font-weight: 700; font-size: 171%; width: 978px; margin: 0 auto; text-indent: 0.5em; } #titleAreaService #titleName { padding-top: 30px; font-weight: 700; font-size: 171%; width: 978px; margin: 0 auto; text-indent: 0.5em; } #titleAreaSignboard #titleName { padding-top: 30px; font-weight: 700; font-size: 171%; width: 978px; margin: 0 auto; text-indent: 0.5em; } .signboardv01 { margin:0 auto; text-align:center; padding:20px 20px 0 20px; } .signboardv01 img { width:100%; height: auto; } @media screen and (min-width: 0px) and (max-width: 667px) { #titleArea { min-height: 108px; text-align: center; } #titleArea #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleArea { min-height: 108px; text-align: center; } #titleAreaDrywash #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleArea { min-height: 108px; text-align: center; } #titleAreaMobile_Keeper1 #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleArea { min-height: 108px; text-align: center; } #titleAreaInstructions #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleArea { min-height: 108px; text-align: center; } #titleAreaBath #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleArea { min-height: 108px; text-align: center; } #titleAreaService #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleArea { min-height: 108px; text-align: center; } #titleAreaSignboard #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaDrywash { min-height: 108px; text-align: center; } #titleAreaDrywash #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaDrywash { min-height: 108px; text-align: center; } #titleAreaDrywash #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaDrywash { min-height: 108px; text-align: center; } #titleAreaDrywash #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaMobile_Keeper1 { min-height: 108px; text-align: center; } #titleAreaMobile_Keeper1 #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaMobile_Keeper1 { min-height: 108px; text-align: center; } #titleAreaMobile_Keeper1 #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaMobile_Keeper1 { min-height: 108px; text-align: center; } #titleAreaMobile_Keeper1 #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaInstructions { min-height: 108px; text-align: center; } #titleAreaInstructions #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaInstructions { min-height: 108px; text-align: center; } #titleAreaInstructions #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaInstructions { min-height: 108px; text-align: center; } #titleAreaInstructions #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaService { min-height: 58px; text-align: center; } #titleAreaService #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaSignboard { min-height: 108px; text-align: center; } #titleAreaSignboard #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaSignboard { min-height: 108px; text-align: center; } #titleAreaSignboard #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } @media screen and (min-width: 0px) and (max-width: 667px) { #titleAreaSignboard { min-height: 108px; text-align: center; } #titleAreaSignboard #titleName { width: auto; padding-top: 16px; font-size: 128%; text-indent: 0; } } /*---------------------------------------- header ----------------------------------------*/ header { background: #fff; } header #headerInner { position: relative; width: 978px; margin: 0 auto; padding-top: 12px; } header #headerInner:before, header #headerInner:after { content: ""; display: table; } header #headerInner:after { clear: both; } @media screen and (min-width: 0px) and (max-width: 667px) { header #headerInner { width: auto; border-bottom: 4px solid #0b3290; } } header #headerInner #headLogo { margin: 4px 0 0 14px; float: left; } @media screen and (min-width: 0px) and (max-width: 667px) { header #headerInner #headLogo { margin: 0 0 12px 18px; } } header #headerInner #hNav { width: 50em; max-width: 680px; } header #headerInner #hNav:before, header #headerInner #hNav:after { content: ""; display: table; } header #headerInner #hNav:after { clear: both; } @media screen and (min-width: 0px) and (max-width: 667px) { header #headerInner #hNav { display: none; } } header #headerInner #hNav .hNavList { margin: 12px 8px; float: left; } header #headerInner #hNav .hNavList:before, header #headerInner #hNav .hNavList:after { content: ""; display: table; } header #headerInner #hNav .hNavList:after { clear: both; } header #headerInner #hNav .hNavList li { float: left; margin-left: 12px; } header #headerInner #hNav .hNavList li:first-child { margin-left: 0; } header #headerInner #hNav a:hover, header #headerInner #hNav .sNavList > li > ul > li ul li > a.active, .sNavList > li > ul > li ul header #headerInner #hNav li > a.active, header #headerInner #hNav .sNavList > li > ul > li > a.active { color: #0b328f; text-decoration: underline; } header #headerInner div.head_left { float: left; } header #headerInner ul.related { float: right; width: 285px; } header #headerInner ul.related li { float: left; margin-right: 5px; margin-bottom: 4px; } header #headerInner ul.related li img:hover { -webkit-filter: brightness(1.10); -moz-filter: brightness(1.10); -o-filter: brightness(1.10); -ms-filter: brightness(1.10); filter: brightness(1.10); } @media screen and (min-width: 0px) and (max-width: 667px) { header #headerInner ul.related { clear: both; float: none; width: 285px; margin: 0 auto; padding-top: 5px; overflow: hidden;} } #searchArea { float: right; width: auto; min-height: 30px; position: relative; margin-bottom: 9px; margin-top: 5px; } #searchArea:before, #searchArea:after { content: ""; display: table; } #searchArea:after { clear: both; } @media screen and (min-width: 0px) and (max-width: 667px) { #searchArea { float: none; padding: 12px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhMzE5MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3MjE2MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #0a3190, #072160); background-image: -moz-linear-gradient(top, #0a3190, #072160); background-image: linear-gradient(top, #0a3190, #072160); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0A3190', endColorstr='#FF072160'); } } #searchArea dt { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; background: #eee; } #searchArea dt input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: none; border: none; width: 13em; padding: 6px 42px 2px 14px; } #searchArea dd { position: absolute; top: 0; bottom: 0; right: 24px; } @media screen and (min-width: 0px) and (max-width: 667px) { #searchArea dd { right: 36px; } } #searchArea dd input { position: absolute; top: 0; bottom: 0; margin: auto; } /* gNav ---------------------------------------------*/ #gNav { clear: both; margin: 0 -500%; padding: 0 500%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhMzE5MCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3MjE2MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, #0a3190, #072160); background-image: -moz-linear-gradient(top, #0a3190, #072160); background-image: linear-gradient(top, #0a3190, #072160); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0A3190', endColorstr='#FF072160'); } @media screen and (min-width: 0px) and (max-width: 667px) { #gNav { display: none; margin: 0; padding: 0; position: relative; } } #gNav > ul { position: relative; width: 100%; margin-left: 0%; } #gNav > ul:before, #gNav > ul:after { content: ""; display: table; } #gNav > ul:after { clear: both; } #gNav > ul > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 16.5%; margin-left: 0%; } #gNav > ul > *.gridCol02 { width: 40%; } #gNav > ul > *.gridCol03 { width: 60%; } #gNav > ul > *.gridCol04 { width: 80%; } #gNav > ul > *.gridCol05 { width: 100%; } #gNav > ul > *:first-child + * + * + * + * ~ * { margin-top: 0px; } @media screen and (min-width: 0px) and (max-width: 667px) { #gNav > ul > li { position: relative; float: none !important; width: auto !important; } } #gNav > ul > li .mbDropdownBtn { position: absolute; top: 12px; left: 12px; width: 30px; height: 30px; margin: auto; background: #fff; } #gNav > ul > li .mbDropdownBtn:before { content: ''; position: absolute; top: -12px; left: -12px; width: 66px; height: 50px; } #gNav > ul > li .mbDropdownBtn:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: -12px; width: 0px; height: 0px; margin: auto; content: ""; position: absolute; border-top: 6px solid transparent; border-right: 9px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #0a3190; } #gNav > ul > li > a { position: relative; color: #fff; text-align: center; display: block; padding: 8px 4px 8px; font-weight: 700; font-size: 114%; border: 4px solid transparent; border-bottom: none; } @media screen and (min-width: 0px) and (max-width: 667px) { #gNav > ul > li > a { padding: 12px 12px 10px 50px; text-align: left; } } #gNav > ul > li > a:after, #gNav > ul > li:first-child > a:before { position: absolute; height: 100%; content: ''; top: -2px; right: -4px; border-left: 1px solid #a1baf8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; } @media screen and (min-width: 0px) and (max-width: 667px) { #gNav > ul > li > a:after, #gNav > ul > li:first-child > a:before { height: auto; left: 10px; right: 10px; border-top: 1px solid #4175f2; } } #gNav > ul > li > a.active, #gNav > ul > li > a:hover, .sNavList > li > ul > li #gNav > ul > li > a.active, .sNavList > li#gNav > ul > li > a.active { border: 4px solid #0a3190; background-color: #fff; border-bottom: none; color: #0a3190; /*-webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out;*/ } #gNav > ul > li > a.active + .mbDropdownBtn, #gNav > ul > li > a:hover + .mbDropdownBtn, .sNavList > li > ul > li #gNav > ul > li > a.active + .mbDropdownBtn, .sNavList > li#gNav > ul > li > a.active + .mbDropdownBtn { background: #0a3190; } #gNav > ul > li > a.active + .mbDropdownBtn:after, #gNav > ul > li > a:hover + .mbDropdownBtn:after, .sNavList > li > ul > li #gNav > ul > li > a.active + .mbDropdownBtn:after, .sNavList > li#gNav > ul > li > a.active + .mbDropdownBtn:after { content: ""; position: absolute; border-top: 6px solid transparent; border-right: 9px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid white; } #gNav > ul > li.dropdownActive > a { border: 4px solid #0a3190; background-color: #fff; border-bottom: none; color: #0a3190; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; } #gNav > ul > li:first-child > a:before { left: -4px; } @media screen and (min-width: 0px) and (max-width: 667px) { #gNav > ul > li:first-child > a:before, #gNav > ul > li:first-child > a:after, #gNav > ul > li:first-child > a:before { display: none; } } .dropdownWrap { overflow: hidden; width: 978px; position: absolute; z-index: 300; top: -2000px; left: 0; background: #fff; -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); } @media screen and (min-width: 0px) and (max-width: 667px) { .dropdownWrap { position: static; width: auto; display: block; } } .dropdownWrap .dropdownCont { width: 100%; margin-left: 0%; } .dropdownWrap .dropdownCont:before, .dropdownWrap .dropdownCont:after { content: ""; display: table; } .dropdownWrap .dropdownCont:after { clear: both; } .dropdownWrap .dropdownCont > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; margin-left: 0%; } .dropdownWrap .dropdownCont > *.gridCol02 { width: 100%; } .dropdownWrap .dropdownCont > *:first-child + * ~ * { margin-top: 0px; } .dropdownWrap .dropdownCont dl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 22px 32px 22px 232px; position: relative; min-height: 156px; } .dropdownWrap .dropdownCont dl:after { content: ''; position: absolute; top: 0; bottom: 0; right: -1px; height: 80%; margin: auto 0; border-left: 1px solid #cccccc; } .dropdownWrap .dropdownCont dl:before { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; width: 90%; margin: 0 auto; border-bottom: 1px solid #cccccc; } .dropdownWrap .dropdownCont dl dt { font-size: 114%; font-weight: 700; } .dropdownWrap .dropdownCont dl dd img { position: absolute; top: 22px; left: 22px; } @media screen and (min-width: 0px) and (max-width: 667px) { .dropdownWrap .dropdownCont dl dd img { display: none; } } .dropdownWrap .dropdownCont dl dd ul { overflow: hidden; } @media screen and (min-width: 0px) and (max-width: 667px) { .dropdownWrap .dropdownCont dl { min-height: inherit; float: none !important; width: auto !important; padding: 12px 16px 8px; } } .dropdownWrap a:hover, .dropdownWrap .sNavList > li > ul > li ul li > a.active, .sNavList > li > ul > li ul .dropdownWrap li > a.active, .dropdownWrap .sNavList > li > ul > li > a.active { color: #0a3190; text-decoration: underline; } html > body .dropdownCont dl { min-height: 112px !important \9; } #gNavMb { display: none; } @media screen and (min-width: 0px) and (max-width: 667px) { #gNavMb { display: block; position: absolute; top: 12px; right: 6px; } #gNavMb li { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 4px 10px 8px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgxMCwgNDksIDE0NCwgMC43KSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBhMzE5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-linear-gradient(top, rgba(10, 49, 144, 0.7), #0a3190); background-image: -moz-linear-gradient(top, rgba(10, 49, 144, 0.7), #0a3190); background-image: linear-gradient(top, rgba(10, 49, 144, 0.7), #0a3190); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#B30A3190', endColorstr='#FF0A3190'); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } } /*---------------------------------------- footer ----------------------------------------*/ footer { width: 978px; margin: 0 auto; } @media screen and (min-width: 0px) and (max-width: 667px) { footer { width: auto; } } footer a:hover, footer .sNavList > li > ul > li ul li > a.active, .sNavList > li > ul > li ul footer li > a.active, footer .sNavList > li > ul > li > a.active { text-decoration: underline; } #footerInner { margin: 0 -500%; padding: 36px 500%; border-top: 1px solid #0a3190; border-bottom: 1px solid #0a3190; background: #fff; } #footerInner:before, #footerInner:after { content: ""; display: table; } #footerInner:after { clear: both; } @media screen and (min-width: 0px) and (max-width: 667px) { #footerInner { padding: 0 500%; } } #footNavWrap { width: 100%; margin-left: 0%; } #footNavWrap:before, #footNavWrap:after { content: ""; display: table; } #footNavWrap:after { clear: both; } #footNavWrap > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 24.94888%; margin-left: 0%; } #footNavWrap > *.gridCol02 { width: 49.89775%; } #footNavWrap > *.gridCol03 { width: 74.84663%; } #footNavWrap > *.gridCol04 { width: 99.7955%; } #footNavWrap > *:first-child + * + * + * ~ * { margin-top: 0px; } @media screen and (min-width: 0px) and (max-width: 667px) { #footNavWrap { width: 100%; margin-left: 0%; } #footNavWrap:before, #footNavWrap:after { content: ""; display: table; } #footNavWrap:after { clear: both; } #footNavWrap > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; margin-left: 0%; } #footNavWrap > *:first-child ~ * { margin-top: 0px; } } #footNavWrap .footNav { border-right: 1px solid #cccccc; } #footNavWrap .footNav:first-child { border-left: 1px solid #cccccc; } #footNavWrap .footNav .footNavList { padding-left: 20px; } #footNavWrap .footNav .footNavList > dt { font-weight: 700; font-size: 114%; } #footNavWrap .footNav .footNavList > dt:first-child ~ dt { margin-top: 10px; } #footNavWrap .footNav .footNavList > dd > ul { font-size: 85%; } #footNavWrap .footNav .footNavList ul { margin-left: 16px; } @media screen and (min-width: 0px) and (max-width: 667px) { #footNavWrap .footNav .footNavList { height: auto !important; } #footNavWrap .footNav .footNavList > dt { padding: 8px 0 4px; position: relative; } #footNavWrap .footNav .footNavList > dt:before { position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; content: ''; border-top: 1px solid #cccccc; } #footNavWrap .footNav .footNavList > dt:first-child ~ dt { margin-top: 0; } #footNavWrap .footNav .footNavList > dd { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) inset; background: #f3f4fa; margin-left: -500% !important; margin-right: -500% !important; padding: 12px 500% 6px !important; } #footNavWrap .footNav .footNavList .footThmbnailNav { margin: 0 0 0 16px !important; } #footNavWrap .footNav .footNavList .footThmbnailNav dt { display: none !important; } #footNavWrap .footNav .footNavList .footThmbnailNav dd { font-weight: 400 !important; } #footNavWrap .footNav .footNavList .footThmbnailNav dd br { display: none; } #footNavWrap .footNav .footNavList .footThmbnailNav dd a.active { color: #0a3190; font-weight: 700; } #footNavWrap .footNav .footNavList ul a.active { color: #0a3190; font-weight: 700; } } #footNavWrap .footNav .footThmbnailNav:before, #footNavWrap .footNav .footThmbnailNav:after { content: ""; display: table; } #footNavWrap .footNav .footThmbnailNav:after { clear: both; } #footNavWrap .footNav .footThmbnailNav:first-child ~ .footThmbnailNav { margin-top: 10px; } #footNavWrap .footNav .footThmbnailNav dt { float: left; } #footNavWrap .footNav .footThmbnailNav dd { margin-left: 74px; font-weight: 700; } @media screen and (min-width: 0px) and (max-width: 667px) { #footNavWrap .footNav .footThmbnailNav dd { margin-left: 0; } } #footCopyright { padding: 22px 0 16px; } #footCopyright:before, #footCopyright:after { content: ""; display: table; } #footCopyright:after { clear: both; } @media screen and (min-width: 0px) and (max-width: 667px) { #footCopyright { text-align: center; } #footCopyright #footLogo { padding-bottom: 12px; } } #footCopyright #footLogo { float: left; } #footCopyright small { margin-top: 6px; float: right; font-size: 71%; } /*---------------------------------------- common ----------------------------------------*/ /* topicPath ---------------------------------------------*/ #topicPathArea { position: relative; z-index: 10; } @media screen and (min-width: 0px) and (max-width: 667px) { #topicPathArea { display: none; } } #topicPathArea:before, #topicPathArea:after { content: ""; display: block !important; position: absolute; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); z-index: -2; top: 50%; bottom: 0; left: 10px; right: 10px; -webkit-border-radius: 100px 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } #topicPathArea:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } #topicPathArea #topicPath { background: #fff; width: auto; padding: 8px 12px 4px; font-size: 85%; } #topicPathArea #topicPath:before, #topicPathArea #topicPath:after { content: ""; display: table; } #topicPathArea #topicPath:after { clear: both; } #topicPathArea #topicPath li { float: left; width: auto; } #topicPathArea #topicPath li:before { content: '>'; margin: 0 0.6em; } #topicPathArea #topicPath li:first-child:before { display: none; } #topicPathArea #topicPath li em { font-weight: 700; } #topicPathArea #topicPath a:hover, #topicPathArea #topicPath .sNavList > li > ul > li ul li > a.active, .sNavList > li > ul > li ul #topicPathArea #topicPath li > a.active, #topicPathArea #topicPath .sNavList > li > ul > li > a.active { text-decoration: underline; } /* section ---------------------------------------------*/ article > section, article > .notStartHeading, article > .separateSection { position: relative; background: #fff; padding: 0 30px 30px; } @media screen and (min-width: 0px) and (max-width: 667px) { article > section, article > .notStartHeading, article > .separateSection { padding: 0 15px 15px; } } article > section > section + section, article > .notStartHeading > section + section, article > .separateSection > section + section, article > article.notStartHeading > .notStartHeading + section, article > article.separateSection > .notStartHeading + section, article > article.notStartHeading > .separateSection + section, article > article.separateSection > .separateSection + section, article > article.notStartHeading > section + .notStartHeading, article > article.separateSection > section + .notStartHeading, article > article.notStartHeading > .notStartHeading + .notStartHeading, article > article.separateSection > .notStartHeading + .notStartHeading, article > article.notStartHeading > .separateSection + .notStartHeading, article > article.separateSection > .separateSection + .notStartHeading, article > article.notStartHeading > section + .separateSection, article > article.separateSection > section + .separateSection, article > article.notStartHeading > .notStartHeading + .separateSection, article > article.separateSection > .notStartHeading + .separateSection, article > article.notStartHeading > .separateSection + .separateSection, article > article.separateSection > .separateSection + .separateSection { margin-top: 20px; } article > section > *:first-child ~ section, article > .notStartHeading > *:first-child ~ section, article > .separateSection > *:first-child ~ section, article > article.notStartHeading > *:first-child ~ .notStartHeading, article > article.separateSection > *:first-child ~ .notStartHeading, article > article.notStartHeading > *:first-child ~ .separateSection, article > article.separateSection > *:first-child ~ .separateSection, article > section > *:first-child ~ nav, article > .notStartHeading > *:first-child ~ nav, article > .separateSection > *:first-child ~ nav { margin-top: 26px; } article > .notStartHeading { border-top: 2px solid #092b8c; padding-top: 28px; } article > .separateSection { margin-top: 0 !important; padding-top: 28px; } article > .separateSection:after { content: ''; position: absolute; display: block; margin: auto; top: 0; left: 30px; right: 30px; border-top: 1px solid #cccccc; } article > *:first-child ~ section, article > *:first-child ~ .notStartHeading, article > *:first-child ~ .separateSection, article > *:first-child ~ .notStartHeading, article > *:first-child ~ nav { margin-top: 26px; } /* colorbox contents ---------------------------------------------*/ .colorboxSection { overflow-x: hidden; width: 700px; padding: 0 30px 20px 30px; background: #fff; } @media screen and (min-width: 0px) and (max-width: 667px) { .colorboxSection { width: auto; padding: 0 12px 20px 12px; } } .colorboxSection .headingLv03 { margin: 0 -30px 22px; } @media screen and (min-width: 0px) and (max-width: 667px) { .colorboxSection .headingLv03 { margin: 0 -15px 12px; } } /* heading ---------------------------------------------*/ .headingLv03 { border-top: 2px solid #0a3190; margin: 0 -30px 22px; position: relative; } @media screen and (min-width: 0px) and (max-width: 667px) { .headingLv03 { margin: 0 -15px 12px; } } .headingLv03 span { font-size: 142%; position: relative; display: block; padding: 20px 34px 16px; background-color: #fff; font-weight: 700; z-index: 1; } .headingLv03 span:before { position: absolute; top: 0; left: 17px; content: ''; height: 90%; border-left: 4px solid #0a3190; } .headingLv03 span small { margin-left: 1.2em; font-size: 60%; color: #666; } .headingLv03 span.headingWriter { font-size: 100%; padding: 0 !important; display: inline-block; background: none; margin-left: 15px; } .headingLv03 span.headingWriter:before { display: none; } .headingLv03 span.headingWriter small { display: none; } .headingLv03:before, .headingLv03:after { content: ""; display: block !important; position: absolute; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); z-index: 0; top: 50%; bottom: 0px; left: 20px; right: 20px; -webkit-border-radius: 100px 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } .headingLv03:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } .headingLv03top { border-top: 2px solid #0a3190; margin-left: -30px; margin-right: -30px; position: relative; } .headingLv03top span { font-size: 114%; position: relative; display: block; padding: 30px 34px 16px; font-weight: 700; z-index: 1; } .headingLv03top span:before { position: absolute; top: 0; left: 17px; content: ''; height: 90%; border-left: 4px solid #0a3190; } .headingLv04 { border-top: 2px solid #0b328f; font-weight: 700; font-size: 114%; background: #f3f4fa; padding: 10px 14px 8px; margin-bottom: 20px; } .headingLv05 { border-top: 2px solid #0b328f; font-weight: 700; font-size: 114%; background: #f3f4fa; padding: 10px 14px 8px; margin-bottom: 0; } [class^="heading"].toggleSwitch { position: relative; padding-right: 42px; cursor: pointer; } [class^="heading"].toggleSwitch:before { content: ''; position: absolute; top: 0; bottom: 0; right: 8px; height: 25px; margin: auto 0.3em auto 0; border-left: 25px solid black; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } [class^="heading"].toggleSwitch:after { content: ''; position: absolute; top: 0; bottom: -6px; right: 20px; height: 0px; margin: auto 0; content: ""; position: absolute; border-top: 7px solid #fdf100; border-right: 5px solid transparent; border-bottom: 7px solid transparent; border-left: 5px solid transparent; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } [class^="heading"].toggleSwitch.active:after { content: ''; position: absolute; top: -6px; bottom: 0; right: 20px; height: 0px; margin: auto 0; content: ""; position: absolute; border-top: 7px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #fdf100; border-left: 5px solid transparent; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .headingLv05 { border-top: 1px solid #666666; font-weight: 700; background: #eee; padding: 10px 14px 8px; margin-bottom: 14px; } .headingLv06 { border-top: 2px solid #cccccc; font-weight: 600; padding: 10px 0px; margin: 20px 0px 5px; } .headingLv08 { background-color: #fff; color: #0b328f; font-weight: 700; font-size: 125%; padding: 30px 0; margin: 0 auto; text-align: center; } .headingLv09 { color: #0b328f; font-weight: 700; font-size: 145%; padding: 0; margin: 0; text-align: left; } .headingLv10 { color: #222222; font-weight: 700; font-size: 210%; padding: 10px 14px 8px; margin: 0 auto 20px; text-align: center; } .headingLv11 { color: #0099d9; font-weight: 700; font-size: 114%; padding: 0 14px 8px 0; margin: 0; text-align: left; } .headingLv11 span { text-align: center; } .headingLv12 { color: #1eaa39; font-weight: 700; font-size: 114%; padding: 0 14px 8px 0; margin: 0; text-align: left; } .headingLv12 span { text-align: center; } .dottedv01 { background-image : linear-gradient(to right, #0099d9, #0099d9 4px, transparent 4px, transparent 16px); background-size: 16px 4px; background-position: left top; background-repeat: repeat-x; } .dottedv02 { background-image : linear-gradient(to right, #1eaa39, #1eaa39 4px, transparent 4px, transparent 16px); background-size: 16px 4px; background-position: left top; background-repeat: repeat-x; } .headingInner01 { font-size: 114%; font-weight: 700; margin-bottom: 4px; } /* nav ---------------------------------------------*/ .navPageIdx > li, .navPageIdx > ul > li { background-color: #fff; } .navPageIdx > li .navPageCont, .navPageIdx > li .navPageContHorizon, .navPageIdx > ul > li .navPageContHorizon, .navPageIdx > ul > li .navPageCont, .navPageIdx > ul > li .navPageContHorizon, .navPageIdx > ul > li .navPageContHorizon { border-top: 2px solid #0a3190; overflow: hidden; background: #f3f7ff; } .navPageIdx > li .navPageCont > dt, .navPageIdx > li .navPageContHorizon > dt, .navPageIdx > ul > li .navPageContHorizon > dt, .navPageIdx > ul > li .navPageCont > dt, .navPageIdx > ul > li .navPageContHorizon > dt, .navPageIdx > ul > li .navPageContHorizon > dt { text-align: center; background: #fff; font-size: 114%; min-height: 60px; color: #0a3190; font-weight: 700; line-height: 1.2; } .navPageIdx > li .navPageCont > dt:before, .navPageIdx > li .navPageContHorizon > dt:before, .navPageIdx > ul > li .navPageContHorizon > dt:before, .navPageIdx > ul > li .navPageCont > dt:before, .navPageIdx > ul > li .navPageContHorizon > dt:before, .navPageIdx > ul > li .navPageContHorizon > dt:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .navPageIdx > li .navPageCont > dt > *, .navPageIdx > li .navPageContHorizon > dt > *, .navPageIdx > ul > li .navPageContHorizon > dt > *, .navPageIdx > ul > li .navPageCont > dt > *, .navPageIdx > ul > li .navPageContHorizon > dt > *, .navPageIdx > ul > li .navPageContHorizon > dt > * { display: inline-block; vertical-align: middle; } .navPageIdx > li .navPageCont > dt > span, .navPageIdx > li .navPageContHorizon > dt > span, .navPageIdx > ul > li .navPageContHorizon > dt > span, .navPageIdx > ul > li .navPageCont > dt > span, .navPageIdx > ul > li .navPageContHorizon > dt > span, .navPageIdx > ul > li .navPageContHorizon > dt > span { padding: 12px 6px 8px; vertical-align: middle; } .navPageIdx > li .navPageCont > dt > span small, .navPageIdx > li .navPageContHorizon > dt > span small, .navPageIdx > ul > li .navPageContHorizon > dt > span small, .navPageIdx > ul > li .navPageCont > dt > span small, .navPageIdx > ul > li .navPageContHorizon > dt > span small, .navPageIdx > ul > li .navPageContHorizon > dt > span small { display: block; font-size: 68%; color: #999; } @media screen and (min-width: 0px) and (max-width: 667px) { .navPageIdx > li .navPageCont > dt, .navPageIdx > li .navPageContHorizon > dt, .navPageIdx > ul > li .navPageContHorizon > dt, .navPageIdx > ul > li .navPageCont > dt, .navPageIdx > ul > li .navPageContHorizon > dt, .navPageIdx > ul > li .navPageContHorizon > dt { min-height: 40px; font-size: 100%; } .navPageIdx > li .navPageCont > dt > span, .navPageIdx > li .navPageContHorizon > dt > span, .navPageIdx > ul > li .navPageContHorizon > dt > span, .navPageIdx > ul > li .navPageCont > dt > span, .navPageIdx > ul > li .navPageContHorizon > dt > span, .navPageIdx > ul > li .navPageContHorizon > dt > span { padding: 5px 2px 3px; } } .navPageIdx > li .navPageCont > dd, .navPageIdx > li .navPageContHorizon > dd, .navPageIdx > ul > li .navPageContHorizon > dd, .navPageIdx > ul > li .navPageCont > dd, .navPageIdx > ul > li .navPageContHorizon > dd, .navPageIdx > ul > li .navPageContHorizon > dd { text-align: center; } .navPageIdx > li .navPageCont > dd img, .navPageIdx > li .navPageContHorizon > dd img, .navPageIdx > ul > li .navPageContHorizon > dd img, .navPageIdx > ul > li .navPageCont > dd img, .navPageIdx > ul > li .navPageContHorizon > dd img, .navPageIdx > ul > li .navPageContHorizon > dd img { -ms-interpolation-mode: bicubic; } .navPageIdx > li .navPageContHorizon, .navPageIdx > ul > li .navPageContHorizon { position: relative; background: #f3f7ff; } .navPageIdx > li .navPageContHorizon > dt, .navPageIdx > ul > li .navPageContHorizon > dt { position: absolute; top: 0; bottom: 0; margin: auto; float: left; width: 31.0871%; } .navPageIdx > li .navPageContHorizon > dd, .navPageIdx > ul > li .navPageContHorizon > dd { margin-left: 31.0871%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 172px; } .navPageIdx > li .navPageContHorizon > dd img, .navPageIdx > ul > li .navPageContHorizon > dd img { -ms-interpolation-mode: bicubic; } @media screen and (min-width: 0px) and (max-width: 667px) { .navPageIdx > li .navPageContHorizon > dt, .navPageIdx > ul > li .navPageContHorizon > dt { position: relative; top: auto; bottom: auto; width: 100%; } .navPageIdx > li .navPageContHorizon > dt.icoBalloonL, .navPageIdx > ul > li .navPageContHorizon > dt.icoBalloonL { -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); } .navPageIdx > li .navPageContHorizon > dt.icoBalloonL:after, .navPageIdx > ul > li .navPageContHorizon > dt.icoBalloonL:after { position: absolute; top: auto; bottom: -20px; right: 0; left: 0; width: 0px; margin: 0 auto; content: ""; position: absolute; border-top: 10px solid white; border-right: 6px solid transparent; border-bottom: 10px solid transparent; border-left: 6px solid transparent; } .navPageIdx > li .navPageContHorizon > dd, .navPageIdx > ul > li .navPageContHorizon > dd { margin-left: 0; } .navPageIdx > li .navPageContHorizon > dd > img, .navPageIdx > ul > li .navPageContHorizon > dd > img { position: absolute; top: 38px; margin: auto; left: -100%; right: -100%; max-width: 160% !important; } } .navPageList + .navPageAnchor { margin-top: 6px; } .navPagination > ul { position: relative; } .navPagination > ul:before, .navPagination > ul:after { content: ""; display: table; } .navPagination > ul:after { clear: both; } .navPagination .navIndex { position: absolute; left: 0; } @media screen and (min-width: 0px) and (max-width: 667px) { .navPagination .navIndex { position: static; width: 100% !important; margin-bottom: 12px; } } .navPagination .navIndex a { color: #333333; } .navPagination .navPrev { float: right; margin-right: 11em; } @media screen and (min-width: 0px) and (max-width: 667px) { .navPagination .navPrev { float: left; } } .navPagination .navPrev a { color: #333333; } .navPagination .navNext { position: absolute; right: 0; } .navPagination .navNext a { color: #333333; } .navPagination02 { margin: 0 -30px; } @media screen and (min-width: 0px) and (max-width: 667px) { .navPagination02 { margin: 0 -15px; } } .navPagination02 > ul { position: relative; } .navPagination02 > ul:before, .navPagination02 > ul:after { content: ""; display: table; } .navPagination02 > ul:after { clear: both; } .navPagination02 .navIndex { position: absolute; left: 0; } @media screen and (min-width: 0px) and (max-width: 667px) { .navPagination02 .navIndex { position: static; width: 100% !important; margin-bottom: 12px; } } .navPagination02 .navIndex a { color: #333333; } .navPagination02 .navPrev { float: right; margin-right: 14em; } @media screen and (min-width: 0px) and (max-width: 667px) { .navPagination02 .navPrev { float: left; width: 9em !important; } } .navPagination02 .navPrev a { color: #333333; } .navPagination02 .navNext { position: absolute; right: 0; } @media screen and (min-width: 0px) and (max-width: 667px) { .navPagination02 .navNext { width: 9em !important; } } .navPagination02 .navNext a { color: #333333; } /* List ---------------------------------------------*/ .listDecimal { counter-reset: decimal; padding-left: 1em; } .listDecimal > li { counter-increment: decimal; text-indent: -1em; } .listDecimal > li:before { content: counter(decimal) "."; } .listSquare { padding-left: 1em; } .listSquare > li { text-indent: -1em; } .listSquare > li:before { content: '■'; color: #ccc; } .listSquareblack { padding-left: 1em; margin-top:0.5rem!important; } .listSquareblack > li { text-indent: -1em; font-size: 1.18rem; font-weight: 700; } .listSquareblack > li:before { content: '■'; color: #333333; } .listDisc { padding-left: 1em; margin-top:0!important; } .listDisc > li { text-indent: -1em; } .listDisc > li:before { content: '■'; color: #333333; } /* borderあり 汎用横並び */ .listBdStyle { position: relative; overflow: hidden; } .listBdStyle > dt { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20%; clear: both; font-weight: 700; } @media screen and (min-width: 0px) and (max-width: 667px) { .listBdStyle > dt { border-top: 1px solid #0b328f !important; } } .listBdStyle > dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 20%; border-top: 1px solid #cccccc; position: relative; } .listBdStyle > dd:before { content: ''; position: absolute; width: 100%; margin-left: -100%; left: 0; top: -1px; border-top: 1px solid #0b328f; } .listBdStyle > dd.lastChild { border-bottom: 1px solid #cccccc; } .listBdStyle > dd.lastChild:after { content: ''; position: absolute; width: 100%; margin-left: -100%; left: 0; bottom: -1px; border-top: 1px solid #0b328f; } .listBdStyle > dt, .listBdStyle > dd { padding: 13px 8px 11px; } .listBdStyle02 { position: relative; overflow: hidden; } .listBdStyle02 > dt { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20%; clear: both; } @media screen and (min-width: 0px) and (max-width: 667px) { .listBdStyle02 > dt { border-top: 1px solid #8699c8; } } .listBdStyle02 > dd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20%; border-top: 1px solid #8699c8; position: relative; } .listBdStyle02 > dd.lastChild { border-bottom: 1px solid #8699c8; } .listBdStyle02 > dt, .listBdStyle02 > dd { padding: 8px 4px 6px; } .listBdStyle03 { position: relative; } .listBdStyle03 > dt { padding-left: 22px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 8px 4px 0 22px; font-weight: 700; font-size: 114%; color: #0a3190; } .listBdStyle03 > dt:after { content: '■'; position: absolute; left: 0.3em; top: 0.4em; bottom: 0; margin: auto; } .listBdStyle03 > dd { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 4px 6px 22px; border-bottom: 1px solid #e5e5e5; } .listBdStyle03 > dd:after { content: ''; position: absolute; right: 0; left: 0; bottom: -2px; border-top: 1px solid #f1f1f1; } .listBdtNone > dd.nthChild2 { border-top-style: none; } @media screen and (min-width: 0px) and (max-width: 667px) { .listBdtNone > dt:first-child { border-top-style: none; } .listBdtNone > dd.nthChild2 { border-top-style: solid; } } .listBdbNone > dd.lastChild { border-bottom-style: none; } .listBdbNone > dd.lastChild:after { display: none; } /* FAQコンテンツ用　再定義 */ .bdQaStyle { padding: 6px 0; border-top: 1px solid #cccccc; } .bdQaStyle > dt { margin-top: 12px; width: 40px; height: 40px; line-height: 12px; text-align: center; font-size: 150%; font-weight: bold; color: #fff; background: #4865ab; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .bdQaStyle > dt.nthChild3 { background: #f60; } .bdQaStyle > dd { min-height: 50px; color: #4865ab; margin-left: 3em; padding: 20px 8px 18px; border: none; } .bdQaStyle > dd:before { display: none; } .bdQaStyle > dd.nthChild4 { color: #333; } .bdQaStyle > dd.nthChild2:before { display: none; } .bdQaStyle > dd.lastChild { border-bottom: none; } .bdQaStyle > dd.lastChild:after { display: none; } .bdQaStyle > dd .answerStyle { padding-top: 10px; } .bdQaStyle > dd .answerStyle:before, .bdQaStyle > dd .answerStyle:after { content: ""; display: table; } .bdQaStyle > dd .answerStyle:after { clear: both; } .bdQaStyle > dd .answerStyle > dt { float: left; width: 40px; height: 40px; line-height: 40px; margin-right: 10px; text-align: center; font-size: 150%; font-weight: bold; color: #fff; background: #ff6600; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; } .bdQaStyle > dd .answerStyle > dd { float: right; width: 555px; color: black; padding-top: 10px; } @media screen and (min-width: 0px) and (max-width: 667px) { .bdQaStyle > dd .answerStyle > dd { float: left !important; width: 78% !important; } } li:first-child .bdQaStyle { border-top: none; } /* borderなし 汎用横並び */ .listAppose:before, .listAppose:after { content: ""; display: table; } .listAppose:after { clear: both; } .listAppose > dt, .listAppose > figure { float: left; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .listAppose > dd, .listAppose > dl { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 20%; } /* inline-block 横並び 縦方向borderあり */ .listDpdib { letter-spacing: -0.4em; } .listDpdib > * { position: relative; letter-spacing: normal; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; padding: 0 1em; } .listDpdib > *:before { content: ''; position: absolute; left: 0; top: 0.3em; bottom: 0.3em; border-left: 1px solid #adadad; } .listDpdib > *:first-child:before { display: none; } /* inline-block 横並び */ .listGullter10 { letter-spacing: -0.4em; } .listGullter10 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 5px; margin-right: 5px; } .listGullter12 { letter-spacing: -0.4em; } .listGullter12 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 6px; margin-right: 6px; } .listGullter14 { letter-spacing: -0.4em; } .listGullter14 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 7px; margin-right: 7px; } .listGullter16 { letter-spacing: -0.4em; } .listGullter16 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 8px; margin-right: 8px; } .listGullter18 { letter-spacing: -0.4em; } .listGullter18 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 9px; margin-right: 9px; } .listGullter20 { letter-spacing: -0.4em; } .listGullter20 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 10px; margin-right: 10px; } .listGullter22 { letter-spacing: -0.4em; } .listGullter22 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 11px; margin-right: 11px; } .listGullter24 { letter-spacing: -0.4em; } .listGullter24 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 12px; margin-right: 12px; } .listGullter26 { letter-spacing: -0.4em; } .listGullter26 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 13px; margin-right: 13px; } .listGullter28 { letter-spacing: -0.4em; } .listGullter28 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 14px; margin-right: 14px; } .listGullter30 { letter-spacing: -0.4em; } .listGullter30 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 15px; margin-right: 15px; } .listGullter32 { letter-spacing: -0.4em; } .listGullter32 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 16px; margin-right: 16px; } .listGullter34 { letter-spacing: -0.4em; } .listGullter34 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 17px; margin-right: 17px; } .listGullter36 { letter-spacing: -0.4em; } .listGullter36 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 18px; margin-right: 18px; } .listGullter38 { letter-spacing: -0.4em; } .listGullter38 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 19px; margin-right: 19px; } .listGullter40 { letter-spacing: -0.4em; } .listGullter40 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 20px; margin-right: 20px; } .listGullter42 { letter-spacing: -0.4em; } .listGullter42 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 21px; margin-right: 21px; } .listGullter44 { letter-spacing: -0.4em; } .listGullter44 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 22px; margin-right: 22px; } .listGullter46 { letter-spacing: -0.4em; } .listGullter46 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 23px; margin-right: 23px; } .listGullter48 { letter-spacing: -0.4em; } .listGullter48 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 24px; margin-right: 24px; } .listGullter50 { letter-spacing: -0.4em; } .listGullter50 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 25px; margin-right: 25px; } .listGullter52 { letter-spacing: -0.4em; } .listGullter52 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 26px; margin-right: 26px; } .listGullter54 { letter-spacing: -0.4em; } .listGullter54 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 27px; margin-right: 27px; } .listGullter56 { letter-spacing: -0.4em; } .listGullter56 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 28px; margin-right: 28px; } .listGullter58 { letter-spacing: -0.4em; } .listGullter58 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 29px; margin-right: 29px; } .listGullter60 { letter-spacing: -0.4em; } .listGullter60 > * { display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; letter-spacing: normal; margin-left: 30px; margin-right: 30px; } /* 水平方向　border　区切り */ .gridBdSpalate01 { overflow: hidden; } .gridBdSpalate01 > li { position: relative; } .gridBdSpalate01 > li:before { content: ''; position: absolute; bottom: -12px; width: 100%; margin: auto; border-bottom: 1px solid #cccccc; } .listLengthChild01 > dt { width: 1em; } .listLengthChild01 > dd { margin-left: 2em; } .listLengthChild01em02 > dt { width: 1em; } .listLengthChild01em02 > dd { margin-left: 3em; } .listLengthChild02 > dt { width: 2em; } .listLengthChild02 > dd { margin-left: 3em; } .listLengthChild02em02 > dt { width: 2em; } .listLengthChild02em02 > dd { margin-left: 4em; } .listLengthChild03 > dt { width: 3em; } .listLengthChild03 > dd { margin-left: 4em; } .listLengthChild03em02 > dt { width: 3em; } .listLengthChild03em02 > dd { margin-left: 5em; } .listLengthChild04 > dt { width: 4em; } .listLengthChild04 > dd { margin-left: 5em; } .listLengthChild04em02 > dt { width: 4em; } .listLengthChild04em02 > dd { margin-left: 6em; } .listLengthChild05 > dt { width: 5em; } .listLengthChild05 > dd { margin-left: 6em; } .listLengthChild05em02 > dt { width: 5em; } .listLengthChild05em02 > dd { margin-left: 7em; } .listLengthChild06 > dt { width: 6em; } .listLengthChild06 > dd { margin-left: 7em; } .listLengthChild06em02 > dt { width: 6em; } .listLengthChild06em02 > dd { margin-left: 8em; } .listLengthChild07 > dt { width: 7em; } .listLengthChild07 > dd { margin-left: 8em; } .listLengthChild07em02 > dt { width: 7em; } .listLengthChild07em02 > dd { margin-left: 9em; } .listLengthChild08 > dt { width: 8em; } .listLengthChild08 > dd { margin-left: 9em; } .listLengthChild08em02 > dt { width: 8em; } .listLengthChild08em02 > dd { margin-left: 10em; } .listLengthChild09 > dt { width: 9em; } .listLengthChild09 > dd { margin-left: 10em; } .listLengthChild09em02 > dt { width: 9em; } .listLengthChild09em02 > dd { margin-left: 11em; } .listLengthChild10 > dt { width: 10em; } .listLengthChild10 > dd { margin-left: 11em; } .listLengthChild10em02 > dt { width: 10em; } .listLengthChild10em02 > dd { margin-left: 12em; } .listLengthChild11 > dt { width: 11em; } .listLengthChild11 > dd { margin-left: 12em; } .listLengthChild11em02 > dt { width: 11em; } .listLengthChild11em02 > dd { margin-left: 13em; } .listLengthChild12 > dt { width: 12em; } .listLengthChild12 > dd { margin-left: 13em; } .listLengthChild12em02 > dt { width: 12em; } .listLengthChild12em02 > dd { margin-left: 14em; } .listLengthChild13 > dt { width: 13em; } .listLengthChild13 > dd { margin-left: 14em; } .listLengthChild13em02 > dt { width: 13em; } .listLengthChild13em02 > dd { margin-left: 15em; } .listLengthChild14 > dt { width: 14em; } .listLengthChild14 > dd { margin-left: 15em; } .listLengthChild14em02 > dt { width: 14em; } .listLengthChild14em02 > dd { margin-left: 16em; } .listLengthChild15 > dt { width: 15em; } .listLengthChild15 > dd { margin-left: 16em; } .listLengthChild15em02 > dt { width: 15em; } .listLengthChild15em02 > dd { margin-left: 17em; } .listLengthChild16 > dt { width: 16em; } .listLengthChild16 > dd { margin-left: 17em; } .listLengthChild16em02 > dt { width: 16em; } .listLengthChild16em02 > dd { margin-left: 18em; } .listLengthChild17 > dt { width: 17em; } .listLengthChild17 > dd { margin-left: 18em; } .listLengthChild17em02 > dt { width: 17em; } .listLengthChild17em02 > dd { margin-left: 19em; } .listLengthChild18 > dt { width: 18em; } .listLengthChild18 > dd { margin-left: 19em; } .listLengthChild18em02 > dt { width: 18em; } .listLengthChild18em02 > dd { margin-left: 20em; } .listLengthChild19 > dt { width: 19em; } .listLengthChild19 > dd { margin-left: 20em; } .listLengthChild19em02 > dt { width: 19em; } .listLengthChild19em02 > dd { margin-left: 21em; } .listLengthChild20 > dt { width: 20em; } .listLengthChild20 > dd { margin-left: 21em; } .listLengthChild20em02 > dt { width: 20em; } .listLengthChild20em02 > dd { margin-left: 22em; } .listLengthChild21 > dt { width: 21em; } .listLengthChild21 > dd { margin-left: 22em; } .listLengthChild21em02 > dt { width: 21em; } .listLengthChild21em02 > dd { margin-left: 23em; } .listLengthChild22 > dt { width: 22em; } .listLengthChild22 > dd { margin-left: 23em; } .listLengthChild22em02 > dt { width: 22em; } .listLengthChild22em02 > dd { margin-left: 24em; } .listLengthChild23 > dt { width: 23em; } .listLengthChild23 > dd { margin-left: 24em; } .listLengthChild23em02 > dt { width: 23em; } .listLengthChild23em02 > dd { margin-left: 25em; } .listLengthChild24 > dt { width: 24em; } .listLengthChild24 > dd { margin-left: 25em; } .listLengthChild24em02 > dt { width: 24em; } .listLengthChild24em02 > dd { margin-left: 26em; } .listLengthChild25 > dt { width: 25em; } .listLengthChild25 > dd { margin-left: 26em; } .listLengthChild25em02 > dt { width: 25em; } .listLengthChild25em02 > dd { margin-left: 27em; } .listLengthChild26 > dt { width: 26em; } .listLengthChild26 > dd { margin-left: 27em; } .listLengthChild26em02 > dt { width: 26em; } .listLengthChild26em02 > dd { margin-left: 28em; } .listLengthChild27 > dt { width: 27em; } .listLengthChild27 > dd { margin-left: 28em; } .listLengthChild27em02 > dt { width: 27em; } .listLengthChild27em02 > dd { margin-left: 29em; } .listLengthChild28 > dt { width: 28em; } .listLengthChild28 > dd { margin-left: 29em; } .listLengthChild28em02 > dt { width: 28em; } .listLengthChild28em02 > dd { margin-left: 30em; } .listLengthChild29 > dt { width: 29em; } .listLengthChild29 > dd { margin-left: 30em; } .listLengthChild29em02 > dt { width: 29em; } .listLengthChild29em02 > dd { margin-left: 31em; } .listLengthChild30 > dt { width: 30em; } .listLengthChild30 > dd { margin-left: 31em; } .listLengthChild30em02 > dt { width: 30em; } .listLengthChild30em02 > dd { margin-left: 32em; } /* table ---------------------------------------------*/ .tableStyle01 { width: 100%; font-size: 85%; } .tableStyle01 tbody th, .tableStyle01 tbody td { padding: 4px 6px; text-align: left; word-break: break-all; border: 1px solid #cccccc; } @media screen and (min-width: 0px) and (max-width: 667px) { .tableStyle01 tbody th, .tableStyle01 tbody td { padding: 2px 4px; } } .tableStyle01 tbody th { font-weight: 700; background: #f3f4fa; } .tableNesting { margin: -1px; } /* input ---------------------------------------------*/ /* icon ---------------------------------------------*/ /* file icons */ #mainArea .icoBlank, section .icoBlank, article > .notStartHeading .icoBlank, article > .separateSection .icoBlank { /* padding-right: 16px !important; margin-right: 0.5em !important; background: url(../../img/corp/i_blank01.png) 100% 0.3em no-repeat; */ } #mainArea .icoBlank.icoFront, section .icoBlank.icoFront, article > .notStartHeading .icoBlank.icoFront, article > .separateSection .icoBlank.icoFront { /* background: url(../../img/corp/i_blank01.png) 0 0.3em no-repeat; */ padding-right: 0 !important; /* padding-left: 16px !important; */ } #mainArea .icoPdf, section .icoPdf, article > .notStartHeading .icoPdf, article > .separateSection .icoPdf { /* padding-right: 20px !important; margin-right: 0.5em !important; background: url(../../img/corp/i_pdf.png) 100% 0.1em no-repeat; */ } /*#mainArea .icoPdf.icoFront, section .icoPdf.icoFront, article > .notStartHeading .icoPdf.icoFront, article > .separateSection .icoPdf.icoFront { background: url(../../img/corp/i_pdf.png) 0 0.1em no-repeat; padding-right: 0 !important; padding-left: 20px !important; }*/ #mainArea .icoImg, section .icoImg, article > .notStartHeading .icoImg, article > .separateSection .icoImg { padding-right: 20px !important; margin-right: 0.5em !important; background: url(../../img/corp/i_img.png) 100% 0.1em no-repeat; } #mainArea .icoImg.icoFront, section .icoImg.icoFront, article > .notStartHeading .icoImg.icoFront, article > .separateSection .icoImg.icoFront { background: url(../../img/corp/i_img.png) 0 0.1em no-repeat; padding-right: 0 !important; padding-left: 20px !important; } #mainArea .icoWord, section .icoWord, article > .notStartHeading .icoWord, article > .separateSection .icoWord { padding-right: 20px !important; margin-right: 0.5em !important; background: url(../../img/corp/i_word.png) 100% 0.1em no-repeat; } #mainArea .icoWord.icoFront, section .icoWord.icoFront, article > .notStartHeading .icoWord.icoFront, article > .separateSection .icoWord.icoFront { background: url(../../img/corp/i_word.png) 0 0.1em no-repeat; padding-right: 0 !important; padding-left: 20px !important; } #mainArea .icoExcel, section .icoExcel, article > .notStartHeading .icoExcel, article > .separateSection .icoExcel { padding-right: 20px !important; margin-right: 0.5em !important; background: url(../../img/corp/i_excel.png) 100% 0.1em no-repeat; } #mainArea .icoExcel.icoFront, section .icoExcel.icoFront, article > .notStartHeading .icoExcel.icoFront, article > .separateSection .icoExcel.icoFront { background: url(../../img/corp/i_excel.png) 0 0.1em no-repeat; padding-right: 0 !important; padding-left: 20px !important; } /* Contents icons */ a.icoContact { padding-left: 24px !important; margin-left: 0.15em !important; background: url(../../img/corp/i_contact.png) 0.1em 0.35em no-repeat; } a.icoSitemap { padding-left: 24px !important; margin-left: 0.15em !important; background: url(../../img/corp/i_sitemap.png) 0.1em 0.35em no-repeat; } a.icoNews { padding-left: 24px !important; margin-left: 0.15em !important; background: url(../../img/corp/i_news.png) 0.1em 0.35em no-repeat; } a.icoSearch { padding-left: 24px !important; margin-left: 0.15em !important; background: url(../../img/corp/i_search.png) 0.1em 0.35em no-repeat; } a.icoEarth { padding-left: 24px !important; margin-left: 0.15em !important; background: url(../../img/corp/i_earth.png) 0.1em 0.35em no-repeat; } /* catgory icons */ .icoCategory, .wysiwygDate { position: relative; } .icoCategory > span, .wysiwygDate > span { position: absolute; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-right: 1.2em; font-size: 78%; background-color: #858585; color: #fff; min-width: 11em; text-align: center; height: 1.6em; margin: auto; top: 0; bottom: 0; right: -13em; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .icoCategory + dd, .wysiwygDate + dd { padding-left: 10em; } @media screen and (min-width: 0px) and (max-width: 667px) { .icoCategory > span, .wysiwygDate > span { position: static; margin-left: 1em; } .icoCategory + dd, .wysiwygDate + dd { padding-left: inherit; } } .icoNew:after { margin-left: 0.3em; content: 'NEW'; padding: 0 6px; font-size: 78%; background-color: #ff6600; color: #fff; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .icoImperative { position: relative; } .icoImperative:after { position: absolute; right: 12px; content: '必須'; margin-top: 0.2em; padding: 0 6px; font-size: 68%; background-color: #cc0000; color: #fff; text-align: center; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } /* arrows */ .icoArrowL { position: relative; padding-left: 18px; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .icoArrowL:after { top: 0.3em; left: 0.3em; content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #263973; } .icoArrowLChild > a, .icoArrowLChild > * > a { position: relative; padding-left: 18px; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .icoArrowLChild > a:after, #gNav > ul > li.icoArrowLChild:first-child > a:before, .icoArrowLChild > * > a:after, #gNav > ul.icoArrowLChild > li:first-child > a:before { top: 0.3em; left: 0.3em; content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #263973; } .icoArrowM { position: relative; padding-left: 16px; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .icoArrowM:after { top: 0.4em; left: 0.3em; content: ""; position: absolute; border-top: 4px solid transparent; border-right: 6px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #263973; } .icoArrowMChild > a, .icoArrowMChild > * > a { position: relative; padding-left: 16px; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .icoArrowMChild > a:after, #gNav > ul > li.icoArrowMChild:first-child > a:before, .icoArrowMChild > * > a:after, #gNav > ul.icoArrowMChild > li:first-child > a:before { top: 0.4em; left: 0.3em; content: ""; position: absolute; border-top: 4px solid transparent; border-right: 6px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #263973; } .icoArrowS { position: relative; padding-left: 14px; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .icoArrowS:after { top: 0.45em; left: 0.3em; content: ""; position: absolute; border-top: 3px solid transparent; border-right: 5px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #263973; } .icoArrowSChild > a, .icoArrowSChild > * > a { position: relative; padding-left: 14px; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .icoArrowSChild > a:after, #gNav > ul > li.icoArrowSChild:first-child > a:before, .icoArrowSChild > * > a:after, #gNav > ul.icoArrowSChild > li:first-child > a:before { top: 0.45em; left: 0.3em; content: ""; position: absolute; border-top: 3px solid transparent; border-right: 5px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #263973; } .icoBalloonL { position: relative; z-index: 10; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); } .icoBalloonL:after { position: absolute; top: 0; bottom: 0; right: -20px; height: 0px; margin: auto 0; content: ""; position: absolute; border-top: 6px solid transparent; border-right: 10px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid white; } .icoBalloonB { position: relative; z-index: 1; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); } .icoBalloonB:after { position: absolute; bottom: -20px; right: 0; left: 0; width: 0px; margin: 0 auto; content: ""; position: absolute; border-top: 10px solid white; border-right: 6px solid transparent; border-bottom: 10px solid transparent; border-left: 6px solid transparent; } /*---------------------------------------- module setting ----------------------------------------*/ /* float ---------------------------------------------*/ .fl { float: left !important; } .fr { float: right !important; } /* width ---------------------------------------------*/ .wauto { width: auto !important; } .w002 { width: 2% !important; } .w004 { width: 4% !important; } .w006 { width: 6% !important; } .w008 { width: 8% !important; } .w010 { width: 10% !important; } .w012 { width: 12% !important; } .w014 { width: 14% !important; } .w016 { width: 16% !important; } .w018 { width: 18% !important; } .w020 { width: 20% !important; } .w022 { width: 22% !important; } .w024 { width: 24% !important; } .w026 { width: 26% !important; } .w028 { width: 28% !important; } .w030 { width: 30% !important; } .w032 { width: 32% !important; } .w034 { width: 34% !important; } .w036 { width: 36% !important; } .w038 { width: 38% !important; } .w040 { width: 40% !important; } .w042 { width: 42% !important; } .w044 { width: 44% !important; } .w046 { width: 46% !important; } .w048 { width: 48% !important; } .w050 { width: 50% !important; } .w052 { width: 52% !important; } .w054 { width: 54% !important; } .w056 { width: 56% !important; } .w058 { width: 58% !important; } .w060 { width: 60% !important; } .w062 { width: 62% !important; } .w064 { width: 64% !important; } .w066 { width: 66% !important; } .w068 { width: 68% !important; } .w070 { width: 70% !important; } .w072 { width: 72% !important; } .w074 { width: 74% !important; } .w076 { width: 76% !important; } .w078 { width: 78% !important; } .w080 { width: 80% !important; } .w082 { width: 82% !important; } .w084 { width: 84% !important; } .w086 { width: 86% !important; } .w088 { width: 88% !important; } .w090 { width: 90% !important; } .w092 { width: 92% !important; } .w094 { width: 94% !important; } .w096 { width: 96% !important; } .w098 { width: 98% !important; } .w100 { width: 100% !important; } .w01em { width: 1em !important; } .w02em { width: 2em !important; } .w03em { width: 3em !important; } .w04em { width: 4em !important; } .w05em { width: 5em !important; } .w06em { width: 6em !important; } .w07em { width: 7em !important; } .w08em { width: 8em !important; } .w09em { width: 9em !important; } .w10em { width: 10em !important; } .w11em { width: 11em !important; } .w12em { width: 12em !important; } .w13em { width: 13em !important; } .w14em { width: 14em !important; } .w15em { width: 15em !important; } .w16em { width: 16em !important; } .w17em { width: 17em !important; } .w18em { width: 18em !important; } .w19em { width: 19em !important; } .w20em { width: 20em !important; } .w21em { width: 21em !important; } .w22em { width: 22em !important; } .w23em { width: 23em !important; } .w24em { width: 24em !important; } .w25em { width: 25em !important; } .w26em { width: 26em !important; } .w27em { width: 27em !important; } .w28em { width: 28em !important; } .w29em { width: 29em !important; } .w30em { width: 30em !important; } /* min-height ---------------------------------------------*/ .minHeight40 { min-height: 40px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight40 { min-height: inherit; } } .minHeight42 { min-height: 42px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight42 { min-height: inherit; } } .minHeight44 { min-height: 44px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight44 { min-height: inherit; } } .minHeight46 { min-height: 46px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight46 { min-height: inherit; } } .minHeight48 { min-height: 48px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight48 { min-height: inherit; } } .minHeight50 { min-height: 50px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight50 { min-height: inherit; } } .minHeight52 { min-height: 52px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight52 { min-height: inherit; } } .minHeight54 { min-height: 54px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight54 { min-height: inherit; } } .minHeight56 { min-height: 56px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight56 { min-height: inherit; } } .minHeight58 { min-height: 58px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight58 { min-height: inherit; } } .minHeight60 { min-height: 60px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight60 { min-height: inherit; } } .minHeight62 { min-height: 62px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight62 { min-height: inherit; } } .minHeight64 { min-height: 64px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight64 { min-height: inherit; } } .minHeight66 { min-height: 66px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight66 { min-height: inherit; } } .minHeight68 { min-height: 68px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight68 { min-height: inherit; } } .minHeight70 { min-height: 70px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight70 { min-height: inherit; } } .minHeight72 { min-height: 72px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight72 { min-height: inherit; } } .minHeight74 { min-height: 74px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight74 { min-height: inherit; } } .minHeight76 { min-height: 76px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight76 { min-height: inherit; } } .minHeight78 { min-height: 78px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight78 { min-height: inherit; } } .minHeight80 { min-height: 80px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight80 { min-height: inherit; } } .minHeight82 { min-height: 82px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight82 { min-height: inherit; } } .minHeight84 { min-height: 84px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight84 { min-height: inherit; } } .minHeight86 { min-height: 86px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight86 { min-height: inherit; } } .minHeight88 { min-height: 88px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight88 { min-height: inherit; } } .minHeight90 { min-height: 90px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight90 { min-height: inherit; } } .minHeight92 { min-height: 92px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight92 { min-height: inherit; } } .minHeight94 { min-height: 94px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight94 { min-height: inherit; } } .minHeight96 { min-height: 96px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight96 { min-height: inherit; } } .minHeight98 { min-height: 98px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight98 { min-height: inherit; } } .minHeight100 { min-height: 100px; } @media screen and (min-width: 0px) and (max-width: 667px) { .minHeight100 { min-height: inherit; } } /* margin ---------------------------------------------*/ .matem { margin-top: 1em !important; } .mat00 { margin-top: 0px !important; } .mat05 { margin-top: 5px !important; } .mat10 { margin-top: 10px !important; } .mat15 { margin-top: 15px !important; } .mat20 { margin-top: 20px !important; } .mat25 { margin-top: 25px !important; } .mat30 { margin-top: 30px !important; } .mat35 { margin-top: 35px !important; } .mat40 { margin-top: 40px !important; } .mat45 { margin-top: 45px !important; } .mat50 { margin-top: 50px !important; } .mat55 { margin-top: 55px !important; } .mat60 { margin-top: 60px !important; } .mat65 { margin-top: 65px !important; } .mat70 { margin-top: 70px !important; } .mat75 { margin-top: 75px !important; } .mat80 { margin-top: 80px !important; } .mat85 { margin-top: 85px !important; } .mat90 { margin-top: 90px !important; } .mat95 { margin-top: 95px !important; } .mar00 { margin-right: 0px !important; } .mar05 { margin-right: 5px !important; } .mar10 { margin-right: 10px !important; } .mar15 { margin-right: 15px !important; } .mar20 { margin-right: 20px !important; } .mar25 { margin-right: 25px !important; } .mar30 { margin-right: 30px !important; } .mar35 { margin-right: 35px !important; } .mar40 { margin-right: 40px !important; } .mar45 { margin-right: 45px !important; } .mar50 { margin-right: 50px !important; } .mar55 { margin-right: 55px !important; } .mar60 { margin-right: 60px !important; } .mar65 { margin-right: 65px !important; } .mar70 { margin-right: 70px !important; } .mar75 { margin-right: 75px !important; } .mar80 { margin-right: 80px !important; } .mar85 { margin-right: 85px !important; } .mar90 { margin-right: 90px !important; } .mar95 { margin-right: 95px !important; } .mab00 { margin-bottom: 0px !important; } .mab05 { margin-bottom: 5px !important; } .mab10 { margin-bottom: 10px !important; } .mab15 { margin-bottom: 15px !important; } .mab20 { margin-bottom: 20px !important; } .mab25 { margin-bottom: 25px !important; } .mab30 { margin-bottom: 30px !important; } .mab35 { margin-bottom: 35px !important; } .mab40 { margin-bottom: 40px !important; } .mab45 { margin-bottom: 45px !important; } .mab50 { margin-bottom: 50px !important; } .mab55 { margin-bottom: 55px !important; } .mab60 { margin-bottom: 60px !important; } .mab65 { margin-bottom: 65px !important; } .mab70 { margin-bottom: 70px !important; } .mab75 { margin-bottom: 75px !important; } .mab80 { margin-bottom: 80px !important; } .mab85 { margin-bottom: 85px !important; } .mab90 { margin-bottom: 90px !important; } .mab95 { margin-bottom: 95px !important; } .mal00 { margin-left: 0px !important; } .mal05 { margin-left: 5px !important; } .mal10 { margin-left: 10px !important; } .mal15 { margin-left: 15px !important; } .mal20 { margin-left: 20px !important; } .mal25 { margin-left: 25px !important; } .mal30 { margin-left: 30px !important; } .mal35 { margin-left: 35px !important; } .mal40 { margin-left: 40px !important; } .mal45 { margin-left: 45px !important; } .mal50 { margin-left: 50px !important; } .mal55 { margin-left: 55px !important; } .mal60 { margin-left: 60px !important; } .mal65 { margin-left: 65px !important; } .mal70 { margin-left: 70px !important; } .mal75 { margin-left: 75px !important; } .mal80 { margin-left: 80px !important; } .mal85 { margin-left: 85px !important; } .mal90 { margin-left: 90px !important; } .mal95 { margin-left: 95px !important; } .marauto { margin-right: auto !important; } .malauto { margin-left: auto !important; } /* margin - child ---------------------------------------------*/ .matemChild > *:first-child ~ * { margin-top: 1em; } .matemChildFirst02 > *:first-child + * ~ * { margin-top: 1em; } .mat00Child > *:first-child ~ * { margin-top: 0px; } .mat00ChildFirst02 > *:first-child + * ~ * { margin-top: 0px; } .mat05Child > *:first-child ~ * { margin-top: 5px; } .mat05ChildFirst02 > *:first-child + * ~ * { margin-top: 5px; } .mat10Child > *:first-child ~ * { margin-top: 10px; } .mat10ChildFirst02 > *:first-child + * ~ * { margin-top: 10px; } .mat15Child > *:first-child ~ * { margin-top: 15px; } .mat15ChildFirst02 > *:first-child + * ~ * { margin-top: 15px; } .mat20Child > *:first-child ~ * { margin-top: 20px; } .mat20ChildFirst02 > *:first-child + * ~ * { margin-top: 20px; } .mat25Child > *:first-child ~ * { margin-top: 25px; } .mat25ChildFirst02 > *:first-child + * ~ * { margin-top: 25px; } .mat30Child > *:first-child ~ * { margin-top: 30px; } .mat30ChildFirst02 > *:first-child + * ~ * { margin-top: 30px; } .mat35Child > *:first-child ~ * { margin-top: 35px; } .mat35ChildFirst02 > *:first-child + * ~ * { margin-top: 35px; } .mat40Child > *:first-child ~ * { margin-top: 40px; } .mat40ChildFirst02 > *:first-child + * ~ * { margin-top: 40px; } .mat45Child > *:first-child ~ * { margin-top: 45px; } .mat45ChildFirst02 > *:first-child + * ~ * { margin-top: 45px; } .mat50Child > *:first-child ~ * { margin-top: 50px; } .mat50ChildFirst02 > *:first-child + * ~ * { margin-top: 50px; } .mat55Child > *:first-child ~ * { margin-top: 55px; } .mat55ChildFirst02 > *:first-child + * ~ * { margin-top: 55px; } .mat60Child > *:first-child ~ * { margin-top: 60px; } .mat60ChildFirst02 > *:first-child + * ~ * { margin-top: 60px; } .mat65Child > *:first-child ~ * { margin-top: 65px; } .mat65ChildFirst02 > *:first-child + * ~ * { margin-top: 65px; } .mat70Child > *:first-child ~ * { margin-top: 70px; } .mat70ChildFirst02 > *:first-child + * ~ * { margin-top: 70px; } .mat75Child > *:first-child ~ * { margin-top: 75px; } .mat75ChildFirst02 > *:first-child + * ~ * { margin-top: 75px; } .mat80Child > *:first-child ~ * { margin-top: 80px; } .mat80ChildFirst02 > *:first-child + * ~ * { margin-top: 80px; } .mat85Child > *:first-child ~ * { margin-top: 85px; } .mat85ChildFirst02 > *:first-child + * ~ * { margin-top: 85px; } .mat90Child > *:first-child ~ * { margin-top: 90px; } .mat90ChildFirst02 > *:first-child + * ~ * { margin-top: 90px; } .mat95Child > *:first-child ~ * { margin-top: 95px; } .mat95ChildFirst02 > *:first-child + * ~ * { margin-top: 95px; } /* padding ---------------------------------------------*/ .p00 { padding: 0px !important; } .p05 { padding: 5px !important; } .p10 { padding: 10px !important; } .p15 { padding: 15px !important; } .p20 { padding: 20px !important; } .p25 { padding: 25px !important; } .p30 { padding: 30px !important; } .p35 { padding: 35px !important; } .p40 { padding: 40px !important; } .p45 { padding: 45px !important; } .p50 { padding: 50px !important; } .p55 { padding: 55px !important; } .p60 { padding: 60px !important; } .p65 { padding: 65px !important; } .p70 { padding: 70px !important; } .p75 { padding: 75px !important; } .p80 { padding: 80px !important; } .p85 { padding: 85px !important; } .p90 { padding: 90px !important; } .p95 { padding: 95px !important; } .pat00 { padding-top: 0px !important; } .pat05 { padding-top: 5px !important; } .pat10 { padding-top: 10px !important; } .pat15 { padding-top: 15px !important; } .pat20 { padding-top: 20px !important; } .pat25 { padding-top: 25px !important; } .pat30 { padding-top: 30px !important; } .pat35 { padding-top: 35px !important; } .pat40 { padding-top: 40px !important; } .pat45 { padding-top: 45px !important; } .pat50 { padding-top: 50px !important; } .pat55 { padding-top: 55px !important; } .pat60 { padding-top: 60px !important; } .pat65 { padding-top: 65px !important; } .pat70 { padding-top: 70px !important; } .pat75 { padding-top: 75px !important; } .pat80 { padding-top: 80px !important; } .pat85 { padding-top: 85px !important; } .pat90 { padding-top: 90px !important; } .pat95 { padding-top: 95px !important; } .par00 { padding-right: 0px !important; } .par05 { padding-right: 5px !important; } .par10 { padding-right: 10px !important; } .par15 { padding-right: 15px !important; } .par20 { padding-right: 20px !important; } .par25 { padding-right: 25px !important; } .par30 { padding-right: 30px !important; } .par35 { padding-right: 35px !important; } .par40 { padding-right: 40px !important; } .par45 { padding-right: 45px !important; } .par50 { padding-right: 50px !important; } .par55 { padding-right: 55px !important; } .par60 { padding-right: 60px !important; } .par65 { padding-right: 65px !important; } .par70 { padding-right: 70px !important; } .par75 { padding-right: 75px !important; } .par80 { padding-right: 80px !important; } .par85 { padding-right: 85px !important; } .par90 { padding-right: 90px !important; } .par95 { padding-right: 95px !important; } .pab00 { padding-bottom: 0px !important; } .pab05 { padding-bottom: 5px !important; } .pab10 { padding-bottom: 10px !important; } .pab15 { padding-bottom: 15px !important; } .pab20 { padding-bottom: 20px !important; } .pab25 { padding-bottom: 25px !important; } .pab30 { padding-bottom: 30px !important; } .pab35 { padding-bottom: 35px !important; } .pab40 { padding-bottom: 40px !important; } .pab45 { padding-bottom: 45px !important; } .pab50 { padding-bottom: 50px !important; } .pab55 { padding-bottom: 55px !important; } .pab60 { padding-bottom: 60px !important; } .pab65 { padding-bottom: 65px !important; } .pab70 { padding-bottom: 70px !important; } .pab75 { padding-bottom: 75px !important; } .pab80 { padding-bottom: 80px !important; } .pab85 { padding-bottom: 85px !important; } .pab90 { padding-bottom: 90px !important; } .pab95 { padding-bottom: 95px !important; } .pal00 { padding-left: 0px !important; } .pal05 { padding-left: 5px !important; } .pal10 { padding-left: 10px !important; } .pal15 { padding-left: 15px !important; } .pal20 { padding-left: 20px !important; } .pal25 { padding-left: 25px !important; } .pal30 { padding-left: 30px !important; } .pal35 { padding-left: 35px !important; } .pal40 { padding-left: 40px !important; } .pal45 { padding-left: 45px !important; } .pal50 { padding-left: 50px !important; } .pal55 { padding-left: 55px !important; } .pal60 { padding-left: 60px !important; } .pal65 { padding-left: 65px !important; } .pal70 { padding-left: 70px !important; } .pal75 { padding-left: 75px !important; } .pal80 { padding-left: 80px !important; } .pal85 { padding-left: 85px !important; } .pal90 { padding-left: 90px !important; } .pal95 { padding-left: 95px !important; } /* font ---------------------------------------------*/ .fDefault { color: #333333 !important; font-size: 100% !important; font-weight: normal !important; line-height: 1.6 !important; } /* font-size ---------------------------------------------*/ .fzp01 { font-size: 107% !important; } .fzp02 { font-size: 114% !important; } .fzp03 { font-size: 121% !important; } .fzp04 { font-size: 128% !important; } .fzp05 { font-size: 135% !important; } .fzp06 { font-size: 142% !important; } .fzp07 { font-size: 150% !important; } .fzp08 { font-size: 157% !important; } .fzp09 { font-size: 164% !important; } .fzp10 { font-size: 171% !important; } .fzp11 { font-size: 178% !important; } .fzp12 { font-size: 185% !important; } .fzp13 { font-size: 192% !important; } .fzp14 { font-size: 200% !important; } .fzm01 { font-size: 92% !important; } .fzm01b { font-size: 83% !important; } .fzm02 { font-size: 85% !important; } .fzm03 { font-size: 78% !important; } .fzm04 { font-size: 71% !important; } .fzm05 { font-size: 64% !important; } .fzm06 { font-size: 57% !important; } /* font-weight ---------------------------------------------*/ .fwb { font-weight: 700 !important; } .fwn { font-weight: 400 !important; } /* font-size ---------------------------------------------*/ .fzs { font-size: 81.3%; } /* color ---------------------------------------------*/ .cAttent { color: #cc0000 !important; } .cTheme { color: #0a3190 !important; } .cInherit { color: inherit !important; } .cDefault { color: #333333 !important; } /* bg color ---------------------------------------------*/ .bgAttent { background-color: #990000 !important; } .bgTheme { background-color: #0a3190 !important; } .bgThemeLighten { background-color: #f3f7ff !important; } .bgGray { background-color: #f3f4fa !important; } .bgGrayDarken { background-color: #666666 !important; } .bgNone { background: none !important; } /* letter-spacing ---------------------------------------------*/ .lsm { letter-spacing: -0.06em !important; } .lsp { letter-spacing: 0.06em !important; } .lsn { letter-spacing: normal !important; } /* display property ---------------------------------------------*/ .dpdb { display: block !important; } .dpdi { display: inline !important; } .dpdib { display: inline-block !important; } .dpdtc { display: table-cell !important; } .dpdn { display: none !important; } /* text-align / centering ---------------------------------------------*/ .tal { text-align: left !important; } .tac { text-align: center !important; } .tar { text-align: right !important; } .vhCenter { text-align: center; } .vhCenter:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .vhCenter > * { display: inline-block; vertical-align: middle; } /* cursor ---------------------------------------------*/ .curd { cursor: default !important; } .curp { cursor: pointer !important; } /* clearfix ---------------------------------------------*/ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } /* button ---------------------------------------------*/ .btnStyle01 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-color: #000; color: white !important; padding: 6px 16px 4px 36px; text-align: center; } .btnStyle01:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .btnStyle01 > * { display: inline-block; vertical-align: middle; } .btnStyle01 > span:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0.3em auto 0; border-left: 20px solid #4d4d4d; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .btnStyle01:after { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; height: 0px; margin: auto 0; content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #fdf100; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .btnStyle01:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btnStyle01.headingSet { position: absolute; top: 24px; right: 30px; z-index: 100; } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle01.headingSet { margin-top: 20px; position: relative; top: auto; right: auto; } } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle01 { width: 100% !important; } } .btnStyle03 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-color: #f3f4fa; padding: 12px 16px 12px 36px; font-size: 114%; font-weight: 700; color: #333; min-height: 50px; } .btnPal { padding: 0.5rem 0 0.5rem 2rem; line-height: 1.2rem; height: 5.5rem!important;} .btnStyle03:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .btnStyle03 > * { display: inline-block; vertical-align: middle; } .btnStyle03:after { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; height: 0px; margin: auto 0; content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #0b328f; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .btnStyle03:hover, .btnStyle03.active { background: #0b328f; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; color: #fff; } .btnStyle03:hover > span:before, .btnStyle03.active > span:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0.3em auto 0; border-left: 20px solid #5570b1; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btnStyle03:hover:after, .btnStyle03.active:after { content: ''; position: absolute; top: 0; bottom: -8px; left: 6px; height: 0px; margin: auto 0; content: ""; position: absolute; border-top: 7px solid white; border-right: 5px solid transparent; border-bottom: 7px solid transparent; border-left: 5px solid transparent; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .btnStyle03 > span:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0.3em auto 0; border-left: 20px solid #dbe0ef; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .btnStyle03.headingSet { position: absolute; top: 24px; right: 30px; z-index: 100; } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle03.headingSet { margin-top: 20px; position: relative; top: auto; right: auto; } } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle03 { width: 100% !important; } } .btnStyle04 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-color: #0b328f; padding: 12px 16px 12px 36px; font-size: 114%; font-weight: 700; color: #fff; cursor: pointer; border: none; } .btnStyle04:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .btnStyle04 > * { display: inline-block; vertical-align: middle; } .btnStyle04:after { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; height: 0; margin: auto 0; content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid white; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .btnStyle04:hover, .btnStyle04.active { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; color: #fff; } .btnStyle04 > span:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0.3em auto 0; border-left: 20px solid #5570b1; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .btnStyle04.headingSet { position: absolute; top: 24px; right: 30px; z-index: 100; } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle04.headingSet { margin-top: 20px; position: relative; top: auto; right: auto; } } .btnStyle04.btnThemeGray { background-color: #999; } .btnStyle04.btnThemeGray > span:before { border-left: 20px solid #cccccc; } .btnStyle04.btnThemeGray:after { content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #999999; } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle04 { width: 100% !important; } } .btnStyle04v2 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-color: #0b328f; padding: 12px 16px 12px 36px; font-size: 114%; font-weight: 700; color: #ffff00; cursor: pointer; border: none; } .btnStyle04v2:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .btnStyle04v2 > * { display: inline-block; vertical-align: middle; } /* .btnStyle04v2:after { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; height: 0; margin: auto 0; content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid white; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } */ .btnStyle04v2:hover, .btnStyle04v2.active { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; color: #ffff00; } .btnStyle04v2 > span:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0.3em auto 0; border-left: 20px solid #5570b1; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .btnStyle04v2.headingSet { position: absolute; top: 24px; right: 30px; z-index: 100; } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle04v2 { width: 100% !important; } } .btnStyle05 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-color: #0b328f; padding: 12px 16px 12px 36px; font-weight: 700; color: white !important; text-align: left; } .btnStyle05:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .btnStyle05 > * { display: inline-block; vertical-align: middle; } .btnStyle05.icoBlankBtn:after { content: ''; position: absolute; top: 0; bottom: 0; left: 6px; width: 9px; height: 9px; margin: auto 0; background: url("/corp/images/i_blank03.png") 0 0 no-repeat; border: none; } .btnStyle05:after { content: ''; position: absolute; top: 0; bottom: 0; left: 8px; height: 0px; margin: auto 0; content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #5570b1; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .btnStyle05:hover, .btnStyle05.active { background: #0b328f; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; color: #fff; } .btnStyle05 > span { width: 100%; } .btnStyle05 > span:before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto 0.3em auto 0; border-left: 20px solid #546fb2; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; } .btnStyle05 > span img { line-height: 0; vertical-align: -0.9em; display: inline; } .btnStyle05.headingSet { position: absolute; top: 24px; right: 30px; z-index: 100; } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle05.headingSet { margin-top: 20px; position: relative; top: auto; right: auto; } } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle05 { width: 100% !important; } } .btnStyle02 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; background-color: #eee; padding: 4px 8px 2px 26px; line-height: 1.4; color: #333; } .btnStyle02:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .btnStyle02 > * { display: inline-block; vertical-align: middle; } .btnStyle02:after { content: ''; position: absolute; top: 0; bottom: -4px; left: 8px; height: 0px; margin: auto 0; content: ""; position: absolute; border-top: 7px solid #0a3190; border-right: 5px solid transparent; border-bottom: 7px solid transparent; border-left: 5px solid transparent; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; zoom: 1; } .btnStyle02:hover { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; color: #0b328f; } .btnStyle02:hover span { text-decoration: underline; } .btnStyle02.headingSet { position: absolute; top: 24px; right: 30px; z-index: 100; } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle02.headingSet { margin-top: 20px; position: relative; top: auto; right: auto; } } @media screen and (min-width: 0px) and (max-width: 667px) { .btnStyle02 { width: 100% !important; } } .btnStyle02.icoNextArrow { padding-left: 8px; padding-right: 26px; } .btnStyle02.icoNextArrow:after { left: auto; right: 8px; bottom: 0; content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #0a3190; } .btnStyle02.icoPrevArrow:after { left: 0; bottom: 0; content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid #0a3190; border-bottom: 5px solid transparent; border-left: 7px solid transparent; } .btnStyle02[href="#"] { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; cursor: default; } .btnStyle02[href="#"]:hover span { text-decoration: none; } .btnStyle02.icoNext { padding: 4px 26px 2px 8px; } .btnStyle02.icoNext:after { content: ''; position: absolute; top: 0; bottom: 0; left: auto; right: 2px; height: 0px; margin: auto 0; content: ""; position: absolute; border-top: 5px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #0a3190; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; zoom: 1; } .btnFullWidthChild [class^="btn"] { width: 100%; } /* from ---------------------------------------------*/ form[id^="form"] input[type="text"] { padding: 2px 6px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form[id^="form"] input::-webkit-input-placeholder { color: #fff9dc; } form[id^="form"] input::-moz-placeholder { color: #fff9dc; } form[id^="form"] input:-ms-input-placeholder { color: #fff9dc; } @media screen and (min-width: 0px) and (max-width: 667px) { form[id^="form"] input::-webkit-input-placeholder { color: #ccc; } } form[id^="form"] select { padding-top: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form[id^="form"] textarea { padding: 2px 6px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form[id^="form"] .formHighlight { display: block; } form[id^="form"] .formHighlight.active { background: #fff9dc; } form[id^="form"] .placeholderBg.active { background: #fff; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset; border: 1px solid #cccccc; } form[id^="form"] .placeholderBg { background: #fff9dc; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset; border: 1px solid #cccccc; } form[id^="form"] .error { background: #ffeeee !important; } /* Theme ---------------------------------------------*/ /* heading & btnColor */ .themeOrange { background: #fce7d9; border-top-color: #eb6100; } .themeOrange:after { border-top-color: #eb6100; } .themeCyan { background: #ddf2f9; border-top-color: #1ba8d8; } .themeCyan:after { border-top-color: #1ba8d8; } .themeSky { background: #e6f4ff; border-top-color: #0590fc; } .themeSky:after { border-top-color: #0590fc; } .themeBlue { background: #d6deef; border-top-color: #0a3190; } .themeBlue:after { border-top-color: #0a3190; } .themeViolet { background: #efe8fa; border-top-color: #825cb9; } .themeViolet:after { border-top-color: #825cb9; } .themePurple { background: #e0d9eb; border-top-color: #343289; } .themePurple:after { border-top-color: #343289; } .themePink { background: #fce7e7; border-top-color: #e4322d; } .themePink:after { border-top-color: #e4322d; } .themeGreen { background: #e1f4e4; border-top-color: #39b54a; } .themeGreen:after { border-top-color: #39b54a; } .themeSand { background: #f4f4d9; border-top-color: #b3b200; } .themeSand:after { border-top-color: #b3b200; } .themeYellow { background: #eff1b7; border-top-color: #cfdb00; } .themeYellow:after { border-top-color: #cfdb00; } .themeRed { background: #fddad7; border-top-color: #c72223; } .themeRed:after { border-top-color: #c72223; } .themeViridian { background: #d0f1e1; border-top-color: #037F40; } .themeViridian:after { border-top-color: #037F40; } .themeWhite { background: #ffffff; border-top-color: #0b328f; } .themeWhite:after { border-top-color: #0b328f; } .themeTurquoise { background: #cbe7f0; border-top-color: #187B9D; } .themeTurquoise:after { border-top-color: #187B9D; } .themeApricot { background: #faded2; border-top-color: #f79469; } .themeApricot:after { border-top-color: #f79469; } /* Square list title */ .themeOrangeList { color: #eb6100 !important; } .themeOrangeList:after { color: #eb6100 !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeCyanList { color: #1ba8d8 !important; } .themeCyanList:after { color: #1ba8d8 !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeSkyList { color: #0590fc !important; } .themeSkyList:after { color: #0590fc !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeBlueList { color: #0a3190 !important; } .themeBlueList:after { color: #0a3190 !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeVioletList { color: #825cb9 !important; } .themeVioletList:after { color: # !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themePinkList { color: #e4322d !important; } .themePinkList:after { color: #e4322d !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeGreenList { color: #39b54a !important; } .themeGreenList:after { color: #39b54a !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeSandList { color: #A88417 !important; } .themeSandList:after { color: #A88417 !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeYellowList { color: #b8c300 !important; } .themeYellowList:after { color: #b8c300 !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeRedList { color: #c72223 !important; } .themeRedList:after { color: #c72223 !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themePurpleList { color: #343289 !important; } .themePurpleList:after { color: #343289 !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeViridianList { color: #037F40 !important; } .themeViridianList:after { color: #037F40 !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeTurquoiseList { color: #187B9D !important; } .themeTurquoiseList:after { color: #187B9D !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .themeApricotList { color: #f79469 !important; } .themeApricotList:after { color: #f79469 !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* add effective ---------------------------------------------*/ .addOpacity:hover > * { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; } .addOpacityChild a:hover > *, .addOpacityChild .sNavList > li > ul > li ul li > a.active > *, .sNavList > li > ul > li ul .addOpacityChild li > a.active > *, .addOpacityChild .sNavList > li > ul > li > a.active > * { -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; } .addBorder { border: 1px solid #cccccc; } .addBorderChild > * { border: 1px solid #cccccc; } .addShadowSection { position: relative; } .addShadowSection:before, .addShadowSection:after { content: ""; display: block !important; position: absolute; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); z-index: -1; top: 50%; bottom: 0px; left: 10px; right: 10px; -webkit-border-radius: 100px 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } .addShadowSection:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } .addShadowSectionChild > * { position: relative; } .addShadowSectionChild > *:before, .addShadowSectionChild > *:after { content: ""; display: block !important; position: absolute; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); z-index: -1; top: 50%; bottom: 0px; left: 10px; right: 10px; -webkit-border-radius: 100px 10px; -moz-border-radius: 100px / 10px; border-radius: 100px / 10px; } .addShadowSectionChild > *:after { right: 10px; left: auto; -webkit-transform: skew(8deg) rotate(3deg); -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); } .addOverlay { display: block !important; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(0, 0, 0, 0.8); z-index: 1000; -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; transition-timing-function: linear; overflow: auto; } .addOverlayClose { position: absolute; top: 12px; right: 0; padding: 6px 24px 2px; color: #fff; font-weight: 700; background: #0a3190; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .addOverlayClose + #gNav, .addOverlayClose + #searchForm { margin-top: 42px; } .addTooltipHover { position: relative; } .addTooltipHover .addTooltip { z-index: -100; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 100%; left: 0; padding: 4px 15px 2px; background: #6880ba; color: #fff; } .addTooltipHover .addTooltip:before { position: absolute; bottom: -14px; left: 12%; width: 0; content: ""; position: absolute; border-top: 7px solid #6880ba; border-right: 5px solid transparent; border-bottom: 7px solid transparent; border-left: 5px solid transparent; } @media screen and (min-width: 0px) and (max-width: 667px) { .addTooltipHover .addTooltip { width: 100% !important; padding: 4px 6px 2px; } } .addTooltipHover:hover .addTooltip { z-index: 100; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; margin-bottom: 6px; } /* grid ---------------------------------------------*/ /* Outer/Sectioning Contents */ /* [gutter 26px/30px] */ .gridSection02 { width: 102.97619%; margin-left: -2.97619%; } .gridSection02:before, .gridSection02:after { content: ""; display: table; } .gridSection02:after { clear: both; } .gridSection02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 47.02381%; margin-left: 2.97619%; } .gridSection02 > *.gridCol02 { width: 97.02381%; } .gridSection02 > *:first-child + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridSection02 { width: 102.97619%; margin-left: -2.97619%; } .gridSection02:before, .gridSection02:after { content: ""; display: table; } .gridSection02:after { clear: both; } .gridSection02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 97.02381%; margin-left: 2.97619%; } .gridSection02 > *:first-child ~ * { margin-top: 16px; } } .gridSection02first01 { width: 102.97619%; margin-left: -2.97619%; } .gridSection02first01:before, .gridSection02first01:after { content: ""; display: table; } .gridSection02first01:after { clear: both; } .gridSection02first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 47.02381%; margin-left: 2.97619%; } .gridSection02first01 > *.gridCol02 { width: 97.02381%; } .gridSection02first01 > *:first-child ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridSection02first01 { width: 102.97619%; margin-left: -2.97619%; } .gridSection02first01:before, .gridSection02first01:after { content: ""; display: table; } .gridSection02first01:after { clear: both; } .gridSection02first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 97.02381%; margin-left: 2.97619%; } .gridSection02first01 > *:first-child ~ * { margin-top: 26px; } .gridSection02first01 > *.gridCol02 { width: 97.02381%; } } .gridSection03 { width: 102.97619%; margin-left: -2.97619%; } .gridSection03:before, .gridSection03:after { content: ""; display: table; } .gridSection03:after { clear: both; } .gridSection03 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 30.35714%; margin-left: 2.97619%; } .gridSection03 > *.gridCol02 { width: 63.69048%; } .gridSection03 > *.gridCol03 { width: 97.02381%; } .gridSection03 > *:first-child + * + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridSection03 { width: 102.97619%; margin-left: -2.97619%; } .gridSection03:before, .gridSection03:after { content: ""; display: table; } .gridSection03:after { clear: both; } .gridSection03 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 97.02381%; margin-left: 2.97619%; } .gridSection03 > *:first-child ~ * { margin-top: 26px; } } .gridSection03first01 { width: 102.97619%; margin-left: -2.97619%; } .gridSection03first01:before, .gridSection03first01:after { content: ""; display: table; } .gridSection03first01:after { clear: both; } .gridSection03first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 30.35714%; margin-left: 2.97619%; } .gridSection03first01 > *.gridCol02 { width: 63.69048%; } .gridSection03first01 > *.gridCol03 { width: 97.02381%; } .gridSection03first01 > *:first-child ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridSection03first01 { width: 102.97619%; margin-left: -2.97619%; } .gridSection03first01:before, .gridSection03first01:after { content: ""; display: table; } .gridSection03first01:after { clear: both; } .gridSection03first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 97.02381%; margin-left: 2.97619%; } .gridSection03first01 > *:first-child ~ * { margin-top: 26px; } } .gridSection03first02 { width: 102.97619%; margin-left: -2.97619%; } .gridSection03first02:before, .gridSection03first02:after { content: ""; display: table; } .gridSection03first02:after { clear: both; } .gridSection03first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 30.35714%; margin-left: 2.97619%; } .gridSection03first02 > *.gridCol02 { width: 63.69048%; } .gridSection03first02 > *.gridCol03 { width: 97.02381%; } .gridSection03first02 > *:first-child + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridSection03first02 { width: 102.97619%; margin-left: -2.97619%; } .gridSection03first02:before, .gridSection03first02:after { content: ""; display: table; } .gridSection03first02:after { clear: both; } .gridSection03first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 97.02381%; margin-left: 2.97619%; } .gridSection03first02 > *:first-child ~ * { margin-top: 26px; } } .gridSection04 { width: 102.97619%; margin-left: -2.97619%; } .gridSection04:before, .gridSection04:after { content: ""; display: table; } .gridSection04:after { clear: both; } .gridSection04 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 22.02381%; margin-left: 2.97619%; } .gridSection04 > *.gridCol02 { width: 47.02381%; } .gridSection04 > *.gridCol03 { width: 72.02381%; } .gridSection04 > *.gridCol04 { width: 97.02381%; } .gridSection04 > *:first-child + * + * + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridSection04 { width: 104.91803%; margin-left: -4.91803%; } .gridSection04:before, .gridSection04:after { content: ""; display: table; } .gridSection04:after { clear: both; } .gridSection04 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 44.91803%; margin-left: 4.91803%; } .gridSection04 > *.gridCol02 { width: 94.7541%; } .gridSection04 > *:first-child + * ~ * { margin-top: 16px; } } .gridSection04first02 { width: 102.97619%; margin-left: -2.97619%; } .gridSection04first02:before, .gridSection04first02:after { content: ""; display: table; } .gridSection04first02:after { clear: both; } .gridSection04first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 22.02381%; margin-left: 2.97619%; } .gridSection04first02 > *.gridCol02 { width: 47.02381%; } .gridSection04first02 > *.gridCol03 { width: 72.02381%; } .gridSection04first02 > *.gridCol04 { width: 97.02381%; } .gridSection04first02 > *:first-child + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridSection04first02 { width: 101.51057%; margin-left: -1.51057%; } .gridSection04first02:before, .gridSection04first02:after { content: ""; display: table; } .gridSection04first02:after { clear: both; } .gridSection04first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 98.48943%; margin-left: 1.51057%; } .gridSection04first02 > *:first-child ~ * { margin-top: 16px; } } .gridSection05 { width: 102.97619%; margin-left: -2.97619%; } .gridSection05:before, .gridSection05:after { content: ""; display: table; } .gridSection05:after { clear: both; } .gridSection05 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 17.02381%; margin-left: 2.97619%; } .gridSection05 > *.gridCol02 { width: 37.02381%; } .gridSection05 > *.gridCol03 { width: 57.02381%; } .gridSection05 > *.gridCol04 { width: 77.02381%; } .gridSection05 > *.gridCol05 { width: 97.02381%; } .gridSection05 > *:first-child + * + * + * + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridSection05 { width: 102.97619%; margin-left: -2.97619%; } .gridSection05:before, .gridSection05:after { content: ""; display: table; } .gridSection05:after { clear: both; } .gridSection05 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 47.02381%; margin-left: 2.97619%; } .gridSection05 > *.gridCol02 { width: 97.02381%; } .gridSection05 > *:first-child + * ~ * { margin-top: 26px; } } .gridSection06 { width: 102.97619%; margin-left: -2.97619%; } .gridSection06:before, .gridSection06:after { content: ""; display: table; } .gridSection06:after { clear: both; } .gridSection06 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 13.69048%; margin-left: 2.97619%; } .gridSection06 > *.gridCol02 { width: 30.35714%; } .gridSection06 > *.gridCol03 { width: 47.02381%; } .gridSection06 > *.gridCol04 { width: 63.69048%; } .gridSection06 > *.gridCol05 { width: 80.35714%; } .gridSection06 > *.gridCol06 { width: 97.02381%; } .gridSection06 > *:first-child + * + * + * + * + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridSection06 { width: 102.97619%; margin-left: -2.97619%; } .gridSection06:before, .gridSection06:after { content: ""; display: table; } .gridSection06:after { clear: both; } .gridSection06 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 47.02381%; margin-left: 2.97619%; } .gridSection06 > *.gridCol02 { width: 97.02381%; } .gridSection06 > *:first-child + * ~ * { margin-top: 26px; } } /* Inner Contents */ /* [gutter 26px/30px] */ .gridContents02 { width: 104.31034%; margin-left: -4.31034%; } .gridContents02:before, .gridContents02:after { content: ""; display: table; } .gridContents02:after { clear: both; } .gridContents02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 45.68966%; margin-left: 4.31034%; } .gridContents02 > *.gridCol02 { width: 95.68966%; } .gridContents02 > *:first-child + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridContents02 { width: 104.31034%; margin-left: -4.31034%; } .gridContents02:before, .gridContents02:after { content: ""; display: table; } .gridContents02:after { clear: both; } .gridContents02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 95.68966%; margin-left: 4.31034%; } .gridContents02 > *:first-child ~ * { margin-top: 16px; } } .gridContents02first01 { width: 104.31034%; margin-left: -4.31034%; } .gridContents02first01:before, .gridContents02first01:after { content: ""; display: table; } .gridContents02first01:after { clear: both; } .gridContents02first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 45.68966%; margin-left: 4.31034%; } .gridContents02first01 > *.gridCol02 { width: 95.68966%; } .gridContents02first01 > *:first-child ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridContents02first01 { width: 104.31034%; margin-left: -4.31034%; } .gridContents02first01:before, .gridContents02first01:after { content: ""; display: table; } .gridContents02first01:after { clear: both; } .gridContents02first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 95.68966%; margin-left: 4.31034%; } .gridContents02first01 > *:first-child ~ * { margin-top: 26px; } } .gridContents03 { width: 104.31034%; margin-left: -4.31034%; } .gridContents03:before, .gridContents03:after { content: ""; display: table; } .gridContents03:after { clear: both; } .gridContents03 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 29.02299%; margin-left: 4.31034%; } .gridContents03 > *.gridCol02 { width: 62.35632%; } .gridContents03 > *.gridCol03 { width: 95.68966%; } .gridContents03 > *:first-child + * + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridContents03 { width: 104.31034%; margin-left: -4.31034%; } .gridContents03:before, .gridContents03:after { content: ""; display: table; } .gridContents03:after { clear: both; } .gridContents03 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 95.68966%; margin-left: 4.31034%; } .gridContents03 > *:first-child ~ * { margin-top: 26px; } } .gridContents03first01 { width: 104.31034%; margin-left: -4.31034%; } .gridContents03first01:before, .gridContents03first01:after { content: ""; display: table; } .gridContents03first01:after { clear: both; } .gridContents03first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 29.02299%; margin-left: 4.31034%; } .gridContents03first01 > *.gridCol02 { width: 62.35632%; } .gridContents03first01 > *.gridCol03 { width: 95.68966%; } .gridContents03first01 > *:first-child ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridContents03first01 { width: 104.31034%; margin-left: -4.31034%; } .gridContents03first01:before, .gridContents03first01:after { content: ""; display: table; } .gridContents03first01:after { clear: both; } .gridContents03first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 95.68966%; margin-left: 4.31034%; } .gridContents03first01 > *:first-child ~ * { margin-top: 26px; } } .gridContents03first02 { width: 104.31034%; margin-left: -4.31034%; } .gridContents03first02:before, .gridContents03first02:after { content: ""; display: table; } .gridContents03first02:after { clear: both; } .gridContents03first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 29.02299%; margin-left: 4.31034%; } .gridContents03first02 > *.gridCol02 { width: 62.35632%; } .gridContents03first02 > *.gridCol03 { width: 95.68966%; } .gridContents03first02 > *:first-child + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridContents03first02 { width: 104.31034%; margin-left: -4.31034%; } .gridContents03first02:before, .gridContents03first02:after { content: ""; display: table; } .gridContents03first02:after { clear: both; } .gridContents03first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 95.68966%; margin-left: 4.31034%; } .gridContents03first02 > *:first-child ~ * { margin-top: 26px; } .gridContents03first02 > *.gridCol02 { width: 97.02381%; } } .gridContents04 { width: 104.31034%; margin-left: -4.31034%; } .gridContents04:before, .gridContents04:after { content: ""; display: table; } .gridContents04:after { clear: both; } .gridContents04 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20.68966%; margin-left: 4.31034%; } .gridContents04 > *.gridCol02 { width: 45.68966%; } .gridContents04 > *.gridCol03 { width: 70.68966%; } .gridContents04 > *.gridCol04 { width: 95.68966%; } .gridContents04 > *:first-child + * + * + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridContents04 { width: 104.91803%; margin-left: -4.91803%; } .gridContents04:before, .gridContents04:after { content: ""; display: table; } .gridContents04:after { clear: both; } .gridContents04 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 44.91803%; margin-left: 4.91803%; } .gridContents04 > *.gridCol02 { width: 94.7541%; } .gridContents04 > *:first-child + * ~ * { margin-top: 16px; } } .gridContents04first02 { width: 104.31034%; margin-left: -4.31034%; } .gridContents04first02:before, .gridContents04first02:after { content: ""; display: table; } .gridContents04first02:after { clear: both; } .gridContents04first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 20.68966%; margin-left: 4.31034%; } .gridContents04first02 > *.gridCol02 { width: 45.68966%; } .gridContents04first02 > *.gridCol03 { width: 70.68966%; } .gridContents04first02 > *.gridCol04 { width: 95.68966%; } .gridContents04first02 > *:first-child + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridContents04first02 { width: 102.20264%; margin-left: -2.20264%; } .gridContents04first02:before, .gridContents04first02:after { content: ""; display: table; } .gridContents04first02:after { clear: both; } .gridContents04first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 97.79736%; margin-left: 2.20264%; } .gridContents04first02 > *:first-child ~ * { margin-top: 16px; } } .gridContents05 { width: 104.31034%; margin-left: -4.31034%; } .gridContents05:before, .gridContents05:after { content: ""; display: table; } .gridContents05:after { clear: both; } .gridContents05 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 15.68966%; margin-left: 4.31034%; } .gridContents05 > *.gridCol02 { width: 35.68966%; } .gridContents05 > *.gridCol03 { width: 55.68966%; } .gridContents05 > *.gridCol04 { width: 75.68966%; } .gridContents05 > *.gridCol05 { width: 95.68966%; } .gridContents05 > *:first-child + * + * + * + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridContents05 { width: 104.31034%; margin-left: -4.31034%; } .gridContents05:before, .gridContents05:after { content: ""; display: table; } .gridContents05:after { clear: both; } .gridContents05 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 45.68966%; margin-left: 4.31034%; } .gridContents05 > *.gridCol02 { width: 95.68966%; } .gridContents05 > *:first-child + * ~ * { margin-top: 26px; } } .gridContents05first02 { width: 104.31034%; margin-left: -4.31034%; } .gridContents05first02:before, .gridContents05first02:after { content: ""; display: table; } .gridContents05first02:after { clear: both; } .gridContents05first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 15.68966%; margin-left: 4.31034%; } .gridContents05first02 > *.gridCol02 { width: 35.68966%; } .gridContents05first02 > *.gridCol03 { width: 55.68966%; } .gridContents05first02 > *.gridCol04 { width: 75.68966%; } .gridContents05first02 > *.gridCol05 { width: 95.68966%; } .gridContents05first02 > *:first-child + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridContents05first02 { width: 104.31034%; margin-left: -4.31034%; } .gridContents05first02:before, .gridContents05first02:after { content: ""; display: table; } .gridContents05first02:after { clear: both; } .gridContents05first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 45.68966%; margin-left: 4.31034%; } .gridContents05first02 > *.gridCol02 { width: 95.68966%; } .gridContents05first02 > *:first-child + * ~ * { margin-top: 26px; } } .gridContents06 { width: 104.31034%; margin-left: -4.31034%; } .gridContents06:before, .gridContents06:after { content: ""; display: table; } .gridContents06:after { clear: both; } .gridContents06 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 19.82759%; margin-left: 4.31034%; } .gridContents06 > *.gridCol02 { width: 43.96552%; } .gridContents06 > *.gridCol03 { width: 68.10345%; } .gridContents06 > *.gridCol04 { width: 92.24138%; } .gridContents06 > *.gridCol05 { width: 116.37931%; } .gridContents06 > *.gridCol06 { width: 140.51724%; } .gridContents06 > *:first-child + * + * + * + * + * ~ * { margin-top: 26px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridContents06 { width: 104.31034%; margin-left: -4.31034%; } .gridContents06:before, .gridContents06:after { content: ""; display: table; } .gridContents06:after { clear: both; } .gridContents06 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 68.10345%; margin-left: 4.31034%; } .gridContents06 > *.gridCol02 { width: 140.51724%; } .gridContents06 > *:first-child + * ~ * { margin-top: 26px; } } /* Page navigation */ /* [gutter 6px/6px] */ .gridList02 { width: 100.89286%; margin-left: -0.89286%; } .gridList02:before, .gridList02:after { content: ""; display: table; } .gridList02:after { clear: both; } .gridList02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49.10714%; margin-left: 0.89286%; } .gridList02 > *.gridCol02 { width: 99.10714%; } .gridList02 > *:first-child + * ~ * { margin-top: 6px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridList02 { width: 100.89286%; margin-left: -0.89286%; } .gridList02:before, .gridList02:after { content: ""; display: table; } .gridList02:after { clear: both; } .gridList02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 70.53571%; margin-left: 0.89286%; } .gridList02 > *:first-child ~ * { margin-top: 6px; } } .gridList02first01 { width: 100.89286%; margin-left: -0.89286%; } .gridList02first01:before, .gridList02first01:after { content: ""; display: table; } .gridList02first01:after { clear: both; } .gridList02first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49.10714%; margin-left: 0.89286%; } .gridList02first01 > *.gridCol02 { width: 99.10714%; } .gridList02first01 > *:first-child ~ * { margin-top: 6px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridList02first01 { width: 100.89286%; margin-left: -0.89286%; } .gridList02first01:before, .gridList02first01:after { content: ""; display: table; } .gridList02first01:after { clear: both; } .gridList02first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 99.10714%; margin-left: 0.89286%; } .gridList02first01 > *:first-child ~ * { margin-top: 6px; } } .gridList03 { width: 100.89286%; margin-left: -0.89286%; } .gridList03:before, .gridList03:after { content: ""; display: table; } .gridList03:after { clear: both; } .gridList03 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 24.1%; letter-spacing: -0.1rem; font-siZe:0.84rem; margin-left: 0.89286%; } .gridList03 > *.gridCol02 { width: 65.77381%; } .gridList03 > *.gridCol03 { width: 99.10714%; } .gridList03 > *:first-child + * + * ~ * { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridList03 { width: 100.89286%; margin-left: -0.89286%; } .gridList03:before, .gridList03:after { content: ""; display: table; } .gridList03:after { clear: both; } .gridList03 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 99.10714%; margin-left: 0.89286%; letter-spacing: 0rem; font-siZe:1rem; } .gridList03 > *:first-child ~ * { margin-top: 6px; } .gridList03 > *:first-child + * + * ~ * { margin-top: 6px; } } .gridList03first01 { width: 100.89286%; margin-left: -0.89286%; } .gridList03first01:before, .gridList03first01:after { content: ""; display: table; } .gridList03first01:after { clear: both; } .gridList03first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 32.44048%; margin-left: 0.89286%; } .gridList03first01 > *.gridCol02 { width: 65.77381%; } .gridList03first01 > *.gridCol03 { width: 99.10714%; } .gridList03first01 > *:first-child ~ * { margin-top: 6px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridList03first01 { width: 100.89286%; margin-left: -0.89286%; } .gridList03first01:before, .gridList03first01:after { content: ""; display: table; } .gridList03first01:after { clear: both; } .gridList03first01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 99.10714%; margin-left: 0.89286%; } .gridList03first01 > *:first-child ~ * { margin-top: 6px; } } .gridList03first02 { width: 100.89286%; margin-left: -0.89286%; } .gridList03first02:before, .gridList03first02:after { content: ""; display: table; } .gridList03first02:after { clear: both; } .gridList03first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 32.44048%; margin-left: 0.89286%; } .gridList03first02 > *.gridCol02 { width: 65.77381%; } .gridList03first02 > *.gridCol03 { width: 99.10714%; } .gridList03first02 > *:first-child + * ~ * { margin-top: 6px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridList03first02 { width: 100.89286%; margin-left: -0.89286%; } .gridList03first02:before, .gridList03first02:after { content: ""; display: table; } .gridList03first02:after { clear: both; } .gridList03first02 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 99.10714%; margin-left: 0.89286%; } .gridList03first02 > *:first-child ~ * { margin-top: 6px; } } .gridList04 { width: 100.89286%; margin-left: -0.89286%; } .gridList04:before, .gridList04:after { content: ""; display: table; } .gridList04:after { clear: both; } .gridList04 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 24.10714%; margin-left: 0.89286%; } .gridList04 > *.gridCol02 { width: 49.10714%; } .gridList04 > *.gridCol03 { width: 74.10714%; } .gridList04 > *.gridCol04 { width: 99.10714%; } .gridList04 > *:first-child + * + * + * ~ * { margin-top: 6px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridList04 { width: 100.89286%; margin-left: -0.89286%; } .gridList04:before, .gridList04:after { content: ""; display: table; } .gridList04:after { clear: both; } .gridList04 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49.10714%; margin-left: 0.89286%; } .gridList04 > *.gridCol02 { width: 99.10714%; } .gridList04 > *:first-child + * ~ * { margin-top: 6px; } } .gridList05 { width: 100.89286%; margin-left: -0.89286%; } .gridList05:before, .gridList05:after { content: ""; display: table; } .gridList05:after { clear: both; } .gridList05 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 19.10714%; margin-left: 0.89286%; } .gridList05 > *.gridCol02 { width: 39.10714%; } .gridList05 > *.gridCol03 { width: 59.10714%; } .gridList05 > *.gridCol04 { width: 79.10714%; } .gridList05 > *.gridCol05 { width: 99.10714%; } .gridList05 > *:first-child + * + * + * + * ~ * { margin-top: 6px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridList05 { width: 100.89286%; margin-left: -0.89286%; } .gridList05:before, .gridList05:after { content: ""; display: table; } .gridList05:after { clear: both; } .gridList05 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49.10714%; margin-left: 0.89286%; } .gridList05 > *.gridCol02 { width: 99.10714%; } .gridList05 > *:first-child + * ~ * { margin-top: 6px; } } .gridList06 { width: 100.89286%; margin-left: -0.89286%; } .gridList06:before, .gridList06:after { content: ""; display: table; } .gridList06:after { clear: both; } .gridList06 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 15.77381%; margin-left: 0.89286%; } .gridList06 > *.gridCol02 { width: 32.44048%; } .gridList06 > *.gridCol03 { width: 49.10714%; } .gridList06 > *.gridCol04 { width: 65.77381%; } .gridList06 > *.gridCol05 { width: 82.44048%; } .gridList06 > *.gridCol06 { width: 99.10714%; } .gridList06 > *:first-child + * + * + * + * + * ~ * { margin-top: 6px; } @media screen and (min-width: 0px) and (max-width: 667px) { .gridList06 { width: 100.89286%; margin-left: -0.89286%; } .gridList06:before, .gridList06:after { content: ""; display: table; } .gridList06:after { clear: both; } .gridList06 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; width: 49.10714%; margin-left: 0.89286%; } .gridList06 > *.gridCol02 { width: 99.10714%; } .gridList06 > *:first-child + * ~ * { margin-top: 6px; } } /* wysiwyg ---------------------------------------------*/ .wysiwygDate { display: block; } .wysiwygDate > span { right: 0; } .wysiwygArea { margin-top: 1.8em; } .wysiwygArea:before, .wysiwygArea:after { content: ""; display: table; } .wysiwygArea:after { clear: both; } .wysiwygArea > * + * { margin-top: 1.8em; } .wysiwygArea ol { counter-reset: decimal; padding-left: 1em; } .wysiwygArea ol > li { counter-increment: decimal; text-indent: -1em; } .wysiwygArea ol > li:before { content: counter(decimal) "."; } .wysiwygArea ul > li { position: relative; padding-left: 1em; } .wysiwygArea ul > li:before { position: absolute; top: 0; left: 0; content: '■'; color: #ccc; } .wysiwygArea a.icoBlank { background: url(../../img/corp/i_blank02.png) 100% 0.3em no-repeat; } .wysiwygArea strong { font-weight: 700; } .wysiwygComment { margin-top: 20px; } /* multi device support ---------------------------------------------*/ @media screen and (min-width: 0px) and (max-width: 667px) { .mbOptimizeStyle { width: auto !important; margin-left: auto !important; margin-right: auto !important; } .mbOptimizeStyle > * { float: none !important; width: auto !important; margin-left: auto !important; margin-right: auto !important; } .mbFullWidth { width: 100% !important; } .mbTac { text-align: center !important; } .mbTal { text-align: left !important; } .mbTar { text-align: right !important; } .mbMatem { margin-top: 1em !important; } .mbMat00 { margin-top: 0px !important; } .mbMat05 { margin-top: 5px !important; } .mbMat10 { margin-top: 10px !important; } .mbMat15 { margin-top: 15px !important; } .mbMat20 { margin-top: 20px !important; } .mbMat25 { margin-top: 25px !important; } .mbMat30 { margin-top: 30px !important; } .mbMat35 { margin-top: 35px !important; } .mbMat40 { margin-top: 40px !important; } .mbMat45 { margin-top: 45px !important; } .mbMat50 { margin-top: 50px !important; } .mbMar00 { margin-right: 0px !important; } .mbMar05 { margin-right: 5px !important; } .mbMar10 { margin-right: 10px !important; } .mbMar15 { margin-right: 15px !important; } .mbMar20 { margin-right: 20px !important; } .mbMar25 { margin-right: 25px !important; } .mbMar30 { margin-right: 30px !important; } .mbMar35 { margin-right: 35px !important; } .mbMar40 { margin-right: 40px !important; } .mbMar45 { margin-right: 45px !important; } .mbMar50 { margin-right: 50px !important; } .mbMab00 { margin-bottom: 0px !important; } .mbMab05 { margin-bottom: 5px !important; } .mbMab10 { margin-bottom: 10px !important; } .mbMab15 { margin-bottom: 15px !important; } .mbMab20 { margin-bottom: 20px !important; } .mbMab25 { margin-bottom: 25px !important; } .mbMab30 { margin-bottom: 30px !important; } .mbMab35 { margin-bottom: 35px !important; } .mbMab40 { margin-bottom: 40px !important; } .mbMab45 { margin-bottom: 45px !important; } .mbMab50 { margin-bottom: 50px !important; } .mbMal00 { margin-left: 0px !important; } .mbMal05 { margin-left: 5px !important; } .mbMal10 { margin-left: 10px !important; } .mbMal15 { margin-left: 15px !important; } .mbMal20 { margin-left: 20px !important; } .mbMal25 { margin-left: 25px !important; } .mbMal30 { margin-left: 30px !important; } .mbMal35 { margin-left: 35px !important; } .mbMal40 { margin-left: 40px !important; } .mbMal45 { margin-left: 45px !important; } .mbMal50 { margin-left: 50px !important; } .mbMat00Child > *:first-child ~ * { margin-top: 0px !important; } .mbMat05Child > *:first-child ~ * { margin-top: 5px !important; } .mbMat10Child > *:first-child ~ * { margin-top: 10px !important; } .mbMat15Child > *:first-child ~ * { margin-top: 15px !important; } .mbMat20Child > *:first-child ~ * { margin-top: 20px !important; } .mbMat25Child > *:first-child ~ * { margin-top: 25px !important; } .mbMat30Child > *:first-child ~ * { margin-top: 30px !important; } .mbMat35Child > *:first-child ~ * { margin-top: 35px !important; } .mbMat40Child > *:first-child ~ * { margin-top: 40px !important; } .mbMat45Child > *:first-child ~ * { margin-top: 45px !important; } .mbMat50Child > *:first-child ~ * { margin-top: 50px !important; } .mbImageSize020 { max-width: 20% !important; height: auto !important; } .mbImageSize022 { max-width: 22% !important; height: auto !important; } .mbImageSize024 { max-width: 24% !important; height: auto !important; } .mbImageSize026 { max-width: 26% !important; height: auto !important; } .mbImageSize028 { max-width: 28% !important; height: auto !important; } .mbImageSize030 { max-width: 30% !important; height: auto !important; } .mbImageSize032 { max-width: 32% !important; height: auto !important; } .mbImageSize034 { max-width: 34% !important; height: auto !important; } .mbImageSize036 { max-width: 36% !important; height: auto !important; } .mbImageSize038 { max-width: 38% !important; height: auto !important; } .mbImageSize040 { max-width: 40% !important; height: auto !important; } .mbImageSize042 { max-width: 42% !important; height: auto !important; } .mbImageSize044 { max-width: 44% !important; height: auto !important; } .mbImageSize046 { max-width: 46% !important; height: auto !important; } .mbImageSize048 { max-width: 48% !important; height: auto !important; } .mbImageSize050 { max-width: 50% !important; height: auto !important; } .mbImageSize052 { max-width: 52% !important; height: auto !important; } .mbImageSize054 { max-width: 54% !important; height: auto !important; } .mbImageSize056 { max-width: 56% !important; height: auto !important; } .mbImageSize058 { max-width: 58% !important; height: auto !important; } .mbImageSize060 { max-width: 60% !important; height: auto !important; } .mbImageSize062 { max-width: 62% !important; height: auto !important; } .mbImageSize064 { max-width: 64% !important; height: auto !important; } .mbImageSize066 { max-width: 66% !important; height: auto !important; } .mbImageSize068 { max-width: 68% !important; height: auto !important; } .mbImageSize070 { max-width: 70% !important; height: auto !important; } .mbImageSize072 { max-width: 72% !important; height: auto !important; } .mbImageSize074 { max-width: 74% !important; height: auto !important; } .mbImageSize076 { max-width: 76% !important; height: auto !important; } .mbImageSize078 { max-width: 78% !important; height: auto !important; } .mbImageSize080 { max-width: 80% !important; height: auto !important; } .mbImageSize082 { max-width: 82% !important; height: auto !important; } .mbImageSize084 { max-width: 84% !important; height: auto !important; } .mbImageSize086 { max-width: 86% !important; height: auto !important; } .mbImageSize088 { max-width: 88% !important; height: auto !important; } .mbImageSize090 { max-width: 90% !important; height: auto !important; } .mbImageSize092 { max-width: 92% !important; height: auto !important; } .mbImageSize094 { max-width: 94% !important; height: auto !important; } .mbImageSize096 { max-width: 96% !important; height: auto !important; } .mbImageSize098 { max-width: 98% !important; height: auto !important; } .mbImageSize100 { max-width: 100% !important; height: auto !important; } } @media screen and (max-width: 667px) { .mbHide { display: none !important; } .mbShow { display: block !important; } .fcShow { display: block !important; } } @media screen and (min-width: 668px) and (max-width: 959px) { .tbHide { display: none !important; } .tbShow { display: block !important; } } @media screen and (min-width: 960px) { .fcShow { display: none !important; } .pcHide { display: none !important; } .pcShow { display: none !important; } } /* for print ---------------------------------------------*/ @media print { * html body { zoom: .7; } } #topicPathArea #topicPath > ol { width: 954px; margin: 0 auto; }