/* @override 
	http://10.0.1.69:8001/common/css/base.css
	http://www.frontale.co.jp/common/css/base.css */

@charset "UTF-8";

/*共通スタイルシート*/

body {
	position: relative;
}

div#box_container {
	background-image: url(../page_parts/bg_container.gif);
	background-repeat: repeat-x;
	padding-top: 1px;
}

body#page_profile div#box_container {
	background-image: url(../page_parts/bg_container_profile.gif);
	padding: 0;
}

.remove {
	display: none;
}

div,p,a,li,dt,dd,h1,h2,h3,h4,h5,h6,td,th {
	background-repeat: no-repeat;
	background-position: 0 0;
}

.clearFix{
	height: auto;
	zoom:1;
}

.clearFix:after{
	content:'.' ;
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

.clearBoth {
	clear: both;
}

.alignRight {
	text-align: right;
}

.accessbility {
	display: none;
}

.float_left{
	float: left;
}

.float_right{
	float: right;
}

/* @group テキスト装飾 */

a,
a:visited {
	color: #1c71e9;
	text-decoration: none;
}

.small,
.small a {
	font-size: 10px;
}

.red {
	color: #ff0000;
}

.redBold {
	color: #ff0000;
	font-weight: bold;
	font-family: "HiraKakuPro-W6";
}

/*テキストの左右揃え*/

.alignRight {
	text-align: right;
}

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

/* @group box_header */

div#box_header {
	clear: both;
	height: 142px;
	margin: 0 auto;
	background-image: url(../page_parts/bg_body.gif);
		background-position: 0 -27px;
		background-repeat: repeat-x;
	overflow: hidden;
}

div#header_container{
	height: 142px;
	background-image: url(../page_parts/bg_header_base.gif);
	background-position: 50% -27px;
	
}

div#inner_header {
	clear: both;
	width: 980px;
	margin: 0 auto;
	position: relative;
}

div#inner_header:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

/*h1 {
	position: absolute;
	top: 26px;
	left: 97px;
}*/

div#box_header p {
	
}

div.box_official_sponsor {
	width: 380px;
	float: right;
	padding: 25px 0 0 0;
	position: relative;
	right: -14px;
}

div.box_official_sponsor ul{
	width: 380px;
}


div.box_official_sponsor li {
	float: left;
	margin-right: 13px;
	display: inline;
}

p#site_id_typo {
	position: absolute;
	top: 9px;
	left: -7px;
	line-height: 0;
	font-size: 1px;
	padding: 2px 0 0 0;
}

/* @end */

/* @group box_gnavi */

div#box_gnavi {
	clear: both;
	width: 980px;
	height: 43px;
	/*margin: -70px auto 0;*/
	margin: 0 auto;
	padding-left: 0;
}

div#box_gnavi ul:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

div#box_gnavi ul {
	margin-left: 0;
}

div#box_gnavi li {
	display: inline-block;
	height: 43px;
	margin: 0;
	padding: 0;
	float: left;
}

div#box_gnavi li a {
	background-image: url(../page_parts/bg_gnavi.gif);
	display: block;
	height: 43px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

/* ホーム */

li#gnavi_home a {
	width: 84px;
	background-position: 0 0;
	visibility: hidden;
}

body#page_home li#gnavi_home a,
body#page_diary li#gnavi_home a,
body#page_info li#gnavi_home a,
body#page_mediaguide li#gnavi_home a,
body#page_whats_new li#gnavi_home a {
	visibility: visible;
	width: 92px;
	background-position: 0 -172px;
}

body#page_home li#gnavi_game a,
body#page_diary li#gnavi_game a,
body#page_info li#gnavi_game a,
body#page_mediaguide li#gnavi_game a,
body#page_whats_new li#gnavi_game a {
	width: 85px;
	background-position: -92px 0;
}

body#page_home li#gnavi_game a:hover,
body#page_diary li#gnavi_game a:hover,
body#page_info li#gnavi_game a:hover,
body#page_mediaguide li#gnavi_game a:hover,
body#page_whats_new li#gnavi_game a:hover {
	width: 85px;
	background-position: -92px -43px;
}

/* ゲーム記録 */

li#gnavi_game a {
	width: 93px;
	background-position: -84px 0;
}

li#gnavi_game a:hover {
	background-position: -84px -43px;
}

body#page_gotogame #gnavi_game a {
	width: 93px;/* widthを+1px */
	background-position: -83px -86px; /* positionを-1px 、 -86px*/
}

body#page_gotogame #gnavi_ticket a {
	width: 106px;/* 1つ前のwidthを-1px */
}

/* チケット */

#gnavi_ticket a {
	width: 106px;
	background-position: -177px 0;
}

#gnavi_ticket a:hover {
	background-position: -177px -43px;
}

body#page_tickets #gnavi_ticket a {
	width: 107px;/* widthを+1px */
	background-position: -176px -86px; /* positionを-1px 、 -86px*/
}

body#page_tickets #gnavi_game a {
	width: 92px;/* 1つ前のwidthを-1px */
}

/* スケジュール */

#gnavi_schedule a {
	width: 99px;
	background-position: -283px 0; 
}

#gnavi_schedule a:hover {
	background-position: -283px -43px;
}

body#page_schedule #gnavi_schedule a {
	width: 100px;/* widthを+1px */
	background-position: -282px -86px; /* positionを-1px 、 -86px*/
}

body#page_schedule #gnavi_ticket a {
	width: 105px;/* 1つ前のwidthを-1px */
}

/* プロフィール */

#gnavi_profile a {
	width: 105px;
	background-position: -382px 0;
}

body#page_profile #gnavi_profile a {
	width: 106px;/* widthを+1px */
	background-position: -381px -86px; /* positionを-1px 、 -86px*/
}

body#page_profile #gnavi_schedule a {
	width: 98px;/* 1つ前のwidthを-1px */
}

#gnavi_profile a:hover {
	background-position: -382px -43px;
}

/* グッズ */

#gnavi_goods a {
	width: 59px;
	background-position: -487px 0;
}

#gnavi_goods a:hover {
	background-position: -487px -43px;
}

body#page_goods #gnavi_goods a {
	width: 60px;/* widthを+1px */
	background-position: -486px -86px; /* positionを-1px 、 -86px*/
}

body#page_goods #gnavi_profile a {
	width: 104px;/* 1つ前のwidthを-1px */
}

/* 後援会 */

#gnavi_blue_friends a {
	width: 65px;
	background-position: -546px 0;
}

#gnavi_blue_friends a:hover {
	background-position: -546px -43px;
}

body#page_blue_friends #gnavi_blue_friends a {
	width: 66px;/* widthを+1px */
	background-position: -545px -86px; /* positionを-1px 、 -86px*/
}

body#page_blue_friends #gnavi_goods a {
	width: 58px;/* 1つ前のwidthを-1px */
}

#dialog-overlay {
	/* set it to fill the whil screen */
	width: 100%;
	height: 100%;
	/* transparency for different browsers */
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	background: #000;
    /* make sure it appear behind the dialog box but above everything else */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	/* hide it by default */
	display: none;
}

#box_alert_bf,
#box_alert {
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	/* css3 border radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fff;
	/* styling of the dialog box, i have a fixed dimension for this demo */
	width: 328px;
	/* make sure it has the highest z-index */
	position: absolute;
	z-index: 5000;
	/* hide it by default */
	display: none;
	border: 1px solid #cecece\9;
	
	top: 120px;
	left: 50%;
	margin-left: -160px;
}

#box_alert_bf p,
#box_alert p {
	/* style the content */
	text-align: left;
	margin: 13px 13px 0;
	padding: 10px 10px 0;
	color: #666;
	font-family: arial;
	font-size: 12px;
}

#box_alert_bf a.button {
	margin-bottom: 15px;
}

/* F-SPOT */

#gnavi_fspot a {
	width: 73px;
	background-position: -611px 0;
	
}

#gnavi_fspot a:hover {
	background-position: -611px -43px;
}

body#page_fspot #gnavi_fspot a {
	width: 74px;/* widthを+1px */
	background-position: -610px -86px; /* positionを-1px 、 -86px*/
}

body#page_fspot #gnavi_blue_friends a {
	width: 64px;/* 1つ前のwidthを-1px */
}

/* アカデミー */

#gnavi_academy a {
	width: 87px;
	background-position: -684px 0;
}

#gnavi_academy a:hover {
	background-position: -684px -43px;
}

body#page_academy #gnavi_academy a {
	width: 88px;/* widthを+1px */
	background-position: -683px -86px; /* positionを-1px 、 -86px*/
}

body#page_academy #gnavi_fspot a {
	width: 72px;/* 1つ前のwidthを-1px */
}

/* スクール・教室 */

#gnavi_school a {
	width: 112px;
	background-position: -771px 0;
}

#gnavi_school a:hover {
	background-position: -771px -43px;
}

body#page_school #gnavi_school a {
	width: 113px;/* widthを+1px */
	background-position: -770px -86px; /* positionを-1px 、 -86px*/
}

body#page_school #gnavi_academy a {
	width: 86px;/* 1つ前のwidthを-1px */
}

/* アクセス */

#gnavi_access a {
	width: 74px;
	background-position: -883px 0;
}

#gnavi_access a:hover {
	background-position: -883px -43px;
}

body#page_access #gnavi_access a {
	width: 75px;/* widthを+1px */
	background-position: -882px -86px; /* positionを-1px 、 -86px*/
}

body#page_access #gnavi_school a {
	width: 111px;/* 1つ前のwidthを-1px */
}

/* サイトマップ */

#gnavi_sitemap a {
	width: 23px;
	background-position: -957px 0;
}

#gnavi_sitemap a.active {
	background-position: -957px -129px;
}

/* @end */

/* @group box_snavi */

div#box_snav {
	width: 100%;
	background-color: #1a1a1a;

}

div#inner_snavi {
	width: 980px;
	padding: 0;
	height: 38px;
	margin: 0 auto;
	overflow: visible;
}

div#inner_snavi:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

div#box_snav ul {
	width: 980px;
	height: 38px;
	overflow: hidden;
}

div#box_snav ul:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

div#box_snav li {
	float: left;
	display: block;
	height: 38px;
	
}

div#box_snav li#snavi_info {
	width: 92px;
	text-align: center;
}

div#box_snav a {
	height: 38px;
	line-height: 38px;
	font-size: 12px;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 0 12px;
	font-weight: normal;
	_float: left;
	_padding: 0 9px;
	font-style: normal;
}


div#box_snav.schedule ul {
	width: auto;
	display: inline-block;
}

div#box_snav.school div#inner_snavi,
div#box_snav.schedule div#inner_snavi {
	text-align: center;
}

div#box_snav.school a,
div#box_snav.schedule a {
	padding: 0 16px;
}

div#box_snav #snavi_info a {
	padding: 0;
}

div#box_snav li a:hover {
	/*background-color: #2596ee;*/
	color: #2596ee;
}



/**/

#box_snavi .selected a,
#box_snavi .selected a:hover {
	/*background-color: #000;*/
	color: #2596ee;
}

#box_snavi .selected {
	background-image: url(/common/page_parts/bg_snavi_current.gif);
	background-position: 50% 100%;
}


/**/

body#page_academy.staff #snav_staff a,
div#box_snav li.selected a,
body.download #snavi_download a,
body#page_volunteer #snavi_volunteer a,
body#page_faq #snavi_faq a,
body#page_about #snavi_about a,
body#page_diary #snavi_diary a,
body#page_info #snavi_info a,
body#page_mediaguide #snavi_mediaguide a,
body#page_whats_new #snavi_whatsnew a {
	/*background-color: #000;*/
	color: #2596ee;
}


body#page_diary #snavi_diary,
body#page_info #snavi_info,
body#page_mediaguide #snavi_mediaguide,
body#page_whats_new li#snavi_whatsnew {
/*	background-image: url(../page_parts/bg_snavi_current.gif);
	background-position: 50% 100%;*/
}

/**/

body#page_schedule.satellite #snavi_jsatellite a,
body#page_schedule.ync #snavi_ync a,
body#page_schedule.j_league #snavi_jleague a,
body#page_schedule.monthly #snavi_schedule a {
	/*background-color: #000;*/
	color: #2596ee;
}

body#page_schedule.satellite #snavi_jsatellite,
body#page_schedule.ync #snavi_ync,
body#page_schedule.j_league #snavi_jleague,
body#page_schedule.monthly #snavi_schedule {
/*	background-image: url(../page_parts/bg_snavi_current.gif);
	background-position: 50% 100%;*/
}

/**/

body#page_school.office #snavi_office a,
body#page_school.coach_staff #snavi_coach_staff a,
body#page_school.football_together #snavi_football_together a,
body#page_school.index #snavi_index a {
	/*background-color: #000;*/
	color: #2596ee;
}

body#page_school.office #snavi_office,
body#page_school.coach_staff #snavi_coach_staff,
body#page_school.football_together #snavi_football_together,
body#page_school.index #snavi_index {
/*	background-image: url(../page_parts/bg_snavi_current.gif);
	background-position: 50% 100%;*/
}

/**/

body#page_mobile #snavi_mobile a,
body#page_school.pageSchoolGuide #snavi_school a {
	/*background-color: #000;*/
	color: #2596ee;
}

body#page_mobile #snavi_mobile {
/*	background-image: url(../page_parts/bg_snavi_current.gif);
	background-position: 50% 100%;*/
}


/* @end */

div#box_pagetop {
	clear: both;
	height: 34px;
	background-image: url(../page_parts/bg_footer.gif);
	background-repeat: repeat-x;
	margin-bottom: 25px;
	
	background-image: none;
	background-color: #22b8ff;
}

/* @group div#box_contents */

div#box_contents_wrapper {
	width: 100%;
}


div#box_contents {
	width: 980px;
	margin: 0 auto 5px;
	background-image: url(../page_parts/bg_contents.png);
	background-repeat: repeat-y;
}

div#box_contents:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

div#inner_contents {
	background-image: url(../page_parts/bg_contents_btm.gif);
	background-position: 0 100%;
	/*padding-bottom: 23px;*/
}

div#inner_contents:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

/* @end */



/* @group box_pagetop */

div#box_pagetop p {
	width: 980px;
	margin: 0 auto;
	text-align: right;
	/*padding-top: 9px;*/
	height: 34px;
	font-size: 0px;
	line-height: 0;
}

div#box_pagetop p a {
	display: inline-block;
	height: 34px;
	line-height: 44px;
}

div#box_pagetop p img {
	
}

div#box_pagetop p a:hover img {
	opacity: 0.8;
	-moz-opacity: 0.8; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}


/* @end */

/* @group box_footer */

div#box_footer {
	/*height: 100px;*/
	
}

div#box_footer:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

div#footer_top,
div#footer_copyright {
	width: 980px;
	margin: 0 auto;
}

div#footer_top {
	padding-bottom: 29px;
}

div#footer_copyright:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

p#logo_footer {
	float: left;
}

div#footer_copyright {
	margin-top: 20px;
	margin-bottom: 30px;
	
}

div#footer_copyright p {
	float: left;
	margin-top: 3px;
}

div#footer_copyright p.logo_jleague {
	float: right;
	margin-top: 0;
}

div#footer_copyright p.copyright {
	margin-left: 14px;
	padding-top: 2px;
}



/* footer_navi */

ul#footer_navi {
	width: 800px;
	height: 20px;
	margin-bottom: 12px;
	padding-top: 9px;
	float: right;
}

ul#footer_navi li {
	float: left;
	height: 20px;
}

ul#footer_navi li a {
	height: 20px;
	display: block;
	background-image: url(../page_parts/bg_gnavi_footer.gif);
	text-indent: -9999px;
}

ul#footer_navi li a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}


#fnavi_home a {
	width: 59px;
	background-position: 0 0;
}

body#page_profile #fnavi_home a {
	background-position: 0 -22px;
}

#fnavi_game a {
	width: 77px;
	background-position: -59px 0;
}

#fnavi_ticket a {
	width: 92px;
	background-position: -136px 0;
}

#fnavi_schedule a {
	width: 84px;
	background-position: -228px 0;
}

#fnavi_profile a {
	width: 85px;
	background-position: -312px 0;
}

#fnavi_goods a {
	width: 51px;
	background-position: -397px 0;
}

#fnavi_blue_friends a {
	width: 54px;
	background-position: -448px 0;
}

#fnavi_fspot a {
	width: 61px;
	background-position: -502px 0;
}

#fnavi_academy a {
	width: 73px;
	background-position: -563px 0;
}

#fnavi_school a {
	width: 96px;
	background-position: -636px 0;
}

#fnavi_access a {
	width: 68px;
	background-position: -732px 0;
}

/* footer_utility */

ul#footer_utility {
	width: 765px;
	height: 11px;
	display: inline-block;
	padding-left: 13px;
}

ul#footer_utility li {
	float: left;
	height: 11px;
}

ul#footer_utility li a {
	height: 11px;
	display: block;
	background-image: url(../page_parts/bg_footer_utility.gif);
	text-indent: -9999px;
}

ul#footer_utility li a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}

#utility_fanmail a {
    width: 79px;
}

#utility_inqmail a {
    width: 151px;
    background-position: -79px 0;
}

#utility_rules a {
	width: 61px;
	background-position: -230px 0;
}

#utility_copyrights a {
	width: 92px;
	background-position: -291px 0;
}

#utility_link a {
	width: 88px;
	background-position: -383px 0;
}

#utility_privacy a {
	width: 119px;
	background-position: -471px 0;
}

#utility_sitemap a {
	width: 75px;
	background-position: -590px 0;
}

#utility_about_e a {
	width: 100px;
	background-position: -665px 0;
}

/**/

#box_footer hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #ccc; /* 線色 */
	height: 1px; /* 高さ */
	clear: both;
}

/* @end */

/* @group box_sitemap */

div#box_sitemap {
	clear: both;
	position: absolute;
	/*top: 142px;*/
	width: 100%;
	z-index: 100000000;
	padding-bottom: 30px;
	background-image: url(../page_parts/bg_box_sitemap.png);
	background-position: 0 100%;
	background-repeat: repeat-x;
}

div.inner_sitemap {
	width: 980px;
	margin: 0 auto 40px;
}

div#sitemap_container {
		padding-top: 15px;
	background-color: #3f403f;
}

div.sitemap {
	background-image: url(../page_parts/bg_sitemap.gif);
	background-repeat: repeat-x;
	background-position: 0 3em;
}

div.inner_sitemap:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

div#box_sitemap h5 {
	width: 328px;
	height: 11px;
	text-align: center;
	margin: 0 auto 40px;
}

div#box_sitemap dl {
	width: 20%;
	float: left;
	margin: 0;
}

div#box_sitemap dt {
	font-size: 1.4em;
	height: 1.4em;
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}

div#box_sitemap dt.inner_dt,
div#box_sitemap dd {
	margin-bottom: 0.6em;
}

div#box_sitemap dt.inner_dt {
	margin-top: 1em;
}

div#box_sitemap dl#profile_ib dd {
	display: inline-block;
	width: 70px;
}

div#box_sitemap dl#profile_ib dd.latest {
	width: 150px;
}

div#box_sitemap a {
	color: #fff;
	text-decoration: none;
}

div#box_btn_close {
	background-image: url(../page_parts/bg_sitemap.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

div#box_sitemap p.btn_close {
	width: 980px;
	margin: 0 auto;
	clear: both;
	text-align: right;
	padding: 9px 0 13px;
}


/* @end */

/* @group box_ttl */

div#box_ttl {
	width: 980px;
	height: 63px;
	margin: 0 auto;
}

div#box_ttl:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

div#box_ttl h2 {
	margin-left: 10px;
	padding-top: 18px;
	float: left;
	display: inline;
}

/*body#page_mobile div#box_ttl h2,
body#page_school div#box_ttl h2,
body#page_diary div#box_ttl h2,
body#page_info div#box_ttl h2,
body#page_mediaguide div#box_ttl h2,
body#page_whats_new div#box_ttl h2 {
	padding-top: 15px;
}*/

div#box_search {
	width: 233px;
	height: 29px;
	float: right;
	background-image: url(../page_parts/bg_search.gif);
	margin-top: 17px;
	display: inline;
	position: relative;
}

input#btn {
	position: absolute;
	top: 1px;
	right: 0;
}

input#search {
	width: 182px;
	height: 19px;
	border: 0 #000;
	float: left;
	padding: 5px 5px;
	background-image: url(../page_parts/bg_search.gif);
	font-size: 14px;
	color: #777;
}

/* @end */

div#box_left_contents {
	width: 150px;
	float: left;
	text-align: center;
	margin-top: 12px;
	margin-left: 3px;
	display: inline;
}

#page_schedule div#box_left_contents {
    margin-bottom: 30px;
}

div#box_main {
	width: 812px;
	min-height: 400px;
	_height: 400px;
	background: #fff;
	float: left;
	margin-top: 11px;
	margin-bottom: 30px;
}

body#page_school.office div#box_main,
body#page_schedule.office div#box_main,
body#page_schedule.monthly div#box_main,
body#page_diary div#box_main,
body#page_info div#box_main,
body#page_mediaguide div#box_main,
body#page_whats_new div#box_main {
	width: 674px;
	border: 1px solid #bcbcbc;
	-webkit-box-shadow: #bcbcbc 0px 1px 2px;
	-moz-box-shadow: #bcbcbc 0px 1px 2px;
	box-shadow: #bcbcbc 0px 1px 2px;
	behavior: url(PIE.htc);
}

div#box_right_contents {
	width: 151px;
	float: right;
	margin-top: 22px;
	display: inline;
}

div.box_sidebanner {
	text-align: center;
	margin-bottom: 30px;
}

div#box_right_contents div.box_sidebanner  {
	margin-top: 10px;
	padding-top: 15px;
}


div.box_sidebanner p {
	font-size: 1em;
	color: #666;
	padding: 0 10px;
	margin-bottom: 5px;
	text-align: left;
}

div.box_sidebanner p.ban_acrobat {
	text-align: center;
}

/* @group box_sttl */

div#box_sttl {
	padding: 17px 30px;
	border-bottom: 1px solid #afc6d9;zoom:1;
}

div#box_sttl:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

div#box_sttl h3 {
	color: #4c4c4c;
	font-size: 46px;
	font-family: Arial, Verdana, sans-serif;
	float: left;
	margin-right: 15px;
}

h3 span.typo_month {
	color: #37a8ff;
}

div#box_pager {
	margin-top: 18px;
	_margin-top: 26px;
}

*+html div#box_pager {
	margin-top: 26px;
}

div#box_pager:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

div#box_pager ul {
	width: 250px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
}

div#box_pager ul li {
	float: left;
	font-size: 8px;
	margin-left: 1px;
	float: left;
}

div#box_pager li a {
	display: block;
	height: 21px;
	background-image: url(../../common/page_parts/bg_list_pager.gif);
	text-indent: -9999px;
}

/*前の月*/

div#box_pager li a.btn_prev_month {
	width: 56px;
	background-position: 0 -21px;
}

div#box_pager li a.btn_prev_month:hover {
	background-position: 0 0px;
}

div#box_pager li a.btn_prev_month_dis {
	width: 56px;
	background-position: 0 -42px;
	cursor: default;
}

/*最新のリスト*/

div#box_pager li a.btn_latest {
	width: 80px;
	background-position: -56px -21px;
}

div#box_pager li a.btn_latest:hover {
	background-position: -56px 0px;
}

div#box_pager li a.btn_latest_dis {
	width: 80px;
	background-position: -56px -42px;
	cursor: default;
}

/*次の月*/

div#box_pager li a.btn_next_month {
	width: 56px;
	background-position: -136px -21px;
}

div#box_pager li a.btn_next_month:hover {
	width: 56px;
	background-position: -136px 0px;
}

div#box_pager li a.btn_next_month_dis {
	width: 56px;
	background-position: -136px -42px;
	cursor: default;
}

/* 今月の一覧 */

div#box_pager li a.buttonThisMonthList:link,
div#box_pager li a.buttonThisMonthList:visited {
	width: 80px;
	background-position: -272px -21px;
}

div#box_pager li a.buttonThisMonthList:hover {
	width: 80px;
	background-position: -272px 0px;
}

div#box_pager li a.buttonThisMonthListDis {
	width: 80px;
	background-position: -272px -42px;
	cursor: default;
}

/* @end */



/* @end */


/* --- 2012-07-02 nankyoku --- */

div#box_nankyoku{
	width: 124px;
	height: auto;
	position: absolute;
	overflow: hidden;
	z-index: 30000;
}

/* 新ヘッダー */

body.year_2014 div#box_header {
	width: 100%;
	background-image: url(../page_parts2014/bg_box_header.gif);
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-color: #fff;
}

body.year_2014 #inner_head {
	width: 980px;
	height: 121px;
	margin: 0 auto;
	background-image: none;
	position: relative;
}

#box_site_id:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

#box_site_id {
	width: 410px;
	float: left;
	position: static;
}

#box_site_id p,
#box_site_id h1 {
	float: left;
	position: absolute;
}

#img_logo {
	top: 17px;
	left: 3px;
}

#typo_site_id {
	left: 102px;
	top: 58px;
}

#typo_head {
	font-size: 1px;
	left: 103px;
	top: 33px;
}

/*  */

#box_sponsor:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

#box_sponsor {
	padding-top: 8px;
}

#box_sponsor ul {
	text-align: center;
}

#box_sponsor li {
	display: inline-block;
	margin: 0 5px;
}

/*  */
/*
#box_utility {
	/*float: right;*/
	/*position: absolute;
	right: 0;
	top: 14px;
	width: 240px;
}*/

/*#box_utility p {
	display: inline;
	margin-right: 4px;
}*/


body.year_2014 #box_search {
    width: 145px;
    height: 24px;
    background-image: none;
    float: right;
    margin-top: 0;
}

body.year_2014 #box_search p {
	float: left;
}

body.year_2014 input.googleText {
    width: 117px;
    height: 20px;
    margin-top: 0;
    border: 0 #000;
    color: #3d3b3b;
    padding: 0;
    float: right;
    background-color: transparent;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
	font-style: normal;
	border-bottom: 1px solid #a4a5a4;
}

/*  */

#box_other {
	width: 410px;
	height: 56px;
	float: right;
	margin-right: 1px;
}

#box_other ul {
	float: left;
	height: 30px;
	margin-top: 13px;
	border-right: 1px solid #cbcccb;
	margin-right: 10px;
}

#box_other li {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}

#box_other p {
	display: inline-block;
	vertical-align: top;
}

#icon_catch {
	font-size: 0px;
	margin-top: 11px;
	padding-right: 9px;
	margin-right: 9px;
	border-right: 1px solid #cbcccb;
}

/*  */

body.year_2014 #box_gnavi {
	/*clear: both;
	width: 980px;
	height: 43px;
	margin: 0 auto;
	padding-left: 0;*/
}


/* head 2015 */

#head {
	width: 100%;
	height: 116px;
	background: url(/common/page_parts/bg_head.gif) repeat-x;
}

#head a:hover {
	opacity: 0.8;
	-moz-opacity: 0.8; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}


#inner_head {
	width: 980px;
	height: 116px;
	margin: 0 auto;
	position: relative;
}

h1 {
	padding-top: 10px;
	margin-left: 3px;
	float: left;
	
}

#head h1 a:hover img,
#head h1 a:hover {
	opacity: 1;
	-moz-opacity: 1; /* Firefox */
	filter: alpha(opacity=100); /* IE6/7 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}


/* #head_official_sponsor */

#head_official_sponsor {
	width: 607px;
	height: 47px;
	background-image: url(/common/page_parts/bg_sponsors.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 189px;
}

#head_official_sponsor ul:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

#head_official_sponsor ul {
	width: 406px;
	text-align: center;
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	padding-top: 9px;
	overflow: visible;
}

#head_official_sponsor li {
	display: block;
	float: left;
}

#fujitsu {
	margin-right: 12px;
}

#smbc {
	margin-right: 7px;
}

#nifty {
	margin-right: 9px;
}

#fjm_fujitsu {
	margin-right: 7px;
}

#pfu {
	margin-right: 11px;
}

#puma {
	margin-right: 0;
}

#head_official_sponsor a {
	display: block;
	height: 27px;
	background-image: url(/common/page_parts/img_sponsors.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -99999px;
}

#fujitsu a {
	width: 51px;
	background-position: 0 0;
}

#smbc a {
	width: 92px;
	background-position: -63px 0;
}

#nifty a {
	width: 53px;
	background-position: -162px 0;
}

#fjm_fujitsu a {
	width:  91px;
	background-position: -224px 0;
}

#pfu a {
	width: 30px;
	background-position: -322px 0;
}

#puma a {
	width: 43px;
	background-position: -363px 0;
}

/*#head_official_sponsor #puma {
	margin-right: 0;
}*/

/*  */

#utility {
	width: 162px;
	height: 29px;
	position: absolute;
	top: 12px;
	left: 722px;
	/*right: 106px;*/
}

#utility li {
	display: block;
	float: left;
	margin-right: 8px;
}

#f_link a {
	background-image: url(/common/page_parts/sprite_head.png);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-position: -0px -0px;
	width: 27px;
	height: 29px;
}

#fan_mail a {
	background-image: url(/common/page_parts/sprite_head.png);
	  background-repeat: no-repeat;
	  display: block;
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	  background-position: -35px -0px;
	  width: 38px;
	  height: 29px;
}

#media_guide a {
	background-image: url(/common/page_parts/sprite_head.png);
	  background-repeat: no-repeat;
	  display: block;
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	  background-position: -80px -0px;
	  width: 42px;
	  height: 29px;
}

#faq a {
	background-image: url(/common/page_parts/sprite_head.png);
	  background-repeat: no-repeat;
	background-position: -131px -4px;
	display: block;
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	width: 21px;
	  height: 29px;
}

#faq {
	margin-right: 0;
}

/* search */

#site_search {
	width: 96px;
	height: 22px;
	position: absolute;
	top: 12px;
	right: 1px;
}

#site_search:hover {
	cursor: pointer;
}

#img_search,
#site_search p {
	float: left;
}

#site_search p {
	font-size: 12px;
	border-bottom: 1px solid #c4c6c7;
	line-height: 1;
	color: #878a8b;
	margin-top: 4px;
}

#input_search {
	display: none;
	position: absolute;
	top: 0px;
	right: 0;
	z-index: 1000;
}

#layer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

#head #btn_submit {
	display: none;
}

#head input.googleText {
	width: 400px;
	height: 20px;
	/*position: fixed;*/
	
	
	/*left: 50%;
	margin-left: -200px;*/
	
	right: 0;
	
	font-size: 14px;
	padding: 10px 10px;
	background-color: #fff;
	
	border: 1px solid #a4a4a4;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	-moz-box-shadow: 4px 4px 5px rgba(0,0,0,0.15);
	-webkit-box-shadow: 4px 4px 5px rgba(0,0,0,0.15);
	box-shadow: 4px 4px 5px rgba(0,0,0,0.15);
	
	
}

/*  */

#sns {
	width: 280px;
	height: 29px;
	position: absolute;
	top: 68px;
	right: 228px;
	border-right: 1px solid #cbcccb;
}

#sns ul:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
}

#sns ul {
	
}

#sns li {
	float: left;
	margin-right: 13px;
}

#sns a {
	background-image: url(/common/page_parts/sprite_head.png);
	  background-repeat: no-repeat;
	  display: block;
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
}

#tw a {
	background-position: -4px -61px;
	width: 27px;
	height: 24px;
}

#fb a {
	background-position: -40px -60px;
	width: 25px;
	height: 28px;
}

#line a {
	background-position: -74px -60px;
	width: 29px;
	height: 28px;
}

#yt a {
	background-position: -111px -62px;
	width: 27px;
	height: 24px;
}

#btn_insta a {
	background-position: -145px -62px;
	width: 28px;
	height: 27px;
}

#ml a {
	background-position: -181px -62px;
	width: 28px;
	height: 27px;
}

#seven55 a {
	background-position: -219px -61px;
	width: 25px;
	height: 25px;
}

#other_link {
	width: 230px;
	height: 43px;
	position: absolute;
	top: 57px;
	right: 0;
}

#other_link li {
	float: left;
	margin-left: 13px;
}

/* gnav */

#gnav {
	width: 100%;
	height: 45px;
	border-top: 1px solid #1fa4e4;
	background-color: #23b7fe;
}

#inner_gnav {
	width: 1012px;
	height: 45px;
	margin: 0 auto;
	padding: 0 0 0 32px;
}

#gnav li {
	height: 45px;
	float: left;
}

#gnav a {
	height: 45px;
	display: block;
	background-image: url(/common/page_parts/bg_gnav.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#gnav li.current a,
#gnav a:hover {
	background-color: #21a0dd;
}

#gnav_gotogame a {
	width: 91px;
	background-position: -32px 0;
}

#gnav_tickets a {
	width: 111px;
	background-position: -123px 0;
}

#gnav_schedule a {
	width: 100px;
	background-position: -234px 0;
}

#gnav_profile a {
	width: 108px;
	background-position: -334px 0;
}

#gnav_goods a {
	width: 58px;
	background-position: -442px 0;
}

#gnav_blue_friends a {
	width: 101px;
	background-position: -500px 0;
}

#gnav_fspot a {
	width: 72px;
	background-position: -601px 0;
}

#gnav_academy a {
	width: 89px;
	background-position: -673px 0;
}

#gnav_school a {
	width: 112px;
	background-position: -762px 0;
}

#gnav_access a {
	width: 78px;
	background-position: -874px 0;
}

#gnav_club a {
	width: 60px;
	background-position: -952px 0;
}

#gnav_sitemap a {
	width: 17px;
	background-position: -1027px 0;
}

#gnav_sitemap {
	margin-left: 15px;
}

#gnav #gnav_sitemap a:hover {
	background-color: #23b7fe;
}

/* instagram */

#instagram {
	display: none;
	width: 622px;
	position: fixed;
	top: 155px;
	left: 50%;
	margin-left: -311px;
	
	background-color: #F4F5F7;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	z-index: 10000;
}

#instagram h4 {
	height: 45px;
	background-color: #3d6d92;
	text-align: center;
	padding-top: 15px;
	
	-moz-border-radius: 12px 12px 0 0;
	-webkit-border-radius: 12px 12px 0 0;
	border-radius: 12px 12px 0 0;
	
}

#inner_insta {
	padding: 23px 26px;
	position: relative;
}

#inner_insta:after{
	content: '.';
	visibility: hidden;
	height: 0;
	clear: both;
	display: block;
	position: relative;
}

#instagram h5 {
	font-size: 24px;
	font-weight: bold;
	color: #447398;
	margin-bottom: 15px;
}

#instagram p {
	font-size: 16px;
	color: #222222;
	margin-bottom: 0.8em;
}

#instagram h6 {
	font-weight: bold;
	color: #447398;
	margin-top: 35px;
	margin-bottom: 15px;
}

#instagram div.left {
	float: left;
	width: 50%;
}

#instagram div.left div {
	width: 50%;
	float: left;
	padding: 8px 0;
	text-align: center;
}

#instagram div.right {
	float: right;
	width: 266px;
	border-left: 1px solid #aec0d0;
	padding: 8px 0 8px 17px;
}

#instagram div.right p {
	font-size: 14px;
}

#instagram div.right p a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #427197;
	font-weight: bold;
}

#instagram div.right #view_insta {
	text-align: center;
	margin-bottom: 0;
}

#instagram #btn_close {
	width: 21px;
	height: 22px;
	position: absolute;
	bottom: -40px;
	right: 12px;
	margin: 0;
}

#graylayer {
	background: url(/common/page_parts/bg_gray.png) repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}

/*  */














