@charset "utf-8";
/* ---------------------------------------------------------
Reset
--------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family: "sans-serif"; }

img { vertical-align: middle; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { height: 100%; line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

a { outline: none; }

a:focus { outline: none; }

p { font-size: 90%; font-family: Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; line-height: 1.7em; }

strong { font-weight: bold; font-family: Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

small { font-size: 75%; font-family: Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

h4, h5, h6, span { font-family: Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

sup, sub { font-family: Helvetica, Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 70%; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }

sup { bottom: 1ex; }

sub { top: .5ex; }

/* ---------------------------------------------------------
Base Setting
--------------------------------------------------------- */
#footer { background-color: #e0e0e0; }

.top-page #footer, .easynavi-page #footer { margin-top: 20px; background-color: white; }

/* Header
------------------------------------- */
#header-content-common { *zoom: 1; width: 100%; height: 60px; margin: 0px auto; background-color: black; }
#header-content-common:after { content: ''; display: block; clear: both; }

#header-common-left { float: left; }

#header-common-right { float: right; text-align: right; }

.logo-sony { margin-top: 18px; margin-left: 7px; }

.logo-park { margin-top: 15px; margin-right: 7px; }

#header-site-title { width: 100%; height: auto; background-color: gray; }

.site-title { margin: 0px auto; text-align: center; padding: 12px; }

/* Global Menu + Share Links
------------------------------------- */
#spmenu { height: 52px; position: relative; z-index: 1000; border-top: 1px solid white; }
#spmenu #spmenu-button { height: 52px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; padding: 0; cursor: pointer; background-color: gray; background-position: 10% center; background-repeat: no-repeat; background-size: 88px 21px; }
#spmenu #spmenu-button.open_button { background-image: url(../imgs/common/btn_spmenu_open.png); }
#spmenu #spmenu-button.close_button { background-image: url(../imgs/common/btn_spmenu_close.png); }
#spmenu ul { display: none; width: 100%; position: absolute; top: 52px; }
#spmenu a { display: block; width: 100%; padding: 1.5% 0; background-color: white; border-bottom: 1px solid #c4c1c0; }
#spmenu a img { width: 100%; height: auto; }
#spmenu .spmenu-uservoice { background-color: #f18d00; }
#spmenu .spmenu-interview { background-color: #0075c2; }
#spmenu .spmenu-easynavi { background-color: #5e5d5c; }
#spmenu .spmenu-survey { background-color: black; }
#spmenu #spmenu-close { background-color: gray; }

.header-share { height: 50px; background-color: white; border-bottom: 1px solid #c4c1c0; *zoom: 1; }
.header-share:after { content: ''; display: block; clear: both; }
.header-share p { font-size: 70%; line-height: 1.5em; float: left; margin-top: 9px; margin-left: 5px; }
.header-share .sns-buttons { float: right; margin-top: 10px; }
.header-share .sns-buttons a { margin: 0px 2px; }
.header-share .sns-buttons a:last-child { margin-right: 5px; }

/* Navigation
------------------------------------- */
#navigation { width: 100%; }

#header-navi-container { *zoom: 1; border-top: 1px solid #c4c1c0; border-bottom: 1px solid #c4c1c0; letter-spacing: -.40em; text-align: center; }
#header-navi-container:after { content: ''; display: block; clear: both; }
#header-navi-container li { width: 33.2%; display: inline-block; border-left: 1px solid #c4c1c0; letter-spacing: normal; }
#header-navi-container li a { display: block; width: 100%; }
#header-navi-container li img { width: 100%; height: auto; }
#header-navi-container li:last-child { border-right: 1px solid #c4c1c0; }

/* Footer
------------------------------------- */
#footer-container { margin: 0px; height: 150px; background-color: black; }

#footer-content { width: 100%; padding-top: 30px; margin: 0px auto; }

.footer-content-share { margin-top: 0px; padding: 0px 5px; *zoom: 1; }
.footer-content-share:after { content: ''; display: block; clear: both; }
.footer-content-share li { display: inline-block; height: 24px; float: left; }

.share-twitter { width: 110px; }

.share-facebook { width: 110px; }

.share-mixi { width: 85px; text-align: center; }

.share-youtube { width: 130px; }

.footer-content-copyright { margin-top: 20px; text-align: center; }

/* Container
------------------------------------- */
#content-under-link { margin-top: 80px; padding-top: 20px; padding-bottom: 20px; background-color: #e0e0e0; }
#content-under-link .link-item { margin-bottom: 15px; }
#content-under-link .link-item img { width: 100%; height: auto; }

#content-under-no-link { padding-bottom: 20px; }

#page-top { width: 100%; margin: 0px auto 20px; padding-top: 10px; text-align: center; }

/* ---------------------------------------------------------
Common Parts
--------------------------------------------------------- */
.separator { width: 100%; margin: 30px auto; border-top: 1px solid #c4c1c0; }

.left { float: left; }

.right { float: right; }

.button { display: block; cursor: pointer; border: none; overflow: hidden; text-indent: -9999em; }

.topline { border-top: 1px solid #c4c1c0; }

.underline { border-bottom: 1px solid #c4c1c0; }

.rightline { border-right: 1px solid #c4c1c0; }

.leftline { border-left: 1px solid #c4c1c0; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }

.mt35 { margin-top: 35px; }

.mt40 { margin-top: 40px; }

.mt45 { margin-top: 45px; }

.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb35 { margin-bottom: 35px; }

.mb40 { margin-bottom: 40px; }

.mb45 { margin-bottom: 45px; }

.mb50 { margin-bottom: 50px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml25 { margin-left: 25px; }

.ml30 { margin-left: 30px; }

.ml35 { margin-left: 35px; }

.ml40 { margin-left: 40px; }

.ml45 { margin-left: 45px; }

.ml50 { margin-left: 50px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr25 { margin-right: 25px; }

.mr30 { margin-right: 30px; }

.mr35 { margin-right: 35px; }

.mr40 { margin-right: 40px; }

.mr45 { margin-right: 45px; }

.mr50 { margin-right: 50px; }