/* normalize.css v2.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } script { display: none !important; } /* ========================================================================== Base ========================================================================== */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ html { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* 1 */ font-size: 0.8125em; /* 1 */ -webkit-text-size-adjust: 0.8125em; /* 2 */ -ms-text-size-adjust: 0.8125em; /* 2 */ } html.large { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; /* 1 */ font-size: 1em; /* 1 */ -webkit-text-size-adjust: 1em; /* 2 */ -ms-text-size-adjust: 1em; /* 2 */ } /** Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ button, input { line-height: normal; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } html, body { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; overflow-x: hidden; background: none; } html p, body p { line-height: 1.6; } html a:active, body a:active { outline: none; } html a:focus, body a:focus { outline: none; } html h1, html h2, html h3, html h4, html h5, html h6, body h1, body h2, body h3, body h4, body h5, body h6 { font-size: 100%; line-height: 1; margin: 0; } html ul, body ul { margin: 0; padding: 0; } @media only screen and (max-width: 960px) { html, body { overflow-x: auto; } } .attention { color: #c80e47!important; } .highlight { background-color: #ffd8e2!important; } .clearfix { overflow: hidden; *zoom: 1; } .mt0 { margin-top: 0!important; } .mt5 { margin-top: 5px!important; } .mt10 { margin-top: 10px!important; } .mt15 { margin-top: 15px!important; } .mb0 { margin-bottom: 0!important; } .mb5 { margin-bottom: 5px!important; } .mb10 { margin-bottom: 10px!important; } .mb15 { margin-bottom: 15px!important; } .mb20 { margin-bottom: 20px!important; } .mb25 { margin-bottom: 25px!important; } .mb30 { margin-bottom: 30px!important; } .mb35 { margin-bottom: 35px!important; } .mb40 { margin-bottom: 40px!important; } .mb45 { margin-bottom: 45px!important; } .mb50 { margin-bottom: 50px!important; } .mb55 { margin-bottom: 55px!important; } .mb60 { margin-bottom: 60px!important; } .mr0 { margin-right: 0!important; } .mr5 { margin-right: 5px!important; } .mr10 { margin-right: 10px!important; } .mr15 { margin-right: 15px!important; } .mr20 { margin-right: 20px!important; } .mr25 { margin-right: 25px!important; } .mr30 { margin-right: 30px!important; } .ml0 { margin-left: 0!important; } .ml5 { margin-left: 5px!important; } .ml10 { margin-left: 10px!important; } .ml15 { margin-left: 15px!important; } .ml20 { margin-left: 20px!important; } .ml25 { margin-left: 25px!important; } .ml30 { margin-left: 30px!important; } .mt10 { margin-top: 10px!important; } .pt0 { padding-top: 0!important; } .pt5 { padding-top: 5px!important; } .pt10 { padding-top: 10px!important; } .pt15 { padding-top: 15px!important; } .pt20 { padding-top: 20px!important; } .pt25 { padding-top: 25px!important; } .pt30 { padding-top: 30px!important; } .pb0 { padding-bottom: 0!important; } .pb5 { padding-bottom: 5px!important; } .pb10 { padding-bottom: 10px!important; } .pb15 { padding-bottom: 15px!important; } .pb20 { padding-bottom: 20px!important; } .pb25 { padding-bottom: 25px!important; } .pb30 { padding-bottom: 30px!important; } .fs10 { font-size: 77%!important; } .fs11 { font-size: 85%!important; } .fs12 { font-size: 93%!important; } .fs13 { font-size: 100%!important; } .fs14 { font-size: 108%!important; } .fs15 { font-size: 116%!important; } .fs16 { font-size: 123.1%!important; } .fs17 { font-size: 131%!important; } .fs18 { font-size: 138.5%!important; } .fs19 { font-size: 146.5%!important; } .fs20 { font-size: 153.9%!important; } .fs21 { font-size: 161.6%!important; } .fs22 { font-size: 167%!important; } .fs23 { font-size: 174%!important; } .fs24 { font-size: 182%!important; } .fs25 { font-size: 189%!important; } .fs26 { font-size: 197%!important; } .w360 { width: 360px!important; } .w350 { width: 350px!important; } .w345 { width: 345px!important; } .w340 { width: 340px!important; } .w320 { width: 320px!important; } .w300 { width: 300px!important; } .w280 { width: 280px!important; } .w260 { width: 260px!important; } .w240 { width: 240px!important; } .w220 { width: 220px!important; } .w200 { width: 200px!important; } .ps10 { font-size: 77%; } .ps11 { font-size: 85%; } .ps12 { font-size: 93%; } .flo_left { float: left; } .flo_right { float: right; } .al_left { text-align: left!important; } .al_right { text-align: right!important; } .al_center { text-align: center!important; } div.breadcrumbs { margin: 0 0 15px 0; } .lt-ie8 div.breadcrumbs > ul > li { padding: 0 0 0 15px; background: url(/images/common/ico_ie7breadcrumbs.png) no-repeat scroll 2px 5px; margin: 0 5px 0 0; } .lt-ie8 div.breadcrumbs > ul > li:first-child { background: none; padding: 0; } .lt-ie8 div.breadcrumbs > ul:last-child { margin-right: 0; } div.breadcrumbs > ul { overflow: hidden; *zoom: 1; } div.breadcrumbs > ul > li { display: inline-block; float: left; list-style: none; font-size: 85%; } div.breadcrumbs > ul > li:first-child:before { content: ""; padding: 0; } div.breadcrumbs > ul > li:before { content: ">"; display: block; float: left; padding: 0 5px; line-height: 1.5em; } div.breadcrumbs > ul > li:last-child > a { color: #333333; } div.breadcrumbs > ul > li:last-child > a:hover { text-decoration: none; } div.breadcrumbs > ul > li > a { color: #083aa4; text-decoration: none; } div.breadcrumbs > ul > li > a:hover { text-decoration: underline; } #pages { margin: 0 0 20px; text-align: center; } #pages ul li { font-family: Arial; font-weight: bold; display: inline-block; background: none; background-color: #FFF; border: 1px solid #cbcbcb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 -2px 0 0 #ebebeb; -moz-box-shadow: inset 0 -2px 0 0 #ebebeb; box-shadow: inset 0 -2px 0 0 #ebebeb; behavior: url(/css/PIE.htc); margin: 0 6px 0 0; padding: 0; vertical-align: middle; } .lt-ie8 #pages ul li { display: inline; zoom: 1; } #pages ul li:last-child { margin: 0; } #pages ul li a { display: block; text-decoration: none; color: #6e6e6e; padding: 5px 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #pages ul li a > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } #pages ul li a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #pages ul li a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } #pages ul li.current_page { color: #FFF; background-color: #ca194f; -webkit-box-shadow: inset 0 -2px 0 0 #a10736; -moz-box-shadow: inset 0 -2px 0 0 #a10736; box-shadow: inset 0 -2px 0 0 #a10736; border: none; padding: 6px 11px; } .common_styles h1 { background: url(/images/common/h1_bg.png) repeat-x left bottom; font-size: 146.5%; padding: 0 0 10px 0; line-height: 1.2; margin: 0 0 20px 0; } .common_styles h1.event { background: url(/images/common/h1_bg_odekake.png) repeat-x left bottom; } .common_styles .h1_head { position: relative; background: url(/images/common/h1_bg.png) repeat-x scroll left bottom; margin: 0 0 20px; padding: 0 0 10px; } .common_styles .h1_head > h1 { bottom: 10px; left: 0; background: none; margin: 0; padding: 0; width: 540px; } .common_styles .h1_head > a { position: absolute; right: 0; bottom: 10px; font-size: 85%; text-decoration: none; background: url(/images/common/ico_triangle_05.png) no-repeat 0 center; padding-left: 10px; color: #666666; font-weight: bold; } .common_styles .h1_head > a:hover { text-decoration: underline; } .common_styles .h1_head_blue { position: relative; background: url(/images/common/h1_bg_ekinaka.png) repeat-x scroll left bottom; margin: 0 0 20px; padding: 0 0 10px; } .common_styles .h1_head_blue > h1 { bottom: 10px; left: 0; background: none; margin: 0; padding: 0; width: 540px; } .common_styles .h1_head_blue > a { position: absolute; right: 0; bottom: 10px; font-size: 85%; text-decoration: none; background: url(/images/common/ico_triangle_05.png) no-repeat 0 center; padding-left: 10px; color: #666666; font-weight: bold; } .common_styles .h1_head_blue > a:hover { text-decoration: underline; } .common_styles .h1_head_orange { position: relative; background: url(/images/common/h1_bg_odekake.png) repeat-x scroll left bottom; margin: 0 0 20px; padding: 0 0 10px; } .common_styles .h1_head_orange > h1 { bottom: 10px; left: 0; background: none; margin: 0; padding: 0; width: 540px; } .common_styles .h1_head_orange > a { position: absolute; right: 0; bottom: 10px; font-size: 85%; text-decoration: none; background: url(/images/common/ico_triangle_05.png) no-repeat 0 center; padding-left: 10px; color: #666666; font-weight: bold; } .common_styles .h1_head_orange > a:hover { text-decoration: underline; } .common_styles h2 { color: #333333; line-height: 1.6; font-size: 123.1%; padding: 5px 10px 5px 10px; margin: 0 0 20px 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #f5f5f5)); background-image: -webkit-linear-gradient(#f2f2f2, #f5f5f5); background-image: -moz-linear-gradient(#f2f2f2, #f5f5f5); background-image: -o-linear-gradient(#f2f2f2, #f5f5f5); background-image: linear-gradient(#f2f2f2, #f5f5f5); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 -2px 0 0 #d4d4d4 inset, 0 2px 0 0 #eeeeee; -moz-box-shadow: 0 -2px 0 0 #d4d4d4 inset, 0 2px 0 0 #eeeeee; box-shadow: 0 -2px 0 0 #d4d4d4 inset, 0 2px 0 0 #eeeeee; behavior: url(/css/PIE.htc); border-left: 5px solid #ce1a3c; background: #f2f2f2; position: relative; } .common_styles h2 > a { text-decoration: none; } .common_styles h2 > a:hover { text-decoration: underline; } .common_styles h2.no_style { background: none; padding: 0; margin: 0; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-left: none; } .common_styles h2.kyoto { border-left: 5px solid #34b580; } .common_styles h2.takarazuka { border-left: 5px solid #ff7600; } .common_styles h2.kobe { border-left: 5px solid #0074d3; } .common_styles h2.event { border-left: 5px solid #ec6f09; } .common_styles h2.hiking { border-left: 5px solid #6fa203; } .common_styles h2.ekinaka { border-left: 5px solid #119cd5; } .common_styles h3 { line-height: 1.2; font-size: 108%; padding: 6px 0 5px 17px; margin: 0 0 10px 0; background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f6eb), color-stop(100%, #f6f5e8)); background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, -webkit-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, -moz-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, -o-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8); -pie-background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8); -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 -1px 0 0 #d4d4d4 inset, 0 1px 0 0 #eeeeee; -moz-box-shadow: 0 -1px 0 0 #d4d4d4 inset, 0 1px 0 0 #eeeeee; box-shadow: 0 -1px 0 0 #d4d4d4 inset, 0 1px 0 0 #eeeeee; behavior: url(/css/PIE.htc); position: relative; } .ie9 .common_styles h3 { background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center #f7f6eb; } .common_styles h3.hankyu { background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f6eb), color-stop(100%, #f6f5e8)); background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, -webkit-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, -moz-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, -o-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_hankyu_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8); -pie-background: background(url(/images/common/h3_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8)); } .common_styles h3.kyoto { background: url(/images/common/h3_kyoto_bg.png) no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f6eb), color-stop(100%, #f6f5e8)); background: url(/images/common/h3_kyoto_bg.png) no-repeat 0 center, -webkit-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_kyoto_bg.png) no-repeat 0 center, -moz-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_kyoto_bg.png) no-repeat 0 center, -o-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_kyoto_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8); -pie-background: background(url(/images/common/h3_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8)); } .common_styles h3.takarazuka { background: url(/images/common/h3_takarazuka_bg.png) no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f6eb), color-stop(100%, #f6f5e8)); background: url(/images/common/h3_takarazuka_bg.png) no-repeat 0 center, -webkit-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_takarazuka_bg.png) no-repeat 0 center, -moz-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_takarazuka_bg.png) no-repeat 0 center, -o-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_takarazuka_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8); -pie-background: background(url(/images/common/h3_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8)); } .common_styles h3.kobe { background: url(/images/common/h3_kobe_bg.png) no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f6eb), color-stop(100%, #f6f5e8)); background: url(/images/common/h3_kobe_bg.png) no-repeat 0 center, -webkit-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_kobe_bg.png) no-repeat 0 center, -moz-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_kobe_bg.png) no-repeat 0 center, -o-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_kobe_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8); -pie-background: background(url(/images/common/h3_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8)); } .common_styles h3.hiking { background: url(/images/common/h3_hiking_bg.png) no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f6eb), color-stop(100%, #f6f5e8)); background: url(/images/common/h3_hiking_bg.png) no-repeat 0 center, -webkit-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_hiking_bg.png) no-repeat 0 center, -moz-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_hiking_bg.png) no-repeat 0 center, -o-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_hiking_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8); -pie-background: background(url(/images/common/h3_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8)); } .common_styles h3.event { background: url(/images/common/h3_event_bg.png) no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f6eb), color-stop(100%, #f6f5e8)); background: url(/images/common/h3_event_bg.png) no-repeat 0 center, -webkit-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_event_bg.png) no-repeat 0 center, -moz-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_event_bg.png) no-repeat 0 center, -o-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_event_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8); -pie-background: background(url(/images/common/h3_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8)); } .common_styles h3.ekinaka { background: url(/images/common/h3_ekinaka_bg.png) no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f6eb), color-stop(100%, #f6f5e8)); background: url(/images/common/h3_ekinaka_bg.png) no-repeat 0 center, -webkit-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_ekinaka_bg.png) no-repeat 0 center, -moz-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_ekinaka_bg.png) no-repeat 0 center, -o-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_ekinaka_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8); -pie-background: background(url(/images/common/h3_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8)); } .common_styles h3.station { background: url(/images/common/h3_station_bg.png) no-repeat 0 center, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f7f6eb), color-stop(100%, #f6f5e8)); background: url(/images/common/h3_station_bg.png) no-repeat 0 center, -webkit-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_station_bg.png) no-repeat 0 center, -moz-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_station_bg.png) no-repeat 0 center, -o-linear-gradient(#f7f6eb, #f6f5e8); background: url(/images/common/h3_station_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8); -pie-background: background(url(/images/common/h3_bg.png) no-repeat 0 center, linear-gradient(#f7f6eb, #f6f5e8)); } .common_styles h3.short471 { width: 471px; font-size: 123.1%; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; behavior: url(/css/PIE.htc); } .common_styles h3.short423 { width: 423px; font-size: 123.1%; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; behavior: url(/css/PIE.htc); } .common_styles h4 { background: url(/images/common/h4_bg.png) no-repeat 0 0; line-height: 1.4; font-size: 100%; padding: 0 0 0 17px; border: 0; } .common_styles ul li { background: url(/images/common/ico_li01.png) no-repeat 0 0.5em; letter-spacing: 0.02em; line-height: 1.6; margin: 0 0 10px 0; padding: 0 0 0 9px; list-style: none; color: #333333; } .common_styles a { color: #083aa4; } .common_styles table { width: 100%; table-layout: auto; border-collapse: collapse; border: solid 1px #dedcc8; margin: 0; } .common_styles table th, .common_styles table th.gray { background: #f6f5e8; border: solid 1px #dedcc8; padding: 10px; } .common_styles table th.gray { font-weight: normal; background: #f5f5f6; } .common_styles table td { border: solid 1px #dedcc8; padding: 10px; } .common_styles .section10 { margin-bottom: 10px !important; } .common_styles .section20 { margin-bottom: 20px !important; } .common_styles .section30 { margin-bottom: 30px !important; } .common_styles .section40 { margin-bottom: 40px !important; } .common_styles .section50 { margin-bottom: 50px !important; } .lt-ie9 .common_styles h3 { line-height: 1.2; font-size: 108%; padding: 6px 0 5px 17px; margin: 0 0 10px 0; background-image: url(/images/common/h3_hankyu_bg.png); background-position: 0 center; background-repeat: no-repeat; background-color: #f7f6eb; } .lt-ie9 .common_styles h3.kyoto { background-image: url(/images/common/h3_kyoto_bg.png); } .lt-ie9 .common_styles h3.takarazuka { background-image: url(/images/common/h3_takarazuka_bg.png); } .lt-ie9 .common_styles h3.kobe { background-image: url(/images/common/h3_kobe_bg.png); } .lt-ie9 .common_styles h3.hiking { background-image: url(/images/common/h3_hiking_bg.png); } .lt-ie9 .common_styles h3.event { background-image: url(/images/common/h3_event_bg.png); } .lt-ie9 .common_styles h3.ekinaka { background-image: url(/images/common/h3_ekinaka_bg.png); } #contents { width: auto; } #contents:after { content: ''; } #main { font-size: 100%; width: 100%; padding: 0; margin: 0 0 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #main > #main-inner { margin: 0; } #main .base-table { margin: 0 0 20px 0; } #main .other-line { width: 100%; } #main .other-line li { margin-left: 15px; } #main #bottom-list { width: 100%; } div.footer_column_faq { width: auto; border: 1px solid #dedcc8; background: #f6f5e8; margin: 0 0 55px 0; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; behavior: url(/css/PIE.htc); } div.footer_column_faq > div.footer_column_faq_inner { border: 1px solid #dedcc8; background: #FFF; padding: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.05); behavior: url(/css/PIE.htc); } div.footer_column_faq > div.footer_column_faq_inner h3 { width: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; behavior: url(/css/PIE.htc); } div.footer_column_faq > div.footer_column_faq_inner > ul > li { background: url(/images/faq/ico_q01.png) no-repeat scroll 0 50%; border-bottom: 1px solid #DDD; margin: 0; padding: 10px 0 10px 40px; line-height: 1.6; list-style: none; } div.footer_column_faq > div.footer_column_faq_inner > ul > li > a { font-size: 100%; text-decoration: none; } div.footer_column_faq > div.footer_column_faq_inner > ul > li > a:hover { text-decoration: underline; } div.footer_column_faq > div.footer_column_faq_inner > ul > li.last { border-bottom: none; margin: 0; padding: 10px 0 10px 40px; } p.to_top { text-align: right!important; } p.to_top > a { padding: 0 13px 0 0; background: url(/images/common/ico_arrow_04.jpg) no-repeat right; } p.to_top > a:hover { text-decoration: none; } .btn_back_box { text-align: center; } .btn_back_box .btn_back { display: inline-block; padding: 10px 20px 10px 40px; background: white url(/images/common/ico_arrow_back.png) no-repeat 20px center; border: 1px solid #cbcbcb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 -2px 0 0 #ebebeb; -moz-box-shadow: inset 0 -2px 0 0 #ebebeb; box-shadow: inset 0 -2px 0 0 #ebebeb; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; behavior: url(/css/PIE.htc); font-size: 108%; text-decoration: none; font-weight: bold; color: #333333; } .btn_back_box .btn_back > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .btn_back_box .btn_back:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .btn_back_box .btn_back:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } .btn_arrow_box { text-align: center; } .btn_arrow_box a { display: inline-block; padding: 10px 20px 10px 32px; background: white url(/images/common/ico_arrow.png) no-repeat 20px center; border: 1px solid #cbcbcb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 -2px 0 0 #ebebeb; -moz-box-shadow: inset 0 -2px 0 0 #ebebeb; box-shadow: inset 0 -2px 0 0 #ebebeb; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; behavior: url(/css/PIE.htc); font-size: 108%; text-decoration: none; font-weight: bold; color: #333333; position: relative; } .btn_arrow_box a > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .btn_arrow_box a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .btn_arrow_box a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div.adobe_info { overflow: hidden; *zoom: 1; } div.adobe_info a { display: block; float: left; width: 112px; } div.adobe_info a:hover { opacity: 0.8; } div.adobe_info p { float: right; margin: 0; font-size: 85%; color: #333333; width: 598px; } .no_script { width: 100%; background: #eeeeee; text-align: center; padding: 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #cccccc; } .old_browser_event { display: none; text-align: center; background: #eeeeee; padding: 10px 0; margin: 0 0 15px 0; border: 1px solid #cccccc; } .old_browser_event > p { margin: 0; } .lt-ie8 .old_browser_event { display: block; } .no-js_placeholder { display: none; } .no-js_placeholder > h3 { font-size: 100% !important; font-weight: bold !important; margin: 10px 0 5px 0; padding: 0 !important; background: none !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .no-js.lt-ie9 .no-js_placeholder { display: block; } .flo_list { overflow: hidden; *zoom: 1; } .flo_list ul li { float: left; } .flo_list ul li a { display: block; margin: 0 20px 10px 0!important; } .list-link li a { text-decoration: none!important; } div.dia_notice { border: solid 1px #e33152; padding: 10px; margin: 0 0 5px 0; } div.dia_notice > h2 { color: #c80e47; font-weight: bold; font-size: 108%; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; line-height: 1.2; padding: 0; margin: 0 0 2px 0; } div.dia_notice > p { margin: 0; font-size: 93%; } div#area_info { background: #f6f5e8; border: solid 1px #dedcc8; padding: 15px; margin: 0 0 50px 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/PIE.htc); overflow: hidden; *zoom: 1; } div#area_info > h2 { background: none; padding: 0; margin: 0 0 10px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: none; } div#area_info > h2.txt { color: #411903; font-size: 20px; text-shadow: -1px -1px white, 1px -1px white, -1px 1px white, 1px 1px white, 2px 2px #999999; behavior: url(/css/PIE.htc); } div#area_info > h2.txt > em { color: #c91149; font-style: normal; } div#area_info > a.archive { position: absolute; width: 157px; height: 40px; display: block; position: absolute; top: 0px; right: 15px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info > a.archive > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#area_info > a.archive:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info > a.archive:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#area_info .info_box { background: #fff; border: solid 1px #dedcc8; padding: 15px; margin: 0 0 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 3px 0 0 #e9e9dc; -moz-box-shadow: 0 3px 0 0 #e9e9dc; box-shadow: 0 3px 0 0 #e9e9dc; behavior: url(/css/PIE.htc); position: relative; } div#area_info .info_box > .h3_head { /*width: 658px;*/ height: 32px; position: relative; margin: 0 0 10px; } div#area_info .info_box > .h3_head > h3 { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0; margin: 0 0 5px 0; width: 100%; height: 32px; } div#area_info .info_box > .h3_head > a.archive { display: block; position: absolute; top: 6px; right: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info .info_box > .h3_head > a.archive > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#area_info .info_box > .h3_head > a.archive:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info .info_box > .h3_head > a.archive:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#area_info > #event_info > #event_info_content { *zoom: 1; } div#area_info > #event_info > #event_info_content h4 { margin: 0 0 5px; } div#area_info > #event_info > #event_info_content h4.txt { background: url(/images/common/h4_bg_event.png) no-repeat 0 0; line-height: 1.5em; padding: 0 0 0 17px; } div#area_info > #event_info > #event_info_content:after { content: ""; display: table; clear: both; } div#area_info > #event_info > #event_info_content > #today_event { width: 405px; float: left; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries { height: 275px; background: url(/images/common/ajax-loader.gif) no-repeat center center; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries.rendered { background: none; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries ul { list-style: none; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries ul > li { overflow: hidden; *zoom: 1; background: none; padding: 0; margin: 0 0 8px 0; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries ul > li > dl { margin: 0; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries ul > li > dl > dt span.other_station { position: relative; top: 3px; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries ul > li > dl > dd { margin: 0 !important; overflow: hidden; *zoom: 1; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries ul > li > dl > dd > span.img { display: block; float: left; width: 62px; height: 62px; overflow: hidden; position: relative; background: #f5f5f5; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries ul > li > dl > dd > span.img > img { display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries ul > li > dl > dd > a { width: 300px; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0 0 0 8px; background: url(/images/common/ico_triangle_03.png) no-repeat 0 0.4em; color: #083aa4; text-decoration: none; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries ul > li > dl > dd > a:hover { text-decoration: underline; } div#area_info > #event_info > #event_info_content > #today_event > #event_entries .mCS_no_scrollbar dl { width: 375px; } div#area_info > #event_info > #event_info_content > #today_event.no_calendar { width: 100%; min-height: 50px; background: url(/images/common/ajax-loader.gif) no-repeat center center; } div#area_info > #event_info > #event_info_content > #today_event.no_calendar.rendered { background: none; } div#area_info > #event_info > #event_info_content > #today_event.no_calendar > #event_entries { height: auto; } div#area_info > #event_info > #event_info_content > #today_event.no_calendar > #event_entries ul > li > dl { width: 100%; margin: 4px 0 0 0; } div#area_info > #event_info > #event_info_content > #today_event.no_calendar > #event_entries ul > li > dl dd a { display: block; width: 580px; } div#area_info > #event_info > #event_info_content > #event_calendar { width: 235px; float: right; } div#area_info > #event_info > #event_info_content > #event_calendar > a.bnr_map { width: 232px; height: 58px; display: block; margin: 0 0 20px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info > #event_info > #event_info_content > #event_calendar > a.bnr_map > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#area_info > #event_info > #event_info_content > #event_calendar > a.bnr_map:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info > #event_info > #event_info_content > #event_calendar > a.bnr_map:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl { width: 235px; height: 30px; position: relative; } div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl a > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl > #calendar_btn_prev, div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl > #calendar_btn_next { display: block; width: 16px; height: 16px; position: absolute; top: 7px; left: 1px; } div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl > #calendar_year { position: absolute; top: 9px; left: 32px; font-size: 10px; line-height: 1.2em; } div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl > #calendar_month { position: absolute; top: 6px; left: 82px; font-size: 17px; } div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl > #calendar_month .en { font-size: 11px; font-weight: normal; padding: 0 0 0 5px; } div#area_info > #event_info > #event_info_content > #event_calendar > #calendar_ctl > #calendar_btn_next { left: auto; right: 1px; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render { width: 235px; height: 170px; background: url(/images/common/ajax-loader.gif) no-repeat center center; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render.rendered { background: none; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table { width: 100%; table-layout: auto; border-collapse: collapse; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table th, .common_styles div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table th.gray { font-size: 10px; padding: 3px 0 2px; line-height: 1.2; border-top: solid 1px #dcdcdd; border-bottom: solid 1px #dcdcdd; background: #f5f5f6; text-align: center; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table th:first-child, .common_styles div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table th.gray:first-child { color: #ca0b2e; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table th:last-child, .common_styles div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table th.gray:last-child { color: #2078ba; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td { text-align: center; font-size: 10px; padding: 8px 0 5px; border-top: solid 1px #dcdcdd; border-bottom: solid 1px #dcdcdd; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td > a { color: #333333; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td:first-child { color: #ca0b2e; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td:first-child > a { color: #ca0b2e; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td:last-child { color: #2078ba; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td:last-child > a { color: #2078ba; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.out { color: #aeaeae; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.on { padding: 0; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.on > a { padding: 7px 0 4px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; text-decoration: underline; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.on > a > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.on > a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.on > a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.active { padding: 0; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.active > a { padding: 7px 0 4px; background: #ee822a; display: block; border-bottom: solid 2px #c85900; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; text-decoration: none; color: #fff; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.active > a > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.active > a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info > #event_info > #event_info_content > #event_calendar > #calender_render > table td.active > a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#area_info > #station_spotinfo > h3 { background: none; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } div#area_info > #station_spotinfo > .nav { position: relative; margin: 0 0 15px 0; overflow: hidden; } div#area_info > #station_spotinfo > .nav > ul { list-style: none; *zoom: 1; width: 724px; } div#area_info > #station_spotinfo > .nav > ul:after { content: ""; display: table; clear: both; } div#area_info > #station_spotinfo > .nav > ul > li { float: left; text-indent: -99999px; padding: 0; margin: 0 4px 5px 0; } div#area_info > #station_spotinfo > .nav > ul > li.all, div#area_info > #station_spotinfo > .nav > ul > li.shopping { width: 101px; height: 29px; margin: 0 3px 5px 0; background: url(/images/common/spot_tab01.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.all.active, div#area_info > #station_spotinfo > .nav > ul > li.active.shopping { background: url(/images/common/spot_tab01_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.all > a, div#area_info > #station_spotinfo > .nav > ul > li.shopping > a { width: 101px; height: 29px; } div#area_info > #station_spotinfo > .nav > ul > li.temples, div#area_info > #station_spotinfo > .nav > ul > li.museum, div#area_info > #station_spotinfo > .nav > ul > li.other, div#area_info > #station_spotinfo > .nav > ul > li.hobby, div#area_info > #station_spotinfo > .nav > ul > li.gnavi, div#area_info > #station_spotinfo > .nav > ul > li.cafe, div#area_info > #station_spotinfo > .nav > ul > li.eehagaki, div#area_info > #station_spotinfo > .nav > ul > li.restaurant, div#area_info > #station_spotinfo > .nav > ul > li.life { width: 100px; height: 29px; background: url(/images/common/spot_tab02.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.temples.active, div#area_info > #station_spotinfo > .nav > ul > li.active.museum, div#area_info > #station_spotinfo > .nav > ul > li.active.other, div#area_info > #station_spotinfo > .nav > ul > li.active.hobby, div#area_info > #station_spotinfo > .nav > ul > li.active.gnavi, div#area_info > #station_spotinfo > .nav > ul > li.active.cafe, div#area_info > #station_spotinfo > .nav > ul > li.active.eehagaki, div#area_info > #station_spotinfo > .nav > ul > li.active.restaurant, div#area_info > #station_spotinfo > .nav > ul > li.active.life { background: url(/images/common/spot_tab02_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.temples > a, div#area_info > #station_spotinfo > .nav > ul > li.museum > a, div#area_info > #station_spotinfo > .nav > ul > li.other > a, div#area_info > #station_spotinfo > .nav > ul > li.hobby > a, div#area_info > #station_spotinfo > .nav > ul > li.gnavi > a, div#area_info > #station_spotinfo > .nav > ul > li.cafe > a, div#area_info > #station_spotinfo > .nav > ul > li.eehagaki > a, div#area_info > #station_spotinfo > .nav > ul > li.restaurant > a, div#area_info > #station_spotinfo > .nav > ul > li.life > a { width: 100px; } div#area_info > #station_spotinfo > .nav > ul > li.museum, div#area_info > #station_spotinfo > .nav > ul > li.other { width: 116px; background: url(/images/common/spot_tab03.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.museum.active, div#area_info > #station_spotinfo > .nav > ul > li.active.other { background: url(/images/common/spot_tab03_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.museum > a, div#area_info > #station_spotinfo > .nav > ul > li.other > a { width: 116px; } div#area_info > #station_spotinfo > .nav > ul > li.hobby, div#area_info > #station_spotinfo > .nav > ul > li.gnavi { width: 106px; background: url(/images/common/spot_tab04.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.hobby.active, div#area_info > #station_spotinfo > .nav > ul > li.active.gnavi { background: url(/images/common/spot_tab04_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.hobby > a, div#area_info > #station_spotinfo > .nav > ul > li.gnavi > a { width: 106px; } div#area_info > #station_spotinfo > .nav > ul > li.cafe, div#area_info > #station_spotinfo > .nav > ul > li.eehagaki { width: 116px; background: url(/images/common/spot_tab05.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.cafe.active, div#area_info > #station_spotinfo > .nav > ul > li.active.eehagaki { background: url(/images/common/spot_tab05_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.cafe > a, div#area_info > #station_spotinfo > .nav > ul > li.eehagaki > a { width: 116px; } div#area_info > #station_spotinfo > .nav > ul > li.restaurant { width: 98px; background: url(/images/common/spot_tab06.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.restaurant.active { background: url(/images/common/spot_tab06_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.restaurant > a { width: 98px; } div#area_info > #station_spotinfo > .nav > ul > li.shopping { background: url(/images/common/spot_tab07.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.shopping.active { background: url(/images/common/spot_tab07_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.life { background: url(/images/common/spot_tab08.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.life.active { background: url(/images/common/spot_tab08_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.other { background: url(/images/common/spot_tab09.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.other.active { background: url(/images/common/spot_tab09_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.gnavi { background: url(/images/common/spot_tab10.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.gnavi.active { background: url(/images/common/spot_tab10_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.eehagaki { background: url(/images/common/spot_tab11.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li.eehagaki.active { background: url(/images/common/spot_tab11_active.png) no-repeat 0 0; } div#area_info > #station_spotinfo > .nav > ul > li > a { display: block; } div#area_info > #station_spotinfo > #station_spotinfo_map { width: 335px; height: 270px; float: left; background: url(/images/common/ajax-loader.gif) no-repeat center center; margin: 0 0 10px; } div#area_info > #station_spotinfo > #station_spotinfo_map.loaded { background: none; } div#area_info > #station_spotinfo > #station_spotinfo_map .gmap_infowindow { width: 240px; height: 75px; } div#area_info > #station_spotinfo > #station_spotinfo_map .gmap_infowindow > b { font-size: 100% !important; margin: 0 !important; } div#area_info > #station_spotinfo > #station_spotinfo_map .gmap_infowindow > .spot_wrapper { overflow: hidden; *zoom: 1; } div#area_info > #station_spotinfo > #station_spotinfo_map .gmap_infowindow > .spot_wrapper > .spot_thumb { width: 60px; float: left; margin: 0 10px 0 0; height: 60px; overflow: hidden; position: relative; } div#area_info > #station_spotinfo > #station_spotinfo_map .gmap_infowindow > .spot_wrapper > .spot_thumb > img { display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: 0; } div#area_info > #station_spotinfo > #station_spotinfo_map .gmap_infowindow > .spot_wrapper > .spot_detail > em { display: block; font-style: normal; font-weight: bold; } div#area_info > #station_spotinfo > #station_spotinfo_map .gmap_infowindow > .spot_wrapper > .spot_detail > .spot_link { display: block; } div#area_info > #station_spotinfo > #station_spotinfo_list { width: 308px; height: 270px; float: right; background: url(/images/common/ajax-loader.gif) no-repeat center center; margin: 0 0 10px; } div#area_info > #station_spotinfo > #station_spotinfo_list.loaded { background: none; } div#area_info > #station_spotinfo > #station_spotinfo_list ul { list-style: none; } div#area_info > #station_spotinfo > #station_spotinfo_list ul li { overflow: hidden; *zoom: 1; background: none; padding: 0; margin: 0 0 8px 0; } div#area_info > #station_spotinfo > #station_spotinfo_list ul li span.img { display: block; float: left; width: 62px; height: 62px; overflow: hidden; position: relative; } div#area_info > #station_spotinfo > #station_spotinfo_list ul li span.img img { display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } div#area_info > #station_spotinfo > #station_spotinfo_list ul li dl { width: 210px; float: right; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div#area_info > #station_spotinfo > #station_spotinfo_list ul li dl > dt { background: url(/images/common/ico_triangle_03.png) no-repeat 0 0.4em; padding: 0 0 0 8px; font-weight: bold; } div#area_info > #station_spotinfo > #station_spotinfo_list ul li dl > dt > a { color: #333333; text-decoration: underline; } div#area_info > #station_spotinfo > #station_spotinfo_list ul li dl > dt > a:hover { text-decoration: none; } div#area_info > #station_spotinfo > #station_spotinfo_list ul li dl > dd { margin: 0; } div#area_info > #station_spotinfo > #station_spotinfo_list .mCS_no_scrollbar dl { width: 240px; } div#area_info > #station_spotinfo > .bnr { clear: both; width: 446px; overflow: hidden; *zoom: 1; margin: 15px auto 0; } div#area_info > #station_spotinfo > .bnr > a { display: block; width: 218px; height: 57px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info > #station_spotinfo > .bnr > a > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#area_info > #station_spotinfo > .bnr > a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#area_info > #station_spotinfo > .bnr > a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#area_info > #station_spotinfo > .bnr > a:first-child { float: left; } div#area_info > #station_spotinfo > .bnr > a:last-child { float: right; } div#area_info > #hiking_info > .annotation { border: solid 1px #c80e47; padding: 10px 10px 8px; margin: 0 0 15px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; behavior: url(/css/PIE.htc); position: relative; } div#area_info > #hiking_info > .annotation > p { font-size: 93%; line-height: 1.2; margin: 0; } div#area_info > #hiking_info .hiking_entry > dl { margin: 0; } div#area_info > #hiking_info .hiking_entry > dl > dt { background: #f2f8e5; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; overflow: hidden; *zoom: 1; behavior: url(/css/PIE.htc); padding: 6px 7px; margin: 0 0 5px 0; position: relative; } div#area_info > #hiking_info .hiking_entry > dl > dt > .icon { width: 101px; height: 21px; display: block; float: left; text-indent: -9999px; } div#area_info > #hiking_info .hiking_entry > dl > dt > .icon.takarazuka { background: url(/images/common/icon_haiking_takarazuka.png) no-repeat 0 0; } div#area_info > #hiking_info .hiking_entry > dl > dt > .icon.kyoto { background: url(/images/common/icon_haiking_kyoto.png) no-repeat 0 0; } div#area_info > #hiking_info .hiking_entry > dl > dt > .icon.kobe { background: url(/images/common/icon_haiking_kobe.png) no-repeat 0 0; } div#area_info > #hiking_info .hiking_entry > dl > dt > .icon.other { background: url(/images/common/icon_haiking_other.png) no-repeat 0 0; } div#area_info > #hiking_info .hiking_entry > dl > dt > .icon.news { background: url(/images/common/icon_haiking_news.png) no-repeat 0 0; } div#area_info > #hiking_info .hiking_entry > dl > dt > .date, div#area_info > #hiking_info .hiking_entry > dl > dt > .level { font-weight: bold; line-height: 1.8; display: block; float: left; margin: 0 5px 0 10px; } div#area_info > #hiking_info .hiking_entry > dl > dt > .level { margin: 0; } div#area_info > #hiking_info .hiking_entry > dl > dt > .stop { position: absolute; right: 10px; } div#area_info > #hiking_info .hiking_entry > dl > dd { margin: 0 0 20px 0; padding: 0 18px; background: url(/images/common/ico_triangle_03.png) no-repeat 10px 0.5em; } div#area_info > #hiking_info .hiking_entry > dl > dd > em.series { font-size: 93%; font-style: normal; display: block; margin: 0; line-height: 1.8em; } div#area_info > #hiking_info .hiking_entry > dl > dd > a { color: #083aa4; text-decoration: none; } div#area_info > #hiking_info .hiking_entry > dl > dd > a:hover { text-decoration: underline; } div#area_info > #hiking_info .hiking_entry > dl > dd:last-child { margin: 0; } div#area_info > #shop_info, div#area_info > #hankyu_info { width: 340px; float: left; } .lt-ie8 div#area_info > #shop_info, .lt-ie8 div#area_info > #hankyu_info { width: 308px; } div#area_info > #shop_info ul, div#area_info > #hankyu_info ul { list-style: none; } div#area_info > #shop_info ul > li, div#area_info > #hankyu_info ul > li { background: none; padding: 0 0 10px; margin: 0 0 10px; border-bottom: solid 1px #ebebeb; overflow: hidden; *zoom: 1; } div#area_info > #shop_info ul > li > .img, div#area_info > #hankyu_info ul > li > .img { height: 90px; overflow: hidden; position: relative; width: 90px; display: block; } div#area_info > #shop_info ul > li > .img img, div#area_info > #hankyu_info ul > li > .img img { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; } div#area_info > #shop_info ul > li > dl, div#area_info > #hankyu_info ul > li > dl { width: 200px; float: right; } div#area_info > #shop_info ul > li > dl > dt > .shopname, div#area_info > #hankyu_info ul > li > dl > dt > .shopname { font-style: normal; font-size: 85%; font-weight: bold; display: block; margin: 5px 0 8px; color: #119cd5; } div#area_info > #shop_info ul > li > dl > dd, div#area_info > #hankyu_info ul > li > dl > dd { margin: 0; } div#area_info > #shop_info ul > li > dl > dd > a, div#area_info > #hankyu_info ul > li > dl > dd > a { color: #083aa4; text-decoration: none; } div#area_info > #shop_info ul > li > dl > dd > a:hover, div#area_info > #hankyu_info ul > li > dl > dd > a:hover { text-decoration: underline; } div#area_info > #shop_info ul > li:last-child, div#area_info > #hankyu_info ul > li:last-child { border: none; padding: 0; margin: 0; } div#area_info > #ekiblo_info { /* @extend #shop_info; .ie9 &{ overflow: hidden; } .ie8 &{ overflow: hidden; } .ie7 &{ width: 658px !important;} float: right; &.left{ float: left; } & > ul > li { & > .img{ width: 90px; height: 90px; @include single-box-shadow(none); } & > dl > dt{ & .authorname{ display:block; font-style: normal; font-size: 85%; font-weight: bold; @include clearfix(); margin: 5px 0 8px; & > .theme{ height: 18px; text-indent: -9999px; display:block; margin: 0 5px 0 0; float:left; &.e10{ width: 78px; } &.e11{ width: 65px; } &.e12{ width: 81px; } } } } &.hide_home{ display: none; } } */ } div#area_info > #ekiblo_info.column_set01, div#area_info > #hankyu_info.column_set01 { float: none; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DEDCC8; border-radius: 4px; box-shadow: 0 3px 0 0 #E9E9DC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 15px; padding: 15px; position: relative; } div#area_info > #ekiblo_info.column_set01 > .h3_head, div#area_info > #hankyu_info.column_set01 > .h3_head { position: relative; } div#area_info > #ekiblo_info.column_set01 > .h3_head > h3, div#area_info > #hankyu_info.column_set01 > .h3_head > h3 { background: none; padding: 0; border-radius: 0; box-shadow: none; } div#area_info > #ekiblo_info.column_set01 > .h3_head > a.archive, div#area_info > #hankyu_info.column_set01 > .h3_head > a.archive { position: absolute; right: 10px; top: 6px; } div#area_info > #hankyu_info.column_set01 { width: 100%; } div#area_info > #station_peripheral.column_set01 { float: none; width: 100%; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DEDCC8; border-radius: 4px; box-shadow: 0 3px 0 0 #E9E9DC; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 15px; padding: 15px; position: relative; } div#area_info > #station_peripheral.column_set01 > .h3_head { position: relative; } div#area_info > #station_peripheral.column_set01 > .h3_head > h3 { background: none; padding: 0; border-radius: 0; box-shadow: none; } div#area_info > #station_peripheral.column_set01 > .h3_head > a.archive { position: absolute; right: 10px; top: 6px; } div#area_info > #ekiblo_info.column_set01 ul { overflow: hidden; *zoom: 1; } div#area_info > #ekiblo_info.column_set01 ul li dl dt em { font-size: 104%; margin-bottom: 3px; } div#area_info > #hankyu_info { float: right; } .ie7 div#area_info > #hankyu_info { width: 658px !important; } div#area_info > #hankyu_info.left { float: left; } div#area_info > #hankyu_info > ul > li > dl > dd > em.from { margin: 5px 0 0 0; display: block; font-style: normal; font-size: 77%; line-height: 1.2; } div#area_info > #tokushu_bnr { clear: both; margin: 10px 0 0 0; width: 100%; } .info_include > iframe { width: 658px !important; } .info_include ul > li { overflow: hidden; *zoom: 1; list-style: none; background: none!important; padding: 0 0 10px 0; margin: 0 0 10px 0; overflow: hidden; border-bottom: 1px solid #EBEBEB; } .info_include ul > li.hide_home { display: none; } .info_include ul > li:last-child { margin: 0; padding: 0 0 2px 0; border-bottom: none; } .info_include ul > li span.img { float: left; margin-right: 10px; } .info_include ul > li > a.img { background: #f5f5f5; float: left; display: block; width: 90px; height: 90px; margin: 0 13px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px 0 #cacaca; -moz-box-shadow: 0 1px 2px 0 #cacaca; box-shadow: 0 1px 2px 0 #cacaca; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/PIE.htc); overflow: hidden; position: relative; } .info_include ul > li > a.img img { position: absolute; top: 0; right: 0; left: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto; } .info_include .text { overflow: hidden; height: 100%; } .info_include p.text { margin: 0!important; padding: 0; } .info_include .text span { margin: 8px 0 5px 0; display: block; } .info_include p.text a { font-size: 108%; background: url(/images/common/ico_triangle_03.png) no-repeat 0.2em 0.5em; padding: 0 0 0 12px; display: block; text-decoration: none; color: #083aa4; } #index_page .info_include p.text a { font-size: 100%; line-height: 1.4; } .info_include p.text a:hover { text-decoration: underline; } .info_include img.other_station { position: relative; top: 3px; } .info_include em { margin: 5px 0 0 0; display: block; font-style: normal; font-size: 85%; line-height: 1.4; } #index_page .info_include em { font-weight: bold; color: #119cd5; } .ekiblo_info_include > ul { width: 676px; overflow: hidden; _zoom: 1; margin-right: -16px; overflow: hidden; *zoom: 1; } .ekiblo_info_include > ul > li { list-style: none; background: none!important; padding: 0 0 10px 0; margin: 0 16px 10px 0; overflow: hidden; height: 100%; width: 322px; float: left; border-bottom: 1px solid #EBEBEB; } .ekiblo_info_include > ul > li.hide_home { display: none; } .ekiblo_info_include > ul li:last-child, .ekiblo_info_include > ul > *:first-child + * + * { margin-bottom: 0; padding: 0 0 10px 0; border-bottom: none; } .ekiblo_info_include > ul .img { float: left; width: 90px; height: 90px; margin: 0 13px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px 0 #cacaca; -moz-box-shadow: 0 1px 2px 0 #cacaca; box-shadow: 0 1px 2px 0 #cacaca; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; behavior: url(/css/PIE.htc); overflow: hidden; } .ekiblo_info_include > ul .text { overflow: hidden; height: 100%; } .ekiblo_info_include > ul dl.text { margin: 0!important; padding: 0; } .ekiblo_info_include > ul .text span { margin: 6px 0 2px 0; display: block; } .ekiblo_info_include > ul dl.text dd { margin: 0 0 2px 0; padding: 0; } .ekiblo_info_include > ul dl.text dd a { font-size: 100%; line-height: 1.4; background: url(/images/common/ico_triangle_03.png) no-repeat 0.2em 0.4em; padding: 0 0 0 12px; display: block; text-decoration: none; color: #083aa4; } .ekiblo_info_include > ul dl.text a:hover { text-decoration: underline; } .ekiblo_info_include > ul em.authorname { font-style: normal; font-size: 85%; font-weight: bold; margin: 0; } .ekiblo_info_include > ul .icon_theme { position: relative; top: 5px; margin: 0 4px 0 0; } #index_page .ekiblo_info_include ul { width: 308px; } #index_page .ekiblo_info_include ul li { list-style: none; background: none!important; padding: 0 0 10px 0; margin: 0 0 10px 0; width: 308px; border-bottom: 1px solid #EBEBEB; } .lt-ie9 #index_page .ekiblo_info_include ul li { padding: 0 0 13px 0; margin: 0 0 13px 0; } .lt-ie8 #index_page .ekiblo_info_include ul li { padding: 0 0 13px 0; margin: 0 0 13px 0; } #index_page .ekiblo_info_include ul li:first-child + * + * { margin: 0; padding: 0 0 2px 0; border-bottom: none; } li.li_last { margin-bottom: 0!important; padding-bottom: 0!important; border-bottom: none!important; } .img-responsive { display: block; height: auto; max-width: 100%; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; height: auto; max-width: 100%; padding: 4px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .container { padding: 0 15px; margin: 0 auto; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } .container:before, .container:after { display: table; content: " "; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } .dropdown { position: relative; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; background-color: #428bca; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #999999; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } } /** carousel */ .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { right: 0; left: auto; } .carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; outline: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; } .carousel-control .icon-prev:before { content: '\2039'; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #ffffff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #ffffff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } .tooltip { position: absolute; z-index: 1030; display: block; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: .8; filter: alpha(opacity=80); } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000; border-width: 5px 5px 0; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-right-color: #000; border-width: 5px 5px 5px 0; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-left-color: #000; border-width: 5px 0 5px 5px; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000; border-width: 0 5px 5px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right .arrow:after { bottom: -10px; left: 1px; border-right-color: #fff; border-left-width: 0; } .popover.bottom .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); border-top-width: 0; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); border-right-width: 0; } .popover.left .arrow:after { right: 1px; bottom: -10px; border-left-color: #fff; border-right-width: 0; } .modal-open { overflow: hidden; } .modal { position: absolute; top: 0; left: 0 !important; right: 0 !important; z-index: 1050 !important; display: none; overflow: auto; overflow-y: visible; background: #fff; outline: 0; margin: auto !important; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; z-index: 1050 !important; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 220 !important; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 20px; text-align: center; } .modal-footer { padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer:before, .modal-footer:after { display: table; content: " "; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media screen and (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } #header { width: 100%; height: 109px; background: url(/images/common/header_bg.png) repeat-x bottom left; margin: 0 0 15px 0; position: relative; } #header#header { overflow: visible; } #header > #header_inner { width: 960px; height: 109px; margin: 0 auto; position: relative; /*& > #languages{ position: absolute; top: 6px; right: 0px; & > ul{ list-style: none; @include clearfix(); & >li{ font-size: 85%; float: left; &:first-child:after{ content: " "; padding: 0 5px 0 0; } &:not(:first-child):before{ content: " ／ "; } & > a{ color: $sub_color; text-decoration: none; &:hover{ text-decoration: underline; } } } } } //#languages*/ } #header > #header_inner > #logo { width: 178px; height: 58px; padding: 0; } #header > #header_inner > #site_serach { position: absolute; top: 25px; left: 504px; background: url(/images/common/site_search_bg.png) no-repeat left top; width: 191px; height: 23px; padding: 2px; } #header > #header_inner > #site_serach > form { overflow: hidden; *zoom: 1; } #header > #header_inner > #site_serach > form input.queryfield { background: #fff; border: none; width: 160px; height: 22px; display: block; float: left; } #header > #header_inner > #site_serach > form input.queryfield:-moz-placeholder { color: #adadad !important; } #header > #header_inner > #site_serach > form input.queryfield::-moz-placeholder { color: #adadad !important; } #header > #header_inner > #site_serach > form input.queryfield::-webkit-input-placeholder { color: #adadad !important; } .ie7 #header > #header_inner > #site_serach > form input.queryfield { margin: 4px 0 0 0; height: 18px; } #header > #header_inner > #site_serach > form > .btn_submit { padding: 3px 4px 0 0; display: block; float: right; } #header > #header_inner > #font_switch { position: absolute; width: 78px; height: 27px; top: 25px; left: 713px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #header > #header_inner > #font_switch > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } #header > #header_inner > #font_switch:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #header > #header_inner > #font_switch:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } #header > #header_inner > #sns { position: absolute; width: 162px; height: 30px; top: 25px; right: 0px; overflow: hidden; *zoom: 1; } #header > #header_inner > #sns > div { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #header > #header_inner > #sns > #facebook { width: 67px; height: 19px; overflow: hidden; float: left; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6f88bf), color-stop(100%, #3c5a9c)); background-image: -webkit-linear-gradient(#6f88bf, #3c5a9c); background-image: -moz-linear-gradient(#6f88bf, #3c5a9c); background-image: -o-linear-gradient(#6f88bf, #3c5a9c); background-image: linear-gradient(#6f88bf, #3c5a9c); padding: 3px 6px 4px; text-align: center; position: relative; line-height: 1; } .ie9 #header > #header_inner > #sns > #facebook { background-color: #3C5A9C; } .lt-ie9 #header > #header_inner > #sns > #facebook { background-color: #3C5A9C; } .ie8 #header > #header_inner > #sns > #facebook { width: 63px; height: 19px; } .ie7 #header > #header_inner > #sns > #facebook { width: 63px; height: 19px; } .ie7 #header > #header_inner > #sns > #facebook .fb_iframe_widget span { left: -30px; top: 2px; } #header > #header_inner > #sns > #twitter { width: 67px; height: 19px; overflow: hidden; float: right; padding: 3px 6px 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #35c8f1), color-stop(100%, #0c9bc4)); background-image: -webkit-linear-gradient(#35c8f1, #0c9bc4); background-image: -moz-linear-gradient(#35c8f1, #0c9bc4); background-image: -o-linear-gradient(#35c8f1, #0c9bc4); background-image: linear-gradient(#35c8f1, #0c9bc4); } .ie9 #header > #header_inner > #sns > #twitter { background-color: #35c8f1 !important; } .lt-ie9 #header > #header_inner > #sns > #twitter { background-color: #35c8f1 !important; } #header > #header_inner > #languages { position: absolute; top: 6px; right: 0px; } #header > #header_inner > #languages > p { font-size: 85%; margin: 0; } #header > #header_inner > #languages > p > a { color: #083aa4; text-decoration: none; } #header > #header_inner > #languages > p > a:hover { text-decoration: underline; } #header > #header_inner > #global_nav { width: 960px; height: 47px; position: absolute; left: 0px; bottom: 3px; overflow: visible; z-index: 110; } #header > #header_inner > #global_nav > ul { list-style: none; overflow: hidden; *zoom: 1; } #header > #header_inner > #global_nav > ul > li { float: left; } #header > #header_inner > #global_nav > ul > li > a { display: block; height: 50px; } #header div.local_nav { background: #ffffff; border-bottom: solid #d4d4d4 1px; -webkit-box-shadow: 0 3px 0 0 #e8e8e8; -moz-box-shadow: 0 3px 0 0 #e8e8e8; box-shadow: 0 3px 0 0 #e8e8e8; behavior: url(/css/PIE.htc); width: 100%; height: 40px; position: absolute; top: 47px; left: 0; z-index: 100; display: none; } #header div.local_nav > div { font-size: 14px; position: relative; width: 960px; height: 40px; margin: 0 auto; padding: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #header div.local_nav > div > ul { list-style: none; overflow: hidden; *zoom: 1; } #header div.local_nav > div > ul > li { border-left: solid 1px #ccc; line-height: 20px; float: left; padding: 0 12px; display: inline-block; } #header div.local_nav > div > ul > li:last-child { border-right: solid 1px #ccc; } #header div.local_nav > div > ul > li > a { font-size: 14px; color: #333333; font-weight: bold; text-decoration: none; } #header div.local_nav > div > ul > li > a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #header div.local_nav > div > ul > li > a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } #header div.local_nav > div > ul > li > a:hover:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #header div.local_nav > div > ul > li > a:hover:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } #header div.local_nav.bg_placeholder { font-size: 14px; top: 106px; z-index: -1; width: 100%; height: 40px; } #current_status { margin: 0 0 15px 0; } #current_status table { border-right: 1px solid #e1e1e1; width: 960px; } #current_status table th { background: url(/images/common/h2_current_status_bg.gif) repeat-x left bottom #c80e47; width: 107px; vertical-align: middle; border-top: 1px solid #c80e47; border-bottom: 1px solid #9f0736; padding: 3px 0 0 0; } #current_status table th > img { vertical-align: top; line-height: 0; } #current_status table td { padding: 9px 0 6px 10px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #f5f5f6; } #current_status table td a { color: #083aa4; text-decoration: none; line-height: 1.3; } #current_status table td a:hover { text-decoration: underline; } #current_status table td.current_status_link { white-space: nowrap; width: 10em; } #current_status table td.current_status_link a { color: #333333; text-decoration: underline; padding: 0 5px 0 0; } #current_status table td.current_status_link a:hover { text-decoration: none; } .lt-ie7 div#contents > #current_status { overflow: hidden; *zoom: 1; } .lt-ie7 div#contents > #current_status > h2 { float: left; } .lt-ie7 div#contents > #current_status > .status { float: left; } #global_nav li a.active { background: #ffffff; } div#contents #aside { width: 220px; float: right; } div#contents #aside h2 { margin: 0; width: 220px; height: 41px; } div#contents #aside h3 { font-size: 1.15em; font-weight: normal; padding: 10px 0 10px; margin: 0; background: none; } div#contents #aside > #trainsearch { position: relative; } div#contents #aside > #trainsearch > a.annotation { position: absolute; top: 13px; right: 10px; font-size: 85%; color: #083aa4; text-decoration: underline; } div#contents #aside > #trainsearch > a.annotation:hover { text-decoration: none; } div#contents #aside > #trainsearch > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; } div#contents #aside > #trainsearch > .aside_box #inputs { width: 171px; float: left; margin: 0 0 10px 0; *zoom: 1; } div#contents #aside > #trainsearch > .aside_box #inputs:after { content: ""; display: table; clear: both; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area { background: url(/images/common/train_search_bg.png) no-repeat left top; padding: 4px 5px 6px 8px; width: 171px; overflow: hidden; *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ie7 div#contents #aside > #trainsearch > .aside_box #inputs > .input_area { width: 158px; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > input { background: #fff; border: none; display: block; width: 113px; height: 22px; font-size: 108%; float: left; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > input:-moz-placeholder { color: #444444 !important; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > input::-moz-placeholder { color: #444444 !important; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > input::-webkit-input-placeholder { color: #444444 !important; } .ie7 div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > input { margin: 4px 0 0 0; height: 18px; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .btn_railmap { width: 43px; height: 20px; display: block; float: right; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .btn_railmap > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .btn_railmap:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .btn_railmap:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list { background: #fff; border: solid 1px #ccc; position: absolute; width: 171px; left: 10px; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list.josya { top: 38px; } .lt-ie8 div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list.josya { top: 55px; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list.kosya { top: 72px; } .lt-ie8 div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list.kosya { top: 89px; } @media only screen and (max-device-width: 768px) { div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list.kosya { top: 97px; } } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list > ul { list-style: none; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list > ul > li { font-size: 108%; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list > ul > li > a { display: block; padding: 2px 5px 2px 10px; color: #083aa4; text-decoration: none; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list > ul > li > a:hover { background: #efefef; } div#contents #aside > #trainsearch > .aside_box #inputs > .input_area > .suggest_list > ul > li > a.hover { background: #efefef; } .ie7 div#contents #aside > #trainsearch > .aside_box #inputs { margin: 0; } div#contents #aside > #trainsearch > .aside_box #switch_dest { width: 22px; height: 36px; float: right; margin: 14px 0 0 0; } div#contents #aside > #trainsearch > .aside_box #date_time { clear: both; } div#contents #aside > #trainsearch > .aside_box #date_time > dl { margin: 0; overflow: hidden; *zoom: 1; } div#contents #aside > #trainsearch > .aside_box #date_time > dl > dt { font-size: 13px; float: left; clear: both; width: 27px; margin: 2px 5px 10px 0; } div#contents #aside > #trainsearch > .aside_box #date_time > dl > dd { font-size: 13px; float: left; margin: 0; height: 20px; margin-bottom: 10px; } div#contents #aside > #trainsearch > .aside_box #date_time > dl > dd > .yearmonth { float: left; display: block; width: 100px; height: 20px; margin: 0 5px 10px 0; font-size: 93%; } div#contents #aside > #trainsearch > .aside_box #date_time > dl > dd > .day { float: left; display: block; width: 60px; height: 20px; font-size: 93%; } div#contents #aside > #trainsearch > .aside_box #date_time > dl > dd > .hour { float: left; display: block; height: 20px; margin: 0 5px 5px 0; font-size: 93%; } div#contents #aside > #trainsearch > .aside_box #date_time > dl > dd > .min { float: left; display: block; height: 20px; margin: 0 0 5px 0; font-size: 93%; } div#contents #aside > #trainsearch > .aside_box #options { *zoom: 1; margin: 0 0 10px 0; } div#contents #aside > #trainsearch > .aside_box #options:after { content: ""; display: table; clear: both; } div#contents #aside > #trainsearch > .aside_box #options > .depart { float: left; margin: 3px 10px 0 0; } .ie7 div#contents #aside > #trainsearch > .aside_box #options > .depart { margin: 3px 0 0 0; } div#contents #aside > #trainsearch > .aside_box #options > .arrive { float: left; margin: 3px 5px 0 0; } div#contents #aside > #trainsearch > .aside_box #options > #toggleAdvanced { display: block; float: left; width: 96px; height: 23px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #trainsearch > .aside_box #options > #toggleAdvanced > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #trainsearch > .aside_box #options > #toggleAdvanced:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #trainsearch > .aside_box #options > #toggleAdvanced:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } .no-js div#contents #aside > #trainsearch > .aside_box #options > #toggleAdvanced { display: none; } div#contents #aside > #trainsearch > .aside_box #advanced { display: none; margin: 10px 0 10px 0; zoom: 1; } .no-js div#contents #aside > #trainsearch > .aside_box #advanced { display: block; } div#contents #aside > #trainsearch > .aside_box #advanced dl { margin: 0; } div#contents #aside > #trainsearch > .aside_box #advanced dl > dt { margin: 0 0 3px 0; } div#contents #aside > #trainsearch > .aside_box #advanced dl > dd { margin: 0 0 5px 0; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd { background: url(/images/common/train_search_bg02.png) no-repeat left top; padding: 4px 5px 6px 8px; width: 199px; overflow: hidden; *zoom: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } .ie7 div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd { width: 186px; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > input { background: #fff; font-size: 108%; border: none; display: block; width: 120px; height: 22px; float: left; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > input:-moz-placeholder { color: #444444 !important; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > input::-moz-placeholder { color: #444444 !important; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > input::-webkit-input-placeholder { color: #444444 !important; } .ie7 div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > input { margin: 4px 0 0 0; height: 18px; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > .btn_railmap { width: 43px; height: 20px; display: block; float: right; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > .btn_railmap > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > .btn_railmap:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > .btn_railmap:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > .suggest_list { background: #fff; border: solid 1px #ccc; position: absolute; width: 199px; left: 10px; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > .suggest_list.keiyu1 { top: 233px; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > .suggest_list > ul { list-style: none; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > .suggest_list > ul > li > a { display: block; padding: 2px 5px 2px 10px; color: #083aa4; text-decoration: none; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > .suggest_list > ul > li > a:hover { background: #efefef; } div#contents #aside > #trainsearch > .aside_box #advanced > .via > dl > dd > .suggest_list > ul > li > a.hover { background: #efefef; } div#contents #aside > #trainsearch > .aside_box #advanced > .speed { *zoom: 1; } div#contents #aside > #trainsearch > .aside_box #advanced > .speed:after { content: ""; display: table; clear: both; } div#contents #aside > #trainsearch > .aside_box #advanced > .speed .slow { float: left; margin: 3px 10px 0 0; } div#contents #aside > #trainsearch > .aside_box #advanced > .speed .std { float: left; margin: 3px 5px 0 0; } div#contents #aside > #trainsearch > .aside_box #train_searchsubmit { text-align: center; } div#contents #aside > #trainsearch > .aside_box #train_searchsubmit > input { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #trainsearch > .aside_box #train_searchsubmit > input > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #trainsearch > .aside_box #train_searchsubmit > input:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #trainsearch > .aside_box #train_searchsubmit > input:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#contents #aside > #trainsearch > .aside_box .dia_notice h2 { display: none; } div#contents #aside > #fare_search > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; } div#contents #aside > #fare_search > .aside_box ul { list-style: none; overflow: hidden; *zoom: 1; } div#contents #aside > #fare_search > .aside_box ul > li { float: left; margin: 0 15px 0 0; padding: 0 0 0 8px; background: url(/images/common/ico_triangle_03.png) no-repeat 0 0.5em; } div#contents #aside > #fare_search > .aside_box ul > li:last-child { margin: 0; } div#contents #aside > #fare_search > .aside_box ul > li > a { color: #083aa4; text-decoration: none; } div#contents #aside > #fare_search > .aside_box ul > li > a:hover { text-decoration: underline; } div#contents #aside > #stationinfo_search > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; } div#contents #aside > #stationinfo_search > .aside_box > strong { font-size: 85%; line-height: 1.3; display: block; margin: 0 0 5px 0; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form { width: 198px; height: 29px; background: url(/images/common/search_stationinfo_bg.png) no-repeat center left; padding: 3px 2px 2px 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *zoom: 1; margin: 0 0 6px 0; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form:after { content: ""; display: table; clear: both; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .input_area { position: relative; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .input_area input.text { float: left; width: 150px; border: none; display: block; padding: 2px 0 0 0; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .input_area > .suggest_list { background: #fff; border: solid 1px #ccc; position: absolute; width: 198px; left: -3px; top: 25px; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .input_area > .suggest_list.josya { top: 38px; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .input_area > .suggest_list.kosya { top: 72px; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .input_area > .suggest_list > ul { list-style: none; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .input_area > .suggest_list > ul > li { font-size: 108%; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .input_area > .suggest_list > ul > li > a { display: block; padding: 2px 5px 2px 10px; color: #083aa4; text-decoration: none; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .input_area > .suggest_list > ul > li > a:hover { background: #efefef; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .input_area > .suggest_list > ul > li > a.hover { background: #efefef; } div#contents #aside > #stationinfo_search > .aside_box > #station_search_form .submit { display: block; float: right; } div#contents #aside > #stationinfo_search > .aside_box > ul { list-style: none; overflow: hidden; *zoom: 1; margin: 0 0 5px 0; } div#contents #aside > #stationinfo_search > .aside_box > ul > li { font-size: 85%; float: left; } div#contents #aside > #stationinfo_search > .aside_box > ul > li:after { content: "、"; letter-spacing: -0.3em; } div#contents #aside > #stationinfo_search > .aside_box > ul > li:last-child:after { content: ""; } div#contents #aside > #stationinfo_search > .aside_box > ul > li > a { color: #083aa4; } div#contents #aside > #stationinfo_search > .aside_box > ul > li > a:hover { text-decoration: none; } div#contents #aside > #ticket_otoku, div#contents #aside > #original_goods { display: none; } div#contents #aside > #ticket_otoku > .section_h2, div#contents #aside > #original_goods > .section_h2 { width: 220px; height: 41px; position: relative; } div#contents #aside > #ticket_otoku > .section_h2 > a.archive, div#contents #aside > #original_goods > .section_h2 > a.archive { width: 61px; height: 20px; display: block; position: absolute; top: 12px; right: 8px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #ticket_otoku > .section_h2 > a.archive > img, div#contents #aside > #original_goods > .section_h2 > a.archive > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #ticket_otoku > .section_h2 > a.archive:hover, div#contents #aside > #original_goods > .section_h2 > a.archive:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #ticket_otoku > .section_h2 > a.archive:hover > img, div#contents #aside > #original_goods > .section_h2 > a.archive:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#contents #aside > #ticket_otoku > .aside_box, div#contents #aside > #original_goods > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; overflow: hidden; *zoom: 1; } div#contents #aside > #ticket_otoku > .aside_box > .img, div#contents #aside > #original_goods > .aside_box > .img { margin: 0; width: 63px; float: left; } div#contents #aside > #ticket_otoku > .aside_box > a, div#contents #aside > #original_goods > .aside_box > a { display: block; width: 128px; float: right; color: #333333; font-weight: bold; background: url(/images/common/ico_triangle_03.png) no-repeat 0 0.45em; padding: 0 0 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div#contents #aside > #ticket_otoku > .aside_box > a:hover, div#contents #aside > #original_goods > .aside_box > a:hover { text-decoration: none; } div#contents #aside > #original_goods { display: block; } div#contents #aside > #original_goods > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 0 0 10px 0; } div#contents #aside > #tokk > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 0 0 10px 0; text-align: center; } div#contents #aside > #tokk > .aside_box > a.webtokk_link { display: block; margin: 0 0 5px 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #tokk > .aside_box > a.webtokk_link > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #tokk > .aside_box > a.webtokk_link:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #tokk > .aside_box > a.webtokk_link:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#contents #aside > #aside_tweetbox { height: 355px; background: url(/images/common/twitter_line.png) no-repeat center top; padding: 4px 0 0 0; margin: 10px 0 10px 0; } div#contents #aside > #aside_tweetbox a.tweet-box-button { display: none; } div#contents #aside > #aside_facebook { width: 220px; height: 41px; position: relative; margin: 0 0 10px 0; } div#contents #aside > #aside_facebook > .fb_link { width: 220px; height: 41px; display: block; } div#contents #aside > #aside_facebook > .btn_aside_like { width: 70px; height: 21px; overflow: hidden; position: absolute; top: 12px; right: 8px; } div#contents #aside > #aside_bnr_slide > .aside_box { padding: 10px 10px 10px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 0 0 10px 0; border-top: solid 1px #cccccc; } div#contents #aside > #aside_bnr_slide > .aside_box .carousel-inner { width: 154px; margin: 0 auto; } div#contents #aside > #aside_bnr_slide > .aside_box .carousel-control { width: 20px; } div#contents #aside > #aside_bnr_slide > .aside_box .carousel-control > .glyphicon-chevron-left { left: 0px; } div#contents #aside > #aside_bnr_slide > .aside_box .carousel-control > .glyphicon-chevron-left > img { margin: -12px 0 0 0; display: block; } div#contents #aside > #aside_bnr_slide > .aside_box .carousel-control > .glyphicon-chevron-right { right: 0px; } div#contents #aside > #aside_bnr_slide > .aside_box .carousel-control > .glyphicon-chevron-right > img { margin: -12px 0 0 0; display: block; } div#contents #aside > #aside_bnr_ads > .bnr { margin: 0 0 10px 0; } div#contents #aside > #aside_bnr_ads > .bnr > a { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #aside_bnr_ads > .bnr > a > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #aside_bnr_ads > .bnr > a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #aside_bnr_ads > .bnr > a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#contents #aside > #category_search > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 0 0 10px 0; } div#contents #aside > #aside_bnr_ads > .bnr { margin: 0 0 10px 0; } div#contents #aside > #aside_bnr_ads > .bnr > a { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #aside_bnr_ads > .bnr > a > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #aside_bnr_ads > .bnr > a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #aside_bnr_ads > .bnr > a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#contents #aside > #service > p { margin: 0; padding: 0; } div#contents #aside > #service > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding-top: 0; } div#contents #aside > #service > .aside_box > ul { border-bottom: 1px dotted #ccc; padding-bottom: 5px; } div#contents #aside > #service > .aside_box > ul > li { list-style: none; height: 23px; padding: 2px 0 0 18px; margin-bottom: 5px; } div#contents #aside > #service > .aside_box > ul > li > a { color: #000; padding-left: 10px; text-decoration: none; } div#contents #aside > #service > .aside_box > ul > li > a:hover { text-decoration: underline; } div#contents #aside > #service > .aside_box > ul > li.teiki { background: url(/images/common/ico_teiki_02.png) no-repeat 0px center; } div#contents #aside > #service > .aside_box > ul > li.otoku { background: url(/images/common/ico_ticket_02.png) no-repeat 0px center; } div#contents #aside > #service > .aside_box > ul > li.shops { background: url(/images/common/ico_shops_02.png) no-repeat 0px center; } div#contents #aside > #service > .aside_box > ul > li.barrierfree { background: url(/images/common/ico_barrierfree_02.png) no-repeat 0px center; } div#contents #aside > #service > .aside_box > ul > li.lostandfound { background: url(/images/common/ico_lostandfound_02.png) no-repeat 0px center; } div#contents #aside > #service > .aside_box > ul > li.faq { background: url(/images/common/ico_faq_02.png) no-repeat 0px center; } div#contents #aside > #service > .aside_box > ul:last-child { border: none; } div#contents #aside > #category_search > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; } div#contents #aside > #category_search > .aside_box > ul { padding-bottom: 5px; } div#contents #aside > #category_search > .aside_box > ul > li { background: url(/images/common/ico_arrow_03.jpg) no-repeat 0 0.4em; list-style: none; padding-bottom: 2px; } div#contents #aside > #category_search > .aside_box > ul > li > a { color: #000; padding-left: 10px; text-decoration: none; display: block; } div#contents #aside > #category_search > .aside_box > ul > li > a:hover { text-decoration: underline; } div#contents #aside > #category_search > .aside_box > ul:first-child { border-bottom: 1px dotted #cccccc; } div#contents #aside > #station_course > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 0 0 10px 0; } div#contents #aside > #station_course > .aside_box > ul > li { border-bottom: 1px dotted #cccccc; list-style: none; padding-bottom: 10px; margin-bottom: 5px; } div#contents #aside > #station_course > .aside_box > ul > li > a img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; padding-left: 5px; } div#contents #aside > #station_course > .aside_box > ul > li > a img > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #station_course > .aside_box > ul > li > a img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #station_course > .aside_box > ul > li > a img:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#contents #aside > #station_course > .aside_box > ul > li > ul li { list-style: none; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_01 p { color: #858585; font-size: 0.9em; padding: 0; margin: 0; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_02 { padding-top: 10px; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_02 > ul { margin: 0; padding: 0; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_02 > ul > li { background: url(/images/common/ico_arrow_03.jpg) no-repeat 0px center; padding-left: 8px; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_02 > ul > li > a { color: #083aa4; text-decoration: none; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_02 > ul > li > a:hover { text-decoration: underline; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_03 > ul { margin: 0; padding: 0; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_03 > ul > li { background: url(/images/common/ico_blank.png) no-repeat 0px center; padding-left: 12px; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_03 > ul > li > a { color: #083aa4; text-decoration: none; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_03 > ul > li > a:hover { text-decoration: underline; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_04 { padding: 10px 0 0 0; border: none; width: 200px; } div#contents #aside > #station_course > .aside_box > ul > li.course_li_04 > a { display: block; margin: 0 0 5px; } div#contents #aside > #blog_virtual > .aside_box { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 0 0 10px 0; padding-bottom: 0; } div#contents #aside > #blog_virtual > .aside_box > ul > li { border-bottom: 1px solid #cccccc; list-style: none; } div#contents #aside > #blog_virtual > .aside_box > ul > li > span.img { display: none; } div#contents #aside > #blog_virtual > .aside_box > ul > li > dl { padding-bottom: 5px; margin: 20px 0 5px 0; } .lt-ie8 div#contents #aside > #blog_virtual > .aside_box > ul > li > dl { margin: 0; } div#contents #aside > #blog_virtual > .aside_box > ul > li > dl > dt { font-size: 1em; } div#contents #aside > #blog_virtual > .aside_box > ul > li > dl > dt > .authorname { display: block; font-size: 0.85em; font-style: normal; font-weight: bold; padding-bottom: 5px; float: left; } div#contents #aside > #blog_virtual > .aside_box > ul > li > dl > dt > .icon_theme { float: left; margin-right: 5px; } div#contents #aside > #blog_virtual > .aside_box > ul > li > dl > dt > span { display: block; clear: both; } div#contents #aside > #blog_virtual > .aside_box > ul > li > dl > dd { padding: 0; margin: 0; } div#contents #aside > #blog_virtual > .aside_box > ul > li > dl > dd > a { color: #083aa4; text-decoration: none; } div#contents #aside > #blog_virtual > .aside_box > ul > li > dl > dd > a:hover { text-decoration: underline; } div#contents #aside > #blog_virtual > .aside_box > ul > li:last-child { border: none; } div#contents #aside > #blog_virtual > .aside_box > p { text-align: center; } div#contents #aside > #blog_virtual > .aside_box > p > a img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #blog_virtual > .aside_box > p > a img > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #blog_virtual > .aside_box > p > a img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #blog_virtual > .aside_box > p > a img:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#contents #aside > #webtokk { padding: 10px 10px 5px; position: relative; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; margin: 0 0 10px 0; border-top: 1px solid #cccccc; margin-top: 10px; } div#contents #aside > #webtokk > div.feature_01, div#contents #aside > #webtokk div.feature_02, div#contents #aside > #webtokk div.feature_03 { margin: 0 0 15px; } div#contents #aside > #webtokk > div.feature_01 > h3, div#contents #aside > #webtokk div.feature_02 > h3, div#contents #aside > #webtokk div.feature_03 > h3 { color: #ffffff; background-color: #0f278e; font-weight: bold; line-height: 0.4; padding-left: 7px; font-size: 93%; margin: 0 0 5px; } div#contents #aside > #webtokk > div.feature_01 > strong, div#contents #aside > #webtokk div.feature_02 > strong, div#contents #aside > #webtokk div.feature_03 > strong { display: block; font-size: 96%; font-weight: bold; line-height: 1.4; margin: 7px 0 2px; } div#contents #aside > #webtokk > div.feature_01 > ul > li, div#contents #aside > #webtokk div.feature_02 > ul > li, div#contents #aside > #webtokk div.feature_03 > ul > li { background: url(/images/common/ico_triangle_05.gif) no-repeat scroll 0 4px; list-style: none; padding-left: 15px; } div#contents #aside > #webtokk > div.feature_01 > ul > li > a, div#contents #aside > #webtokk div.feature_02 > ul > li > a, div#contents #aside > #webtokk div.feature_03 > ul > li > a { text-decoration: none; } div#contents #aside > #webtokk > div.feature_01 > ul > li > a:hover, div#contents #aside > #webtokk div.feature_02 > ul > li > a:hover, div#contents #aside > #webtokk div.feature_03 > ul > li > a:hover { text-decoration: underline; } div#contents #aside > #webtokk > div.info { margin: 0 0 15px 0; } div#contents #aside > #webtokk > div.info > h3 { color: #ffffff; background-color: #0f278e; font-weight: bold; line-height: 0.4; padding-left: 7px; font-size: 93%; margin: 0 0 5px; } div#contents #aside > #webtokk > div.info > ul { overflow: hidden; *zoom: 1; } div#contents #aside > #webtokk > div.info > ul > li { background: url(/images/common/ico_triangle_05.gif) no-repeat scroll 0 4px; list-style: none; padding-left: 15px; float: left; margin: 0 15px 0 0; } div#contents #aside > #webtokk > div.info > ul > li > a { text-decoration: none; } div#contents #aside > #webtokk > div.info > ul > li > a:hover { text-decoration: underline; } div#contents #aside > #webtokk > .search { margin: 0 0 15px; } div#contents #aside > #webtokk > .search > h3 { color: #ffffff; background-color: #0f278e; font-weight: bold; line-height: 0.4; padding-left: 7px; font-size: 93%; margin: 0 0 10px; } div#contents #aside > #webtokk > .search > #webtokk_search_form { width: 198px; height: 29px; background: url(/images/common/search_stationinfo_bg.png) no-repeat center left; padding: 3px 2px 2px 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *zoom: 1; margin: 0 0 6px 0; } div#contents #aside > #webtokk > .search > #webtokk_search_form:after { content: ""; display: table; clear: both; } div#contents #aside > #webtokk > .search > #webtokk_search_form .input_area { position: relative; } div#contents #aside > #webtokk > .search > #webtokk_search_form .input_area input.text { float: left; width: 150px; border: none; display: block; padding: 2px 0 0 0; } div#contents #aside > #webtokk > .tokk_mall { text-align: center; } div#contents #aside > #webtokk > .tokk_mall > a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #webtokk > .tokk_mall > a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#contents #aside > #webtokk > .tokk_mall > a:hover:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#contents #aside > #webtokk > .tokk_mall > a:hover:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } #footer { width: 100%; height: 85px; background: url(/images/common/ft_bg.png) repeat-x left top; position: relative; } #footer > #footer_inner { width: 960px; height: 85px; margin: 0 auto; position: relative; } #footer > #footer_inner > #_train { width: 122px; height: 18px; position: absolute; top: -18px; right: -83px; } @media only screen and (max-width: 960px) { #footer > #footer_inner > #_train { right: 0px; } } #footer > #footer_inner > #ft_nav { position: absolute; top: 14px; left: 0px; } #footer > #footer_inner > #ft_nav > ul { list-style: none; overflow: hidden; *zoom: 1; } #footer > #footer_inner > #ft_nav > ul > li { font-size: 93%; float: left; background: url(/images/common/ico_triangle_03.png) no-repeat 0 0.5em; line-height: 1.5em; padding: 0 0 0 7px; margin: 0 15px 0 0; } #footer > #footer_inner > #ft_nav > ul > li > a { color: #333333; text-decoration: none; } #footer > #footer_inner > #ft_nav > ul > li > a:hover { text-decoration: underline; } #footer > #footer_inner > #pagetop { width: 125px; height: 35px; position: absolute; top: 5px; right: 0px; } #footer > #footer_inner > #pagetop > a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; display: block; } #footer > #footer_inner > #pagetop > a > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } #footer > #footer_inner > #pagetop > a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } #footer > #footer_inner > #pagetop > a:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } #footer > #footer_inner > #group_logo { width: 100px; height: 15px; position: absolute; top: 50px; left: 0px; } #footer > #footer_inner > #copyright { position: absolute; top: 50px; right: 0px; } #footer > #footer_inner > #copyright > em { font-family: Arial, Helvetica, sans-serif; font-size: 85%; font-style: normal; } div#contents.print { width: 720px; } .article#norikae .keiro_box .keiro_title .keiro_data h2 { text-shadow: none; background: none; border: none; padding-left: 5px; } .article#norikae .keiro_box .keiro_title ul li { text-shadow: none; } @media print { .print_page { overflow: hidden; } .print_page #header { width: 600px; margin: 0 auto 15px; background: none; height: 60px; border-bottom: 3px solid #a10623; } .print_page #header #header_inner { height: 60px; width: 600px; } .print_page #header #header_inner #sns { display: none; } .print_page #site_serach, .print_page #languages, .print_page #font_switch, .print_page #global_nav, .print_page #fb-root, .print_page .breadcrumbs, .print_page #current_status, .print_page #aside { display: none; } .print_page #contents { width: 600px; } .print_page .article { width: 600px !important; margin: 0 auto; float: none !important; } .print_page .article h1 { background: none; text-align: center; font-size: 250%; padding-bottom: 0; } .print_page .article .delay_certificate { margin: 0; } .print_page .article .delay_certificate > p { margin: 0; font-weight: bold; } .print_page .article .delay_certificate .delay_certificate_inner { border: 3px solid #A8A8A8; padding: 15px 40px 15px; } .print_page .article .delay_certificate .delay_certificate_inner table { margin: 0 auto; width: 514px; } .print_page .article .delay_certificate .delay_certificate_inner table th { background: #777777; color: #fff; } .print_page .article .delay_certificate .delay_certificate_inner table td { font-weight: bold; font-size: 153.9%; text-align: center; } .print_page .article .btn_back_box { display: none; } .print_page #footer { width: 600px; margin: 0 auto; background: none; border-top: 3px solid #a10623; height: 30px; position: relative; } .print_page #footer #footer_inner { width: 600px; height: 30px; position: relative; } .print_page #footer #footer_inner #ft_nav, .print_page #footer #footer_inner #_train, .print_page #footer #footer_inner #pagetop { display: none; } .print_page #footer #footer_inner #copyright { top: 7px; display: block; position: absolute; right: 0; } .print_page #footer #footer_inner #group_logo { top: 10px; } } .lt-ie9 .print_page #footer #footer_inner #copyright { top: 7px; display: block; position: absolute; right: 0; } .lt-ie9 .print_page #footer #footer_inner #group_logo { top: 10px; position: absolute; } div#railmap_modal_section { overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px 0 black; -moz-box-shadow: 0 0 4px 0 black; box-shadow: 0 0 4px 0 black; behavior: url(/css/PIE.htc); } div#railmap_modal_section h2 { font-size: 116%; } div#railmap_modal_section a.close { font-size: 100%; font-weight: normal; color: #083aa4 !important; text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#railmap_modal_section a.close:hover { text-decoration: underline; } div#station_search_modal { overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px 0 black; -moz-box-shadow: 0 0 4px 0 black; box-shadow: 0 0 4px 0 black; behavior: url(/css/PIE.htc); position: fixed; top: 30%; } div#station_search_modal .modal-header { border: none; } div#station_search_modal .modal-header > h4 { line-height: 1; } div#station_search_modal .modal-footer { text-align: center; } div#station_search_modal .modal-footer > .modal_cancel, div#station_search_modal .modal-footer > .modal_moveto_50 { display: inline-block; border: solid 1px #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 10px 2px; margin: 0 10px 0; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: #cccccc 0 -2px 0 0 inset; -moz-box-shadow: #cccccc 0 -2px 0 0 inset; box-shadow: #cccccc 0 -2px 0 0 inset; font-weight: bold; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#station_search_modal .modal-footer > .modal_cancel > img, div#station_search_modal .modal-footer > .modal_moveto_50 > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } div#station_search_modal .modal-footer > .modal_cancel:hover, div#station_search_modal .modal-footer > .modal_moveto_50:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } div#station_search_modal .modal-footer > .modal_cancel:hover > img, div#station_search_modal .modal-footer > .modal_moveto_50:hover > img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-box-shadow: 0em 0em 0em black; -moz-box-shadow: 0em 0em 0em black; box-shadow: 0em 0em 0em black; } div#station_search_modal .modal-footer > .modal_moveto_50 { border: solid 1px #9f0736; background: #cd2457; color: #fff; -webkit-box-shadow: #9f0736 0 -2px 0 0 inset; -moz-box-shadow: #9f0736 0 -2px 0 0 inset; box-shadow: #9f0736 0 -2px 0 0 inset; } div#station_search_modal .modal-footer a { text-decoration: none; } div#station_search_modal .modal-footer a:hover { text-decoration: none; }