@charset "UTF-8";

/* ------------------------------------------------------------------------
 * Elements
 * --------------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, form, p, blockquote {
    margin: 0;
    padding: 0;
}

body {
    color: #231815;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    background: #FFFFFF;
    line-height: 1.6em;
    -ms-word-break: break-all;
        word-break: break-all;
}
@font-face {
    font-family: 'bebas_neuebook';
    src: url('/common/font/bebasneue_book-webfont.eot');
    src: url('/common/font/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/common/font/bebasneue_book-webfont.woff2') format('woff2'),
         url('/common/font/bebasneue_book-webfont.woff') format('woff'),
         url('/common/font/bebasneue_book-webfont.ttf') format('truetype'),
         url('/common/font/bebasneue_book-webfont.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v11/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/t85RP2zhSdDjt5PhsT_SnlKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v11/lEjOv129Q3iN1tuqWOeRBgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
    font-family: 'bebas_neueregular';
    src: url('/common/font/BebasNeue.eot');
    src: url('/common/font/BebasNeue.eot?#iefix') format('embedded-opentype'),
         url('/common/font/BebasNeue.woff') format('woff'),
         url('/common/font/BebasNeue.ttf') format('truetype'),
         url('/common/font/BebasNeue.svg#bebas_neueregular') format('svg');
}

img {
    vertical-align: bottom;
    border-style: none;
    max-width: 100%;
    height: auto;
}

ul {
    list-style-type: none;
}

.webfont{
    font-family: 'bebas_neueregular',Arial,sans-serif;
}

/* ------------------------------------------------------------------------
* Clearfix
* --------------------------------------------------------------------- */
.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/* ------------------------------------------------------------------------
* Text
* --------------------------------------------------------------------- */
.xsmall {
    font-size: 83%;
}

.small {
    font-size: 91%;
}

.red{
	color: #CC0000 !important;
}

.redback{
	background: #CC0000;
	color: #FFFFFF;
	font-size: 22px;
	padding: 1px 10px;
}

/* ------------------------------------------------------------------------
* Link
* --------------------------------------------------------------------- */

a {
    color: #231815;
    text-decoration: none;
    /* text-decoration: underline; */
}

a:hover,
.allOn * {
    /* .allOn内の要素もリンクカラー変更 */
    color: #cc0000;
}

*.more a {
    text-decoration: underline;
}

#footer a,
#picksContainer dd div#pickPop a{
    text-decoration: underline;
}

#footerSitemap ul li ul li a {
	color: #999999;
}

#footerSitemap ul li ul li a:hover {
	color: #cc0000;
}

/* ------------------------------------------------------------------------
* Font Setting
* --------------------------------------------------------------------- */
#headerUpdate,
#footerSitemap ul li,
#footerSubscription,
#copyright,
*.more,
#subColumnTheaterContainer dt #theaterPage,
.date {
    font-family: "Helvetica", "Arial", sans-serif;
    font-weight: normal;
}



/* ------------------------------------------------------------------------
* Base Layout
* --------------------------------------------------------------------- */

div.title,h3.title {
    line-height: 1.4em;
    font-weight: bold;
    font-size: 14px;
}

div.socialButtons {
    height: 20px;
}

#container {
    /*position: relative;*/
    /*width: 1080px; 980対応*/
    /*width: 980px;
    margin: 0 auto;*/
    overflow: hidden;
}

#container #containerInner {
    position: relative;
    width: 980px;
    margin: 12px auto 0;
}

#container #containerInner #leftPannelArea {
    position:absolute;
    right:980px;
}
#container #containerInner #rightPannelArea {
    position:absolute;
    left:980px;
    z-index:10;
}

#container #contents {
    width: 963px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
    margin: 0 15px 0 0;
    padding: 0 15px 60px 0;
    background: url("../img/index_2column_back_under.gif") repeat-y;
}

#container #contents #mainColumn {
    float: left;
    /*width: 708px;　980対応*/
    width: 650px;
}

#container #contents #subColumn {
    float: right;
    width: 300px;
    padding: 15px 0 0 0;
}

#footer {
	width: 100%;
	background-color: #000000;
}

#footerContents {
	width: 980px;
	margin: 0 auto;
    padding: 20px 0;
    color: #FFFFFF;
    background: #000000;
}

#containerInner #marginMemoContainer {
    position: absolute;
    top: 0;
    right:-30px;
    z-index: 20;
    padding-top: 55px;
    background: transparent url("../img/subColumn/memo.gif") no-repeat;
    -ms-word-break: normal;
        word-break: normal;
}

/* ------------------------------------------------------------------------
* Header
* --------------------------------------------------------------------- */
#header {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #000000;
    position: relative;
    margin: 0;
    padding: 7px 0 0 0;
    background: #FFFFFF;
}

#superBanner {
	padding-bottom: 1px;
    height: auto;
    text-align: center;
}

#header_logo {
	width: 133px;
	float: left;
	text-align: center;
	padding: 13px 0;
}

#header_nav{
	width: 845px;
	float: right;
}

#header_nav_up{
	border-bottom: 1px solid #CCCCCC;
	padding-right: 15px;
	padding-bottom: 5px;
}

#headerUpdate {
    width: 350px;
    font-size: 90%;
    text-indent: 1em;
    padding: 3px 0 0 0;
}

#headerSearch {
    width: 368px;
    float: right;
}

#headerSearch form {
    width: 248px;
    float: left;
    border: solid 1px #999999;
    height: 22px;
}

#headerSearch input {
    outline-style: none;
    outline-width: 0px;
    width: 197px;
    padding: 0;
    color: #231815;
    border: none;
    background: #FFFFFF url("../img/header/search_background.gif") 5px 5px no-repeat;
    float: left;
}

#headerSearch input#submit {
    width: 44px;
    height: 22px;
    background: #231815 url("../img/header/icon_search.gif") left center no-repeat;
    float: right;
    cursor: pointer;
}

#headerSearch ul {
    width: 112px;
    float: right;
}

#headerSearch ul li {
    width: 24px;
    float: left;
    margin-left: 4px;
}

#globalNav {
	width: 830px;
    padding-top: 7px;
    margin: 0;
    position: relative;
    z-index: 5;
    font-family: 'bebas_neueregular',Arial,sans-serif;
    height: 36px;
}

#globalNav li {
    position: relative;
    float: left;
    font-size: 22px;
}

#globalNav li a{
	display: block;
	border-bottom: 7px solid #FFFFFF;
	line-height: 1.3;
    padding: 0 12px;
    height: 29px;
}

#globalNav li#gn_subscribe a{
	display: block;
	border-bottom: 7px solid #FFFFFF;
	line-height: 1;
    padding: 0;
    height: 29px;
}

#globalNav #gn_subscribe{
	float: right;
	padding-left: 16px;
}

#globalNav li a:hover{
	border-bottom: 7px solid #cc0000;
}

#globalNav li a.globalNav_on,#globalNav li#gn_subscribe a.globalNav_on{
	border-bottom: 7px solid #cc0000;
}

#globalNav > ul > li {
    height: 16px;
    display: inline;
}

#globalNav > ul > li img {
    vertical-align: baseline;
}

#globalNav li:first-child {
}

#globalNav li div.pulldown {
    display: none;
    position: absolute;
    top: 36px;
    left: 0px;
    z-index: 10;
    width: 140px;
    padding-bottom: 11px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
}

#globalNav li.on div.pulldown {
    display: block;
}

#globalNav li div.pulldown ul {
    display: block;
    margin: 0;
    padding: 6px 0 0 17px;
}

#globalNav li div.pulldown ul li {
    display: block;
    float: none;
    border-style: none;
    text-align: left;
    font-size: 18px;
    color: #a3a3a3;
}

#globalNav li div.pulldown ul li a,#globalNav li#gn_subscribe div.pulldown ul li a {
    display: block;
    width: 150px;
    color: #a3a3a3;
	line-height: 1;
	border: 0;
    padding: 4px 0;
    height: auto;
}

#globalNav li div.pulldown ul li a:hover,#globalNav li#gn_subscribe div.pulldown ul li a:hover {
    color: #cc0000;
}

#globalNav li div.pulldown ul li.descent {
    padding-bottom: 3px;
}

.header_description{
    font-family: "Helvetica", "Arial", sans-serif;
    font-weight: normal;
    font-size: 90%;
    text-indent: 1em;
    padding: 3px 0 0 0;
    background: none;
    text-align: left;
    line-height: 1.6em;
    display: inline-block;
    margin-bottom: 0;
}

/* ------------------------------------------------------------------------
* Footer
* --------------------------------------------------------------------- */

#footer{
	height: 650px;
}

#footer a {
    color: #FFFFFF;
    text-decoration: none;
}
#footer a:hover{
	color:#cc0000;
}

#footerSitemap {
    margin: 30px 0 40px 0;
}

#footerSitemap ul li {
    float: left;
    margin: 0 27px 0 0;
    padding: 0;
    line-height: 1;
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
}

#footerSitemap ul li ul{
    margin: 15px 0 0 0;
}

#footerSitemap ul li ul li{
    font-size: 18px;
    float: none;
    line-height: 1;
    margin: 0;
    padding:6px 0 0 0;
    border-style: none;
    word-wrap: break-word;
}
#footerSitemap ul li ul li:first-child{
    padding:0;
}

#footerSubscription_title{
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 15px;
}

#footerSubscription {
    margin-bottom: 25px;
    font-family: 'bebas_neueregular',Arial,sans-serif;
    color: #999999;
    font-weight: normal;
}

#footerSubscription ul li {
    /*width: 95px;*/
    float: left;
    margin-right: 20px;
}

#footerSubscription ul li a {
    color: #999999;
    display: block;
    font-size: 14px;
}

#footerSubscription ul li img {
	width: auto;
	height: 130px;
    margin-bottom: 5px;
}

#footerNav {
    margin-bottom: 10px;
    color: #cccccc;
    font-size: 14px;
}

#footerNav ul li {
    float: left;
    margin: 0 22px 16px 0;
}

#footerCopyright{
    color: #cccccc;
    font-size: 12px;
}

/* ------------------------------------------------------------------------
* Icon Images
* --------------------------------------------------------------------- */
.icon60,
.icon95 {
    display: inline-block;
/ display : inline;
/ zoom : 1;
    position: relative;
}

.icon60 .frame,
.icon95 .frame {
    display: inline-block;
/ display : inline;
/ zoom : 1;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.icon60 {
    width: 60px;
    height: 60px;
overflow: hidden;
}

.icon60 .frame {
    background-image: url("../img/iconFrame60_off.png");
}

a:hover .icon60 .frame,
div.allOn .icon60 .frame {
    /* .allOn内のframeもカレント表示*/
    background-image: url("../img/iconFrame60_on.png");
}

.icon95 {
    /* width: 95px; height: 95px;　980対応 */
    width: 85px;
    height: 85px;
}

.icon95 .frame {
    /* background-image: url("../img/iconFrame95_off.png"); 980対応 */
    background-image: url("../img/iconFrame85_off.png");
}

a:hover .icon95 .frame {
    /*background-image: url("../img/iconFrame95_on.png"); 980対応*/
    background-image: url("../img/iconFrame85_on.png");
}

/* ------------------------------------------------------------------------
* Main Column
* --------------------------------------------------------------------- */
#mainColumn .headline {
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 24px;
    font-weight: normal;
}

#mainColumn .topicPath {
    margin: 15px 15px 5px;
    text-decoration: none;
    font-family: "Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif;
}
/*パンクズにラインが必要な場合*/
#mainColumn .topicPath.widthLine {
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 3px solid ##231815;
}

#mainColumn .topicPath a {
    color: #231815;
    text-decoration: none;
}

#mainColumn .topicPath a:hover {
	color: #E60012
}

#mainColumn #contentsList{
    margin: 0 15px;
}

#mainColumn h2.headline{
    background: #c5c5c5;
    color: #000000;
    text-align: center;
    padding: 2px 0;
    font-size: 30px;
    line-height: 1;
}
#mainColumn .header_description {
    font-family: "Helvetica", "Arial", sans-serif;
    font-weight: normal;
    font-size: 90%;
    text-indent: 1em;
    padding: 3px 0 0 0;
    background: none;
    text-align: left;
    line-height: 1.6em;
    display: inline-block;
    margin-bottom: 0;
}

#mainColumn .headline a{
	color: #000000;
}

#mainColumn h3.headline_section,#mainColumn p.headline_section{
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 20px 0 0;
    padding: 5px 0;
    font-size: 28px;
    line-height: 1;
}

#mainColumn h3.headline_section span{
	color: #999999;
}

#mainColumn h3.headline_section span.japanese{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Osaka, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 13px;
    font-weight: normal;
}

#mainColumn h3.headline3,#mainColumn p.headline3{
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 24px;
    font-weight: normal;
    margin: 20px 0 0;
    padding: 5px 0;
    font-size: 28px;
    line-height: 1;
    border-top: 3px double #CCCCCC;
    border-bottom: 3px double #CCCCCC;
}

/* What's New ================================= */
#whatsnewContainer {
    /* width: 708px; 980対応 */
    width: 622px;
    margin-bottom: 35px;
    padding: 1px 0;
    background: transparent url("../img/mainColumn/whatsnew_frameEnd_980.gif") repeat-y;
}

#whatsnewInnerContainer {
    min-height: 191px;
    padding: 5px 5px 0;
    background: transparent url("../img/mainColumn/whatsnew_frameBody_980.gif") repeat-y;
}

#whatsnewInnerContainer ul.menu {
    position: relative;
    display: none;
    height: 14px;
    margin-bottom: 5px;
}

#whatsnewInnerContainer ul.menu li {
    position: absolute;
    top: 0px;
    display: block;
    /*width: 268px; 980対応*/
    width: 225px;
    height: 14px;
    padding: 0;
    line-height: 0;
}

#whatsnewInnerContainer ul.menu li.current {
    /*left: 284px; 980対応*/
    left: 241px;
    width: 130px;
    text-align: center;
}

#whatsnewInnerContainer ul.menu li.prev {
    cursor: pointer;
    left: 0px;
    padding-right: 16px;
    text-align: right;
    background: transparent url("../img/mainColumn/whatsnew_arrowPrev.gif") right 3px no-repeat;
}

#whatsnewInnerContainer ul.menu li.next {
    cursor: pointer;
    right: 0px;
    padding-left: 16px;
    text-align: left;
    background: transparent url("../img/mainColumn/whatsnew_arrowNext.gif") left 3px no-repeat;
}

#whatsnewSlideContainer {
    position: relative;
    /*width: 698px; 980対応*/
    width: 612px;
    overflow: hidden;
}

#whatsnewSlideInnerContainer {
    position: relative;
    /* width: 4188px; 980対応 */
    width: 3802px;
}

#whatsnewSlideInnerContainer div {
    position: relative;
    display: inline-block;
/ display : inline;
/ zoom : 1;
    /*width: 698px; 980対応*/
    width: 612px;
}

#whatsnewSlideInnerContainer ul {
    /*width: 696px; 980対応*/
    width: 610px;
    vertical-align: top;
    margin-left: 11px;
}

#whatsnewSlideInnerContainer ul li {
    float: left;
    /* width: 105px; 980対応 */
    width: 95px;
    /*margin-right: 9px; 980対応*/
    margin-right: 4px;
    margin-bottom: 6px;
}

#whatsnewSlideInnerContainer ul li a {
    display: block;
    padding: 5px;
}

#whatsnewSlideInnerContainer ul li span {
    display: block;
    margin-bottom: 6px;
}

#whatsnewSlideInnerContainer ul li a:hover {
    /*background: #EEEEEF;*/
    /*background: #BFBFBF;*/
    background: #CCCCCC;
}


/* Social Button ============================== */
div.socialButtons ul {
    list-style-type: none;
}

div.socialButtons ul li {
    min-height: 20px;
    float: left;
}

div.socialButtons ul li.socialButtonTwitter {
    /*width: 121px; 980対応*/
    width: 103px;
}

div.socialButtons ul li.socialButtonFacebook {
    /*width: 127px; 980対応*/
    width: 113px;
}

div.socialButtons ul li.socialButtonHatena {
    width: 80px;
}

div.socialButtons ul li.socialButtonGooglePlus {
    width: 65px;
}

div.socialButtons ul li.socialButtonComment {
    /*width: 67px; 980対応*/
    width: 62px;
    line-height: 20px;
    text-align: right;
}

/* .text内にある場合 */
div.text div.socialButtons ul li.socialButtonTwitter {
    width: 111px;
}

div.text div.socialButtons ul li.socialButtonFacebook {
    width: 114px;
}
div.text div.socialButtons ul li.socialButtonHatena {
    width: 65px;
}
div.text div.socialButtons ul li.socialButtonGooglePlus {
    width: 57px;
}

div.socialButtons div.socialButtonComment {
    width: 347px;
    line-height: 20px;
    text-align: right;
}


/* Paging ===================================== */
#pagingContainer {
    text-align: center;
}

#pagingContainer ul,
#pagingContainer li {
    display: inline;
}

#pagingContainer li a {
    margin: 0 4px;
    padding: 2px 0;
    /*margin: 0 15px;*/
    text-decoration: none;
}


#pagingContainer li.current a {
    /*padding: 2px 5px;*/
    color: #E60012;
}

#pagingContainer li a:hover {
	color: #E60012;
}

#pagingContainer li.blank a {
    visibility: hidden;
}

#pagingContainer.blogStyle {
    font-size: 115%;
}


/* RECOMMEND ================================== */
#recommendContainer {
	margin-bottom: 43px;
	padding-bottom: 5px;
	border-bottom: solid 1px #DBDCDC;
}

#recommendContainer dt {
	margin-bottom: 6px;
}

#recommendBody {
	position: relative;
	width: 620px;
	height: 147px;
	padding-left: 2px;
	overflow: hidden;
}

#recommendBodySlideContainer {
	position: relative;
}

#recommendBodyPrev,
#recommendBodyNext {
    position: absolute;
    top: 6px;
    cursor: pointer;
}


#recommendBodyPrev {
	left: 0px;
}

#recommendBodyNext {
	right: 0px;
}

#recommendBodySlideContainer div.recommend {
	display: none;
	width: 180px;
	float: left;
	margin-left: 17px;
}

#recommendBodySlideContainer div.recommend a {
	display: block;
	width: 180px;
	padding: 6px;
}

#recommendBodySlideContainer div.recommend a span.image {
	position: relative;
	display: block;
	width: 180px;
	height: 122px;
	margin-bottom: 5px;
	overflow: hidden;
}

#recommendBodySlideContainer div.recommend a:hover span.image span.frame {
	background-image: url("../img/mainColumn/category/recommend_frame_on.png");
}


/* ------------------------------------------------------------------------
 * Sub Column
 * --------------------------------------------------------------------- */
#subColumn .lastBlock {
    margin-bottom: 0;
}

/* Banner ===================================== */
#subColumnBanner {
    margin-bottom: 21px;
}

#subColumnBanner ul li {
    margin-top: 20px;
}

#subColumnBanner ul li:first-child {
    margin-top: 0;
}

#subColumnBanner2 {
    margin-bottom: 21px;
}

#subColumnBanner2 ul li {
    margin-top: 20px;
}

#subColumnBanner2 ul li:first-child {
    margin-top: 0;
}

/* Publications =============================== */
#subColumnPublicationsContainer {
	position: relative;
	width: 300px;
	overflow: hidden;
    margin-bottom: 21px;
    padding-top: 7px;
}

#subColumnPublicationsContainer dt{
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 24px;
    font-weight: normal;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
    padding: 5px 0;
}

#subColumnPublicationsContainer dd{
    border: solid 1px #bfbfbf;
    text-align: center;
    position: relative;
    padding: 15px 0 0 0;
}

#pub_prev{
	position: absolute;
	top: 120px;
	left: 20px;
}

#pub_next{
	position: absolute;
	top: 120px;
	right: 20px;
}

#slider{
	width: 150px;
	height: 270px;
	margin: 0 auto;
	text-align: center;
}

#slider img{
	width: 143px;
	height: 215px;
}

#subColumnPublicationsContainer .webfont{
	display: block;
	width:100%;
	margin: 5px auto 0;
	background: #000000;
	color: #ffe762;
	font-size: 28px;
	padding: 5px 0;
}

/* Ranking ==================================== */
#subColumnRankingContainer {
    margin-bottom: 21px;
}

#subColumnRankingContainer dt {
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 24px;
    font-weight: normal;
	background: #000000;
	text-align: center;
	color: #FFFFFF;
    padding: 5px 0;
}

#subColumnRankingContainer dd {
    width: 298px;
    min-height: 879px;
    overflow: hidden;
    border: solid 1px #231815;
}

#subColumnRankingContainer ul.body {
    width: 298px;
}

#subColumnRankingContainer ul.body li {
    padding: 2px 3px 3px;
    border-top: dotted 1px #DBDCDC;
}

#subColumnRankingContainer ul.body li:first-child {
    border-style: none;
}

#subColumnRankingContainer ul.body li a {
    display: block;
    padding: 10px 0;
}

#subColumnRankingContainer ul.body li span {
    display: inline-block;
/ display : inline;
/ zoom : 1;
    vertical-align: middle;
}

#subColumnRankingContainer ul.body li span.no {
    width: 31px;
    text-align: center;
    font-size: 20px;
}

#subColumnRankingContainer ul.body li span.icon {
    position: relative;
    width: 60px;
    height: 60px;
}

#subColumnRankingContainer ul.body li span.text {
    display: inline-block;
    width: 180px;
    margin-left: 13px;
	font-size: 12px;
	line-height:1.3em;
}

#subColumnRankingContainer ul.body li a:hover {
    /*background: #EEEEEF;*/
    background: #CCCCCC;
}

/* Theater ==================================== */
#subColumnTheaterContainer {
    margin-bottom: 21px;
}

#subColumnTheaterContainer dt {
    position: relative;
    line-height: 100%;
    margin-bottom: 2px;
    padding-bottom: 4px;
    border-bottom: solid 3px #231815;
}

#subColumnTheaterContainer dt #theaterPage {
    position: absolute;
    top: 5px;
    right: 0px;
}

#subColumnTheaterContainer dt #theaterPage span.numPages {
    padding: 0 10px;
}

#subColumnTheaterContainer dt #theaterPage span.current {
    color: #E60012;
}

#subColumnTheaterContainer dt #theaterPage a {
    text-decoration: none;
}

#subColumnTheaterContainer dd {
    position: relative;
    width: 298px;
    /*height: 248px;*/
    height: 362px;
    overflow: hidden;
    border: solid 1px #231815;
}

#subColumnTheaterContainer ul {
    position: relative;
}

#subColumnTheaterContainer li {
    position: absolute;
    width: 292px;
    padding: 3px;
    border-bottom: solid 1px #DBDCDC;
}

#subColumnTheaterContainer li a {
    display: block;
    /*height: 56px;*/
    height: 94px;
    overflow: hidden;
    padding: 10px 4px;
}

#subColumnTheaterContainer li span {
    display: inline-block;
/ display : inline;
/ zoom : 1;
    /*vertical-align: middle;*/
    vertical-align: top;
}

#subColumnTheaterContainer li span.image {
    position: relative;
    /*width: 84px;*/
    /*height: 56px;*/
    width: 140px;
    height: 94px;
    overflow: hidden;
}

#subColumnTheaterContainer li span.image span.over {
    position: absolute;
    top: 0px;
    left: 0px;
    /*width: 84px;*/
    /*height: 56px;*/
    width: 140px;
    height: 94px;
    background-image: url("../img/subColumn/theater_over.png");
}

#subColumnTheaterContainer li span.text {
    display: inline-block;
/ display : inline;
/ zoom : 1;
    /*width: 180px;*/
    width: 124px;
    margin-left: 13px;
}

#subColumnTheaterContainer li a:hover {
    /*background: #EEEEEF;*/
    background: #CCCCCC;
}


/* Social Wighets ============================= */
#subColumnSocialWidgets {
    margin-bottom: 21px;
}

#subColumnSocialWidgets dt {
    margin-top: 20px;
    border: solid 1px #B5B5B5;
    border-bottom-style: none;
}

#subColumnSocialWidgets dt:first-child {
    margin-top: 0;
}

#subColumnSocialWidgets dd {
    border: solid 1px #B5B5B5;
    border-top-style: none;
}

#subColumnSocialWidgets dd#subColumnTwitter {
    min-height: 50px;
    background-color:#717071;
}

#subColumnSocialWidgets dd#subColumnTwitter .twtr-hd,
#subColumnSocialWidgets dd#subColumnTwitter .twtr-ft {
    display: none;
}

#subColumnSocialWidgets dd#subColumnTwitter .twtr-bd {
    background-color: #717071;
}

#subColumnSocialWidgets dd#subColumnTwitter .twtr-doc {
    border-radius: 0!important;
}

#subColumnSocialWidgets dt#subColumnFacebookTitle {
    border: 1px solid #AAA;
    border-bottom-style: none;
}

#subColumnSocialWidgets dd#subColumnFacebook {
    min-height: 70px;
    /*padding: 14px 0;*/
    padding: 0;
    border: none!important;
}


/* Snap ======================================= */
#subColumnSnapContainer {
    margin-bottom: 26px;
}

#subColumnSnapContainer dt {
    line-height: 100%;
    margin-bottom: 2px;
    padding-bottom: 4px;
    border-bottom: solid 3px #231815;
}

#subColumnSnapContainer dd {
    width: 298px;
    border: solid 1px #231815;
    position: relative;
}

#subColumnSnapContainer dd a:first-child {
    display: block;

    width: 282px;
    margin: 3px;
    padding: 5px;
    /*color: #231815;*/
    /*text-decoration: underline;*/
}

#subColumnSnapContainer dd a span.image {
    float: left;
    width: 140px;
    height: 210px;
    overflow: hidden;
    margin-right: 12px;
    text-decoration: none;
}

#subColumnSnapContainer dd a span.text {
    float: left;
    width: 130px;
	word-wrap:break-word;!important
}

#subColumnSnapContainer dd a span.more {
    position: absolute;
    left: 156px;
    bottom: 6px;
    text-decoration: underline;
    width: 100px;
}

#subColumnSnapContainer dd a:hover {
    background: #CCCCCC;
}

/* Page Common ======================================= */
.pagelink{
    background: #efefef;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 0;
    font-size: 24px;
    line-height: 1;
    font-family: 'bebas_neueregular',Arial,sans-serif;
    margin: 0 0 20px;
}

.pagelink a{
	color: #666666;
}

.pagelink a:hover{
	color: #cc0000;
}

.pagelink li{
	display: inline;
	margin: 0 17px;
}

.double_box_wrap{
	margin: 0 -40px 0 0;
}

.double_box{
	width: 288px;
	float: left;
	margin: 0 40px 20px 0;
}

.double_box .topnews_category a{
	font-size: 20px;
	color: #CC0000;
}

.double_box .topnews_date{
    font-family: "Helvetica","Arial",sans-serif;
}

.double_box .topnews_title{
	height: 70px;
	font-size: 16px;
	font-weight: bold;
}



#topnews{
	margin: 0 -40px 0 0;
	background: url("../img/line.gif") -3px 0 repeat-y;
}

.topnews_box{
	width: 288px;
	float: left;
	margin: 0 40px 20px 0;
}

.topnews_image{
	height: 204px;
	overflow: hidden;
	margin-bottom: 5px;
}

.topnews_box h3{
	background: #000000;
    font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 28px;
    color: #FFFFFF;
    margin: 0 0 15px 0;
    padding: 5px 0 5px 5px;
}

.topnews_category a{
	font-size: 20px;
	color: #CC0000;
}

.topnews_date{
    font-family: "Helvetica","Arial",sans-serif;
}

.topnews_title{
	height: 70px;
	font-size: 16px;
	font-weight: bold;
}

.topnews_box .more{
	text-align: right;
}

.topnews_box .snapSocialButtons{
	margin-bottom: 20px;
}

.movie_category{
	font-family: 'bebas_neueregular',Arial,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0;
    padding: 5px 0;
}

.movie_list{
	margin-right: -20px;
	margin-bottom: 20px;
}

.movie_listbox{
	width: 140px;
	float: left;
	margin: 10px 20px 0 0;
	position: relative;
}

.movie_code div.image2{
	margin-bottom:6px;
}


.movie_image{
	width: 140px;
	height: 85px;
	overflow: hidden;
	background-color:#000000;
	margin-bottom:3px;
}

p.movie_title{
	font-size: 12px;
	height: 70px;
    font-family: "Helvetica","Arial",sans-serif;
}

p.movie_category{
	font-size: 14px;
	padding: 0;
}

.movie_listbox .topicLink{
	position: absolute;
    top: -30px;
    left: -25px;
}

p.program_name{
	font-size: 11px;
	line-height:1.3em;
	font-weight:600;
	height:18px;
	margin-bottom:5px;
    font-family: "Helvetica","Arial",sans-serif;
}
p.episode_name{
	font-size: 12px;
	line-height:1.3em;
	height: 50px;
    font-family: "Helvetica","Arial",sans-serif;
}


/* SocialStream ======================================= */
#subColumnSocialStreamContainer {
    border: 1px solid #dbdcdc;
    margin-bottom: 26px;
    overflow: hidden;
}

/* ------------------------------------------------------------------------
* for Mouse Action
* --------------------------------------------------------------------- */
#newsContainer dd > ul > li {
	padding: 10px 0;
	overflow: hidden;
	height: 60px;
}

activeItemBackground {
	height: 60px;
}

div.activeItemBackground.over * {
    color: #CC0000;
}

div.allOn {
    /*.activeItemBackgroundAllのエリアにホバーしたら全部反応*/
    cursor: pointer;
}

/* ------------------------------------------------------------------------
* for#calendar
* --------------------------------------------------------------------- */

div#calendar {
    padding: 10px 5px 0;
    border: 1px solid #dadbdb;
}

div#calendar table {
    border-collapse:separate;
    /*border-spacing:8px*/
    border-spacing:4px

}
div#calendar table caption#calendarhead {
    font-family: "Helvetica","Arial",sans-serif;

}
div#calendar table tr th,
div#calendar table tr td {
    text-align: center;
    vertical-align:middle;
    margin: 0;
    padding: 0;
    font-family: "Helvetica","Arial",sans-serif;
    line-height: 1.2em;
}
div#calendar table tr th {
    font-size: 8px;
    font-weight: normal;

}

div#calendar table tr td {
    width: 20px;
    height: 20px;
}
div#calendar table tr td a {
    display: block;
    background-color: #fff000;
}

div#calendar table tr th.sunday,
div#calendar table tr td span.holiday {
    color: #e50012;
}

div#calendar table tr th.saturday,
div#calendar table tr td span.saturday {
    color: #036eb6;
}

div#calendar .calendarhead span a:hover {
	color: #E60012;
}

div#calendar .calendarhead span.blank a {
    visibility: hidden;
}



/* ------------------------------------------------------------------------
* Scroll To Page Top Button
* --------------------------------------------------------------------- */
#toPageTop {
	display: none;
	position: fixed;
	right: 15px;
	bottom: 25px;
	z-index: 30;
	width: 53px;
	height: 52px;
	background: url("../img/toPageTop_off.png") no-repeat;
}


/* -------------2012.8.31 add------------- */
/*Load More Button & hidden division*/
p.loadmore img{	cursor:pointer;}
div.hide{	display:none;}
.alCenter{ text-align:center;}


/*Rollover Become dark*/
.darkOver ul li a{
	/*background-color:#000000;*/
	display:block;
}
.darkOver ul li a:hover{
	background-color:#000000;
}
.darkOver ul li a:hover img{
	opacity: 0.40;
	-moz-opacity: 0.4;
	-ms-filter: "alpha(opacity=40)";
	filter: alpha(opacity=40);
}



/* ------------------------------------------------------------------------
* gotoSmartPhone
* --------------------------------------------------------------------- */
div#toSP {
    background: #000000;
    border: medium none;
    padding: 0;
    width: 100%;
    height:200px;
	display:table-cell;
	vertical-align:middle;
    min-width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
}

div#toSP a {
    border: medium none;
    color: #FFFFFF;
    display: block;
    font-size: 60px;
    font-weight: bold;
    margin: 0;
    padding: 30px 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 3px 3px 5px #333333;
    width: 100%;
}
/* iframeのサイズ修正 */
.video-container {
	 position: relative;
	 padding-bottom: 56.25%;
	 margin-bottom:1.2em;
	 height: 0;
	 overflow: hidden;
	 max-width: 100%;
	 height: auto;
}
.video-container iframe {
	position: absolute;
	top: 0;
	eft: 0;
	width: 100%;
	height: 100%;
}