@charset "UTF-8";

/*-------------------------------------------------------------------
 *
 * File Name   : common.css
 *
-------------------------------------------------------------------*/

/*===================================================================
	body
===================================================================*/
body{
	background:url(/skate/common/images/bg_01.gif) left top;
	position:relative;
}

/*===================================================================
	#popup
===================================================================*/
#popup{
	background:url(/skate/common/images/popup_bg01.png) left top;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
#popup .popupBox{
	background:url(/skate/common/images/popup_bg02.png) left top no-repeat;
	margin:100px auto 0;
	padding:11px 13px;
	width:814px;
	height:680px;
}
#popup .popupClose{
	text-align:right;
	margin-bottom:20px;
}
#popup .popupBoxIn{
	overflow-y:scroll;
	padding:0 62px;
	width:679px;
	height:540px;
}
#popup .popupBoxIn h2{
	font-size:135%;
	border-bottom:4px solid #0b8834;
	padding-bottom:3px;
	margin-bottom:17px;
}
#popup .popupBoxIn dl{
	font-size:80%;
	width:679px;
	margin-bottom:14px;
}
#popup .popupBoxIn dl.last{
	margin-bottom:0;
}
#popup .popupBoxIn dt{
	width:117px;
	padding-right:10px;
	float:left;
}
#popup .popupBoxIn dd{
	width:535px;
	float:left;
}


/*===================================================================
	#wrapper
===================================================================*/
#wrapper{
	width:100%;
	min-width:1138px;
}

/*===================================================================
	#header
===================================================================*/

#header{
	position:relative;
	background:url(/skate/common/images/bg_header.gif) center top no-repeat;
	height:45px;
	padding-top:10px;
}

#header .gnaviArea{
	width:960px;
	height:102px;
	background:url(/skate/common/images/bg_gnavi.png) left top no-repeat;
	padding-bottom:13px;
	margin:0 auto;
	position: relative;
}
#header .gnaviArea #gNAviTit{
	position:absolute;
	top:10px;
	right:118px;
}
#header .gnaviArea #gNAviSiteMap{
	position:absolute;
	background:url(../images/icon_sitemap.png) no-repeat left center;
	top:6px;
	right:0px;
	padding-left: 15px;
	font-size: 90%;
}
#header .gnaviArea #gNAviSiteMap a{
	color: #FFF;
}
#header .gnaviArea p{
	position:absolute;
	top:8px;
	left:216px;
	z-index: 2;
}

#header .btnGnavi{
	padding:30px 0 0 202px;
	width:700px;
	float:left;
	z-index: 1;
}
#header .btnGnavi p{
	float:left;
	width:110px;
}

#header .btnGnavi ul{
	font-size:0;
	float:left;
}
#header .btnGnavi ul.fst{
	font-size:0;
	float:left;
	width: 134px !important;
}
#header .btnGnavi ul{
	width:700px;
	font-size:0;
	float:right;
}
#header .btnGnavi ul li{
	float:left;
}

#header .gnaviArea .logoBB{
	position:absolute;
	top: -5px;
	left: -5px;
	z-index:5;
}
#header .gnaviArea .btnFANmail{
	float:left;
	width:153px;
	padding-top:34px;
}
#header .gnaviArea .btnGnavi a{
	text-indent:-9999px;
	display: block;
	float: left;
}
/* gnavi02～04共通 */
#header .gnaviArea .btnGnavi a.btn_gnavi01,
#header .gnaviArea .btnGnavi a.btn_gnavi02,
#header .gnaviArea .btnGnavi a.btn_gnavi03,
#header .gnaviArea .btnGnavi a.btn_gnavi04{
	height:32px;
}
/* gnavi05～07共通 */
#header .gnaviArea .btnGnavi a.btn_gnavi05,
#header .gnaviArea .btnGnavi a.btn_gnavi06,
#header .gnaviArea .btnGnavi a.btn_gnavi07,
#header .gnaviArea .btnGnavi a.btn_gnavi08{
	height:30px;
}

#header .gnaviArea .btnGnavi a.btn_gnavi01{
	background:url(/skate/common/images/btn_gnavi01.png) left top no-repeat ;
	width:173px;
}
#header .gnaviArea .btnGnavi a.btn_gnavi02{
	background:url(/skate/common/images/btn_gnavi02.png) left top no-repeat;
	width:174px;
}
#header .gnaviArea .btnGnavi a.btn_gnavi03{
	background:url(/skate/common/images/btn_gnavi03.png) left top no-repeat;
	width:175px;
}
#header .gnaviArea .btnGnavi a.btn_gnavi04{
	background:url(/skate/common/images/btn_gnavi04.png) left top no-repeat;
	width:176px;
}
#header .gnaviArea .btnGnavi a.btn_gnavi05{
	background:url(/skate/common/images/btn_gnavi05.png) left top no-repeat;
	width:173px;
}
#header .gnaviArea .btnGnavi a.btn_gnavi06{
	background:url(/skate/common/images/btn_gnavi06.png) left top no-repeat;
	width:174px;
}
#header .gnaviArea .btnGnavi a.btn_gnavi07{
	background:url(/skate/common/images/btn_gnavi07.png) left top no-repeat;
	width:175px;
}
#header .gnaviArea .btnGnavi a.btn_gnavi08{
	background:url(/skate/common/images/btn_gnavi08.png) left top no-repeat;
	width:176px;
}

/*===================================================================
	gnaviホバー時
===================================================================*/
#header .gnaviArea .btnGnavi a.btn_gnavi01:hover,
#header .gnaviArea .btnGnavi a.btn_gnavi02:hover,
#header .gnaviArea .btnGnavi a.btn_gnavi03:hover,
#header .gnaviArea .btnGnavi a.btn_gnavi04:hover,
#header .gnaviArea .btnGnavi a.btn_gnavi05:hover,
#header .gnaviArea .btnGnavi a.btn_gnavi06:hover,
#header .gnaviArea .btnGnavi a.btn_gnavi07:hover,
#header .gnaviArea .btnGnavi a.btn_gnavi08:hover,
#header .gnaviArea .btnGnavi a.btn_gnavi09:hover,
#header .gnaviArea .btnGnavi a.btn_gnavi10:hover{
	background-position: left bottom;
}

/*===================================================================
	gnaviアクティブ時
===================================================================*/
#index #header .gnaviArea .btnGnavi a.btn_gnavi01,
#team #header .gnaviArea .btnGnavi a.btn_gnavi02,
#player #header .gnaviArea .btnGnavi a.btn_gnavi03,
#staff #header .gnaviArea .btnGnavi a.btn_gnavi04,
#rink #header .gnaviArea .btnGnavi a.btn_gnavi05,
#record #header .gnaviArea .btnGnavi a.btn_gnavi06,
#schedule #header .gnaviArea .btnGnavi a.btn_gnavi07,
#rule #header .gnaviArea .btnGnavi a.btn_gnavi08{
	background-position: left bottom;
}

/*===================================================================
	contents
===================================================================*/
#contentsAreaWrap{
	padding-top:0px;
}
#contentsArea{
	background:#f1f1f1;
	margin:0 auto;
	padding-top:70px;
}
.contentsBox{
	width:960px;
	margin:0 auto;
	position:relative;
}
.contentsBox .player{
	position:absolute;
	top:-103px;
	left:-137px;
}
.contentsMain {
	margin:0 8px 0 10px;
}
.contentsMain02 {
	margin:0;
}
/*===================================================================
	#contentsTop
===================================================================*/

/*  contentsTop  */

#contentsTop{
	width:940px;
	height:43px;
	background:url(/skate/common/images/contents_top.png) left top no-repeat;
}
#contentsTop p{
	padding:20px 17px 0 20px;
	font-size:95%;
}


/*  contentsBtm  */

#contentsBtm{
	width:960px;
	padding-bottom:22px;
}

/*  contentsMdl  */

#contentsMdl{
	width:960px;
	padding:4px 0 16px;
	min-height:666px;
}


/*===================================================================
	contentsR
===================================================================*/

#contentsR{
	width:714px;
	float:right;
}
#contentsR h1.contentsTit{
	margin-bottom:15px;
}

/*===================================================================
	#pageTop
===================================================================*/

/*  pageTop  */
#pageTop{
	text-align:right;
	padding:22px 0 25px;
}

/*===================================================================
	link
===================================================================*/
.linkType_01 a,
.linkType_02 a{
	padding-left:13px;
	background:url(/skate/common/images/icon_link_01.gif) 0 0.4em no-repeat;
}
.linkType_02 a{
	background-image:url(/skate/common/images/icon_link_02.gif);
}

/* icoWin */
img.icoWin{
	margin:0 3px;
	vertical-align:middle;
}

/*===================================================================
	Adobe FlashPlayer
===================================================================*/
#contentsR .dlFl{
	width:576px;
	margin-oright:16px;
	padding:20px 0 20px 80px;
	border-top:1px solid #dfdfdf;
}
#contentsR .dlFl .dlFlImg{
	width:158px;
	padding-right:20px;
	float:left;
}
#contentsR .dlFl .dlFlTxt{
	width:358px;
	font-size:80%;
	float:left;
}

/*===================================================================
	footer
===================================================================*/
.footerArea{
	background-color:#fff;
	padding-bottom: 0px;
}

ul.footerBnr{
	width:1138px;
	margin:0 auto;
	padding: 10px 0;
	font-size:0;
}
ul.footerBnr li{
	display:inline-block;
	padding-right:50px;
	text-align:center;
}
ul.col01{
	padding-bottom: 20px;
}
ul.footerBnr li:last-child{
	padding-right:0;
}
.footerArea{
	zoom:1;
	text-align: center;
}
/*.footerArea li.foot01{
	margin-left: 10px;
}
.footerArea li.line1{
	width: 239px;
}
.footerArea li.line2{
	width: 267px;
}
.footerArea li.line3{
	width: 301px;
}
.footerArea li.line4{
	width: 249px;
}*/
#footer{
	background:#000 no-repeat center top;
	text-align:center;
	line-height:1;
	padding-top:10px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#footer p{
	color:#fff;
	overflow:hidden;
	font-size:88%;
}

/*  END  */