@charset "UTF-8";

@import url(base.css);

.widgettitle {display:none;}

/*
-----------------------------------------------------------------------
header
-----------------------------------------------------------------------
*/

#header {
}

/*-- header-area --*/

#header-area {
	width:960px;
	height:195px;
	margin:0 auto;
	position:relative;
}
#header-area #logo {width:581px;}
#header-area #logo a {
	background:url(../images/common/logo.png) no-repeat;
	padding-top:195px;
}

#header-area #h-text {
	width:401px;
	padding-top:142px;
	background:url(../images/common/h_text.png) no-repeat;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-71px;
}

/*-- gnav --*/

#gnav {
	min-width:960px;
	background-color:#333333;
	border-bottom:10px solid #fec721;
}
#gnav ul {
	width:960px;
	height:54px;
	margin:0 auto;
}
#gnav ul li {
	float:left;
	width:160px;
	height:54px;
}
#gnav ul li a {
	padding-top:54px;
	background-repeat:no-repeat;
	background-position:top;
}
#gnav ul li#gnav0 a {background-image:url(../images/common/gnav0.png);}
#gnav ul li#gnav1 a {background-image:url(../images/common/gnav1.png);}
#gnav ul li#gnav2 a {background-image:url(../images/common/gnav2.png);}
#gnav ul li#gnav3 a {background-image:url(../images/common/gnav3.png);}
#gnav ul li#gnav4 a {background-image:url(../images/common/gnav4.png);}
#gnav ul li#gnav5 a {background-image:url(../images/common/gnav5.png);}

#gnav ul li a:hover,
body#index #gnav ul li#gnav0 a,
body#introduction #gnav ul li#gnav1 a,
body.news #gnav ul li#gnav2 a,
body#staff #gnav ul li#gnav3 a,
body.lineup #gnav ul li#gnav4 a {
	background-position:bottom;
}

/*
-----------------------------------------------------------------------
container
-----------------------------------------------------------------------
*/

#container {
	clear:both;
	padding-bottom:30px;
}

/*-- pankuzu --*/

#pankuzu {
	clear:both;
	width:960px;
	margin:0 auto;
	padding:10px 0 20px;
}
#pankuzu li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:1.1em;
}

#contents {
	width:960px;
	margin:0 auto;
}
#main-contents {float:right; width:670px;}
#side-contents {float:left; width:270px;}

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

/*-- title-box --*/

.title-box {
	clear:both;
	background-color:#91721e;
	background-color:rgba(254,199,33,0.5);
	padding:5px 0;
	border-bottom:2px solid #FFF;
}
.title-box.tieup {background-color:#782926; background-color:rgba(230,76,69,0.5);}

.title-box .title {
	font-size:1.8em;
	background:url(../images/common/icon_title.png) no-repeat left;
	padding:0 20px;
}
.title-box.tieup .title {background:url(../images/common/icon_title_tieup.png) no-repeat left;}

.title-box .title span {
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-weight:normal;
	font-size:0.6em;
	vertical-align:middle;
	color:#000;
}
.title-box .title span.new {background-color:#fec721; padding:0 5px; margin:0 0.5em;}
.title-box .title span.name-en {color:#FFF; padding:0 5px; margin:0 0.5em;}
.title-box .title span.tieup {display:none; background-color:#e81c13; padding:0 5px; margin:0 0.5em;}
.title-box.tieup .title span.tieup {display:inline-block; *display:inline; *zoom:1;}
.title-box .title span.no {float:right; color:#FFF; padding-top:0.5em;}

.title-box .title span.sort {float:right; padding-top:0.4em;}
.title-box .title span.sort label {padding-right:5px;}
.title-box .title span.sort select {
	border:1px solid #000;
	padding:2px;
	min-width:120px;
}
.title-box .title span.sort option {font-size:1em;}

/*-- area-base --*/

.area-base {
	clear:both;
	background-color:#484342;
	background-color:rgba(102,102,102,0.6);
	padding:10px;
}
body.detail .area-base,
body.page .area-base {padding:20px;}
body.page .area-base img {max-width:100%;}
body.page .area-base p {margin-bottom:10px;}

/*-- list-area --*/

.list-area {
}
.list-box {
	float:left;
	width:210px;
	margin:0 10px 10px 0;	
}
body#index .list-box {margin-bottom:0;}

.list-box.last {margin-right:0;}

.list-box .img-box {
	position:relative;
	width:210px;
	text-align:center;
	overflow:hidden;
	background-color:#2C2C2C;
}
body#index .list-box .img-box,
body.news .list-box .img-box {height:140px;}
body.lineup .list-box .img-box {height:148px;}

.list-box .img-box img {height:100%;}

.list-box .img-box .date-box {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	font-size:1.1em;
	line-height:1.4em;
	background-color:#FFF;
	background-color:rgba(255,255,255,0.6);
}
.list-box .img-box .date-box span {
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#000;
	padding:0 5px;
}
.list-box .img-box .date-box span.new {float:left; background-color:#fec721;}
.list-box .img-box .date-box span.tieup {display:none; float:left; background-color:#e81c13;}
.list-box.tieup .img-box .date-box span.tieup {display:inline-block; *display:inline; *zoom:1;}
.list-box .img-box .date-box span.date,
.list-box .img-box .date-box span.no {
	float:right;
}

.list-box .link-box {
	display:table;
	width:100%;
	background-color:#030303;
}
.list-box .link-box a {
	display:block;
	display:table-cell;
	padding:10px 20px 10px 10px;
	background-color:#030303;
	text-decoration:none;
	vertical-align:middle;
}
.list-box.tieup .link-box a {background-color:#a43732;}

.list-box .link-box a span {
	display:block;
	background:url(../images/common/icon_arrow0.png) no-repeat right;
	padding-right:13px;
}

.list-box .img-box a:hover,
.list-box .link-box a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*-- pager --*/

.pager {
	clear:both;
	text-align:center;
}
.pager span,
.pager a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:1.2em;
	line-height:1em;
	text-decoration:none;
	vertical-align:top;
	margin:0 4px;
}
.pager a:hover {text-decoration:underline;}

.pager .prev,
.pager .next {
	width:64px;
	height:0;
	overflow:hidden;
	padding-top:11px;
	margin:0 10px;
}
.pager .prev {background:url(../images/common/btn_prev.png) no-repeat left; border-right:2px solid #999999;}
.pager .next {background:url(../images/common/btn_next.png) no-repeat right; border-left:2px solid #999999;}

/*-- pagination --*/

.pagination {
	clear:both;
	width:130px;
	margin:0 auto;
}
.pagination li {width:64px; height:11px;}
.pagination li.prev {float:left; border-right:1px solid #999999;}
.pagination li.next {float:right; border-left:1px solid #999999;}

.pagination li a {
	display:block;
	width:64px;
	height:0;
	overflow:hidden;
	padding-top:11px;
}
.pagination li.prev a {background:url(../images/common/btn_prev.png) no-repeat left;}
.pagination li.next a {background:url(../images/common/btn_next.png) no-repeat right;}

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

/*-- side-nav --*/

#side-nav .area-base {margin-bottom:20px;}

#side-nav .area-base ul {
}
#side-nav .area-base ul li {
	font-size:1.4em;
	margin-bottom:3px;
}
#side-nav .area-base ul li:last-child {margin-bottom:0;}

#side-nav .area-base ul li a {
	display:block;
	font-size:1em;
	text-decoration:none;
	color:#000;
	padding:10px 10px 10px 27px;
	background-color:#CECECE;
	background-color:rgba(239,239,239,0.8);
	background-position:left 10px center;
	background-repeat:no-repeat;
	background-image:url(../images/common/icon_arrow2.png);
}
#side-nav .area-base ul li.cat-item-60 a {background-image:url(../images/common/icon_arrow3.png);}

#side-nav .area-base ul li a:hover,
#side-nav .area-base ul li.current a,
#side-nav .area-base ul li.current-cat a {
	background-color:#DBAE29;
	background-color:rgba(254,199,33,0.8);
	background-image:url(../images/common/icon_arrow1.png);
}

/*-- side-bnr --*/

#side-bnr {
}
#side-bnr li {
	height:60px;
	margin-bottom:20px;
}
#side-bnr li a {padding-top:60px;}
#side-bnr li#side-bnr-youtube a {background:url(../images/common/side_bnr_youtube.png) no-repeat;}
#side-bnr li#side-bnr-twitter a {background:url(../images/common/side_bnr_twitter.png) no-repeat;}

/*-- side-youtube --*/

#side-youtube iframe {
	width:270px;
	height:180px;
}

/*
-----------------------------------------------------------------------
footer
-----------------------------------------------------------------------
*/

#footer {
	clear:both;
}

/*-- change --*/

.change {
	display:none;
	margin:20px 0;
}
.change ul {
	width:229px;
	height:21px;
	margin:0 auto;
}
.change ul li.pc {float:left; width:103px;}
.change ul li.sp{float:left; width:126px;}

/*-- copyright --*/

#copyright {
	width:960px;
	margin:0 auto;
	padding:20px 0;
	text-align:center;
}
#copyright small {
	background:url(../images/common/copyright.png) no-repeat top;
	padding-top:17px;
}

/*
-----------------------------------------------------------------------
common
-----------------------------------------------------------------------
*/

/*-- スペース共通 --*/

.mr0{margin-right:0;}
.mr5{margin-right:5px;}
.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;}
.ml0{margin-left:0;}
.ml5{margin-left:5px;}
.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;}
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.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;}
.mt0{margin-top:0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt30{margin-top:35px;}
.mt40{margin-top:40px;}
.mt40{margin-top:45px;}
.mt50{margin-top:50px;}

.pr0{padding-right:0;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}
.pl0{padding-left:0;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}
.pb0{padding-bottom:0;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}
.pt0{padding-top:0;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt30{padding-top:35px;}
.pt40{padding-top:40px;}
.pt40{padding-top:45px;}
.pt50{padding-top:50px;}


/*-- 回り込み解除 --*/

.clear{clear:both;}
.clearbox {clear:both;}
.float-l{float:left;}
.float-r{float:right;}

/*-- テキスト --*/

.red-txt {color:#FF0000;}
.small-txt {font-size:1em;}
.bold-txt {font-weight:bold;}
.al-c {text-align:center;}
.al-l {text-align:left;}
.al-r {text-align:right;}

.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs28 {font-size:28px;}
.fs30 {font-size:30px;}

.img-bg {
	display:block;
	height:0;
	overflow:hidden;
}
a.img-bg.hover:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/*
----------------------------------------
huckclearfix
----------------------------------------
*/

.clearbox:after,
#gnav ul:after,
#contents:after,
.title-box .title:after,
.list-area:after,
.list-box .img-box .date-box:after,
.pagination:after,
.change ul:after {
  content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearbox,
#gnav ul,
#contents,
.title-box .title,
.list-area,
.list-box .img-box .date-box,
.pagination,
.change ul {
  display:inline-block;
}

/*\*/

* html .clearbox,
* html #gnav ul,
* html #contents,
* html .title-box .title,
* html .list-area,
* html .list-box .img-box .date-box,
* html .pagination,
* html .change ul {
  height:1%;
}

.clearbox,
#gnav ul,
#contents,
.title-box .title,
.list-area,
.list-box .img-box .date-box,
.pagination,
.change ul {
  display:block;
}

/**/