@charset "utf-8";
/* CSS Document */
#all_Content.totoContent {
	overflow: visible;
	margin: 0px;
	width: 1040px !important;
	font-size:14px;
}
	.totoContent .section01 {
		clear: both;
		min-height: 445px;
		padding: 45px 45px 5px 45px;
		background: url(images/bg_content.gif) bottom repeat-x;
	}
		.totoContent .section01 .left_col, .totoContent .section02 .left_col {
			float: left;
			width: 540px;
		}
		.totoContent .section01 .right_col, .totoContent .section02 .right_col {
			float: right;
			width: 380px;
		}
		.totoContent .section01 .left_col {
			position:relative;
			}
		.totoContent .section01 .left_col .newsBookmark {
			position:absolute;
			top:-40px;
			left:-60px;
			left:-70px;
			z-index:999;
			}
		.totoContent .section01 .left_col .bn_ads {
			margin-bottom:20px;
			}
		.totoContent .section01 .left_col .social {
			height:20px;
			text-align:right;
			}
		.totoContent .section01 .right_col .ranking {
			position:relative;
			height:440px;
			background:url(images/bg_ranking.png) no-repeat;
		}
		.totoContent .section01 .right_col .ranking .rankMark {
			color:#FFF;
			font-size:58px;
			font-weight: 600;
			position:absolute;
			top:48px;
			left:35px;
		}
		.totoContent .section01 .right_col .ranking .rankBadge {
			width:380px;
			text-align:center;
			position:absolute;
			top:165px;
			}
		.totoContent .section01 .right_col .ranking .rankUser {
			font-size:16px;
			position:absolute;
			left:18px;
			bottom:42px;
		}
		.totoContent .section01 .right_col .ranking .rankUser span {
			width:80px !important;
			display:inline-block;
			text-align:center;
			margin-right:6px;
			}
	.totoContent .section01 .left_col, .totoContent .section01 .right_col { display:inline-block;}
	.totoContent .section02 .left_col, .totoContent .section02 .right_col { display:inline-block;}

	.totoContent .section02 {
		clear: both;
		padding: 0px 45px 60px 45px;
		background: url(images/bg_content.gif) repeat;
	}
	.totoContent .section02 .titleMark {
		margin-top:-30px;
		margin-bottom:20px;
		}
	.totoContent .section02 .badgeContent {
		overflow: visible;
		background:#FFF;
		padding:20px;
		}
	.totoContent .section02 .badgeContent .king {
		width:565px;
		height:97px;
		margin-left:-32px;
		margin-bottom:5px;
		}
	.totoContent .section02 .badgeContent .bn_Rank img { margin-bottom:5px;}
	.totoContent .section02 .badgeContent .sarani {
		padding-left:85px;
		margin:20px 0px;
		background:url(images/icon_chirako.gif) no-repeat;
		}
	.totoContent .section02 .right_col .dvd_poster {
		position:relative;
		width:380px;
		height:650px;
		margin-top:15px;
		margin-bottom:40px;
		}
	.totoContent .section02 .right_col .dvd_poster .alert,
	.totoContent .section02 .right_col .dvd_poster .mark,
	.totoContent .section02 .right_col .dvd_poster .poster {
		position:absolute;
		width:380px;
		height:650px;
		}
	.totoContent .section02 .right_col .dvd_poster .alert {
		top:265px;
		height:auto;
		text-align:center;
		z-index:3;
		}
	.totoContent .section02 .right_col .dvd_poster .mark {
		background:#000;
		opacity:0.8;
		z-index:2
		}
	.totoContent .section02 .right_col .dvd_poster .poster {
		z-index:1;
		}
	.totoContent .section02 .right_col .infoDvd {
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		padding:25px 0px;
		text-align:center;
		font-size:14px;
		}
	.totoContent .stationGroup {
		padding:60px 76px 0px 76px;
		}
		.totoContent .stationGroup .stationMenu {
        width:888px;
        margin-bottom:60px;
        overflow: hidden;
			}
		/* -- station Menu -- */
		.stationMenu li {
  		width: 284px;
      margin-right: 18px;
      margin-bottom: 10px;
  		float: left;
      display: block;
		}

      .stationMenu li:nth-child(3n) {
        margin-right: 0;
      }

      .stationMenu li a {
        display: block;
        width: 284px;
        height: 55px;
        text-indent: -9999px;
      }

			.stationMenu li:nth-child(1) a {
				background:url(images/img_news01.gif) no-repeat;
			}

      .stationMenu li:nth-child(2) a {
        background:url(images/img_news02.gif) no-repeat;
      }

      .stationMenu li:nth-child(3) a {
        background:url(images/img_news03.gif) no-repeat;
      }

      .stationMenu li:nth-child(4) a {
        background:url(images/img_news04.gif) no-repeat;
      }

      .stationMenu li:nth-child(5) a {
        background:url(images/img_news05.gif) no-repeat;
      }

      .stationMenu li:nth-child(6) a {
        background:url(images/img_news06.gif) no-repeat;
      }

      .stationMenu li:nth-child(7) a {
        background:url(images/img_news07.gif) no-repeat;
      }

      .stationMenu li:nth-child(8) a {
        background:url(images/img_news08.gif) no-repeat;
      }

      .stationMenu li:nth-child(9) a {
        background:url(images/img_news09.gif) no-repeat;
      }

      .stationMenu li:nth-child(10) a {
        background:url(images/img_news10.gif) no-repeat;
      }

      .stationMenu li:nth-child(11) a {
        background:url(images/img_news11.gif) no-repeat;
      }

      .stationMenu li:nth-child(12) a {
        background:url(images/img_news12.gif) no-repeat;
      }

      .stationMenu li:nth-child(13) a {
        background:url(images/img_news13.gif) no-repeat;
      }

      .stationMenu li:nth-child(14) a {
        background:url(images/img_news14.gif) no-repeat;
      }

      .stationMenu li a {
        background-position: 0 0;
      }

			.stationMenu li a:hover,
			.stationMenu li a.active,
      .stationMenu li a:focus {
				background-position: 0 -55px;
			}
		/* -- station Menu END -- */

		.totoContent .stationGroup .title_series {
			text-align:center;
			margin-bottom:15px;
			}
		.totoContent .stationGroup .stationSeries {
			width:888px;
			margin:0px auto;
			margin-bottom:35px;
			}
			.stationGroup .titleSeries {
				width:888px;
				height:36px;
				text-align:center;
				margin-bottom:20px;
				background:url(images/bg_line.gif) repeat-x;
				}
			.stationSeries li {
			width:155px;
			min-height:272px;
			float:left;
			display:inline-block;
			margin-right:28px;
			margin-bottom:25px;
			text-align:center;
			}
			.stationSeries .btn_hover ul li {
				min-height: 15px!important;
			}
			.stationSeries li:nth-child(5n) {
				margin-right:0px;
				}
			.stationSeries li .thumbnail {
				width:155px;
				height:220px;
				margin-bottom:10px;
				}
			.stationSeries li .titleDVD {
				width:155px;
				font-size:12px;
				overflow:hidden;
				white-space:nowrap;
				text-overflow: ellipsis;
				}
			.stationSeries li .bt_order a:hover {
				opacity:0.5;
				}
		.link_to_top {
			text-align:right;
			margin:90px auto;
			}
#all_Content.totoContent p {
	margin:5px 0px 10px 0px;
	line-height:160%;
	}
.clr { clear:both;}
#all_Content.totoContent .aRight { text-align:right;}
#all_Content.totoContent .note { font-size:11px;}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
.hide { display: none; }

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}


.imgover {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.imgover:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}