@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;
}

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



#relative-area_football_museum {
  margin: 35px 0px 30px;
}

#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 {
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
	width: 225px;
}

#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{
	float:left;
	width:350px;
	margin-right:20px;
}

.r_area{
	float:left;
	width:330px;
}

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

.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 img{
	float:left;
  }
.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-bottom:0;
}

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

dl.hours dt{
	border:#ccc;
	display:block;
	width:50px;
	height:30px;
	margin-right:5px;
}

dl.hours dd{
	margin:0 10px 0 0;
	width:105px;
	display:block;
}


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{
	display:table;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
}

ul.calendar li:first-child{
	position:relative;
}

ul.calendar.second li .week,
ul.calendar.second li .week_end{
	display:none;
}

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


ul.calendar li{
	display:table-cell;
	border-right:1px #ccc solid;
	width:99px;
	padding-bottom:20px;/*3つ帯がある場合*/
}

ul.calendar li .week{
	border-bottom:1px #999 solid;
	background:#eee;
	text-align:center;
	font-weight:bold;
	padding:5px;
	font-size:16px;
}

ul.calendar li .week_end{
	border-bottom:1px #999 solid;
	background:#ddd;
	text-align:center;
	font-weight:bold;
	padding:5px;
	font-size:16px;
}

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

ul.calendar li .date_close{
	border-top:1px #fff 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;
}

ul.calendar li .date_special{
	border-top:1px #fff 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;
}

ul.calendar li .date_holiday{
	border-top:1px #fff 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;
}

ul.calendar li .date_except{
	border-top:1px #fff 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;
}



ul.calendar li .schdule{
	font-size:10px;
	padding:5px;
	min-height:50px;
}

ul.calendar li .schdule .schdule_02{
	color:#333 !important;
}

ul.calendar li .schdule .schdule_03{
	color:#fff !important;
	display:none !important;
	font-size:1px !important;
}

ul.calendar li .event{
	display:table-cell;
	font-size:1px;
	padding:5px;
	height:30px;
	color:#fff;
	vertical-align:bottom;
}

.event a{
	color:#fff !important;
}

/*次月　再来月*/

.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{
	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 {
	float:left;
	margin:0 10px 20px 0;	
}
*/
ul.manth li{
	border:1px solid #ccc;
	display:block;
	padding:5px 40px;
	float:left;
	margin:0 10px 0 0;	
}

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

ul.manth li.active{
	border:1px solid #ccc;
	background:#eee;
	display:block;
	padding:5px 40px;
}

#manth-wrap .link_cal{
	position:absolute;
	top:5px;
	right:50px;
	font-size:16px;
}

.disnon{
    display:none !important;
   }


/*帯イベント*/

.event_belt_01{
	background:#4D7AFF;
	display:block;
	position:absolute ; 
	bottom:25px;
	height:20px;
	text-align:left;
	z-index:999;
}

.event_belt_02{
	background:#FF8000;
	display:block;
	position:absolute ; 
	bottom:3px;
	height:20px;
	text-align:left;
	z-index:998;
}

.event_belt_03{
	background:#aaa;
	display:block;
	position:absolute ; 
	bottom:3px;
	height:20px;
	text-align:left;
	z-index:998;
}

.event_belt_excibition{
	background:#53be40;
	display:block;
	position:absolute ; 
	bottom:48px;
	height:20px;
	text-align:left;
	z-index:997;
}

.event_belt_01 a,
.event_belt_02 a,
.event_belt_excibition a{
	color:#FFFFFF;
	padding:2px 0 2px 5px;
	font-size:10px;
	text-decoration:underline;
}

.event_belt_01 a:hover,
.event_belt_02 a:hover,
.event_belt_excibition a:hover{
	color:#eee;
	text-decoration:none;
}

/*.event_belt_excibition a{
	color:#333;
}*/

.event_belt_01 span,
.event_belt_02 span,
.event_belt_03 span,
.event_belt_excibition span{
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 0 2px 5px;
	font-size:10px;
}

.event_belt_01.arrow{
	background: url(/football_museum/img/arrow01.gif) no-repeat right 0 #4D7AFF;
}

.event_belt_02.arrow{
	background: url(/football_museum/img/arrow02.gif) no-repeat right 0 #FF8000;
}

.event_belt_03.arrow{
	background: url(/football_museum/img/arrow03.gif) no-repeat right 0 #aaa;
}

.event_belt_excibition.arrow{
	background: url(/football_museum/img/arrow_excibition.gif) no-repeat right 0 #53be40;
}

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

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

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


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

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

#slider2 dl.hours dt{
	border:#ccc;
	display:block;
	width:50px;
	height:30px;
	margin-right:5px;
}

#slider2 dl.hours dd{
	margin:0 10px 0 0;
	width:165px;
	display:block;
	text-align:left;
}

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

#slider2 .slider-wrap .frame-wrap {
    height: 180px;
    margin: 0px auto;
   width: 910px;
}

#slider2 .slider-wrap .frame li {
    float: left;
    height: 180px;
width: 910px;
}


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

/*トップ用カレンダー*/
.calendar{
	display:table;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
	border-left:1px #ccc solid;
}

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

.calendar.second li .week,
.calendar.second li .week_end{
	display:none;
}

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


.calendar .day{
	display:table-cell;
	border-right:1px #ccc solid;
	width:129px;
	padding-bottom:10px;
}

.calendar .day .week{
	border-bottom:1px #999 solid;
	background:#eee;
	text-align:center;
	font-weight:bold;
	padding:5px;
	font-size:16px;
}

.calendar .day .week_end{
	border-bottom:1px #999 solid;
	background:#ddd;
	text-align:center;
	font-weight:bold;
	padding:5px;
	font-size:16px;
}

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

.calendar .day .date_close{
	border-top:1px #fff 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;
}

.calendar .day .date_special{
	border-top:1px #fff 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;
}

.calendar .day .date_holiday{
	border-top:1px #fff 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;
}

.calendar .day .date_except{
	border-top:1px #fff 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;
}



.calendar .day .schdule{
	font-size:10px;
	padding:5px;
	min-height:50px;
	text-align:left;
}

.calendar .day .schdule .schdule_02{
	color:#333 !important;
}

.calendar .day .schdule .schdule_03{
	color:#fff !important;
	display:none !important;
	font-size:1px !important;
}

.calendar .day .event{
	font-size:1px;
	padding:5px;
	height:30px;
	color:#fff;
	vertical-align:bottom;
}


#slider2 .slider-wrap .frame li a {
    display: inline !important;
    height: 68px;
    position: relative;
    width: 300px !important;
    margin: 0px auto;
	text-align:left !important;
}


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

.calendar .close .date_close{
	color:#999 !important;
}

.calendar .day.close{
	color:#999 !important;
}


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

.ref_l_area{
	float:left;
	width:340px;
	margin-right:20px;
}

.ref_r_area{
	float:left;
	width:340px;
}

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

.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:160px;
	height:100px;
	float:left;
	margin:0 20px 20px 0;
	text-align:center;
}

.support li:nth-child(4n){
	margin:0 0 20px 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;
  }


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

#itembox .item:nth-child(5n){
	float:left;
	width:131px;
	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{
	width:700px;
	margin:20px 20px 0 0;
}

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


.body-area .news-content li.holding {
    float: left;
    height: auto !important;
    margin: 0 20px 20px 0;
    position: relative;
    width: 340px !important;
  }
  .body-area .news-content li.holding:nth-child(2n) {
	      margin: 0 0 20px 0 !important;
  }
  
   .body-area .news-content li .photo img{
    width:100%;
  }
   .body-area .news-content li.rightLi {
    margin: 0 0 20px 0;
  }
     .body-area .news-content li .new-icon {
      left: 0;
      position: absolute;
      top: 3px;
    }
    .body-area .news-content li .text-bg {
      background: #000000;
      bottom: 0;
      left: 0;
      height: 60px;
      position: absolute;
      width: 100%;
       filter: alpha(opacity=80);
       -ms-filter: 'alpha(opacity=80)';
       opacity: .8;
    }
    .body-area .news-content li .text-area {
      bottom: 0;
      color: #ffffff;
      font-size: 11px;
      height: 60px;
      left: 0;
      margin: 0 10px;
      overflow: hidden;
      position: absolute;
    }
    .body-area .news-content li .text-area .date {
      padding: 5px 0 0;
    }

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

.ttl_exhibition2{
	font-size:16px;
	color:#FFFFFF;
	padding-top:5px;
	}
	
.exhibition .ttl-news{
	display:none;
}


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

.bx-viewport{
	height:190px !important;
}

/*周辺スポット
-------------------------------------------------- */
.ttl_txt{
	float:left;
	width:80%;
	padding-left:12px;
}

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

#map_basic{
	margin-bottom:20px;
}

.link_areaL{
	float:left;
	width:225px;
	margin-right:20px;
}


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

.school_menu{
	margin-top: 40px;
	
}
.menu_program{
	width: 340px;
	background: #ebf1ff;
	float: left;
}
.menu_program:nth-child(2){
	margin-left: 20px;
	
}
.menu_program > div{
	padding: 10px;	
}
.menu_program p.program_title{
	font-size: 18px !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;
}
.menu_program a:hover{
	opacity: 0.75;
	
}
/*学習プログラム*/
#learning_program h5.flow{
	/*border-bottom: none !important;*/
	color: #072c87;
	font-size: 20px !important;
	border-bottom: solid 1px #072c87;
}
#learning_program h5.flow span.date{
	color: #000;
	font-size: 14px;
	margin-left: 20px;
}
#learning_program h5.flow span.time{
	background: #072c87;
	display: inline-block ;
	padding: 0px 25px;;
	color: #fff;
	font-size: 16px;
}
#learning_program p.num01,
#learning_program p.num02{
	height: 35px;
	line-height: 35px!important;
	font-size: 18px !important;
	font-weight: bold;
	display: block;
	padding-left: 45px !important;
	clear: both;
}
#learning_program p.num01{
	background:url(/football_museum/img/school_num_01.png) no-repeat left center;
}
#learning_program  p.num02{
	background:url(/football_museum/img/school_num_02.png) no-repeat left center;
}
#learning_program p.num01 span,
#learning_program p.num02 span{
	font-size: 14px !important;
}
#learning_program div.bg_arrow{
	background:url(/football_museum/img/school_ico_arrow.png) no-repeat center bottom;
	padding-bottom: 60px !important;
}

/*職業体験*/
#work_experience p.bg_arrow{
	background-image:url(/football_museum/img/school_ico_arrow.png);
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: center bottom;
	padding-bottom: 35px !important;
}
#work_experience .schedule_tab_links {
    margin: 20px 0 0;
    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 15px 0 0;
	 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 .disnon{
    display:none !important;
   }

#work_experience .target_block{
	border: solid 1px #ccc;
	padding: 10px 20px;
	margin-top: 20px;
	
}
#work_experience .target_block .ttl_goal{
	border-bottom: solid 3px #072c87;
	color: #072c87;
	font-weight: bold;
	padding-bottom: 4px!important;
	font-size: 16px !important;
	margin-top: 0 !important;	
}