@charset "UTF-8";
/* CSS Document */

/* -- BASE -- */
html { color:#fff; height:100%; }
body { color:#fff; font-size:12px; line-height:1.5;
		height:100%; margin:0px auto; font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
		background:#333;
}

strong { font-weight: bold; }
li img { vertical-align: bottom; }

._2pra {
  height: 444px !important;
  max-width: 610px !important;
}

/* -- LINK -- */
a:link { color: #fff; text-decoration:none; }
a:visited { color: #fff; text-decoration:none; }
a:hover, a:active { color: #fff; text-decoration:underline; }
.Link { background:url(../images/common/LinkCursor.png) no-repeat left; padding:0 0 0 10px; }
.LinkYoutube { background:url(../images/common/LinkYoutube_off.png) no-repeat left 4px center; padding:0 0 0 20px; }
.LinkYoutube:hover { background:url(../images/common/LinkYoutube_on.png) no-repeat left 4px center; padding:0 0 0 20px; }



/* -- STRUCTURE -- */
#ContainerWrapper { margin: 0 auto; text-align:left; }
#Container {
    width: 960px;
    margin: 0 auto;
}

#Header {
    width: 960px;
	font-size:11px;
    margin: 0 auto;
	color:#ccc;
}
#Header a:link { color: #ccc; text-decoration:none; }
#Header a:visited { color: #ccc; text-decoration:none; }
#Header a:hover, a:active { color: #ccc; text-decoration:underline; }

#HeaderLeft {
	float:left;
	width:160px;
	height:23px;
	padding:7px 0 0 0;
}
#HeaderRight {
	float:right;
	width:800px;
	height:23px;
	padding:7px 0 0 0;
	text-align:right;
}

#HeaderLogoArea {
	clear:both;
	background:#fff;
}
#HeaderLogo {
	width:960px;
	height:50px;
	margin:0 auto;
	padding:23px 0 15px 0;
}
#HeaderLogoLeft {
	float:left;
	width:340px;
}
#HeaderLogoRight {
	float:right;
	width:310px;
	margin:13px 0 0 0;
	text-align:right;
}
#HeaderLogoRight li {
	float:left;
	margin:0 0 0 30px;
}

#HeaderLogoLeftDefault {
	float:left;
	width:340px;
}
#HeaderLogoRightDefault {
	float:right;
	width:470px;
	margin:13px 0 0 0;
	text-align:right;
}
#HeaderLogoRightDefault li {
	float:left;
	margin:0 0 0 30px;
}

#HeaderLogoRightDefaultBanner {
	/*float:right;
	width: 583px;
	margin:-16px 0 0 0;
  margin: -9px 0 0 0;
	text-align:right;*/
}


.SiteList {
	clear:both;
	display:block;
	text-align:right;
	font-size:9px;
	color:#999;
	padding:0 0 5px 0;
}
.SiteList a:link { color: #999; text-decoration:none; }
.SiteList a:visited { color: #999; text-decoration:none; }
.SiteList a:hover, a:active { color: #ccc; text-decoration:underline; }

#Contents {
    width: 960px;
    margin: 10px auto 0;
}


 #GrobalNavi li {
	 float:left;
	 width:237px;
	 margin:0 0 5px 0;
	 border:solid 1px #000;
	 text-align:center;
	 font-size:14px;
 }
 #GrobalNavi li a {
	 display:block;
	 padding:10px 0;
	 background:#666;
 }
 #GrobalNavi li a:hover {
	 background:#999;
	 cursor:pointer;
 }



.ContentsLeft {
	float:left;
	width:610px;
}
.ContentsRight {
	float:right;
	width:330px;
}
.ContentsRight .bn-ss img {
    float: left;
}
/*.ContentsRight span {
    float: left;
}*/
.ContentsRight a:hover img {
	opacity: 0.8;
}
.ContentsRight .bn-ss {
	display: block;
	height: 40px;
	width: 306px;
	padding: 5px 10px 5px 14px;
	background: #fff;
	border-bottom: 1px solid #ccc;
}
.ContentsRight .bn-ss:hover {
	opacity: 0.8;
}
.ContentsRight .bn-ss span {
	display: block;
	color: #555;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	padding: 6px 10px 0;
	vertical-align: top;
	width: 230px;
}

#ContentsContainer { margin: 0 auto; text-align:left; }


.ContentsLeft h2 {
	line-height:0;
}
#UstreamPlayer {
	width:610px;
	background:#fff;
	color:#000;
}
#UstreamPlayer h3 {
	display:block;
	padding:10px 0 10px 15px;
	font-size:20px;
}
#UstreamSocialStream {
	margin:23px 0 0 0;
}

#fb-root {
	margin:23px 0 0 0;
}
.fb-like-box {
	background:#fff;
}


#UstreamLink {
	clear:both;
	height:45px;
	margin:5px 0 0 0;
	font-size:10px;
	opacity: 1 !important;
}
#UstreamLink:hover {
	opacity: 1;
}
#SosialButton {
	padding:10px 0 0 0;
}
#SosialButton li {
	float:left;
	margin:0 4px 0 0;
}
.google_plusone {
	width:62px;
}

#UstreamInformation {
	clear:both;
	width:610px;
	/*min-height:500px;*/
	padding:0 0 20px 0;
	background:#fff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	color:#333;
}
#UstreamInformation h2 {
	margin:0 0 20px 10px;
}
#UstreamInformation .RecordedDate {
	display:block;
	margin:5px 25px 15px 0;
	text-align:right;
	font-size:10px;
	font-style:italic;
	color:#666;
}
#UstreamInformation h3 {
	margin:7px 25px 7px 25px;
	font-weight:bold;
	font-size:16px;
}
#UstreamInformation h4 {
	margin:7px 25px 7px 25px;
	padding:0 0 2px 0;
	font-weight:bold;
	font-size:13px;
	border-bottom:solid 1px #999;
}
#UstreamInformation p {
	margin:0 25px 20px 25px;
	line-height:2;
}
#UstreamInformation .SetlistTitle {
	font-size:14px;
}
#UstreamInformation .Setlist {
	padding:0 0 0 10px;
}
#UstreamInformation a:link { color: #333; text-decoration:none; }
#UstreamInformation a:visited { color: #333; text-decoration:none; }
#UstreamInformation a:hover, a:active { color: #333; text-decoration:underline; }

#UstreamArchive {
	width:610px;
	height:200px;
	margin:20px 0 20px 0;
	background:#fff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	color:#333;
}


#UstreamArchive #slider {
	clear:both;
	margin:20px 0 0 20px;
}

#UstreamArchive #slider p {
	display:block;
	width:150px;
	margin:0 20px 0 0;
	height:130px;
	float:left;
}

#UstreamArchive a:link { color: #333; text-decoration:none; }
#UstreamArchive a:visited { color: #333; text-decoration:none; }
#UstreamArchive a:hover, a:active { color: #333; text-decoration:underline; }

#UstreamArchive h2 {
	margin:0 0 0 10px;
}
#UstreamArchive ul {
	margin:15px 0 0 15px;
}
#UstreamArchive li {
	margin:0 0 0 15px;
	float:left;
}
#UstreamArchive span {
	width:150px;
	display:block;
	font-size:10px;
}


#CCTV {
	width:610px;
	height:190px;
	margin:20px 0 20px 0;
	background:#fff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	color:#333;
	font-size:12px;
}
#CCTV h2 {
	margin:0 0 0 10px;
}
#CCTV h3 {
	margin:17px 25px 7px 25px;
	font-weight:bold;
	font-size:14px;
}
#CCTV p {
	margin:0 25px 12px 25px;
	line-height:2;
}
#CCTV .ReadMore {
	text-align:right;
}
#CCTV a:link { color: #333; text-decoration:none; }
#CCTV a:visited { color: #333; text-decoration:none; }
#CCTV a:hover, a:active { color: #333; text-decoration:underline; }

#News {
	width:610px;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	background:#fff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	color:#333;
	font-size:11px;
	line-height:1.75;
}
#News h2 {
	margin:0 0 0 10px;
}
#News dl {
	margin:15px 0 0 25px;
}
#News dt {
	float:left;
	width:75px;
}
#News dd {
	float:left;
	width:475px;
}

.NewsNone { background:url(../images/common/NewsIcon.png) no-repeat left; padding:0 0 0 15px; }
.NewsEnt { background:url(../images/common/NewsIconEnt.png) no-repeat left; padding:0 0 0 15px; }
.NewsEdu { background:url(../images/common/NewsIconEdu.png) no-repeat left; padding:0 0 0 15px; }
.NewsBiz { background:url(../images/common/NewsIconBiz.png) no-repeat left; padding:0 0 0 15px; }

#News a:link { color: #333; text-decoration:none; }
#News a:visited { color: #333; text-decoration:none; }
#News a:hover, a:active { color: #333; text-decoration:underline; }



#GnaviArea {
	clear:both;
	border-top:solid 2px #999;
	border-bottom:solid 2px #999;
}
#GNavi {
	width:850px;
	height:40px;
	margin:0 auto;
	padding:15px 0 0 0;
}
#GNavi li {
	float:left;
	padding:0 0 0 100px;
}





#tabs {
	clear:both;
}
#tabs li {
	float:left;
	padding:0; margin:0;
}

#tabs-1, #tabs-2, #tabs-3 {
	clear:both;
	padding:10px 0 0 0;
}

#ChannnelSelectArea {
	height:120px;
	background:#fff;
	margin:25px 0 20px 0;
}

#ChannnelSelect {
	width:950px;
	margin:0 auto;
}
#ChannnelSelect ul {
	margin:20px 0 0 80px;
}
#ChannnelSelect li {
	float:left;
	width:280px;
}

#ChannnelArea {
	clear:both;
	margin:0 0 0 0;
}
.Channnel {
	width:930px;
	height:260px;
	margin:0 auto;
	padding:20px 0 0 20px;
	background:#fff;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
	color:#333;
}

#ChannnelArea .Channnel a:link { color: #333; text-decoration:none; }
#ChannnelArea .Channnel a:visited { color: #333; text-decoration:none; }
#ChannnelArea .Channnel a:hover, a:active { color: #333; text-decoration:underline; }


#ChannnelArea .Channnel ul {
	margin:30px 0 0 0;
}

#ChannnelArea .Channnel li {
	height:190px;
	margin:0 0 0 25px;
	float:left;
}
#ChannnelArea .Channnel span {
	width:192px;
	margin:5px 0 0 0;
	display:block;
	font-size:10px;
}

#ChannnelArea .Channnel #sliderBottom {
	clear:both;
	margin:0 0 0 20px;
}

#ChannnelArea .Channnel #sliderBottom li {
	width:890px;
	margin:0;
}
#ChannnelArea .Channnel #sliderBottom p {
	display:block;
	width:192px;
	margin:0 30px 0 0;
	height:130px;
	float:left;
}


#ChannnelArea .Channnel #sliderBottomEdu {
	clear:both;
	margin:0 0 0 20px;
}

#ChannnelArea .Channnel #sliderBottomEdu li {
	width:890px;
	margin:0;
}
#ChannnelArea .Channnel #sliderBottomEdu p {
	display:block;
	width:192px;
	margin:0 30px 0 0;
	height:130px;
	float:left;
}


#ChannnelArea .Channnel #sliderBottomBiz {
	clear:both;
	margin:0 0 0 20px;
}

#ChannnelArea .Channnel #sliderBottomBiz li {
	width:890px;
	margin:0;
}
#ChannnelArea .Channnel #sliderBottomBiz p {
	display:block;
	width:192px;
	margin:0 30px 0 0;
	height:130px;
	float:left;
}




.PageTop {
	clear:both;
	display:block;
	width:950px;
	text-align:right;
	font-size:11px;
	padding:20px 0 0 0;
	margin:0 auto;
}

#FooterArea {
	clear:both;
	margin:30px 0 0 0;
	padding:15px 0 15px 0;
	background:#e6e6e6;
	border-top:solid 2px #000;
}

#Footer {
	width:966px;
	margin:0 auto;
}




/* --- SubPage --*/

.ContentsAll h2 {
	line-height:0;
}

.ContentsBox {
	background:#fff;
	color:#000;
	padding:0 0 50px 0;
	margin:0 0 50px 0;
}
.ContentsAll .ContentsBoxLeft {
	width:520px;
	float:left;
	margin:0 60px 40px 0;
}
.ContentsAll .ContentsBoxRight {
	width:332px;
	float:left;
	margin:40px 0 0 0;
}
.ContentsAll .ContentsBoxLeft h3  {
	padding:70px 0 40px 40px;
}

.ContentsBoxLeft a:link { color: #333; text-decoration:none; }
.ContentsBoxLeft a:visited { color: #333; text-decoration:none; }
.ContentsBoxLeft a:hover, a:active { color: #333; text-decoration:underline; }

.ContentsAll .ContentsBoxLeft p {
	padding:0 0 12px 40px;
}
.ContentsAll .ContentsBoxRight p img {
	margin:0 0 40px 0;
}
.AboutCCTVcopy {
	margin:0 0 14px 0;
	font-size:14px;
	color:#333;
	line-height:1.5;
}
.ColorEnt {
	color:#e50012;
}
.ColorEdu {
	color:#008535;
}
.ColorBiz {
	color:#005eac;
}

.ContentsBoxInner {
	clear:both;
	border-top:solid 1px #ccc;
	margin:0 40px 0 40px;
}
.ContentsBoxInner .ContentsBoxLeft {
	width:480px;
	float:left;
	margin:0 50px 40px 0;
}
.ContentsBoxInner .ContentsBoxLeft p {
	padding:0 0 12px 0;
}
.ContentsBoxInner .ContentsBoxLeft h3 {
	padding:40px 0 40px 0;
}
.ContentsBoxInner .ContentsBoxRight {
	width:332px;
	float:left;
	margin:40px 0 0 0;
}

.ContentsBoxInner .ContentsBoxLeft h3 {
	font-size:18px;
}


.ContentsBoxThree01 {
	width:285px;
	float:left;
	margin:25px 25px 0 24px;
}
.ContentsBoxThree02 {
	width:285px;
	float:left;
	margin:25px 25px 0 0;
}
.ContentsBoxThree03 {
	width:285px;
	float:left;
	margin:25px 0 0 0;
}
.ContentsBoxThree01 a:link, .ContentsBoxThree02 a:link, .ContentsBoxThree03 a:link { color: #333; text-decoration:none; }
.ContentsBoxThree01 a:visited, .ContentsBoxThree02 a:visited, .ContentsBoxThree03 a:visited { color: #333; text-decoration:none; }
.ContentsBoxThree01 a:hover, .ContentsBoxThree01 a:active, .ContentsBoxThree02 a:hover, .ContentsBoxThree02 a:active, .ContentsBoxThree03 a:hover, .ContentsBoxThree03 a:active { color: #333; text-decoration:underline; }



.ContentsBoxThree01 h2, .ContentsBoxThree02 h2, .ContentsBoxThree03 h2 {
	margin:15px 0 50px 0;
}

.ContentsBoxThree01 li, .ContentsBoxThree02 li, .ContentsBoxThree03 li {
	margin:0 0 25px 0;
}

.ContentsBoxThree01 li img, .ContentsBoxThree02 li img, .ContentsBoxThree03 li img {
	clear:both;
	float:left;
	margin:0 10px 0 0;
}

.ContentsBoxThree01 li span, .ContentsBoxThree02 li span, .ContentsBoxThree03 li span {
	float:left;
	font-size:11px;
}
.ContentsBoxThree01 li a, .ContentsBoxThree02 li a, .ContentsBoxThree03 li a {
	display:block;
	width:285px;
	height:68px;
}
.ContentsBoxThree01 li:hover, .ContentsBoxThree02 li:hover, .ContentsBoxThree03 li:hover {
	width:285px;
	height:68px;
	background:#ccc;
}
.ContentsBoxThree01 .TagRecorded, .ContentsBoxThree02 .TagRecorded, .ContentsBoxThree03	 .TagRecorded {
	margin-top:-14px;
}




/* 20120126 add */
#EnjoyNavi {
	clear:both;
    width: 960px;
    margin: 0 auto;
	padding:30px 0 20px 0;
	text-align:center;
}
#EnjoyNavi ul {;
    margin: 0 auto 20pox;
}
#EnjoyNavi li {
	float:left;
	width:192px;
	text-align:center;
}
#EnjoyNavi .Message {
	clear:both;
	padding:20px 0 0 0;
}

#Enjoy a:link { color: #c51200; text-decoration:none; }
#Enjoy a:visited { color: #c51200; text-decoration:none; }
#Enjoy a:hover, a:active { color: #c51200; text-decoration:underline; }

#Enjoy a:link.Link { color: #333; text-decoration:none; }
#Enjoy a:visited.Link { color: #333; text-decoration:none; }
#Enjoy a:hover.Link, a:active.Link  { color: #c51200; text-decoration:underline; }


#Enjoy .EnjoyTitleHeadBlue {
	margin:10px 0 0 -5px;
	padding:32px 0 40px 100px;
	background:url('../images/enjoy/EnjoyBadgeBlue.png') no-repeat;
	font-size:20px;
	font-weight:bold;
}

#Enjoy .EnjoyTitleHeadGreen {
	clear:both;
	margin:10px 0 0 -5px;
	padding:32px 0 40px 100px;
	background:url('../images/enjoy/EnjoyBadgeGreen.png') no-repeat;
	font-size:20px;
	font-weight:bold;
}

#Enjoy .EnjoyTitleHeadOrange {
	clear:both;
	margin:10px 0 0 -5px;
	padding:32px 0 40px 100px;
	background:url('../images/enjoy/EnjoyBadgeOrange.png') no-repeat;
	font-size:20px;
	font-weight:bold;
}

#Enjoy .EnjoyTitleHeadPink {
	clear:both;
	margin:10px 0 0 -5px;
	padding:32px 0 40px 100px;
	background:url('../images/enjoy/EnjoyBadgePink.png') no-repeat;
	font-size:19px;
	font-weight:bold;
}

#Enjoy .EnjoyTitleHeadRed {
	clear:both;
	margin:10px 0 0 -5px;
	padding:32px 0 40px 100px;
	background:url('../images/enjoy/EnjoyBadgeRed.png') no-repeat;
	font-size:20px;
	font-weight:bold;
}

#Enjoy .ContentsBoxLeft p {
	margin:0 0 0 10px;
	font-size:13px;
	line-height:1.65;
}

#Enjoy .ContentsBoxLeft p strong {
	display:block;
	margin: 0 0 5px -5px;
}

#Enjoy .ContentsBoxInner .ContentsBoxRight {
	width:332px;
	float:left;
	margin:40px 0 10px 0;
}
#Enjoy.ContentsAll .ContentsBoxRight p img {
	margin:0 0 10px 0;
}

/* -- About - bizcroco
-------------------------------------------------------------------------------- */
.CompanyTitle   {
	padding:50px 0 20px 40px;
	font-size:20px;
}

table.company a {
	color:#333;
}
table.company {
	width:870px;
	background: #FFFFFF;
	border:solid 1px #ccc;
	margin:0 0 10px 41px;
}
table.company th,
table.company td {
	line-height: 1.3;
	padding: 10px 25px;
	border:solid 1px #ccc;
}
table.company th {
	background: #D9D9D9;
	width: 100px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
table.company th.spacer {
	letter-spacing: 1em;
}
table.company td ol,
table.company td p {
	font-size: 84%;
	margin-bottom: 20px;
}
table.company td li {
	text-indent: -2em;
	margin-left: 2em;
}
table.company td h4 {
	background: none;
	line-height: normal;
	margin: 10px 0 0;
	padding-bottom: 5px;
}
table.company td ol.line {
	padding-bottom: 20px;
	border-bottom: 1px dotted #BFBFBF;
}
table.company td p {
	font-size: 84%;
}


/* SetlistRight :*/
.SetlistRight {
	margin:5px 0 0 0;
	padding:15px 15px 15px 15px;
	background:#fff;
	color:#333;
	min-height:300px;
	font-size:12px;
}
.SetlistRight a {
	color:#333;
}
.SetlistRight h4 {
	margin:7px 0 7px 0;
	padding:0 0 2px 0;
	font-weight:bold;
	font-size:13px;
	border-bottom:solid 1px #999;
}
.SetlistRight p {
	margin:0 0 20px 0;
	line-height:2;
	font-size:11px;
}
.SetlistRight a:link { color: #333; text-decoration:none; display:block; }
.SetlistRight a:visited { color: #333; text-decoration:none; }
.SetlistRight a:hover, a:active { color: #333; text-decoration:none; }

.LinkYoutube { background:url(../images/common/LinkYoutube_off.png) no-repeat left center; padding:0 0 0 20px; }
.LinkYoutube:hover { background:url(../images/common/LinkYoutube_on.png) no-repeat left center; padding:0 0 0 20px; }


.SetlistRight .Setlist li {
	padding:5px 5px 5px 5px;
}
.SetlistRight .Setlist li:hover {
	padding:5px 5px 5px 5px;
	background:#ccc;
	color:#000;
}
.SetlistNumber {
	clear:both;
	float:left;
	display:block;
	width:22px;
}
/*** 小畠勝手に追加 **/
.SetlistNumberNolink {
	clear:both;
	float:left;
	display:block;
	width:22px;
	margin:0 0 0 20px;
}
/*** 小畠勝手に追加 ここまで**/
.SetlistTitle {
	width:280px;
	display:block;
	width:250px;
	margin:0 0 0 40px;
}
.Caption {
	display:block;
	margin:0 0 0 42px;
	font-size:10px;
	color:#666;
}

.LinkNo {
	padding:0 0 0 20px;
	}

/* jaueryCountdowon */
#CountDown { width:530px; margin:0 auto 15px; }
#CountDown span { display:block; margin:0 0 5px 0; font-size:20px; text-align:center; }
#CountDown  a { text-decoration:none; }
br { clear: both; }
.cntSeparator {
font-size: 54px;
margin: 0px 7px;
color: #fff;
}
#CountDown form { width:290px; margin:0 auto; }
#CountDown  input { border:0; background:#333; color:#fff; font-size:30px; height:40px; width:50px; text-align:right; }


.ContactBtn {
 text-align: right;
 }


.Banner {
	margin:23px 0 0 0;
	padding:0;
 }



 /* divの折りたたみ */
.open{
	clear:both;
	text-align:right;
     background: #ffffff;
     color: #3399dd;
     cursor: pointer;
     padding: 10px 20px 10px 0px;
     }
#slideBox{
     display:none;
     }