﻿@charset "UTF-8";

/*ini
--------------------------------------------*/
html, body {
	width: 100%;
	height: 100%;
}

body {
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	color: #303030;
	background-color: #091a46;
	background-image: url(../img/common/nagoyaosaka/nagoya_bg.png);
}
html>/**/body {
	font-size: 14px;
}
a{
	color: #126303;
	text-decoration: none;
}
a:link{
	color: #339;
	text-decoration: none;
}
a:visited{
	color: #339;
	text-decoration: none;
}
a:hover{
	color: #339;
	text-decoration: underline;
}

/*general
--------------------------------------------*/
.inner {
	margin: 0 auto;
	width: 960px;
	position: relative;
	background-color: #081A48;
}
.poa {
	position: absolute;
	left: 27px;
	height: 0px;
}
.cf {
	zoom: 1;
}
.cf:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#secondary a:hover img,
#footer a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


#hnav a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.zoom {
	padding-left: 20px;
	height: 16px;
	font-size: 13px;
	background: url(../img/common/zoom_icon.png) no-repeat left center;
}

/*modal
--------------------------------------------*/
.hide {
	display: none;
}
#cboxOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: #000;
}
#colorbox {
	padding: 20px;
	background: #fff;
	text-align: center;
	z-index: 150;
}
#colorbox .goodsInfo {
	text-align: left;
	position: relative;
}
#colorbox .name {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
#colorbox .price {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px;
}
#colorbox .body {
	margin: 15px 15px 0;
}
#colorbox .notes {
	margin: 30px 15px 0;
}
#cboxClose {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	border: none;
	background: url(../img/common/close.png) no-repeat left top;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
}

/*navi
--------------------------------------------*/
#navi {
	width:100%;
	height:36px;
	background:#272727;
	font-size:85%
}
#naviInner {
	margin:0 auto;
	width:980px;
	height:36px;
	line-height:36px;
	color:#999;
	text-align:left;
	position:relative
}
#naviInner a, #naviInner span {
	margin-right:3px;
}
#naviInner a {
	color:#eee;
	text-decoration:underline;
}
#naviInner a:hover {
	color:#fff;
	text-decoration:none;
}
#naviInner .active {
	font-weight:bold;
}

/*socialbookmark
---------------------------------------*/
.socialBox {
	width: 370px;
	position:absolute;
	right:0px;
	top:5px;
}
.socialBox ul li {
	float: left;
}
.hatena {
	margin-right: 7px;
}
.tw {
	width: 110px;
	margin-right: 3px;
	overflow: hidden;
}
.fb {
	width: 110px;
	margin-right: 3px;
}
.plus {
	margin-right: 0;
}

/*topKv
---------------------------------------*/
#topKv {
	margin-bottom: -250px;
	height: 800px;
	background: url(../img/top/kv_bg.png) no-repeat center top;
}
#topKv h1 {
	top: -10px;
	left: -15px;
}
#topKv h2 {
	top: 13px;
	left: 332px;
}
#topKv .date {
	top: 355px;
	left: -17px;
}

#topKv .selfie {
	top: 266px;
}

#topKv .tuika {
	top: 234px;
}


#topKv #map {
	width: 477px;
	height: 350px;
	top: 70px;
	left: 449px;
	background: url(../img/top/kv_map2.png) no-repeat right bottom;
}
#topKv #map li {
	position: absolute;
	left: 362px;
	top: 275px;
	width: 395px;
	height: 33px;
}
#topKv #map .nagano {
	top: 50px;
	left: 185px;
	z-index: 2;
}
#topKv #map .nagano .first {
	top: -54px;
	left: 49px;
}
#topKv #map .miyazaki {
	top: 331px;
	left: -53px;
}
#topKv #map .miyazaki .second {
	top: -54px;
	left: 77px;
}
#topKv #map .ehime {
	top: 271px;
	left: 110px;
}
#topKv #map .ehime .second {
	top: -286px;
	left: -100px;
}
#topKv #map .fukui {
	top: 3px;
	left: 54px;
}
#topKv #map .miyagi {
	top: 216px;
	left: 337px;
}
#topKv #map .miyagi .second {
	top: -168px;
	left: -368px;
}
#topKv #map .hyogo {
	top: 75px;
	left: -3px;
}
#topKv #map .yamaguchi {
	top: 153px;
	left: -84px;
}
#topKv #map .akita {
	top: 115px;
	left: 365px;
}
#topKv #map .osaka {
	top: 335px;
	left: 199px;
	z-index: 2;
}
#topKv #map .tokyo {
	top: 342px;
	left: 227px;
}
#topKv #map .volunteer {
	top: 425px;
	left: -294px;
}

/*wrapper
---------------------------------------*/
#wrapper {
}

/*news
---------------------------------------*/
#news {
	padding: 5px 5px 5px 10px;
	background: url(../img/top/news_bg.png) no-repeat left top;
}
#news .bottom {
	padding: 0 8px 8px 15px;
	position: relative;
	background: url(../img/top/news_bg_bottom.png) no-repeat center bottom;
}
#news ul {
	margin: 10px 0 0 25px;
}
#news li {
	padding-left: 10px;
	background: url(../img/common/list_icon.png) no-repeat left 5px;
}
#news li, #news a, #news .new {
	font-weight: bold;
}
#news .new {
	padding-right: 50px;
	background: url(../img/common/news_icon_new.png) no-repeat right center;
}

/*news
---------------------------------------*/
#news {
	padding: 5px 5px 5px 10px;
	background: url(../img/top/news_bg.png) no-repeat left top;
}
#news .bottom {
	padding: 0 8px 8px 15px;
	position: relative;
	background: url(../img/top/news_bg_bottom.png) no-repeat center bottom;
}
#news ul {
	margin: 10px 0 0 25px;
}
#news li {
	padding-left: 10px;
	background: url(../img/common/list_icon.png) no-repeat left 5px;
}
#news li, #news a, #news .new {
	font-weight: bold;
}
#news .new {
	padding-right: 50px;
	background: url(../img/common/news_icon_new.png) no-repeat right center;
}

/* scrollbar */
#news { clear: both; height: 74px; }
#news .viewport { width: 99%; height: 100%; overflow: hidden; position: relative; }
#news .overview { list-style: none; position: absolute; left: 0; top: 0; }
#news .thumb { background-color: #000; }
#news .scrollbar { position: relative; float: right; width: 4px; }
#news .track { border-radius: 5px; background-color: #0a2776; height: 100%; width: 4px; position: relative; padding: 0; }
#news .thumb { border-radius: 5px; background-color: #5ab7ff; height: 20px; width: 4px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#news .disable { display: none; }

/*want
---------------------------------------*/
#want {
	margin-top: 23px;
	padding: 8px 15px;
/* border: 2px dotted #fff; */
	color: #ff5757;
}
#want dt, #want dd {
	float: left;
	font-size: large;
}
#want a {
	margin-left: 30px;
	color: #fff;
	text-decoration: underline;
}
#want a:hover {
	text-decoration: none;
}

/*primary
---------------------------------------*/
#primary {
	margin: 15px 0 30px;
	width: 732px;
	float: left;
}
#primary #tab {
	margin: 0 0 -70px 90px;
	height: 169px;
}
#primary #tab li {
	float: left;
	position: relative;
	top: 10px;
}
#primary #tab li a{
	width: 136px;
	height: 159px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -9999px;
}
#primary #tab li.cr {
	background-position: 0 -318px;
}
#primary #tab li:hover {
	top: 0;
	background-position: 0 -159px;
}
#primary #tab li.cr:hover {
	top: 0;
	background-position: 0 -318px;
}
#primary #tab #dateTab { background-image: url(../img/common/tab_date.png); }
#primary #tab #aboutTab { background-image: url(../img/common/tab_about.png); }
#primary #tab #eventTab { background-image: url(../img/common/tab_event.png); }
#primary #tab #noticeTab { background-image: url(../img/common/tab_notice.png); }
#primary #tab .cr {
	z-index: 10;
	top: 0;
}
#primary #contents {
	padding-top: 48px;
	position: relative;
	background: url(../img/top/tab_bg_top.png) no-repeat center top;
}
#primary #contents .bottom {
	background: #fff6dc url(../img/top/tab_bg_bottom.png) no-repeat center bottom;
}

.index .sec {
	padding-bottom: 60px;
	position: relative;
	background: url(../img/common/contents_bg_body.png) no-repeat -16px -46px;
}

/* date */
#date.sec {
	width: 732px;
}
#date .nagano { background-image: url(../img/top/date_tv_nagano.png); }
#date .miyazaki { background-image: url(../img/top/date_tv_miyazaki.png); }
#date .ehime { background-image: url(../img/top/date_tv_ehime.png); }
#date .fukui { background-image: url(../img/top/date_tv_fukui.png); }
#date .miyagi { background-image: url(../img/top/date_tv_miyagi.png); }
#date .hyogo { background-image: url(../img/top/date_tv_hyogo.png); }
#date .yamaguchi { background-image: url(../img/top/date_tv_yamaguchi.png); }
#date .akita { background-image: url(../img/top/date_tv_akita.png); }
#date .tochigi { background-image: url(../img/top/date_tv_tochigi.png); }
#date .tokyo { background-image: url(../img/top/date_tv_tokyo.png); }
#date .nagoya { background-image: url(../img/top/date_tv_nagoya.png); }
#date .osaka { background-image: url(../img/top/date_tv_osaka.png); }
#date .ttl {
	padding: 40px 0 0px 135px;
	height: 160px;
	color: #0c6500;
	font-size: 20px;
	background-repeat: no-repeat;
	background-position:-10px 50px 0 0;
	position: relative;
	top: -10px;
	left: -15px;
}
#date .ttl .info {
	padding: 10px 20px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	background: #0c6500;
	border-radius: 40px;
}
#date .ttl h2 {
	width: 580px;
	font-weight: bold;
	border-bottom: 1px solid #0c6500;
}
#date .ttl em {
	font-size: 27px;
}
#date .ttl .first {
	position: absolute;
	top: 25px;
	left: 355px;
}
#date .body {
	margin: -25px 50px 50px;
	font-size: 15px;
}
#date .img {
	margin: 10px 50px 0;
}
#date .movie, #date .cast {
	float: left;
}
#date .img .cast {
	margin-left: 5px;
	font-size: 12px;
}
#date .namaList {
	width: 634px;
	margin: 0 auto;
}
#date .namaList ul {
	margin-left: -6px;
}
#date .namaList li {
	margin: 10px 0 0 6px;
	float: left;
}
#date .dateList {
	margin-top: 40px;
}
#date .dateList .box {
	width: 242px;
	float: left;
	border: 1px solid #9c7649;
}


#date .dateList .box .txt {
	padding: 15px;
	position:relative;
	background-position: left bottom; 
	background-repeat: no-repeat; 
	background-attachment: fixed;
	background: #fff;
}
#date .dateList .box .end {
	background: #fff url(../img/top/top_shuryo.png) no-repeat bottom left;
}
#date .dateList .box .txt .info,
#date .dateList .box .txt h3 {
	color: #0c6500;
	font-weight: bold;
}
#date .dateList .box .txt h3 {
	width: 155px;
	font-size: 16px;
}
#date .dateList .box .tvchan {
	position: absolute;
	top: -25px;
	right: 0px;
}
#date .more {
	float: right;
	text-decoration: underline;
}
#date .more:hover {
	text-decoration: none;
	font-size: 100%;
}

/* about */
#about.sec {
	width: 732px;
	padding: 30px 0 44px;
}
#about dl + dl {
	margin-top: 30px;
}
#about dl {
	margin: 0 40px;
}
#about dt {
	position: relative;
	height: 50px;
}
#about dt span {
	padding: 8px 20px 8px 47px;
	display: inline-block;
	background: #0c6500;
	line-height: 17px;
	font-size: 17px;
	border-radius: 40px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 5px;
	left: 0;
	width: 408px;
}
#about dt .icon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
#about .hustler {
	margin: 0 0px;
	padding-bottom: 300px;
	background: url(../img/top/about_hustler.png) no-repeat center bottom;
}
#about .hustler dt {
	margin: 0 40px;
}
#about .hustler dd {
	margin: 0 40px;
}
#about .img {
	display: block;
	margin-top: 10px;
	margin-left: 150px;
}

/* event */
#event.sec {
	width: 672px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
#event .hustler {
	margin-bottom: 20px;
	padding: 6px;
	background: #fff;
	border-radius: 40px;
	text-align: center;
}
#event .hustler p {
	margin-left: 5px;
	padding: 0 0 8px 16px;
	display: inline-block;
	background: url(../img/common/event_arrow.png) no-repeat left 5px;
}
#event .sup {
	margin-bottom: 10px;
	font-size: 13px;
}
#event .box {
	margin: -1px 0 0 -1px;
	padding-bottom: 10px;
	background: #fff;
	text-align: center;
	border: 1px solid #9c7649;
}
#event .box.s {
	width: 222px;
	float: left;
}
#event .box.l {
	width: 668px;
}
#event .box .ttl {
	margin: 3px 3px 8px;
	padding: 5px;
	color: #fff;
	position: relative;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	background-color: #339;
}
#event .box .ttl .hustlerIco {
	margin: 0 !important;
	width: auto !important;
	position: absolute;
	top: -3px;
	left: -3px;
}
#event .box .txt {
	margin: 10px 15px;
	font-size: 13px;
	text-align: left;
}
#event .comingsoon {
	position: relative;
}
#event .comingsoon p {
	width: 170px;
	height: 108px;
	position: absolute;
	top: 50%;
	left: 50%;
}
#event .comingsoon p img {
	position: absolute;
	top: -50%;
	left: -50%;
}
#event .box.l img {
	margin-left: 20px;
	width: 185px;
	float: left;
}
#event .box.l .txt {
	width: 430px;
	float: right;
}
#event .box.l .txt p {
	font-size: 13px;
}
#event .box.l .txt p + p {
	margin-top: 20px;
}
#event .box.l .txt p span {
	font-size: 11px;
}
#event .box .goodsList .sttl {
	color: #ff0d0d;
}
#event .box .goodsList li {
	width: 105px;
	float: left;
}
#event .box .goodsList li + li {
	left: 8px;
}
#event .box .goodsList li img {
	margin: 0;
	width: 78px;
	border: 1px solid #bdbdbd;
	float: left;
}
#event .box .goodsList li p {
	width: 57px;
	float: right;
	font-size: 12px;
}
#event .box .goodsList li p em {
	font-size: 13px;
}

/* notice */
#notice.sec {
	width: 672px;
	padding: 30px 30px 80px;
}
#notice li {
	padding-left: 15px;
	background: url(../img/common/list_icon.png) no-repeat left 7px;
	font-size: 15px;
	line-height: 1.8;
}
#notice li + li {
	margin-top: 30px;
}

/*secondary
---------------------------------------*/
#secondary {
	margin-bottom: 30px;
	width: 218px;
	float: right;
}
#secondary div {
	margin-top: 20px;
}
#secondary div a {
	display: block;
	margin-top: 10px;
}
#secondary .timeline {
	margin-top: 10px;
}

/*areaList
---------------------------------------*/
#areaList {
	clear: both;
	background-image: url(../img/common/bg.png);
	background-repeat: repeat;
	height: 160px;
}
#areaList ul {
	margin: 0 auto;
	width: 980px;
}
#areaList li {
	width: 75px;
	float: left;
	text-align: center;
	color: #a0a0a0;
}
#areaList li + li {
	margin-left: 5px;
}
#areaList li a {
	color: #fff;
	text-decoration: underline;
}
#areaList li a:hover {
	text-decoration: none;
}

/*footer
---------------------------------------*/
#footer {
	padding: 0px 0 157px;
	color: #fff;
	background-image: url(../img/common/nagoyaosaka/ft_bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* sponsor */
#sponsor dl + dl {
	margin-top: 20px;
}
#sponsor dt {
	padding: 8px 0;
	width: 85px;
	float: left;
	color: #fff;
	background: #000;
	font-size: 13px;
	line-height: 13px;
	text-align: center;
	margin-left: 20px;
}
#sponsor dd {
	padding-left: 100px;
}

/* fnav */
#fnav {
	margin-top: 40px;
	position: relative;
	color: #fff;
}
#fnav a {
	color: #fff;
}

#gotop {
	position: absolute;
	right: -78px;
	bottom: 156px;
}
small {
	margin-top: 20px;
	font-size: 10px;
	text-align: center;
}
