@charset "utf-8";

/*基本設定
---------------------------------------*/
div,p,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,blockquote {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	letter-spacing: 0px;
}
html { background:#182b2e;}
body {
	margin: 0 auto;
	padding: 0;
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height:1.5;
	letter-spacing:0.5em;
	text-align:center;
	color: #fff;
	text-align: center;/* IE用 ブロックセンタリング */
}
* html body { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
*+html body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a { outline:none; overflow:hidden; color:#fff;}
a:hover { text-decoration:none;}
a:hover .btO {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*装飾クラス
---------------------------------------*/
.hidden { display:none; }
/* "float" クリア */
.cfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.cfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .cfix { height: 1%; }
*+html .cfix { height: 1%; }
.cfix { display: block; }
/* End hide from IE-mac */

.bold{ font-weight:bold;}
.red_b{ color:#f00; font-weight:bold;}
.or { color:#C93;}
.wh { color:#FFF;}

.txt11 {font-size:85%;} /* for setting 11px */
.txt12 {font-size:93%;} /* for setting 12px */
.txt13 {font-size:100%;} /* for setting 13px */
.txt14 {font-size:108%;} /* for setting 14px */
.txt16 {font-size:124%;} /* for setting 16px */
.txt20 {font-size:176%;} /* for setting 20px */

/*navi　niconicoページナビ
--------------------------------------------*/
#navi {
	width:100%;
	height:30px;
	background:#272727;
	font-size:13px;
}
#naviInner {
	margin:0 auto;
	width:960px;
	height:28px;
	line-height:28px;
	color:#999;
	text-align:left;
	position:relative
}

#naviInner a, #naviInner span {
	margin-right:3px;
}

#naviInner a {
	color:#eee;
	text-decoration:underline;
}
#naviInner a:hover {
	color:#fff;
	text-decoration:none;
}
#naviInner .active {
	font-weight:bold;
}

/*socialbookmark
---------------------------------------*/
.socialBox {
	width: 350px;
	position:absolute;
	right:0px;
	top:5px;
}
.socialBox ul li {
	float: left;
	list-style:none;
}
.tw {
	width: 100px;
	margin-right: 3px;
	overflow: hidden;
}
.fb {
	width: 116px;
	margin-right: 3px;
}
.plus {
	margin-right: 0;
}

/*index
------------------------------------------------------------------ */
#wrapper { margin:0 auto; width:960px;}
#kv {
	background:url(../img/main.jpg) 0 0 no-repeat;
	width:960px;
	height:338px;
}
span.cmIcon {
	display:block;
	position: absolute;
	width:290px;
	height:84px;
}
h1 { overflow:hidden; text-indent:-9999px;}
#content {
	background:#000 url(../img/bg.png) 0 0;
	margin:0 auto 10px;
	width:928px;
	height:auto;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
	padding:20px 16px;
}

/*news　最新ニュース
------------------------------------------------------------------ */
#news {
	width:300px;
	height:130px;
	background:#000;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 5px;
	opacity:0.8;
	filter: alpha(opacity=80);
	padding:10px 10px 16px;
	margin-top:98px;
	margin-left:600px;
	margin-bottom:14px;
	text-align:left;
	overflow: hidden;
}
#news p {
	background:url(../img/title_news.png) 0 0 no-repeat;
	height:18px;
	padding:0 4px 4px;
	text-align:right;
}
#news ul {
	list-style:none;
	border:#666 solid 1px;
	border-style:solid none;
}
#news p a,
#news ul li.fast,
#news ul li.fast a,
#news ul li.fast a:hover,
#interview .box table#topTable td.name.win { color:#FF9;}
#news p a { padding-left:132px;}
#news ul li a {text-decoration:none;}

/*gnav　グローバルナビ
--------------------------------------------*/
.gnav {
	width:960px;
	height:44px;
	background:#000;
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	padding:3px 0;
	z-index:999;
}
.gnav ul { list-style:none; width:936px; margin:0 auto;}
.gnav li { width:132px; float:left; border-left:#999 solid 1px;}
.gnav li#kansenki {border-right:#999 solid 1px;}
.gnav li a {
	height:30px;
	display:block;
	text-indent:-9999px;
	background-repeat:no-repeat;
	margin:7px auto;
}
.gnav li:hover { background:#373737;}

/* btn normal */
#top a {
	width:53px;
	background:url(../img/gnavi.png) 0px 0px;
}
#prologue a {
	width:106px;
	background:url(../img/gnavi.png) -53px 0px;
}
#guide a {
	width:88px;
	background:url(../img/gnavi.png) -159px 0px;
}
#taisen a {
	width:106px;
	background:url(../img/gnavi.png) -247px 0px;
}
#event a {
	width:120px;
	background:url(../img/gnavi.png) -352px 0px;
}
#result a {
	width:90px;
	background:url(../img/gnavi.png) -473px 0px;
}
#kansenki a {
	width:70px;
	background:url(../img/gnavi.png) -567px 0px;
}

/* btn hover */
#top a:hover,#top a.current {
	background:url(../img/gnavi.png) 0px -30px;
}
#prologue a:hover,#prologue a.current {
	background:url(../img/gnavi.png) -53px -30px;
}
#guide a:hover,#guide a.current {
	background:url(../img/gnavi.png) -159px -30px;
}
#taisen a:hover,#taisen a.current {
	background:url(../img/gnavi.png) -247px -30px;
}
#event a:hover,#event a.current {
	background:url(../img/gnavi.png) -352px -30px;
}
#result a:hover,#result a.current {
	background:url(../img/gnavi.png) -473px -30px;
}
#kansenki a:hover,#kansenki a.current {
	background:url(../img/gnavi.png) -567px -30px;
}

.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

/*content　コンテンツ全体
------------------------------------------------------------------ */
.title { background:url(../img/title_line.png) 0 0 repeat-x; text-align:left; margin-bottom:20px;}
#lv,#newLive,#interview,
#prologueContent,
#guideContent,
#taisenContent,
#eventContent,
#resultContent { margin:40px auto;}
.box {
	background:#1a1a1a;
	border: 1px solid rgba(255,255,255,0.3);
	border-radius: 5px;
	padding:10px;
	margin-bottom:16px;
	clear: both;
}

/*top　トップ
------------------------------------------------------------------ */
/*lv 告知PV---- */
#lv {}
#lv img { margin-bottom:16px;}
p.lv { border:#666 1px solid; width:600px; height:auto; margin:20px auto;}
#lv #syouhai { width:720px; font-size:24px; color:#FF9; margin:0 auto 20px;}
#lv #syouhai a,#lv #syouhai a:hover { color:#FFF;}
#lv #syouhai.box { height:150px;}
span.brCdr {
	display:block;
	position:absolute;
	width: 580px;
	height: 100px;
	margin:80px 160px 0;
	background:url(../img/top/br_cdr.png) 0 0 no-repeat;
}

/*newLive 次の対局生放送枠---- */
#newLive { background: url(../img/top/title_newlive_bg.png) center 0 no-repeat; padding:8px 0; position:relative;}
#newLive div.lvTimeshift {
	width:650px;
	height:auto;
	background:#1a1a1a;
	border: 1px solid rgba(255,255,255,0.3);
	padding:18px 26px 8px;
	margin:4px auto 0;
}
#newLive div iframe { float:left;}
#newLive div div.pv { width:300px; float:right;}
#newLive div div.pv a img{ margin:0 0 8px 0;}

#newLive div.lvTimeshift .kaisetu { margin:20px auto 10px; clear:both;}
#newLive div.lvTimeshift .kaisetu span.kaisetuTitle {
	position: absolute;
	width:187px;
	height:43px;
	top: 280px;
	left: 100px;
	background:url(../img/top/title_kaisetu.png) 0 0 no-repeat;
}
#newLive div.lvTimeshift .kaisetu ul {
	padding-top: 50px;
	margin: 0 0 10px;
	text-align:left;
	list-style:none;
}
li.space { margin-top:8px;}

/*interview---- */
#interview .box { width:560px; float:left; margin:0 12px; clear:right;}
#interview .box table,
#news ul li,
#interview .box.prs ul li { border-bottom:dotted 1px #808080; padding:6px 0;}

#interview .box table#topTable { width:550px; height:auto; margin:0 auto 10px; text-align:left;}
#interview .box table#topTable tr { margin:5px auto; height:60px;}
#interview .box table#topTable th { width:46px;}
#interview .box table#topTable td.name { width:auto;}
#interview .box table#topTable td.bt { width:164px; height:auto;}
#interview .box table#topTable td.bt2 { width:59px; height:auto;}
#interview .box ,
#interview .box.prs { padding-top:56px;}

#interview .box.prs { width:270px; text-align:left; float:right;}
#interview .box.prs ul {max-height:413px; overflow:auto;}
#interview .box.prs ul li { padding:4px; list-style:none;}
#interview .box.prs span { color:#CCC;}
span.titleResult2 {
	display:block;
	position: absolute;
	width: 612px;
	height: 52px;
	background:url(../img/top/title_result2.png) left 10px no-repeat;
}
span.titlePrs {
	display:block;
	position: absolute;
	width: 277px;
	height: 52px;
	padding:0 0 0 619px;
	background:url(../img/top/title_prs.png) right 10px no-repeat;
}


/*prologue　電王戦とは
------------------------------------------------------------------ */
#prologueContent {text-align:left;}
#prologueContent .text { width:550px; margin-right:30px; float:left;}
.Table { width:810px; margin:20px auto;}
#prologueTable {
	background:#1a1a1a;
	color:#333;
	margin:10px auto;
}
#prologueTable th {background:#666; color:#FFF; text-align:center;}
#prologueTable th,#prologueTable td { padding:8px 16px;}
#prologueTable tr.gry1 {background:#ebf3ff;}
#prologueTable tr.gry2 {background:#f2f8ff;}
#prologueTable tr td a {
	display: block;
	width:114px;
	height:30px;
	background:url(../img/prologue/bt_viewer.png) 0 0 no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#prologueTable tr td a:hover {
	background:url(../img/prologue/bt_viewer.png) 0 -30px no-repeat;
}
#prologueContent .text img.rule { width:260px; height:68px; margin:20px auto; display:block;}

/*guide　視聴方法
------------------------------------------------------------------ */
.subTitle { margin-top:20px;}
#guideContent .box { margin-top:20px;}
#guideContent .box div { width:auto; float:left; color:#FF9;}
#guideContent .box p.iconNext {
	width:36px;
	height:36px;
	background:url(../img/icon.png) 0 -38px no-repeat;
	margin:80px 18px 0 6px;
	float:left;
}
#guideContent .box div#no1{ width:356px;}
#guideContent .box div#no2{ width:490px;}
#guideContent .box div p {
	width:auto;
	padding-left:30px;
	margin:0 auto 10px;
	text-align:left;
	float:left;
}
#guideContent .box div .no1 {
	background:url(../img/guide/icon_no1.png) 0 0 no-repeat;
}
#guideContent .box div .no2 {
	background:url(../img/guide/icon_no2.png) 0 0 no-repeat;
}
#guideContent a img { margin-bottom:8px;}
.timeshift { width:700px; text-align:left; margin:10px auto;}
.timeshift iframe { margin:12px;}

a#bt_newacunt,
a#bt_premiam { display:block; width:298px; height:70px; text-indent:-9999px; overflow:hidden; margin:20px auto 6px;}

a#bt_newacunt { background:url(../img/guide/bt_newacunt.png) 0 0 no-repeat;}
a#bt_newacunt:hover { background:url(../img/guide/bt_newacunt.png) 0 -70px no-repeat;}
a#bt_premiam { background:url(../img/guide/bt_premiam.png) 0 0 no-repeat;}
a#bt_premiam:hover { background:url(../img/guide/bt_premiam.png) 0 -70px no-repeat;}


/*taisen　対戦カード
------------------------------------------------------------------ */
#taisenContent { text-align:left;}
#box1,#box2,#box3,#box4,#box5 { margin-bottom:10px; padding:16px 16px 0 16px; clear:both;}

.btTaisen { width:190px; margin:0 0 0 4px; float:left; text-align:center;}
.btTaisen a .btTaisen img { margin:0 auto;}
.castBox {
	float:left;
	width:348px;
	height:auto;
	text-align:left;
	margin-bottom:20px;
}
#bt01,#bt02,
#bt03,#bt04,#bt05 {
	display:block;
	width:164px;
	height:141px;
	float:left;
	margin:0 18px 0 14px;
	text-indent:-9999px;
	overflow:hidden;
}
a#bt01 {background:url(../img/taisen/bt_taisen1.png) 0 0 no-repeat;}
a#bt02 {background:url(../img/taisen/bt_taisen2.png) 0 0 no-repeat;}
a#bt03 {background:url(../img/taisen/bt_taisen3.png) 0 0 no-repeat;}
a#bt04 {background:url(../img/taisen/bt_taisen4.png) 0 0 no-repeat;}
a#bt05 {background:url(../img/taisen/bt_taisen5.png) 0 0 no-repeat;}
#taisenContent a:hover,
#resultContent a:hover { background-position:0 -141px;}

.iconSen,.iconKou {
	width:151px;
	height:149px;
	padding:30px 0 0;
	margin:0 10px;
	text-align:center;
	font-size:15px;
	float:left;
}
.iconSen img,.iconKou img { width:147px;}
.iconSen { background:url(../img/taisen/rdcast_bg.png) 0 0 no-repeat;}
.iconKou { background:url(../img/taisen/blcast_bg.png) 0 0 no-repeat;}
.text { width:160px; padding-top:6px; float:left;}

/*event　関連イベント
------------------------------------------------------------------ */
#eventContent .box img,#eventContent .box p { float:left; text-align:left;}
#eventContent .box p { width:360px; padding:0 16px;}
#eventContent .box a img.gps { width:260px; height:68px; margin:30px 20px; display:block;}

/*対局結果
------------------------------------------------------------------ */
#resultContent div .castBox span.winIcon {
	display:block;
	position: absolute;
	width: 106px;
	height: 90px;
	padding:110px 0 0 100px;
	background:url(../img/result/icon_win.png) right bottom no-repeat;
}
#resultContent div .castBox span.loseIcon {
	display:block;
	position: absolute;
	width: 106px;
	height: 90px;
	padding:110px 0 0 100px;
	background:url(../img/result/icon_lose.png) right bottom no-repeat;
}
#resultContent div .castBox span.dIcon {
	display:block;
	position: absolute;
	width: 106px;
	height: 90px;
	padding:110px 0 0 100px;
	background:url(../img/result/icon_d.png) right bottom no-repeat;
}
.winBg {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-box-shadow: 0 0 3px 5px rgba(255,229,0,0.75);
	-moz-box-shadow: 0 0 3px 5px rgba(255,229,0,0.75);
	box-shadow: 0 0 3px 5px rgba(255,229,0,0.75);
}
.linedotted {
	margin:8px 0 0;
	padding-top:10px;
	border-top:dotted 1px #808080;
}
#resultContent .box a {
	width:120px;
	height:16px;
	padding-left:20px;
	background:url(../img/icon.png) 0 -21px no-repeat;
}

/*kansenki　観戦記
------------------------------------------------------------------ */
#kansenkiContent {text-align:left;}
#kansenkiContent h4 {
	color:#0CF;
	font-size:18px;
	font-weight:normal;
	clear:both;
}
#kansenkiContent .box img,
#kansenkiContent .box ul {float:left; list-style:none;}
#kansenkiContent .box ul {width:550px; padding:0 16px; margin-right:10px;}
#kansenkiContent .box div.bt {
	width:101px;
	height:auto;
	position: relative;
	bottom:-10px;
	float:right;
	margin-top:144px;
}

/*arrowTop　共通ナビ
------------------------------------------------------------------ */
.arrowTop a {
	width:110px;
	height:21px;
	background:url(../img/icon.png) 0 0 no-repeat;
	float:right;
	text-align:right;
}

/*footer　共通フッター
------------------------------------------------------------------ */
#footer {
	width:100%;
	height:75px;
	margin-top:10px;
	zoom: 1;
	background:#000;
	text-align:center;
}
#footer a {color:#FFF;}
.f_navi {line-height:36px;}
address {font-style:normal; color:#ccc;}