/* default ------------------------------------------------------------------------- */
@font-face { font-family: 'tvasahi-webfont'; src: url("/common/static/fonts/tvasahi-webfont.eot"); src: url("/common/static/fonts/tvasahi-webfont.eot?#iefix") format("embedded-opentype"), url("/common/static/fonts/tvasahi-webfont.woff") format("woff"), url("/common/static/fonts/tvasahi-webfont.ttf") format("truetype"), url("/common/static/fonts/tvasahi-webfont.svg#webfont") format("svg"); }
.clearfix { overflow: hidden; *zoom: 1; }
.left { float: left; }
.right { float: right; }
.liquid-wrapper:after { content: ""; display: block; position: absolute; z-index: 0; top: 0; right: 360px; bottom: 0; left: 0; }
.aside:after, .aside-min:after { content: ""; display: block; position: absolute; width: 360px; z-index: 0; top: 0; right: 0; bottom: 0; }

/* target: IE6,7 Validator: Valid */
html*.container-wrapper { background: #f2f2f2 url(../img/bg.png) repeat-y 50% 0; }
.aside:after { background-position: -920px 0; }
.aside-min:after { background-position: -1260px 0; }
.aside-container { position: relative; z-index: 1; }
.container-wrapper { background: #f2f2f2; }
.main-container { padding: 0 20px 0 40px; }
.main-container section { padding: 20px 0; }
.main-container section .site-title { color: #fafafa; margin: 0 -20px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3); background-color: #00a0c6; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00a0c6), color-stop(100%, #0082a8)); background-image: -webkit-linear-gradient(top, #00a0c6, #0082a8); background-image: -moz-linear-gradient(top, #00a0c6, #0082a8); background-image: -o-linear-gradient(top, #00a0c6, #0082a8); background-image: linear-gradient(top, #00a0c6, #0082a8); padding: 5px 20px; }
.main-container section p { margin-top: 10px; }

/* common ------------------------------------------------------------------------- */
body, input { margin: 0; font-family: "繝｡繧､繝ｪ繧ｪ","Meiryo","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け","MS PGothic",Sans-Serif; font-size: 14pt; line-height: 1.5em; color: #333333; background-color:#000000;}
.container-wrapper { background: url(../img/body-bg.jpg) no-repeat scroll center top transparent;}
.main { background:url(../img/contents-bg-pat.png) top center repeat;}
h1 { margin-left:-25px; padding:8px 20px 5px 20px; border-left:#0239e3 solid 3px; background:url(../img/contents-title-pat.png) top left repeat; color:#000000; font-size:1.2em; font-weight:bold;}
h2 { margin-top:15px; font-weight:bold; font-size:1.2em;}

.header { padding:0;}
#header-image a:hover { background: none !important;}
.main-container { background:url(../img/contents-bg-line.png) top left repeat-y;}
.main-container section { margin-bottom:15px; font-size:0.9em;}
.main-container section p.center { text-align:center;}
.page-nav ul li, .page-nav ul li a, .page-nav ul li a:hover, .page-nav ul li a.active { padding:0; border: none; background:none;}
.sns { padding-top:10px;}
@media (max-width: 1280px) {
	.liquid-wrapper { background:url(../img/contents-bg-pat.png) top center repeat;}
	.aside-container { margin-top:40px;}
	}

.page-nav {}
 .page-nav-inner { padding:0px !important; background-color:#0239e3;}
  .page-nav-inner ul { width:664px; height: 78px; margin:0 auto; background-image:none; background-color:#0239e3; border:none; border-radius:0px !important; text-align:center;}
   .page-nav-inner ul li { display: inline-block; width:220px;}
    .page-nav-inner ul li a { display:block; width:220px; height: 64px; padding-top:14px; color:#FFFFFF; font-size:1.1em; line-height:1.3em; font-weight:bold; text-shadow:none; text-align:center; background-image:url(../img/menu-bg.jpg); background-position:0px 0px; background-repeat:no-repeat;}
    .page-nav-inner ul li a.menu-performer { width:224px;}
    .page-nav-inner ul li a.active { padding-top:14px; background-image:url(../img/menu-bg.jpg); background-position: 0px -78px}
    .page-nav-inner ul li a:hover { padding-top:14px; background-image:url(../img/menu-bg.jpg); background-position: 0px -78px;}
     .page-nav-inner ul li a span { font-size:0.6em;}

/* contents ------------------------------------------------------------------------- */

.header-image { position:relative;}
.header-image .cd { width:230px; height:168px; padding-top:10px; text-align:center; font-size:1.1em; color:#FFFFFF; font-weight:bold; line-height:1.2em; position:absolute; top:0; right:0; background:url(../img/cd-bg.png) top center no-repeat;}
.header-image .cd span.small { font-size:0.8em;}
.header-image .cd p { margin-top:10px; font-size:0.8em; line-height:1.0em;}
.header-image .cd p.cd-onair {font-size:1.6em;}
.header-image .cd span.cd-day { font-size:2.2em; line-height:1.0em;}

.top-about { background:url(../img/contents-bg-map.png) center right no-repeat; min-height:800px;}
section.movie { background: url(../img/movie-bg.jpg) top center no-repeat; background-size:cover;}
p.text { font-size:0.8em; line-height:1.6em;}

section.photo {}
section.photo a { background: none;}
section.photo img { width:30%; margin:1%; border:3px #FFFFFF solid;}
section.photo a:hover img { border:3px #0239e3 solid;}

/* scrolltopcontrol.js ------------------------------------------------------------------------- */
.scroll2top { display: table-cell; width: 50px; height: 50px; z-index: 10; color: #fff; background-color: #dfe1e1; background:url(../img/scroll2top.png) center top no-repeat;}

/* shadowbox.js ------------------------------------------------------------------------- */
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message { font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 200; color: #fff;}
#sb-container { position: fixed; margin: 0; padding: 0; top: 0; left: 0; z-index: 999; text-align: left; visibility: hidden; display: none;}
#sb-overlay { position: relative; height: 100%; width: 100%;}
#sb-wrapper { position: absolute; visibility: hidden; width: 100px;}
#sb-wrapper-inner { position: relative; border: none; overflow: hidden; height: 100px;}
#sb-body { position: relative; height: 100%;}
#sb-body-inner { position: absolute; height: 100%; width: 100%;}
#sb-player.html { height: 100%; overflow: auto;}
#sb-body img { border: none;}
#sb-loading { position: relative; height: 100%;}
#sb-loading-inner { position: absolute; font-size: 14px; line-height: 24px; height: 24px; top: 50%; margin-top: -12px; width: 100%; text-align: center;}
#sb-loading-inner span { background: url(../../solarcar/js/shadowbox/img/loading.gif) no-repeat; padding-left: 34px; display: inline-block;}
#sb-body, #sb-loading { background-color: #060606;}
#sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden;}
#sb-title, #sb-title-inner { height: 26px; line-height: 26px;}
#sb-title-inner { font-size: 16px;}
#sb-info, #sb-info-inner { height: 20px; line-height: 20px;}
#sb-info-inner { font-size: 12px;}
#sb-nav { float: right; height: 16px; padding: 2px 0; width: 45%;}
#sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; background-repeat: no-repeat;}
#sb-nav-close { background-image: url(../../solarcar/js/shadowbox/img/close.png);}
#sb-nav-next { background-image: url(../../solarcar/js/shadowbox/img/next.png);}
#sb-nav-previous { background-image: url(../../solarcar/js/shadowbox/img/previous.png);}
#sb-nav-play { background-image: url(../../solarcar/js/shadowbox/img/play.png);}
#sb-nav-pause { background-image: url(../../solarcar/js/shadowbox/img/pause.png);}
#sb-counter { float: left; width: 45%; display: none;}
#sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff;}
#sb-counter a.sb-counter-current { text-decoration: underline;}
div.sb-message { font-size: 12px; padding: 10px; text-align: center;}
div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline;}