@charset "UTF-8";
/* CSS Document */


.header-underline{
  background: url(/football_family/img/header_underline_football_family.png) no-repeat center bottom !important;
}

#container #page-title{
	display:none;
}

#main-colum{
	margin-bottom:10px;
}

#cms_sub{
	margin-top:10px !important;
}

#relative-area_football_museum {
  margin: 20px 0px;
  text-align:center;
}

#relative-area {
  margin: 0 0 20px 0px;
  text-align:center;
}

#relative-area h3{
	font-size:116%;
	text-align:left;
	border-bottom:1px solid #eee;
	margin-bottom:10px;
	padding-bottom:5px;
}

#relative-area_football_museum outer-inner {
	margin: 0 auto;
}



#relative-area_football_museum .head-area {
  margin: 0 0 10px;
}

#relative-area_football_museum .body-area {
  margin: 20px 0 0px;
}

#relative-area_football_museum .banner-content{
	margin: 0px 0 0;
	padding: 0px;
}
#relative-area_football_museum .banner-content li {
	margin:0 auto 10px;
	width: 225px;
	text-align:center;
}

#relative-area_football_museum .banner-content li:nth-child(4n){
	margin-right: 0px;
}

#relative-area_football_museum .banner-content li img {
  width: 100%;
}


/*.l_area,
.r_area{
margin-top:20px;
}*/

.l_area iframe{
	width:100%;
}

/*.box_left{
	float:left;
	margin:0 20px 20px 0;
}

.box_right{
	float:right;
	margin:0 0 20px 20px;
}

.map_img img{
	float:left;
	margin:0 10px 10px 0;
}

.map_img img:nth-child(2n){
	float:left;
	margin:0 0 10px 0;
}*/

.trigger-tournament {
  color: #575757;
  font-weight: bold;
  font-size: 16px;
  padding: 10px 40px 10px 10px;
  cursor: pointer;
  margin-bottom: 1px;
  background: #cccccc url(/common/img/open.png) no-repeat 98% center;
}

.trigger-tournament.active {
  background: #2475bd url(/common/img/close.png) no-repeat 98% center;
  color: #fff;
}

.table-wrap-tournament {
    display: none;
    margin-bottom: 20px;
}


.img_line{
	border:1px solid #ccc;
}

.zone{
	background-color:#dd6237;
	width:60px;
	padding:2px;
	color:#FFFFFF;
	font-size:10px;
}


/*営業時間*/

dl.hours{
	margin-left:10px;
}

dl.hours dt,
dl.hours dd {
	float:left;
}

dl.hours dt{
	border:#ccc;
	display:block;
	width:8%;
	height:20px;
	margin-right:5px;
	float:left;
}

dl.hours dd{
	margin:0 10px 10px 0;
	width:40%;
	display:block;
	text-align:left;
	float:left;
	font-size:89%;
	line-height:110% !important;
}

dl.hours dd:nth-child(2n){
	margin:0px;
}






dl.hours dt.date_common {
	background: url(/football_museum/img/cal_common.gif) repeat 0 0;
}

dl.hours dt.date_holiday {
	background: url(/football_museum/img/cal_holiday.gif) repeat 0 0;
}

dl.hours dt.date_special {
	background: url(/football_museum/img/cal_special.gif) repeat 0 0;
}

dl.hours dt.date_close {
	background: url(/football_museum/img/cal_close.gif) repeat 0 0;
}


dl.hours dd:last-child{
	margin:0;
}

/*カレンダー*/


ul.calendar{
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	margin-bottom:0 !important;
}


ul.calendar li{
	display:table;
	width:100%;
}

ul.calendar li .week{
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	background:#eee;
	text-align:center;
	font-weight:bold;
	padding:5px;
	font-size:16px;
	display:table-cell;
	width:25px;
}

ul.calendar li .week_end{
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	background:#ddd;
	text-align:center;
	font-weight:bold;
	padding:5px;
	font-size:16px;
	display:table-cell;
	width:25px;
}

ul.calendar li .date_common{
	border-top:1px #fff solid;
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	background: url(/football_museum/img/cal_common.gif) repeat 0 0;
	text-align:center;
	font-weight:bold;
	padding:5px;
	display:table-cell;
	width:40px;
}

ul.calendar li .date_close{
	border-top:1px #fff solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background: url(/football_museum/img/cal_close.gif) repeat 0 0;
	text-align:center;
	font-weight:bold;
	padding:5px;
	display:table-cell;
	width:40px;
}

ul.calendar li .date_special{
	border-top:1px #fff solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background: url(/football_museum/img/cal_special.gif) repeat 0 0;
	text-align:center;
	font-weight:bold;
	padding:5px;
	display:table-cell;
	width:40px;
}

ul.calendar li .date_holiday{
	border-top:1px #fff solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background: url(/football_museum/img/cal_holiday.gif) repeat 0 0;
	text-align:center;
	font-weight:bold;
	padding:5px;
	display:table-cell;
	width:40px;
}

ul.calendar li .date_except{
	border-top:1px #fff solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background: url(/football_museum/img/cal_except.gif) repeat 0 0;
	text-align:center;
	font-weight:bold;
	padding:5px;
	color:#ccc;
	display:table-cell;
	width:40px;
}



ul.calendar li .schdule{
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px;
	min-height:70px;
	display:table-cell;
	

}

ul.calendar li .event{
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px;
	min-height:70px;
	display:table-cell;
	width:80px;
}

/*次月　再来月*/

.cal_block{
	float:left;
	width:340px;
	margin:0 20px 0 0;
}

.cal_block:last-child{
	float:left;
	width:340px;
	margin-right:0;
}

.cal_block .event_belt_01,
.cal_block .event_belt_02,
.cal_block .event_belt_03,
.event_belt_excibition{
	display:none;
}

.cal_block ul.calendar li{
	display:table-cell;
	border-right:1px #ccc solid;
	width:48px;
}

/*月メニュー*/
#manth-wrap{
	position:relative;
}

ul.manth{
	margin:35px 0 0;
}


ul.manth li{
	border:1px solid #ccc;
	display:table-cell;
	padding:5px 10px;
	margin:0 10px 0 0;
	background:#FFFFFF;
}

ul.manth li:hover{
	border:1px solid #999;
	background:#ddd;
}

ul.manth li.active{
	border:1px solid #ccc;
	background:#ddd;
	display:table-cell;
	padding:5px 10px;
}

#manth-wrap .link_cal a.link_inner{
	background:none;
}

#manth-wrap .link_cal a{
	position:absolute;
	top:0;
	right:10px;
	font-size:89%;
	padding:5px 10px !important;
  border-width: 1px;
  border-color: #ccc;
  border-style: solid;
  border-radius: 5px;
  background-image: -moz-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(255,255,255) 66%) !important;
  background-image: -webkit-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(255,255,255) 66%)!important;
  background-image: -ms-linear-gradient( 90deg, rgb(232,232,232) 0%, rgb(255,255,255) 66%)!important;
  z-index: 3;
}

/*利用案内ページ用*/

ul.manth.use{
	margin:0;
	display:table;
	width:100%;
}

ul.manth.use li{
	border:1px solid #ccc;
	display:table-cell;
	width:33%;
	text-align:center;
	padding:5px 10px;
	margin:0 10px 0 0;
	background:#FFFFFF;
}

ul.manth.use li:hover{
	border:1px solid #999;
	background:#ddd;
}

ul.manth.use li.active{
	border:1px solid #ccc;
	background:#ddd;
	display:table-cell;
	padding:5px 10px;
}

ul.manth.use li a{
	color:#0B8FBA;
}

ul.manth li.active a{
	color:#000000 !important;
}

.disnon{
    display:none !important;
   }


/*帯イベント*/

.event_belt_01,
.event_belt_02,
.event_belt_03{
	display:none;
}



.table03.use tr th:nth-child(2){
	width:40%;
}

.table03.use tr th:nth-child(3){
	text-align:left;
	width:40%;
}


/*トップ用カレンダースライダー*/


#slider2{
	background:#fcfcfc;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	margin:0 !important;
	padding-top:10px !important;
	}
	
#slider2 a{
color:#0B8FBA;
}

#slider2 dl.hours{
	margin-left:10px;
}

#slider2 dl.hours dt{
	border:#ccc;
	display:block;
	width:8%;
	height:20px;
	margin-right:5px;
	float:left;
}

#slider2 dl.hours dd{
	margin:0 10px 0 0;
	width:40%;
	display:block;
	text-align:left;
	float:left;
	font-size:89%;
	line-height:110% !important;
}

#slider2 dl.hours dd:nth-child(2n){
	margin:0px;
}

#slider2 ul.manth{
	margin:20px 0 10px 10px;
}

#slider2 .slider-wrap .frame-wrap {
    margin: 0px auto;
}

#slider2 .slider-wrap .frame li {
    float: left;
}


#slider2 .slider-wrap .frame li ul.calendar li{
	display:table-cell;
	border-right:1px #ccc solid;
}

/*トップ用カレンダー*/

#slider2 .slider-wrap {
    position: static !important;
}

.bx-controls{
	display:none;
}

.calendar{
	border-top:1px #ccc solid;
	border-left:1px #ccc solid;
	width:100%;
	margin:0 !important;
	margin-bottom:20px !important;
	background:#fff;
}

.calendar .day:first-child{
	position:relative;
}

.calendar.second,
.calendar.second{
	border-top:none;
}


.calendar .day{
	border-right:1px #ccc solid;
	display:table;
	width:100%;
	height:55px;
}

.calendar .day .week{
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	background:#eee;
	text-align:center;
	font-weight:bold;
	padding:5px;
	font-size:16px;
	display:table-cell;
	width:25px;
}

.calendar .day .week_end{
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	background:#ddd;
	text-align:center;
	font-weight:bold;
	padding:5px;
	font-size:16px;
	display:table-cell;
	width:25px;
}

.calendar .day .date_common{
	border-top:1px #fff solid;
	border-bottom:1px #ccc solid;
	border-right:1px #ccc solid;
	background: url(/football_museum/img/cal_common.gif) repeat 0 0;
	text-align:center;
	font-weight:bold;
	padding:5px;
	display:table-cell;
	width:40px;
}

.calendar .day .date_close{
	border-top:1px #fff solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background: url(/football_museum/img/cal_close.gif) repeat 0 0;
	text-align:center;
	font-weight:bold;
	padding:5px;
	display:table-cell;
	width:40px;
}

.calendar .day .date_special{
	border-top:1px #fff solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background: url(/football_museum/img/cal_special.gif) repeat 0 0;
	text-align:center;
	font-weight:bold;
	padding:5px;
	display:table-cell;
	width:40px;
}

.calendar .day .date_holiday{
	border-top:1px #fff solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background: url(/football_museum/img/cal_holiday.gif) repeat 0 0;
	text-align:center;
	font-weight:bold;
	padding:5px;
	display:table-cell;
	width:40px;
}

.calendar .day .date_except{
	border-top:1px #fff solid;
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	background: url(/football_museum/img/cal_except.gif) repeat 0 0;
	text-align:center;
	font-weight:bold;
	padding:5px;
	color:#ccc;
	display:table-cell;
	width:40px;
}



.calendar .day .schdule{
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px;
	min-height:70px;
	display:table-cell;
	

}

.calendar .day .event{
	border-right:1px #ccc solid;
	border-bottom:1px #ccc solid;
	padding:5px;
	min-height:70px;
	display:table-cell;
	width:80px;
}


.calendar a{
	color:#0B8FBA !important;
}

/*calender use共通*/
.calendar .close{
	color:#999 !important;
	background-color:#eeeeee !important;
}



/* レファレンス
-------------------------------------------------- */



.ref_l_area dt,
.ref_r_area dt{
	float:left;
	width:60%;
	margin:0 10px;
}

.ref_l_area dd,
.ref_r_area dd{
	float:left;
	width:100px;
	margin:0 ;
	text-align:left;
}

.table03.ref tr td{
	text-align:left !important;
	font-size:14px;
}

.table03.ref tr th{
/*	width:100px;*/
}

.search_form input{
	float:left;
	margin-top:10px;
	}

.search_form input.keyTxt2{
/*	width:300px;
	height:28px;*/
	border:1px solid #ccc;
	margin-right:10px;
}


/* 団体利用
-------------------------------------------------- */

/*.organization table.table03{
	width:400px !important;
}
*/
.organization table.table03 tr th,
.organization table.table03 tr td{
	width:150px;
}

/*支援企業
-------------------------------------------------- */

ul.support{
	margin:20px 0 0;
}

.support li{
	width:45%;
	height:70px;
	float:left;
	margin:0 10px 10px 0;
	text-align:center;
}

.support li:nth-child(2n){
	margin:0 0 10px 0;
}

.support li a{
	color:#0B8FBA;
	text-decoration:underline;
}


/*フロア・展示情報
-------------------------------------------------- */
.head-area .list-btn {
    float: left;
    margin: 5px 0 0 15px;
  }

.head-area .list-btn-ttl{
	   float:left;
	   margin:5px 0 0 0;
	   display:block;
}

h4.head-area .list-btn {
    float: left;
    margin: 10px 0 0 15px;
  }
  
  h4.head-area .list-btn img{
	  width:40%;
  }


/*歴代ユニフォーム
-------------------------------------------------- */
#itembox .item{
	float:left;
	width:45%;
	margin:0 10px 20px 10px;
}

#itembox .item img{
	width:100%;
}

#itembox .item:nth-child(2n){
	float:left;
	width:45%;
	margin:0 0 20px 0;
}

#itembox .item .comment{
	height:50px;
}

#itembox .item p.comment {
	font-size:12px !important;
	line-height:150% !important;
	margin-top:5px !important;
}

#itembox .item .comment .year{
	font-size:16px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	padding:0 0 5px 0;
	display:block;
	border-bottom:1px dotted #ccc;
}


/*常設展示情報
-------------------------------------------------- */

.exhibition_area dd.img_area{
	margin:20px 0 0 0;
}

.exhibition_area dd.txt_area{
	margin:0px;
}

.ttl_exhibition{
	font-size:14px !important;
}

.ttl_exhibition2{
	font-size:14px;
	}
.exhibition .ttl-news{
	display:none;
}



/*ショップ
-------------------------------------------------- */
.shop_news .ttl-news{
	display:none;
}


/*テキスト部分の横幅インデント
-------------------------------------------------- */
.section-block p
{
	margin:0 10px;
}

.r_area span
{
	margin:0 10px;
	display:block;
}

.txt14{
	font-size:14px;
}

.r_area .table-wrap-tournament  span
{
	margin:0 !important;
	display: inline;
}


.floor .l_area,
.floor .box_left
{
	margin:0 10px;
}

.organization ul.ind_code{
	margin:0 10px;
	} 
	
span.sp_mgn {
	display:block;
	margin:0 10px !important;
	}
	
.ref_r_area{
	margin:10px 0;
}

.football_museum .box_left{
	margin:10px !important;
}


/*周辺スポット
-------------------------------------------------- */
.trigger-tournament img{
	float:left;
  }

.ttl_txt{
	float:left;
	width:85%;
	padding-left:12px;
}

#Map1 area,
#Map2 area{
	cursor:pointer;
}

/*学校・学習向けご案内
-------------------------------------------------- */

.school_menu{
	margin-top: 25px;
	
}
.menu_program{
	background: #ebf1ff;
	margin: 10px;
}
.menu_program > div{
	padding: 10px;
}
.menu_program p{
	font-size: 10px !important;
	line-height: 1.3 !important;
	margin-bottom: 0;
}
.menu_program p.program_title{
	font-size: 14px !important;
	font-weight: bold;
	color: #072c87;
	text-align: center;
	margin: 0 0 5px !important;
}
.menu_program a{
	display: block;
	background:#072c87;
	color: #fff;
	text-align: center;
	padding: 3px 0;
	text-decoration: none;
}
/*学習プログラム*/
#learning_program h5.flow{
	border-bottom: solid 1px #072c87;
	color: #072c87;
	font-size: 14px !important;
	margin-bottom: 15px !important;
}

#learning_program h5.flow span{
	color: #000;
	font-size: 14px;
}
#learning_program h5.flow span.date{
	margin-left: 1em;	
}
#learning_program p.num01,
#learning_program p.num02{
	font-size: 14px !important;
	font-weight: bold;
	display: block;
	padding: 10px 0 10px 30px !important;
	clear: both;
	margin: 10px 0;
	line-height: 1.2 !important;
}
#learning_program p.num01{
	background:url(/football_museum/img/school_num_01.png) no-repeat left center;
	background-size: 25px auto;
}
#learning_program p.num02{
	background:url(/football_museum/img/school_num_02.png) no-repeat left center;
	background-size: 25px auto;
}
#learning_program p.num01 span,
#learning_program p.num02 span{
	font-size: 14px !important;
}

#learning_program .bg_arrow,
#work_experience .bg_arrow{
	background:url(/football_museum/img/school_ico_arrow.png) no-repeat center bottom;
	background-size: 20px auto;
	padding-bottom: 25px !important;
	margin-bottom: 10px;
}

/*職業体験*/
#work_experience .schedule_tab_links {
    margin: 20px 0 15px;
    overflow: hidden;
    position: relative;
}
#work_experience .schedule_tab_links ul {
    display: table;
    list-style: outside none none;
    margin: 0;
    padding: 0;
	width: 100%;
	border-bottom: solid 1px #ccc;
}
#work_experience .schedule_tab_links ul li {
    display: table-cell;
    padding: 0 0 0 10px;
	 position: relative;
	 bottom: -1px;
}
#work_experience .schedule_tab_links ul li.bold {
    font-size: 14px;
    font-weight: bold;
}
#work_experience .schedule_tab_links ul li a {
    border: 1px solid #ccc;
    display: inline-block;
    float: left;
    font-weight: bold;
    padding: 5px 10px;
    text-decoration: none;
	margin-right: 5px;
}
#work_experience .schedule_tab_links ul li a:hover {
	background: #ccc; 
}
#work_experience .schedule_tab_links ul li a.active {
	 border-bottom: 1px solid #fff;  
}
#work_experience .schedule_tab_links ul li a.active:hover{
	background: #fff;
}
#work_experience .table04 td,.table03 th{
	padding: 5px;
}

#work_experience .table04 tr td:first-child{
	width: 90px;
}
#work_experience .r_area span{
	margin:0;
	display:inline;
}
#work_experience .disnon{
    display:none !important;
}
#work_experience .target_block{
	border: solid 1px #ccc;
	padding: 5px;
	margin: 15px 5px 5px;
}
#work_experience .target_block p{
	margin: 0 ;
}
#work_experience .target_block .ttl_goal{
	border-bottom: solid 2px #072c87;
	color: #072c87;
	font-weight: bold;
	padding-bottom: 4px!important;
	font-size: 15px !important;
	margin: 0 0 8px !important;
	text-align: center;
}