@charset "UTF-8"; /*-------------------------------------------------------------------- 初期設定 --------------------------------------------------------------------*/ /* =============== 標準化 */ /* ------ framework */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, i, dl, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;} audio, canvas, video {display:inline-block;} html {overflow-y:scroll;} body {-webkit-text-size-adjust:100%;} * {box-sizing:border-box;} /* ------ block elements */ ul {margin:0; padding:0; list-style-type:none;} ol {margin:0; padding:0 0 0 2em;} p {margin:0 0 .6em;} /* ------ inline elements */ a {outline:none; background:transparent;} a:focus, a:active, a:hover {outline:none;} small {font-size:80%;} sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;} sup {top:-.5em;} sub {bottom:-.25em;} /* ------ form */ button, input, select, textarea {font-family:inherit; font-size:100%; margin:0;} button, input {line-height:normal;} button, select {text-transform:none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;} button[disabled], html input[disabled] {cursor:default;} input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;} input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;} button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;} textarea {overflow:auto; vertical-align:top;} /* ------ table */ table {border-collapse:collapse; border-spacing:0;} caption {text-align:left;} /* ------ img */ img {border:0; vertical-align:bottom;} .ie7 img {-ms-interpolation-mode:bicubic;} /* ------ WebFont */ @font-face { font-family:'arrow'; src:url('../fonts/cicle_gordita-webfont.eot'); src:url('../fonts/cicle_gordita-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/cicle_gordita-webfont.woff2') format('woff2'), url('../fonts/cicle_gordita-webfont.woff') format('woff'), url('../fonts/cicle_gordita-webfont.ttf') format('truetype'), url('../fonts/cicle_gordita-webfont.svg#ciclegordita') format('svg'); font-weight:normal; font-style:normal; } /* ------ box-sizing * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} */ /* =============== 共通利用 */ :root {--theme1:#EE6B40;} /* ------ 配置 */ a:hover img {filter:alpha(opacity=80); opacity:.80;} a[onclick="return false;"] {cursor:default;} .clear {clear:both;} .center{text-align:center;} .textRight {text-align:right;} .floatRight {float:right; margin:0 0 10px 15px;} .floatLeft {float:left; margin:0 15px 10px 0;} .spaced {margin:25px 0;} .semiSpaced {margin:10px 0;} .first {margin-top:0!important;} .spOnly {display:none;} .inBlk, .IB {display:inline-block;} .pSpanIB > p > span {display:inline-block;} /* ------ テキスト装飾 */ a {color:#000;} .note {font-size:85%; line-height:1.5; margin:.6em 0 1em; color:#555;} .bold {font-weight:bold;} .it {font-style:italic;} .em1 {font-size:108%;} .em2 {font-size:116%;} .sml {font-size:85%;} .red {color:#e36;} .nowrap {white-space:nowrap;} .mb2 {margin-bottom:2em;} /* ------ ul, ol, dl */ .square {margin:0; padding:0 0 0 1.5em; list-style-type:square;} .disc {margin:0; padding:0 0 0 1.5em; list-style-type:disc;} .spaced li {margin:.6em 0;} .spaced dt {margin-top:1.2em;} .spaced dt:first-child {margin-top:0;} .spaced dd {margin-top:.6em;} .semiSpaced li {margin:.3em 0;} .semiSpaced dt {margin:.6em 0 .3em;} .col2, .col3 {overflow:hidden; zoom:1;} .col2 li {width:45%; float:left;} .col3 li {width:30%; float:left;} /* ------ table.bordered */ .bordered th, .bordered td {padding:.4em .7em; border:1px #ccc solid;} .bordered th {background:#f2f2f2; text-align:center;} .full {width:100%;} .almostFull {width:98%; margin-left:1%; margin-right:1%;} /* ------ .tableLike [前後1.5em / セル縦余白1em / ボーダー全セル上下 /
オフセット12em] */ .tableLike {overflow:hidden;} .tableLike dt {margin-top:-1px; padding-top:.67em; border-top:1px #666 dotted;} .tableLike dd {margin-top:-1.5em; padding:0 0 .67em 12em;} /* ------ スペース */ /* .mt: margin-top */ .mt0 {margin-top:0!important;} .mt03 {margin-top:.3em!important;} .mt06 {margin-top:.6em!important;} .mt08 {margin-top:.8em!important;} .mt1 {margin-top:1em!important;} .mt15 {margin-top:1.5em!important;} .mt2 {margin-top:2em!important;} .mt10 {margin-top:10px!important;} .mt20 {margin-top:20px!important;} .mt25 {margin-top:25px!important;} .mt30 {margin-top:30px!important;} .mt35 {margin-top:35px!important;} .mt40 {margin-top:40px!important;} .mt50 {margin-top:50px!important;} .mt60 {margin-top:60px!important;} .mt70 {margin-top:70px!important;} .mt80 {margin-top:80px!important;} /* .mb: margin-bottom */ .mb0 {margin-bottom:0!important;} .mb03 {margin-bottom:.3em!important;} .mb06 {margin-bottom:.6em!important;} .mb1 {margin-bottom:1em!important;} .mb15 {margin-bottom:1.5em!important;} .mb2 {margin-bottom:2em!important;} .mb10 {margin-bottom:10px!important;} .mb20 {margin-bottom:20px!important;} .mb25 {margin-bottom:25px!important;} .mb30 {margin-bottom:30px!important;} .mb35 {margin-bottom:35px!important;} .mb40 {margin-bottom:40px!important;} .mb50 {margin-bottom:50px!important;} .mb60 {margin-bottom:60px!important;} .mb70 {margin-bottom:70px!important;} .mb80 {margin-bottom:80px!important;} /* .mv: vertical margin */ .mv0 {margin-top:0!important; margin-bottom:0!important;} .mv03 {margin-top:.3em!important; margin-bottom:.3em!important;} .mv06 {margin-top:.6em!important; margin-bottom:.6em!important;} .mv1 {margin-top:1em!important; margin-bottom:1em!important;} .mv15 {margin-top:1.5em!important; margin-bottom:1.5em!important;} .mv2 {margin-top:2em!important; margin-bottom:2em!important;} .mv10 {margin-top:10px!important; margin-bottom:10px!important;} .mv20 {margin-top:20px!important; margin-bottom:20px!important;} .mv25 {margin-top:25px!important; margin-bottom:25px!important;} .mv30 {margin-top:30px!important; margin-bottom:30px!important;} .mv35 {margin-top:35px!important; margin-bottom:35px!important;} .mv40 {margin-top:40px!important; margin-bottom:40px!important;} .mv50 {margin-top:50px!important; margin-bottom:50px!important;} .mv60 {margin-top:60px!important; margin-bottom:60px!important;} .mv70 {margin-top:70px!important; margin-bottom:70px!important;} .mv80 {margin-top:80px!important; margin-bottom:80px!important;} /* .ml: margin-left */ .ml03 {margin-left:.3em!important;} .ml06 {margin-left:.6em!important;} .ml08 {margin-left:.8em!important;} .ml1 {margin-left:1em!important;} .ml15 {margin-left:1.5em!important;} .ml2 {margin-left:2em!important;} .ml10 {margin-left:10px!important;} .ml20 {margin-left:20px!important;} .ml25 {margin-left:25px!important;} .ml30 {margin-left:30px!important;} .ml35 {margin-left:35px!important;} .ml40 {margin-left:40px!important;} .ml50 {margin-left:50px!important;} .ml60 {margin-left:60px!important;} .ml70 {margin-left:70px!important;} .ml80 {margin-left:80px!important;} /* .pl: padding-left */ .pl10 {padding-left:10px!important;} .pl20 {padding-left:20px!important;} .pl25 {padding-left:25px!important;} .pl30 {padding-left:30px!important;} .pl35 {padding-left:35px!important;} .pl40 {padding-left:40px!important;} .pl50 {padding-left:50px!important;} .pl60 {padding-left:60px!important;} .pl70 {padding-left:70px!important;} .pl80 {padding-left:80px!important;} /* .idt: 直下第一要素をヘッダとするインデント */ .idt1, .idt2, .idt3, .idt4, .idt5, .idt6, .idt7, .idt8 {list-style:none!important;} .idt1 {padding-left:1em!important;} ul.idt1 > li > *:first-child, .idt1:not(ul) > *:first-child {display:inline-block; width:1em; margin-left:-1em;} .idt15 {padding-left:1.5em!important;} ul.idt15 > li > *:first-child, .idt15:not(ul) > *:first-child {display:inline-block; width:1.5em; margin-left:-1.5em;} .idt2 {padding-left:2em!important;} ul.idt2 > li > *:first-child, .idt2:not(ul) > *:first-child {display:inline-block; width:2em; margin-left:-2em;} .idt25 {padding-left:2.5em!important;} ul.idt25 > li > *:first-child, .idt25:not(ul) > *:first-child {display:inline-block; width:2.5em; margin-left:-2.5em;} .idt3 {padding-left:3em!important;} ul.idt3 > li > *:first-child, .idt3:not(ul) > *:first-child {display:inline-block; width:3em; margin-left:-3em;} .idt4 {padding-left:4em!important;} ul.idt4 > li > *:first-child, .idt4:not(ul) > *:first-child {display:inline-block; width:4em; margin-left:-4em;} .idt5 {padding-left:5em!important;} ul.idt5 > li > *:first-child, .idt5:not(ul) > *:first-child {display:inline-block; width:5em; margin-left:-5em;} .idt6 {padding-left:6em!important;} ul.idt6 > li > *:first-child, .idt6:not(ul) > *:first-child {display:inline-block; width:6em; margin-left:-6em;} .idt7 {padding-left:7em!important;} ul.idt7 > li > *:first-child, .idt7:not(ul) > *:first-child {display:inline-block; width:7em; margin-left:-7em;} .idt8 {padding-left:8em!important;} ul.idt8 > li > *:first-child, .idt8:not(ul) > *:first-child {display:inline-block; width:8em; margin-left:-8em;} [class*="idt"] * {text-indent:0;} .btn1 a, a.btn1, .btn1 button, button.btn1 {display:inline-block; padding:.4em .8em .5em; background:#dde; box-shadow:0 -2px 0 rgba(0,40,80,.2) inset; text-decoration:none; border:0; color:#222;} .btn1 a:before, a.btn1:before, .btn1 button:before, button.btn1:before {content:""; display:inline-block; height:6px; width:6px; margin-right:.4em; border:#000 solid; border-width:2px 2px 0 0; transform:rotate(45deg);} /*-------------------------------------------------------------------- 基本レイアウト --------------------------------------------------------------------*/ /* =============== 全体 */ body {font:15px/1.67 'Lucida Grande','游ゴシック体','Yu Gothic',YuGothic,'Hiragino Kaku Gothic ProN',Meiryo,sans-serif; *font-size:small; *font:x-small;} .ie6 body {text-align:center;} .ie6 header, .ie6 #main, .ie6 footer, .content {text-align:left;} /* =============== ヘッダ */ header {position:relative; z-index:1000; background:#F5F2ED; min-width:1060px;} header h1 {text-align:center;} header nav {background:var(--theme1);} header nav ul {width:1060px; margin:0 auto; padding-right:100px; overflow:hidden; zoom:1; display:table;} header nav li {display:table-cell; transform:skew(-20deg); -o-transform:skew(-20deg); -moz-transform:skew(-20deg); -webkit-transform:skew(-20deg); margin-left:-1px; vertical-align:middle;} header nav li a {display:inline-block; width:100%; padding:27px 20px 29px; box-sizing:border-box; min-width:125px; vertical-align:bottom; transform:skew(20deg); -o-transform:skew(20deg); -moz-transform:skew(20deg); -webkit-transform:skew(20deg); text-align:center; line-height:20px; color:#fff; font-size:108%; font-weight:bold; text-decoration:none;} header nav li a[href="#credit"], nav a[href*="#guide"], nav a[href*="#registration"] {padding:17px 20px 14px; line-height:1.4; text-align:center;} header nav li:nth-child(2) {background:#fff1;} header nav li:nth-child(3) {background:#fff2;} header nav li:nth-child(4) {background:#fff3;} header nav li:nth-child(5) {background:#fff4;} header nav li:nth-child(6) {background:#fff5;} .gakkaiLogo {position:absolute; top:0; left:calc(50% + 530px); padding-top:8px; transform:translate(-100%,0);} .fixingNav header {padding-bottom:72px;} .fixingNav header nav {width:100%; position:fixed; top:0; left:0;} header nav li.disabled {position:relative; overflow:hidden;} header nav li.disabled:after {content:""; display:block; width:200%; height:200%; position:absolute; top:-50%; left:-50%;} header nav li a > b {display:inline-block; padding:.06em .5em; background:#fff; color:#e9528d; font-size:77%;} /* =============== メイン */ #main section {position:relative; z-index:1; width:1060px; margin:40px auto 25px; overflow:hidden; zoom:1;} #main h2 {width:240px; float:left; line-height:1.4; font-size:220%; font-weight:bold; color:var(--theme1);} #main h2 img {margin-left:15px;} #main .content {margin:0 15px 0 240px; padding-left:25px; border-left:1px #000 solid;} p.top {margin:0 0 40px; padding-bottom:30px; /*border-bottom:3px #eeedea double;*/ text-align:right; font-size:93%;} p.top span {display:block; width:1060px; margin:0 auto;} p.top a {background:#bbb; color:#fff; display:inline-block; margin-right:15px; padding:1px 8px; text-decoration:none;} /* =============== フッタ */ footer {width:1060px; margin:0 auto; text-align:center; font-size:85%; color:#555;} /* =============== カスタム要素 */ h3 {margin:2em 0 1em; padding-left:8px; border-left:6px var(--theme1) solid; font-size:116%;} h3:first-child {margin-top:0;} /*-------------------------------------------------------------------- ページ個別 --------------------------------------------------------------------*/ .grName {position:absolute; left:0; top:4em;} .greetings_pic {float:right; padding:0 0 15px 25px; text-align:center; color:#555; font-size:93%; line-height:1.4;} .greetings_pic img {margin-bottom:.6em;} .greetings_pic strong {font-size:123.1%; font-weight:normal;} .tableLike dd li + li {margin-top:.3em;} .creditChart td:first-child[rowspan] + td ~ td, .creditChart td:first-child:not([rowspan]) ~ td {text-align:center;} .submission_button {text-align:center; padding:50px 0 20px;} .submission_button a {display:inline-block; padding:.6em 6em .6em 6.2em; border-radius:3px; background:#ee9900; color:#fff; text-decoration:none; font-weight:bold; font-size:108%; letter-spacing:.2em;} .submission_button a[onclick*="return false"] {cursor:default; background:#bbb;} .rgst_button {text-align:center; padding:20px 0 20px;} .rgst_button a {display:inline-block; min-width:15em; margin:5px; padding:.6em 1em .6em 1em; border-radius:3px; background:#ee9900; line-height:1.5; color:#fff; text-decoration:none; font-weight:bold;} .rgst_button a[onclick*="return false"] {cursor:default; background:#bbb;} .map {margin-bottom:.6em;} .btn1 a {display:inline-block; min-width:120px; border:1px var(--theme1) solid; padding:.2em 1em; text-align:center; text-decoration:none;} .btn1 a:before {content:""; display:inline-block; vertical-align:6%; width:6px; height:6px; margin-right:.4em; border:var(--theme1) solid; border-width:1px 1px 0 0; transform:rotate(45deg);} #guide h4 {font-size:108%; margin:1.5em 0 .6em; border-bottom:1px #555 dotted;} .period h5 {color:#d04;} .period h5 b {color:#111; display:inline-block; width:3rem;} .period p {margin-left:3rem; padding-left:1em; text-indent:-1em;} .reqLec h1 {width:1060px; margin:0 auto; padding:1em 0; text-align:left; font-size:2rem; line-height:1.3; color:var(--theme1);} .reqLec #main h2 {width:auto; float:none; margin:2em 0 1em;} .reqLec #main .content {width:1060px; float:none; margin:0; padding-left:0; border:0;} .reqLec table.btn1 {margin-top:40px;} .reqLec table.btn1 a {margin-top:.3em; padding:.4em 1em; background:#5e93ca; color:#fff; border:0; font-weight:bold; font-size:1.1em;} .reqLec table.btn1 a:before {border-color:#fff;} .reqLec table.btn1 a[href=""] {background:#aaa; pointer-events:none;} :where(.showExtBefore,.showExt) i.-ico,:where(.showExtBelow ~ *,.showExtBeforeBelow ~ *) a i.-ico {content:""; display:inline-block; vertical-align:-20%; width:1.375rem; height:1.375rem; background-repeat:no-repeat; background-position:50% 50%; background-size:contain} :where(.showExtBefore,.showExtBeforeBelow ~ * a) i.-ico {margin:0 .3em 0 0} :where(.showExt,.showExtBelow ~ * a) i.-ico {margin:0 0 0 .3em} /* PDF */ a[href*=".pdf" i] i.-ico {background-image:url('data:image/svg+xml;charset=UTF-8,')} /* Word */ a[href*=".doc" i] i.-ico {background-image:url('data:image/svg+xml;charset=UTF-8,')} /* Excel */ a[href*=".xls" i] i.-ico {background-image:url('data:image/svg+xml;charset=UTF-8,')} /* PowerPoint */ a[href*=".ppt" i] i.-ico {background-image:url('data:image/svg+xml;charset=UTF-8,')} /* _blank */ a[target="_blank" i]:where(:not([href*=".pdf" i]):not([href*=".doc" i]):not([href*=".xls" i]):not([href*=".ppt" i])) i.-ico {content:""; display:inline-block; vertical-align:-10%; width:1rem; height:1rem; margin-left:.4em; background:url('data:image/svg+xml;charset=UTF-8,') no-repeat 50% 50%; background-size:contain} /* PDF(wh) */ :is(.-darkBG a[href*=".pdf" i], a[href*=".pdf" i].-darkBG) i.-ico {background-image:url('data:image/svg+xml;charset=UTF-8,')} /* Word(wh) */ :is(.-darkBG a[href*=".doc" i], a[href*=".doc" i].-darkBG) i.-ico {background-image:url('data:image/svg+xml;charset=UTF-8,')} /* Excel(wh) */ :is(.-darkBG a[href*=".xls" i], a[href*=".xls" i].-darkBG) i.-ico {background-image:url('data:image/svg+xml;charset=UTF-8,')} /* PowerPoint(wh) */ :is(.-darkBG a[href*=".ppt" i], a[href*=".ppt" i].-darkBG) i.-ico {background-image:url('data:image/svg+xml;charset=UTF-8,')} /* _blank(wh) */ .-darkBG a[target="_blank" i]:where(:not([href*=".pdf" i]):not([href*=".doc" i]):not([href*=".xls" i]):not([href*=".ppt" i])) i.-ico, a.-darkBG[target="_blank" i]:where(:not([href*=".pdf" i]):not([href*=".doc" i]):not([href*=".xls" i]):not([href*=".ppt" i])) i.-ico {background-image:url('data:image/svg+xml;charset=UTF-8,')} /*-------------------------------------------------------------------- 外部ライブラリ --------------------------------------------------------------------*/ /* --------------- bxslider */ .bx-wrapper {position:relative; margin:0 auto 60px; padding:0; *zoom:1;} .bx-wrapper img {max-width:100%; display:block;} .bx-wrapper .bx-viewport {/*-moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; border:solid #fff 5px; left:-5px; */background:#fff;} .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position:absolute; bottom:-30px; width:100%;} .bx-wrapper .bx-loading {min-height:50px; background:url(../img/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000;} .bx-wrapper .bx-pager {text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display:inline-block; *zoom:1; *display:inline;} .bx-wrapper .bx-pager.bx-default-pager a {background:#666; text-indent:-9999px; display:block; width:10px; height:10px; margin:0 5px; outline:0; border-radius:5px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background:#000;} .bx-wrapper .bx-prev {left:10px; background:url(../img/bx_controls.png) no-repeat 0 -32px;} .bx-wrapper .bx-next {right:10px; background:url(../img/bx_controls.png) no-repeat -43px -32px;} .bx-wrapper .bx-prev:hover {background-position:0 0;} .bx-wrapper .bx-next:hover {background-position:-43px 0;} .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:9999;} .bx-wrapper .bx-controls-direction a.disabled {display:none;} .bx-wrapper .bx-controls-auto {text-align:center;} .bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -11px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {background-position:-86px 0;} .bx-wrapper .bx-controls-auto .bx-stop {display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(../img/bx_controls.png) -86px -44px no-repeat; margin:0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {background-position:-86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:left; width:80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right:0; width:35px;} .bx-wrapper .bx-caption {position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, .75); width:100%;} .bx-wrapper .bx-caption span {color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px;} /* --------------- fancybox */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding:0; margin:0; border:0; outline:none; vertical-align:top;} .fancybox-wrap {position:absolute; top:0; left:0; z-index:8020;} .fancybox-skin {position:relative; background:#f9f9f9; color:#444; text-shadow:none; border-radius:4px;} .fancybox-opened {z-index:8030;} .fancybox-opened .fancybox-skin {box-shadow:0 10px 25px rgba(0, 0, 0, .5);} .fancybox-outer, .fancybox-inner {position:relative;} .fancybox-inner {overflow:hidden;} .fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;} .fancybox-error {color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap;} .fancybox-image, .fancybox-iframe {display:block; width:100%; height:100%;} .fancybox-image {max-width:100%; max-height:100%;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url('../img/fancybox_sprite.png');} #fancybox-loading {position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:.8; cursor:pointer; z-index:8060;} #fancybox-loading div {width:44px; height:44px; background:url('../img/fancybox_loading.gif') center center no-repeat;} .fancybox-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040;} .fancybox-nav {position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('../img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;} .fancybox-prev {left:0;} .fancybox-next {right:0;} .fancybox-nav span {position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;} .fancybox-prev span {left:10px; background-position:0 -36px;} .fancybox-next span {right:10px; background-position:0 -72px;} .fancybox-nav:hover span {visibility:visible;} .fancybox-tmp {position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;} .fancybox-lock {overflow:hidden;} .fancybox-overlay {position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('../img/fancybox_overlay.png');} .fancybox-overlay-fixed {position:fixed; bottom:0; right:0;} .fancybox-lock .fancybox-overlay {overflow:auto; overflow-y:scroll;} .fancybox-title {visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050;} .fancybox-opened .fancybox-title {visibility:visible;} .fancybox-title-float-wrap {position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; max-width:90%;} .fancybox-title-float-wrap .child {display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, .8); border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; width:680px;} .fancybox-title-outside-wrap {position:relative; margin-top:10px; color:#fff;} .fancybox-title-inside-wrap {padding-top:10px;} .fancybox-title-over-wrap {position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8);}