@charset "utf-8";
/*----------------------------------------------

	ニコニコ動画
	http://www.nicovideo.jp/

----------------------------------------------*/

/* #Basic Styles
================================================== */
body{
	color: #FFF;
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

*{
	zoom:1;
}

a:link    { color: #00468C;}
a:visited { color: #00468C;}
a:hover,
a:focus,
a:active  { color: #00468C; text-decoration:none; }


#contents:after,
.outlineTop:after,
.timeShiftArea:after,
.profile-area:after,
.clearfix:after {
	display    : block;
	clear      : both;
	content    : "";
}

#mainVisual .band a:hover img,
#contents .contentsRight .bannerArea a:hover img,
#contents .contentsRight .twitterArea .btn a:hover img {
 	filter  : alpha(opacity=60);
	opacity : 0.6;
}

.wrapper{
	background:url(../../img/pc/bg_main.png) 50% -20px no-repeat #290A47;
}
.m0{
    margin: 0 !important;
}

/*----------------------------------------------

	index.html

----------------------------------------------*/

/************************************************
siteHeader
************************************************/
#siteHeader {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #272727;
  z-index: 9999;
  top: 0;
  left: 0;
  position: fixed;
  font-size: 12px;
  font-family: 'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  text-align: left;
  vertical-align: baseline;
}
#siteHeader #siteHeaderInner {
  width: 960px;
  height: 30px;
  margin: 0 auto;
  display: block;
  overflow: hidden;
  position: relative;
}
#siteHeader #navi {
  height: 30px;
  position: absolute;
  left: 0;
  display: block;
}
#siteHeader #navi li {
  height: 30px;
  float: left;
}
#siteHeader #navi li a {
  padding: 7px 10px 0;
  display: block;
  height: 23px;
  color: #FFF;
  background: url(../../img/pc/site_head_divider.gif) left center no-repeat;
  text-decoration: none;
  line-height: 1.5;
}
#siteHeader #navi li:nth-child(1) a {
  background: none;
}
#siteHeader #navi li:hover a {
  background: #474747;
  text-decoration: none;
}
#siteHeader #sns {
  position: absolute;
  top: 6px;
  right: 0;
  display: block;
  height: 30px;
}
#siteHeader #sns li {
  width: 110px !important;
  float: left;
}

/*
	toPageTop
----------------------------------------------*/
#toPageTop{ width:960px; height:46px; margin:0 auto 20px auto; background:url(../../img/pc/totop.png) center bottom no-repeat; position:relative;}
#toPageTop a{position:absolute; right:5px; bottom:2px; display:block; width:96px; cursor:pointer;}



/************************************************
#mainVisual
************************************************/
#mainVisual{
	padding:30px 0 0 0;
}

#mainVisual h1{
	width:100%;
	height:717px;
	margin:0 auto 20px auto;
	background:url(../../img/pc/img_main_visual.png) 50% 100% no-repeat;
}

#mainVisual .band{
	width:100%;
	height:150px;
	margin:-140px auto 0 auto;
	/*padding:20px 0 0 0;*/
	text-align:center;
	background:url(../../img/pc/bg-band.png) 50% 0 no-repeat;
}



/************************************************
#contents
************************************************/
.bottomBackground{
	background:
	url(../../img/pc/bg-bottom_black.png) 50% 100% repeat-x;
}

#contents{
	width:970px;
	margin:0 auto;
	padding:40px 0 0 0;
}

#contents .contentsLeft{
	width:700px;
	float:left;
}

#contents .contentsRight{
	float:right;
}


/* frame */
#contents .contentsLeft .frame{
	width:670px;
	margin:0 0 50px 0;
	padding:0 15px 15px 15px;
	float:left;
	background:url(../../img/pc/bg-content.png) no-repeat;
	background-size: cover;
}

#contents .contentsLeft .frame h3{
    margin: -20px 0 20px 0;
	text-align: center;
}

#contents .contentsLeft .frame .outlineTop{
	margin:0 0 10px 0;
}
#contents .contentsLeft .frame h4{
    margin: 0 0 10px 0;
    font-size: 137.5%;
    font-weight: bold;
    line-height: 130%;
    color: #00103F;
}
#contents .contentsLeft .frame .outlineTop h4 span{
    font-size: 87.5%;
}
#contents .contentsLeft .frame .left_sentence{
	width:360px;
	float:left;
}

#contents .contentsLeft .frame .left_sentence p{
	margin:0 0 20px 0;
	font-size:87.5%;
	line-height:130%;
	letter-spacing:1px;
	color:#000;
}
#contents .contentsLeft .frame .sentence{
    margin:0 0 20px 0;
    font-size:87.5%;
    line-height:130%;
    letter-spacing:1px;
    color:#000;
}

#contents .contentsLeft .frame .right_pv{
    width: 295px;
	float:right;
}

#contents .contentsLeft .frame .right_pv h3{
	height:34px;
}

#contents .contentsLeft .frame .outlineTable{
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}

#contents .contentsLeft .frame .outlineTable th{
	width:100px;
	padding:10px 0;
	text-align:center;
	vertical-align:middle;
	font-size:87.5%;
	letter-spacing:1px;
	color:#FFF;
	background-color:#001040;
}

#contents .contentsLeft .frame .outlineTable td{
	padding:10px;
	font-size:87.5%;
	line-height:130%;
	letter-spacing:1px;
	color:#000;
	background-color:#E8E8E8;
}


/* profile */
.profile-area{
    margin: 0 0 20px 0;
}
#contents .contentsLeft .frame .leftImg {
    float: left;
}
#contents .contentsLeft .frame .middle-sentence {
    width: 525px;
    float: right;
}
#contents .contentsLeft .frame .middle-sentence p {
    margin: 0 0 20px 0;
    font-size: 87.5%;
    line-height: 130%;
    letter-spacing: 1px;
    color: #000;
}
#contents .contentsLeft .frame .rightPv {
    float: right;
}


/* twitterArea */
#contents .contentsRight p{
    margin:-2px 0 0 0;
}
#contents .contentsRight .twitterArea{
	margin:30px 0;
	width:225px;
	padding:10px;
	background-color:#7874A6;
}

#contents .contentsRight .twitterArea .timeline{
	margin:0 0 15px 0;
}

#contents .contentsRight iframe{
    height: 646px;
}

/* denou3rd */
#contents .contentsLeft .denou3rd{
width: 670px;
margin: 0 0 50px 0;
padding: 0 15px 15px 15px;
float: left;
background: url(../../img/pc/bg-content.png) no-repeat;
background-size: cover;
}

#contents .contentsLeft .denou3rd h3{
    margin: -20px 0 20px 0;
  text-align: center;
}

#contents .contentsLeft .denou3rd .timeShiftArea{
  width:100%;
  margin:0 auto;
  text-align:center;
}

#contents .contentsLeft .denou3rd .left{
  width:325px;
  display:inline-block;
}

#contents .contentsLeft .denou3rd .left .sentence{
  margin:0 0 5px 0;
  font-size:87.5%;
  line-height:130%;
  letter-spacing:1px;
  color:#000;
}

#contents .contentsLeft .denou3rd .left .timeShift{
  margin:0 0 0 0;
  font-size:87.5%;
  line-height:130%;
  letter-spacing:1px;
  color:#000;
}

/************************************************
footer
************************************************/
#siteFooter {
  margin: 0 auto;
  padding: 20px 0;
  background: #000;
  width: 960px;
  font-size: 12px;
  color: #4d4d4d;
  display: block;
}
#siteFooter a {
  color: #fff;
  text-decoration: none;
}
#siteFooter a:hover {
  text-decoration: underline;
}
#siteFooter #copyright {
  float: right;
  color: #fff;
}