@charset "utf-8";
/*body {background:url(images/back-head-ind.gif) repeat-x 0 0;}*/


#wrapAll {
/*	background:url(images/img-index1407.jpg) no-repeat 50% 160px;
	background:url(images/img-index.jpg) no-repeat 50% 250px;*/
/*	background:url(images/back-head-ind3.gif) repeat-x 0 0, url(images/img-index1503.gif) no-repeat 50% 40px;*/
	padding-top:0px;
	background:url(images/back-head-ind3.gif) repeat-x 0 0, url(images/img-index.jpg) no-repeat 50% 140px;
}
#mainSection h3,
#mainSection h4,
#mainSection h5 {font-size:1em;line-height:0;padding:0;margin:0;border:none;}

#wrapMain {padding-top:20px;}
#mainSection {width:560px;border:none;}



/* header /2015.01.27 */
/**********************************************
#header {
	height:200px;
}
#header h1 {top:96px;}
#topnavi {top:90px;}*/


/* top banners */
/*********************/
#topbnr {
	width:770px;
	height:160px;
	margin-bottom:10px;
	background:url(images/back-blue.gif) repeat 0 0;
}
#topbnr ul {padding:10px 7px;}
#topbnr li {float:left;margin:0 6px;}



/****************************************************/
/* right side */
/**************************/
/* base */
#wrapRight {
	float:right;
	width:200px;
}

/* box black */
/**************************/
.boxBlack {
	padding-bottom:15px;
	background:url(images/back-black.gif) repeat 0 0;
}
.boxBlack h2 {margin-bottom:5px;}
.boxBlack p {color:#fff;}


/* social button */
/**************************/
#social {height:25px;text-align:center;padding:6px 5px 7px;}
#social li {float:left;padding:3px 2px;}


/* new game result */
/**************************/
#result p.txt,
#result p.txt2 {
	font-size:1.2em;
	line-height:1.6;
	text-align:center;
	padding:0 5px;
}
#result p.txt2 {
	font-weight:bold;
	margin-bottom:5px;
}

#result .txt strong {font-size:1.2em;}
#result .vsteam {}
#result .vs {
	font-size:5em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1;
	letter-spacing:0.6em;
	text-align:center;
	padding:0 0 1px 35px;
}
#result .point {
	font-size:1.3em;
	text-align:center;
	letter-spacing:0.3em;
	margin:0 10px 5px;
	padding:5px 0;
	border-top:1px dotted #888;
	border-bottom:1px dotted #888;
}

#result .point span {
	font-size:0.9em;
	letter-spacing:0.2em;
}

/* next game */
/**************************/
#nextgame dl {
	font-weight:bold;
	padding:0 10px;
}
#nextgame dt {
	padding:0 4px;
	color:#77bc31;
	font-size:1.3em;
}
#nextgame dd {
	color:#fff;
	font-size:1.2em;
	padding:0 4px 3px;
	margin-bottom:4px;
	border-bottom:1px dotted #888;
}
#nextgame dd:last-child,
#nextgame dd.btm {border:none;} 

/* other info */
/**************************/
#other {margin-bottom:10px;text-align:center;}
#other li {display:inline-block;padding:0 3px 7px;}
#other li:nth-child(3),
#other li:nth-child(4) {padding-bottom:0;}

/* ranking */
/*************************/
/* base */
#ranking {
	color:#333;
	margin-bottom:10px;
}
#ranking h2 {line-height:0;}
#ranking .box1 .box-ranking {
	padding:5px 1px 2px;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
}
#ranking .box2 {
	padding:0 1px 10px;
	margin-bottom:10px;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}

/* h2 */
#ranking .box2 h2 {margin-left:-1px;}

/* h3 */
#ranking h3 {
	font-size:1.1em;
	font-weight:normal;
	margin:0 10px 5px;
}
#ranking .box1 h3 span{
	color:#e60012;
	font-size:1.5em;
	font-weight:bold;
}
#ranking .box2 h3 span{
	color:#77bc31;
	font-size:1.5em;
	font-weight:bold;
}


/* table */
#ranking table {font-size:1.1em;width:100%;margin-bottom:12px;}

#ranking th {
	padding:3px;
	background:url(images/back-gray.gif) repeat 0 0;
}
#ranking th.le {border-right:1px solid #fff;}
#ranking th.line,
#ranking td.line {
	text-align:center;
	border-right:1px solid #7f7f7f;
}

#ranking td {padding:2px 0 2px 3px;}
#ranking td.le {
	text-align:right;
	padding:2px 4px 0px 1px;
	border-right:1px dotted #7f7f7f;
}
#ranking #nabisco tr td.le2,
#ranking #nabisco tr td.le:nth-child(2n) {text-align:left;}
#ranking #nabisco tr td.le3,
#ranking #nabisco tr td.le:nth-child(3n) {text-align:center;}
#ranking #nabisco td.line {border:none;}

#ranking h4 {
	color:#fff;
	font-size:1.3em;
	padding:3px;
	text-align:center;
	background:#FFF url(images/back-black.gif) repeat 0 0;
}

#ranking td.line,
#ranking td.r {text-align:center;font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#ranking .box1 td.line,
#ranking .box1 td.r {font-size:1.1em;}

#ranking td.blueBD {/*border-bottom:2px solid #21409a;*/}
#ranking .box1 td.vor {
	color:#fff;
	font-weight:bold;
	background-color:#e60012;
}
#ranking .box2 td.vor {
	color:#fff;
	font-weight:bold;
	background-color:#77bc31;
}

/* goal number */
.goalNum {
	color:#77bc31;
	font-weight:bold;
	padding:5px 5px 0;
	margin-bottom:5px;
}
.goalNum dt {
	font-size:1.2em;
	padding:7px 5px 0;
	float:left;
}
.goalNum dd {
	font-size:2em;
	background:url(images/line-05.gif) repeat-x 0 bottom;
}

/* last year number */
.lastYNum {
	font-size:1.1em;
	padding:0 5px 3px;
}
.lastYNum dt {display:inline;padding:0 5px;}
.lastYNum dd {display:inline;}

/* tabmenu */
#ranking .tabs li:first-child {width:55px;}
#ranking .tabs li:nth-child(2) {width:125px;}



/* center section */
/*******************************/
#wrapLeft h2,
#mainSection h2 {
	color:#fff;
	font-size:1.4em;
	height:35px;
	line-height:35px;
	padding-left:8px;
	border:2px solid #0b318f;
	background:#0b318f url(images/h3-index.gif) repeat-x 0 0;
}

#wrapLeft .box,
#mainSection .box {
	padding:10px 8px 8px;
	border-right:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}

/* information */
/******************************/
#info {margin-bottom:10px;}
#info iframe {
	height:130px;
	width:100%;
	border:none;
	margin-bottom:3px;
	background:#FFF url(images/line-01.gif) repeat-x 0 bottom;
}
#info .tabs li {width:273px;}

/* golist and rss */
#info p {
	font-size:1.1em;
	text-align:center;
	line-height:1;
	float:right;
	background:#FFF url(images/back-gray.gif) repeat 0 0;
}
#mainSection #info p a {
	color:#333;
	text-decoration:none;
	display:block;
	padding:6px 10px 4px 20px;
}
#mainSection #info p a:hover {color:#0b318f;text-decoration:underline;}

#info .list {margin-right:5px;}
#info .list a {background:url(images/arrow-gr01.png) no-repeat 10px 50%;}
#info .rss a {background:url(images/rss01.png) no-repeat 5px 50%;}


/* today */
/******************************/
#today {margin-bottom:10px;}
#today > div > div {height:90px;}

#today .tabs li {width:93px;}
#today h3 {color:#77bc31;font-size:1.3em;}
#today p a {color:#0b318f;font-size:1.3em;}


/* tabs / 
/*left area and center area tabs */
.tabs {
	padding:5px 3px 0;
	background:#000 url(images/back-black.gif) repeat 0 0;
}
.tabs li {
	font-size:1.3em;
	font-weight:bold;
	float:left;
	margin:0 2px;
	display:inline-block;
}
#mainSection .tabs a,
.tabs a {
	color:#fff;
	text-align:center;
	text-decoration:none;
	line-height:30px;
	display:block;
	width:100%;
	height:30px;
	border-radius: 3px 3px 0 0;        /* CSS3草案 */  
    -webkit-border-radius: 3px 3px 0 0;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px 3px 0 0;   /* Firefox用 */  
}
#mainSection .tabs .active a,
.tabs .active a {
	color:#333;
	background:#FFF;
}
.tabs .active a:hover,
.tabs a:hover {color:#fff;background:url(images/back-gray2.gif) repeat 0 0;}

.tabs a span {
	padding-left:10px;
	background:url(images/arrow-wh02.png) no-repeat 0 50%;
}
.tabs .active a:hover span,
.tabs a:hover span,
.tabs .active a span {background:url(images/arrow-gr02.png) no-repeat 0 50%;}


/* topics */
/*******************************/
#topics {margin-bottom:10px;}
#topics iframe {
	height:130px;
	width:100%;
	border:none;
}

/* blog area */
/*******************************/
#blogBox {
	height:158px;
	width:558px;
	margin-bottom:10px;
	border:1px solid #dcdcdc;
	position:relative;
}
#blogBox h3,
#blogBox h4,
#blogBox > p,
#blogBox ul {position:absolute;}

#blogBox h3 {z-index:1;}
#blogBox h4 {
	color:#67ae28;
	font-size:1.3em;
	line-height:24px;
	letter-spacing:0.1em;
	width:256px;
	height:22px;
	padding-left:8px;
	z-index:10;
	top:9px;
	right:4px;
	background:url(images/blog-ttl.gif) no-repeat 0 0;
}

#blogBox a {
	color:#333;
	text-decoration:none;
}
#blogBox a:hover {text-decoration:underline;}
#blogBox p {
	font-size:1.1em;
	display:inline;
	z-index:20;
}
/* go blog */ 
#blogBox p.list {
	top:13px;
	right:65px;
}
#blogBox p.list a {
	padding-left:8px;
	background:url(images/blog-arrow.png) no-repeat 0 50%;
}
/* rss */
#blogBox p.rss {
	top:13px;
	right:25px;
}
#blogBox p.rss a {
	padding-left:12px;
	background:url(images/blog-rss.png) no-repeat 0 50%;
}
/* blog list */
#blogBox ul {
	z-index:20;
	top:40px;
	left:290px;
}
#blogBox ul img {float:left;}
#blogBox li {
	font-size:1.1em;
	line-height:1.4;
	width:255px;
	cursor:pointer;
}
#blogBox li:hover dt,
#blogBox li:hover a {text-decoration:underline;}
#blogBox li a {display:block;}
#blogBox dl {padding:0 10px 0 70px;}
#blogBox dt {color:#77bc31;font-weight:bold;}

#blogBox li.border_b01 {
	padding-bottom:9px;
	margin-bottom:9px;
	background:url(images/line-01.gif) repeat-x 0 bottom;
}

/* video yuotube */
/*************************/
#video {margin-bottom:10px;}
#wrapLeft #video .box {padding:5px 5px 8px;}
#video h3 {
	color:#0b318f;
	font-size:1.2em;
	line-height:1.2;
	padding:5px 7px;
	margin-bottom:5px;
	background:url(images/back-gray.gif) repeat 0 0;
}
#video ul {height:37px;}
#video ul li {float:right;}
#video ul li.btn {float:left;margin:0;}


/* interview yuotube */
/*************************/
#interview {margin-bottom:10px;}
#wrapLeft #interview .box {padding:5px 5px 8px;}


/* bunners - center - */
/************************/
#mainSection p.bnr {margin-bottom:10px;line-height:0; text-align:center;}

#mainSection .bnrs li {float:left;margin-bottom:10px;line-height:0;}
#mainSection .bnrs li.snd,
#mainSection .bnrs li:nth-child(2n) {float:right;}


/* button style */
/*******************************/
/* btn 01 -white */
.btn-i01 {
	font-size:1.2em;
	text-align:center;
}
.btn-i01 a {
	color:#fff;
	text-decoration:none;
	display:inline-block;
	border:1px solid #fff;
	background-image:url(images/arrow-wh01.png);
	background-repeat:no-repeat;
}
.btn-i01 a:hover {
	background-color:rgba(255, 255, 255, 0.3);
	background-image:url(images/arrow-gr01.png);
}


/* btn 02 - red */
.btn-i02 {
	font-size:1.2em;
	text-align:center;
}
.btn-i02 a {
	color:#000;
	text-decoration:none;
	display:inline-block;
	border:1px solid #b2b2b2;
	background-image:url(images/arrow-red.png);
	background-repeat:no-repeat;
}
.btn-i02 a:hover {
	color:#fff;
	border:1px solid #0a2465;
	background-color:#0e3390;
	background-image:url(images/arrow-wh01.png);
}


/* btn 03 - green */
.btn-i03 {
	font-size:1.2em;
	text-align:center;
}
.btn-i03 a {
	color:#000;
	text-decoration:none;
	display:inline-block;
	border:1px solid #b2b2b2;
	background-image:url(images/arrow-gr01.png);
	background-repeat:no-repeat;
}
.btn-i03 a:hover {
	color:#fff;
	border:1px solid #0a2465;
	background-color:#0e3390;
	background-image:url(images/arrow-wh01.png);
}


/* btn 04 - green */
.btn-i04 {
	font-size:1.2em;
	text-align:center;
}
.btn-i04 a {
	color:#000;
	text-decoration:none;
	display:inline-block;
	border:1px solid #b2b2b2;
	background-image:url(images/arrow-blue.png);
	background-repeat:no-repeat;
}
.btn-i04 a:hover {
	color:#fff;
	border:1px solid #0a2465;
	background-color:#0e3390;
	background-image:url(images/arrow-wh01.png);
}


/* btn 01 -white */
#result .btn-i01 a,
#nextgame .btn-i01 a {
	padding:3px 35px 2px 45px;
	background-position:32px 50%;
}
#other .btn-i01 a {
	padding:3px 12px 2px 23px;
	background-position:8px 50%;
}
#other .btn-i01:last-child a,
#other .btn-i01.btm a {
	padding:3px 3px 2px 20px;
}

/* btn 02 - red */
#ranking .btn-i02 {margin-bottom:8px;}
#ranking .btn-i02 a {
	padding:3px 35px 2px 45px;
	background-position:32px 50%;
}
#ranking .btn-i02.btm a{
	padding:3px 20px 2px 45px;
	background-position:32px 50%;
}

#today .btn-i02 {margin-bottom:5px;letter-spacing:0.2em;}
#today .btn-i02 a {
	padding:3px 50px 2px 65px;
	background-position:47px 50%;
}


/* btn 03 - green */
#ranking .btn-i03 a {
	padding:3px 35px 2px 45px;
	background-position:32px 50%;
}

#today .btn-i03 {margin-bottom:5px;letter-spacing:0.2em;}
#today .btn-i03 a {
	padding:3px 43px 2px 65px;
	background-position:47px 50%;
}


/* btn 04 - green */
#today .btn-i04 {letter-spacing:1em;}
#today .btn-i04 a {
	padding:3px 43px 2px 67px;
	background-position:47px 50%;
}
#interview .btn-i04,
#video .btn-i04 {margin-top:5px;}
#interview .btn-i04 a,
#video .btn-i04 a {
	padding:3px 23px 2px 45px;
	background-position:32px 50%;
}


/* overlay */
    #overlay{
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 10000;
		background:#000;
    }
    #overlay div {width:980px;margin:auto;position:relative;}
	#overlay div p.img {line-height:0;margin:0;padding:0;}
	#overlay ul {width:400px;position:absolute;top:340px;left:345px;}
	#overlay ul li {margin-bottom:10px;}
	#overlay ul li a {display:block;height:45px;}
 	#overlay ul li a:hover img{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE */
	filter: alpha(opacity=0); /* IE */
	-moz-opacity:0; /* Firefox(old) */
	-khtml-opacity: 0; /* Safari(old) */
	opacity: 0;}
    #close a{background:url(../../images/index/playoff_150831-btn01on.png) no-repeat 0 0;width:400px;}
    #link a {background:url(../../images/index/playoff_150831-btn02on.png) no-repeat 0 0;width:400px;}