@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,
.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-lightning.png) 50% 10px no-repeat #112037;
}

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

	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:25px 0 0 0;
}

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

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



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

	/*IE8対策用*/
	-pie-background:
	url(../../img/pc/bg-bottom_black.png) 50% 100% repeat-x,
	url(../../img/pc/bg-bottom_pattern.png) 50% 0% no-repeat;
	behavior: url(PIE.htc);

	background-size:100% auto;
}

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

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

#contents .contentsRight{
	float:right;
}


/* outline */
#contents .contentsLeft .outline{
	width:670px;
	margin:0 0 40px 0;
	padding:40px 15px 15px 15px;
	float:left;
	background:url(../../img/pc/bg-content.png) no-repeat;
	position:relative;
}

#contents .contentsLeft .outline h2{
	position:absolute;
	top:-23px;
	left:68px;
}

#contents .contentsLeft .outline .outlineTop{
	margin:0 0 20px 0;
}

#contents .contentsLeft .outline .left_sentence{
	width:410px;
	float:left;
}

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

#contents .contentsLeft .outline .right_pv{
	float:right;
}

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

#contents .contentsLeft .outline .outlineTable{
	width:100%;
	border-collapse:collapse;
}

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

#contents .contentsLeft .outline .outlineTable td{
	padding:10px;
	font-size:87.5%;
	line-height:130%;
	letter-spacing:1px;
	color:#000;
	background-color:#E8E8E8;
	border-top:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
}


/* pv */
#contents .contentsLeft .pv{
	width:670px;
	margin:0 0 40px 0;
	padding:40px 15px 15px 15px;
	float:left;
	background:url(../../img/pc/bg-content.png) no-repeat;
	position:relative;
}

#contents .contentsLeft .pv h2{
	position:absolute;
	top:-23px;
	left:68px;
}

#contents .contentsLeft .pv .leftImg{
	margin:0 15px 0 0;
	float:left;
}

#contents .contentsLeft .pv .middleSentence{
	width:210px;
	float:left;
}

#contents .contentsLeft .pv .middleSentence .date{
	margin:0 0 8px 0;
	font-size:112.5%;
	font-weight:bold;
	line-height:120%;
	letter-spacing:1px;
	color:#000;
}

#contents .contentsLeft .pv .middleSentence .sentence{
	font-size:87.5%;
	line-height:130%;
	letter-spacing:1px;
	color:#000;
}

#contents .contentsLeft .pv .rightPv{
	float:right;
}


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

#contents .contentsLeft .denou3rd h2{
	position:absolute;
	top:-23px;
	left:68px;
}

#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;
}


/* twitterArea */
#contents .contentsRight .twitterArea{
	margin:0 0 30px 0;
	width:225px;
	padding:10px;
	background-color:#32577C;
}

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



/************************************************
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;
}