@charset "utf-8";

/*---------以下、サイト共通ルール---------*/

body{
	background:#000 url(../../img/pc/bg.jpg) repeat-y center top;
	color:#FFF;
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:180%;
}
a{ color:#5AAC41; text-decoration:none;}
a:hover{ color:#548545;text-decoration:underline;}

a.linkArrow{ padding-left:18px; background:url(../../pc/link_arrow.png) left 2px no-repeat;}

/*---------以下、全ページ共通スタイル---------*/
#navWrap{position:relative; width:100%; border-bottom:2px solid #548545;}
#navWrapInner{ height:70px; width:960px; position:relative; margin:30px auto 0;}
#navWrap li{ float:left;}
#nav{ position:absolute; top:36px; left:120px; height:34px;}
#nav li{ width:168px; height:34px;}
#nav li a,#nav li span{ text-indent:-9999px; display:block; width:168px; height:34px;}
#nav li#nav1 a{background: url(../../img/pc/nav1.png) no-repeat;}
#nav li#nav2 a{background: url(../../img/pc/nav2.png) no-repeat;}
#nav li#nav3 a{background: url(../../img/pc/nav3.png) no-repeat;}
#nav li#nav4 a{background: url(../../img/pc/nav4.png) no-repeat;}
#nav li#nav5 a{background: url(../../img/pc/nav5.png) no-repeat;}
#nav li#nav6 a{background: url(../../img/pc/nav6.png) no-repeat;}
#nav li#nav7 a{background: url(../../img/pc/nav7.png) no-repeat;}
#nav li#nav1 a:hover{background: url(../../img/pc/nav_over1.png) no-repeat;}
#nav li#nav2 a:hover{background: url(../../img/pc/nav_over2.png) no-repeat;}
#nav li#nav3 a:hover{background: url(../../img/pc/nav_over3.png) no-repeat;}
#nav li#nav4 a:hover{background: url(../../img/pc/nav_over4.png) no-repeat;}
#nav li#nav5 a:hover{background: url(../../img/pc/nav_over5.png) no-repeat;}
#nav li#nav6 a:hover{background: url(../../img/pc/nav_over6.png) no-repeat;}
#nav li#nav7 a:hover{background: url(../../img/pc/nav_over7.png) no-repeat;}
#nav li#nav1.active span{background: url(../../img/pc/nav_over1.png) no-repeat;}
#nav li#nav2.active span{background: url(../../img/pc/nav_over2.png) no-repeat;}
#nav li#nav3.active span{background: url(../../img/pc/nav_over3.png) no-repeat;}
#nav li#nav4.active span{background: url(../../img/pc/nav_over4.png) no-repeat;}
#nav li#nav5.active span{background: url(../../img/pc/nav_over5.png) no-repeat;}
#nav li#nav6.active span{background: url(../../img/pc/nav_over6.png) no-repeat;}
#nav li#nav7.active span{background: url(../../img/pc/nav_over7.png) no-repeat;}
#nav li#nav2.coming span{background: url(../../img/pc/nav_coming2.png) no-repeat;}
#nav li#nav3.coming span{background: url(../../img/pc/nav_coming3.png) no-repeat;}
#nav li#nav4.coming span{background: url(../../img/pc/nav_coming4.png) no-repeat;}
#nav li#nav5.coming span{background: url(../../img/pc/nav_coming5.png) no-repeat;}
#nav li#nav6.coming span{background: url(../../img/pc/nav_coming6.png) no-repeat;}
#nav li#nav7.coming span{background: url(../../img/pc/nav_coming7.png) no-repeat;}

#container{ width:980px; margin:0 auto;}


.mainBlock{ width:980px; background:url(../../img/pc/box1.png) center bottom no-repeat; margin-bottom:7px; padding-bottom:30px; position:relative;}
.mainBlockT{ width:980px; height:23px; background:url(../../img/pc/box_top.png) no-repeat;}

#footer{width:100%; margin-top:30px; background:url(../../img/pc/footer.png) center top no-repeat;}

#toPageTop{ width:960px; height:50px; position:relative; margin:0 auto;}
#toPageTop a{position:absolute; right:0; top:8px; display:block; width:96px; cursor:pointer;}

#siteFooter{ padding-bottom:20px; color:#4d4d4d; width:960px; margin:0 auto;}
#siteFooter #copyright{ float:right; color:#FFF;}
#siteFooter a{color:#FFF;}

.movieBlock{
	position:relative;
}

.movieBlockL {
	margin:0 0 0 29px;
	width: 620px;
	min-height: 190px;
	position: relative;
	padding-top:15px;
}
.movieBlockL .image{
	float:left;
}
.movieBlockL dl {
	width:385px;
	float:left;
	margin:0 0 0 13px;
	display: block;
}
.movieBlockL dt {
	font-size: 16px;
	font-weight: bold;
	line-height:120%;
	margin-bottom:5px;
}
.movieBlockL dd p {
	font-size:14px;
	margin-bottom:5px;
}
.movieBlockR {
	position: absolute;
	left: 637px;
	top: 15px;
}
.movieBlockL .image {
	width: 192px;
	float: left;
}

#movieMain {text-align:center;}
#movieMain blockquote{ width:450px; border:1px solid #3a3a3a; margin-top:20px;}
#movieMain blockquote.floatM{ margin:0 auto;}
#movieMain blockquote.floatL{ margin-left:30px;}
#movieMain blockquote.floatR{ margin-right:30px;}


.mainBlockS{ width:660px; background:#1a1a1a url(../../img/pc/box_top_s.gif) no-repeat; margin-bottom:20px;}
.mainBlockSInner{ width:660px; background:url(../../img/pc/box_bottom_s.gif) no-repeat center bottom; padding:0 0 20px; position:relative;}

hr {
    margin: 5px 30px;
    background-color: rgb(133, 133, 133);
    border: medium none;
    color: rgb(133, 133, 133);
    height: 1px;
}

.txt11{ font-size:11px; line-height:110%;}
.mgt10{ margin-top:10px;}

/*---------以下、トップ専用スタイル---------*/
h1{ margin:5px 0 13px;}
#topNews {
	width: 980px;
	background: url(../../img/pc/news_bg2.png) center bottom no-repeat;
	position: relative;
	margin-bottom: 7px;
	padding-bottom: 20px;
}
#topNews ul {
	margin-left: 26px;
}
#topNews li {
	padding-left: 8px;
	padding-bottom: 3px;
	/*background: url(../../img/pc/news_arrow.png) left 6px no-repeat;*/
}
#topNewsAll {
	position: absolute;
	right: 19px;
	bottom: 16px;
}

#topRecommend{ padding-top:15px;}

#topRecommend .mainBlockL .image {
	width: 192px;
	float: left;
}
#topRecommend .mainBlockInner .info {
	width: 370px;
	float: right;
}
#topRecommend .mainBlockInner .mainBlockL .info h3 {
	margin: 0px;
	font-size: 18px;
}
#topRecommend .mainBlock h2 span {
	font-size: 14px;
}
#topRecommend .mainBlockL {
	margin-left:30px;
	float: left;
	width: 580px;
	position: relative;
}
#topRecommend .mainBlockR {
	margin-right:30px;
	width: 312px;
	float: right;
}

#topOutline{ padding-top:15px;}
#topOutline .mainBlockL {
	margin-left:30px;
	width: 510px;
	float: left;
}
#topOutline .mainBlockR {
	margin-right:30px;
}
#topOutline .mainBlockInner .mainBlockL p {
	margin: 0px;
}
#topOutline .mainBlockInner .mainBlockR {
	float: right;
}
#topRecommend .mainBlockL .image {
	width: 192px;
	float: left;
}
#topRecommend .mainBlockInner .info {
	width: 370px;
	float: right;
}
#topRecommend .mainBlockInner .mainBlockL .info h3 {
	margin: 0px;
	font-size: 18px;
}

#top1st{width:310px;}

#bannerArea{margin:20px auto; text-align:center;}
#bannerArea2{ width:960px; margin:40px auto;}
#bannerArea2 .mainBlockL {
	float: left;
}
#bannerArea2 .mainBlockR {
	float: right;
}


/*---------配下ページ共通---------*/
#navWrap{margin-bottom:2px;}
#contsH1{width:980px; height:284px; margin-top:5px; background: url(../../img/pc/h1_base.png) no-repeat; position:relative;}
#contsH1 h1{position:absolute; left:271px; top:210px; bottom:0;}


/*---------対戦ルール---------*/
#ruleMain{ margin-bottom:20px; padding-top:12px;}
#ruleMain table{ width:920px; margin:0 30px 10px; border-collapse:separate; border-spacing:2px;}
#ruleMain table th{padding:9px 9px 8px; color:#FFF; text-align:left; vertical-align:top; white-space:nowrap; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#bb3FA956,EndColorStr=#bb3FA956); background-color: rgba(63, 169, 86, 0.3); font-weight:bold;}
#ruleMain table td{padding:9px 9px 8px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000); background-color: rgba(0, 0, 0, 0.6);}


/*---------出場ソフト---------*/
#softMain{ width:1012px; margin:0 auto 20px;}
#softJun{ margin:0 auto; width:960px;}

#softNavi{ margin:25px auto; width:986px;}

#softMain li {
  float: left;
  width: 320px;
  list-style-type: none;
  margin:0 0 0 13px;
}
#softMain li a {
  display: block;
  height: 215px;
  text-align: center;
}
#softMain li a img { margin-top: 158px; }
#softMain li.ponanza a { background: url(../../img/pc/txt_soft_01.png) no-repeat; }
#softMain li.labyrinthus a { background: url(../../img/pc/txt_soft_02.png) no-repeat; }
#softMain li.awake a { background: url(../../img/pc/txt_soft_03.png) no-repeat; }
#softMain li.himawari a { background: url(../../img/pc/txt_soft_04.png) no-repeat; }
#softMain li.gasho a { background: url(../../img/pc/txt_soft_05.png) no-repeat; }
#softMain li.mechajoshi a { background: url(../../img/pc/txt_soft_06.png) no-repeat; }
#softMain li.sawanyan a { background: url(../../img/pc/txt_soft_07.png) no-repeat; }
#softMain li.selene a { background: url(../../img/pc/txt_soft_08.png) no-repeat; }
#softMain li.shibaurajr a { background: url(../../img/pc/txt_soft_09.png) no-repeat; }
#softMain li.scherzo a { background: url(../../img/pc/txt_soft_10.png) no-repeat; }
#softMain li.shueso a { background: url(../../img/pc/txt_soft_11.png) no-repeat; }
#softMain li.katsudon a { background: url(../../img/pc/txt_soft_12.png) no-repeat; }
#softMain li.apery a { background: url(../../img/pc/txt_soft_13.png) no-repeat; }
#softMain li.yaneuraou a { background: url(../../img/pc/txt_soft_14.png) no-repeat; }
#softMain li.etcshogi a { background: url(../../img/pc/txt_soft_15.png) no-repeat; }
#softMain li.kouchakaden a { background: url(../../img/pc/txt_soft_16.png) no-repeat; }
#softMain li.kifuwarabe a { background: url(../../img/pc/txt_soft_17.png) no-repeat; }
#softMain li.yayoi a { background: url(../../img/pc/txt_soft_18.png) no-repeat; }
#softMain li.n4s a { background: url(../../img/pc/txt_soft_19.png) no-repeat; }
#softMain li.pbnz a { background: url(../../img/pc/txt_soft_20.png) no-repeat; }
#softMain li.nozomi a { background: url(../../img/pc/txt_soft_21.png) no-repeat; }
#softMain li.usapyon a { background: url(../../img/pc/txt_soft_22.png) no-repeat; }
#softMain li.kinoashogi a { background: url(../../img/pc/txt_soft_23.png) no-repeat; }
#softMain li.calamity a { background: url(../../img/pc/txt_soft_24.png) no-repeat; }
#softMain li.kujirachan a { background: url(../../img/pc/txt_soft_25.png) no-repeat; }
#softMain li.gekisashi a { background: url(../../img/pc/txt_soft_26.png) no-repeat; }


/*---------動画/生放送---------*/
#howtoBlock{ width:920px; margin:0 auto; padding-top:10px; border-bottom:1px solid #858585; padding-bottom:15px;}
.step{ width:274px; float:left; border:1px solid #2D8640; background:#FFF; color:#000; min-height:230px;}
.step h3{ background:#2D8640; text-align:center; padding:3px 0;}
.step p{ padding:10px 13px; font-size:14px;}
.step .button ,.step .image{text-align:center;}
.stepTri{ text-align:center; float:left; padding:91px 9px 0 13px;}
#howtoBlock2{ width:920px; margin:0 auto; padding-top:15px;}
.howtoPremium{ float:left;}
.howtoPremium h3{ font-size:16px; font-weight:bold; padding-bottom:5px;}
.howtoPremium strong{ font-weight:bold;}
.howtoButton{ float:right;}

/*---------対戦結果---------*/
.resultTournament {text-align:center;}
.softProfileBlock { padding-top:10px;}
table.resultTable{ width:920px; margin:0 30px; border:1px solid #404040;}
table.resultTable th{border:1px solid #404040; padding:9px 1px 8px; text-align:center; vertical-align:middle; font-weight:bold; font-size:14px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000); background-color: rgba(0, 0, 0, 0.6);}
table.resultTable td{border:1px solid #404040; padding:6px 5px 5px; width:9%; text-align:center; vertical-align:middle; font-size:14px; filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000); background-color: rgba(0, 0, 0, 0.6); line-height:105%; font-weight:bold;}
table.resultTable td.win{ filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2d86403e,EndColorStr=#2d86403e); background-color: rgba(45, 134, 64, 0.3); font-size:12px; font-weight:normal;}
table.resultTable td.lose{ background-color:#1A1A1A; font-size:12px; font-weight:normal;}
table.resultTable td span{ font-size:10px;}
table.resultTable tr.resultTableTtl th,table.resultTable tr.resultTableTtl td{background:#2d8640;}
table.resultTable td.space{width:0.5% !important; font-size:1%; padding:0;}
.resultJun{ margin:10px 30px 0;}
