@charset "Shift_JIS";
/* 
00 common
01 layout
02 header
03 footer
*/

/* 00 common
-------------------------------------------------------*/
*{margin:0;padding:0;word-break: break-word;}
h1,h2,h3,h4,h5,h6,input,textarea,table { font-size:100%; }
dt,dd,form,textarea,input,select,option,address,em {
	font-weight:normal;
	font-style: normal;
}
td,th {
	font-weight:normal;
	vertical-align:top;
	text-align:left;
}
img{border:none;vertical-align: bottom;}
table { border:none; }
a {border:none;text-decoration:none;}
ul,ol,li{ list-style-type:none; }
hr {display:none;visibility:hidden;}

.clear { clear:both; }
.txt-right { text-align:right; }
.txt-left { text-align:left; }
.txt-center { text-align:center; }
.floatL { float:left; }
.floatR { float:right; }

a:link{text-decoration: underline; color: #ffffff; }
a:visited{text-decoration: underline; color: #ffffff;}
a:hover{text-decoration: underline; color: #fff600;}
a:active{text-decoration: underline; color: #ffffff;}

.indent {padding-left:1em;text-indent:-1em;}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

a.fil{
	display: block;
	position: relative;
}
a.fil:hover:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.2);
	position: absolute;
	top: 0;
	left: 0;
}

/* margin 各種マージン
-------------------------------------------------------*/
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}

.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb8 {margin-bottom:8px;}

.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}

.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.mr7 {margin-right:7px;}

.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}

/* padding
-------------------------------------------------------*/
.pAll5 {padding:5px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}

.pl24 {padding-left:24px;}

.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}

.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}


/* 01 layout
-------------------------------------------------------*/
/*-----------------------------------------------------
各pxに対応する、IEハックで指定するパーセント
12px 	75%
13px 	82%
14px 	88%
15px 	94%
16px 	100%

基本サイズ12px	基本サイズ13px	基本サイズ14px
10px 	 84%			10px 	 77%			10px 	 72%
11px 	 92%			11px 	 85%			11px 	 79%
12px 	100%			12px 	 93%			12px 	 86%
13px 	109%			13px 	100%			13px 	 93%
14px 	117%			14px 	108%			14px 	100%
15px 	125%			15px 	116%			15px 	108%
16px 	134%			16px 	124%			16px 	115%
17px 	142%			17px 	131%			17px 	122%
18px 	150%			18px 	139%			18px 	129%
19px 	159%			19px 	147%			19px 	136%
20px 	167%			20px 	154%			20px 	143%
21px 	175%			21px 	162%			21px 	150%
22px 	184%			22px 	170%			22px 	158%
23px 	192%			23px 	177%			23px 	165%
24px 	200%			24px 	185%			24px 	172%
25px 	209%			25px 	193%			25px 	179%
26px 	217%			26px 	200%			26px 	186%
-------------------------------------------------------*/
body {
	font-family:'MS UI Gothic','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size:12px;
	color:#333333;
	line-height:1.5;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#ffffff;
}
/* for IE6 */
* html body {font-size: 75%;}
/* for IE7 */
*:first-child+html body {font-size: 75%;}
/* for IE8 */
head~/* */body {font-size: 75%;}
html:not(:target) body {font-size:12px;}

body#glass{background:url(../img/common/glass_bg.jpg) repeat 0 0;}
#container{
	height:100%;
	min-height: 100%;
	margin:0px auto;
	background:url(../img/common/index_bg.jpg) repeat-x 0 0;
}
body > #container {
	height:auto;
}
#wrapper {
	margin:0px auto;
	background:url(../img/common/top_bg.jpg) repeat-x 0 0;
}
#contents {
	clear:both;
	width:870px;
	margin:0px auto;
	padding:0 15px 15px;
	text-align:left;
}
/* 02 header
-------------------------------------------------------*/
#header {
	padding:148px 0 0 0;
	text-align:left;
	position:relative;
}
#header h1 {
	position:absolute;
	top:3px;
	right:0;
	z-index:2;
	font-weight:normal;
}
#header h2{
	position:absolute;
	top:7px;
	left:25px;
}
#scoreBoard{
	width:786px;
	padding:0 56px 0 58px;
	margin-bottom:11px;
}
/* 
------------------------ */
/* #scoreBoard #menuL{
	padding-top:7px;
	float:left;
	width:178px;
}
#scoreBoard #menuL li{
	display:inline-block;
}
#scoreBoard #menuL li a{
	width: 177px;
	height: 43px;
	display: block;
	background-image: url(../img/common/sb_left.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
#scoreBoard #menuL #nvUD a{background-position: 0 0;}
#scoreBoard #menuL #nvNKG a{background-position: 0 -43px;}
#scoreBoard #menuL #nvIB a{background-position: 0 -86px;}
#scoreBoard #menuL #nvGTD a{background-position:0 -129px;}
#scoreBoard #menuL #nvFCYH a{background-position: 0 -172px;}
#scoreBoard #menuL #nvOKN a{background-position: 0 -215px;}
#scoreBoard #menuL #nvSND a{background-position: 0 -258px;}

#scoreBoard #menuL #nvUD a:hover{background-position: 100% 0;}
#scoreBoard #menuL #nvNKG a:hover{background-position: 100% -43px;}
#scoreBoard #menuL #nvIB a:hover{background-position: 100% -86px;}
#scoreBoard #menuL #nvGTD a:hover{background-position: 100% -129px;}
#scoreBoard #menuL #nvFCYH a:hover{background-position: 100% -172px;}
#scoreBoard #menuL #nvOKN a:hover{background-position: 100% -215px;}
#scoreBoard #menuL #nvSND a:hover{background-position: 100% -258px;} */

/* #scoreBoard #menuL li a{
	width: 177px;
	height: 54px;
	display: block;
	background-image: url(../img/common/sb_left_past.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
#scoreBoard #menuL #nvUD a{background-position: 0 0;}
#scoreBoard #menuL #nvGTD a{background-position: 0 -55px;}
#scoreBoard #menuL #nvIB a{background-position: 0 -110px;}
#scoreBoard #menuL #nvNKG a{background-position:0 -165px;}
#scoreBoard #menuL #nvFCYH a{background-position: 0 -220px;}

#scoreBoard #menuL #nvUD a:hover{background-position: 100% 0;}
#scoreBoard #menuL #nvGTD a:hover{background-position: 100% -55px;}
#scoreBoard #menuL #nvIB a:hover{background-position: 100% -110px;}
#scoreBoard #menuL #nvNKG a:hover{background-position: 100% -165px;}
#scoreBoard #menuL #nvFCYH a:hover{background-position: 100% -220px;} */

/*
---------------------------------------------------------------------*/
#scoreBoard #menuL{
	padding-top:7px;
	float:left;
	width:178px;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
}
#scoreBoard #menuL li{
	flex: 0 0 88px;
	display:inline-block;
}
#scoreBoard #menuL li a{
	width: 88px;
	height: 71px;
	display: block;
	background-image: url(../img/common/sb_left7.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
#scoreBoard #menuL #nvUD a{background-position: 0 0;}
#scoreBoard #menuL #nvNKG a{background-position: -89px 0;}
#scoreBoard #menuL #nvIB a{background-position: -178px 0;}
#scoreBoard #menuL #nvGTD a{background-position:-267px 0;}
#scoreBoard #menuL #nvFCYH a{background-position: -356px 0;}
#scoreBoard #menuL #nvOKN a{background-position: -445px 0;}
#scoreBoard #menuL #nvSND a{background-position: -534px 0;}

#scoreBoard #menuL #nvUD a:hover{background-position: 0 100%;}
#scoreBoard #menuL #nvNKG a:hover{background-position: -89px 100%;}
#scoreBoard #menuL #nvIB a:hover{background-position: -178px 100%;}
#scoreBoard #menuL #nvGTD a:hover{background-position: -267px 100%;}
#scoreBoard #menuL #nvFCYH a:hover{background-position: -356px 100%;}
#scoreBoard #menuL #nvOKN a:hover{background-position: -445px 100%;}
#scoreBoard #menuL #nvSND a:hover{background-position: -534px 100%;}

#scoreBoard #menuL li#ichigo a{
	width: 177px;
	height: 32px;
	display: block;
	background-image: url(../img/common/sb_ichigo.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	margin-top:1px;
}
#scoreBoard #menuL #ichigo a{background-position:0 0;}
#scoreBoard #menuL #ichigo a:hover{background-position:0 100%;}

#scoreBoard #menuL #dosukoi{background: #fff;}
#scoreBoard #menuL #dosukoi a:hover{opacity: 0.7;}

#scoreBoard #menuR{
	padding-top:7px;
	width:177px;
	float:right;
}
#scoreBoard #menuR li{float:left; margin-bottom: 2px;}
#scoreBoard #menuR li#nvTOP a{
	width: 177px;
	height: 40px;
}
#scoreBoard #menuR li a{
	width: 88px;
	height: 55px;
	display: block;
	background-image: url(../img/common/sb_right1ad4.png?d=220105);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
}
#scoreBoard #menuR li:nth-child(2n){margin-right: 1px;}

#scoreBoard #menuR li#nvTOP a{background-position: 0 0;}
#scoreBoard #menuR li#nvRULE a{background-position: 0 -40px;}
#scoreBoard #menuR li#nvSUB a{background-position: -89px -40px;}
#scoreBoard #menuR li#nvTWT a{background-position: 0 -95px;}
#scoreBoard #menuR li#nvFC a{background-position: -89px -95px;}
/*#scoreBoard #menuR li#nvSCOUT a{background-position: -89px -99px;}*/
#scoreBoard #menuR li#nvJOB a{background-position: 0 -150px;}
#scoreBoard #menuR li#nvSTF a{background-position: -89px -150px;}

#scoreBoard #menuR li#nvTOP a:hover{background-position: -177px 0;}
#scoreBoard #menuR li#nvRULE a:hover{background-position: -177px -40px;}
#scoreBoard #menuR li#nvSUB a:hover{background-position: -266px -40px;}
#scoreBoard #menuR li#nvTWT a:hover{background-position: -177px -95px;}
#scoreBoard #menuR li#nvFC a:hover{background-position: -266px -95px;}
/*#scoreBoard #menuR li#nvSCOUT a:hover{background-position: -266px -99px;}*/
#scoreBoard #menuR li#nvJOB a:hover{background-position: -177px -150px;}
#scoreBoard #menuR li#nvSTF a:hover{background-position: -266px -150px;}

#scoreBoard #headCaps{
	width:415px;
	padding-left:15px;
	float:left;
	position:relative;
}
#instalink{float: left;}
#instalink a{
	width: 131px;
	height: 165px;
	display: block;
	text-indent: -9999px;
	outline: none;
	background-image: url(../img/common/insta_link2.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
#instalink a:hover{background-position: 100% 0;}
#ustEmbed{
	width:266px;
	height:163px;
	margin-top:1px;
	background:#000000;
	float:left;
	text-align:center;
}
#ytEmbBox{
	width:266px;
	height:163px;
	margin-top:1px;
	background:#000000;
	float:left;
	text-align:center;
}
#tel{
	/*padding-left:85px;*/
	padding:0 25px 0 85px;
}
#tel p{float:left;}
#tel #flash{float:right;}
#signboard{
	height:117px;
	position:relative;
	padding:0 21px;
}
#centersign{
	position:absolute;
	top:11px;
	left:231px;
}
#ustLink{
	position:absolute;
	top:460px;
	right:26px;
}
#ustLink a{
	width:181px;
	height:60px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../img/common/ust_btn.png) no-repeat 0 0;
}
#ustLink a:hover{background:url(../img/common/ust_btn.png) no-repeat 0 100%;}
#ytLink{
	position:absolute;
	top:450px;
	right:10px;
}
#ytLink a{
	width:225px;
	height:78px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../img/common/yt_btn.png) no-repeat 0 0;
}
#ytLink a:hover{background:url(../img/common/yt_btn.png) no-repeat 0 100%;}

#cameraLink{
	position:absolute;
	top:490px;
	right:247px;
}
#cameraLink a{
	width:166px;
	height:30px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../img/common/camera.png) no-repeat 0 0;
}
#cameraLink a:hover{background:url(../img/common/camera.png) no-repeat 0 100%;}
#attend{
	position:absolute;
	top:450px;
	left:50px;
}
#attend a{
	width:177px;
	height:48px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../img/common/attend.png) no-repeat 0 0;
}
#attend a:hover{background:url(../img/common/attend.png) no-repeat 0 100%;}

#inspection{
	position:absolute;
	top:77px;
	right:2px;
}
#inspection a{
	width:208px;
	height:76px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../img/common/inspection.png) no-repeat 0 0;
}
#inspection a:hover{background:url(../img/common/inspection.png) no-repeat 0 100%;}

/* スコアボード時計
------------------------------------- */
#clock{
	margin-top: 3px;
	float: right;
	position: relative;
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	background: url(../img/common/clockbase.png) 0 0 no-repeat;
}
/*
43200s 12時間
3600s  1時間
60s    1分
*/
#clock::before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 36px;
	height: 36px;
  background: url(../img/common/hour.png) 0 0 no-repeat;
  animation: rotation 43200s linear infinite; 
}
#clock::after{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	background: url(../img/common/minute.png) 0 0 no-repeat;
	animation: rotation 3600s linear infinite;
}
#clock span.second{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 36px;
	height: 36px;
	background: url(../img/common/second.png) 0 0 no-repeat;
	animation: rotation 60s linear infinite;
}

@keyframes rotation {
		0% {transform: rotate(0);}
	100% {transform: rotate(360deg);}
}

/* 03 footer
-------------------------------------------------------*/
#footer {
	clear:both;
	width:870px;
	padding:8px 15px 15px;
	text-align:center;
	background:url(../img/common/foot_bg.jpg) no-repeat 15px 0;
}
#footer ul{margin-bottom:60px;}
#footer ul li{display:inline;}
#footer address{
	padding:0px;
	font-style:normal;
}
#ftnotes{
	padding: 5px 0;
	font-size: 10px;
}
address a{text-decoration: none !important;}
#footer #count{
	font-size:134%;
	line-height:1;
}