@charset "utf-8";


/*------------------------------------------------------------------------------
    MainVisual
------------------------------------------------------------------------------*/
.bx-custom-pager{bottom: -50px !important;}
.bx-custom-pager .bx-pager-item{width: 33%}
.bx-pager-item .active img{opacity: 0.1}

div.bx-wrapper{
	overflow:hidden;
	width:100% !important;
}

div.bx-window{
	width:960px !important;
	height:235px !important;
	margin:0 auto !important;
	overflow: visible !important;
	display: block;
}

div.slide{
	width:960px;
	}
	
div#slider{
	height:235px;
	overflow: hidden;
	}
	
.bx-pager a{
     filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
	}

.bx-pager a.pager-active{
     filter:alpha(opacity=100);
     -moz-opacity:1.00;
     -khtml-opacity: 1.00;
     opacity:1.00;
	}
	
.bx-pager img{
	}
	
.bx-pager{
	position: absolute;
	top:230px;
	left:53%;
	overflow:hidden;
	}

.bx-pager:after{
	clear:both;
	}
	
.bx-pager div{
	float:left;
	margin-right:5px;
	}
	
/*----ローディング----*/
#loader {
	position: absolute;
	text-align: center;
	font-size: 100%;
	width: 710px;
	height: 490px;
	background: #FFF;
	padding-top: 200px;
	z-index: 2;
}

#loader2 {
	position: absolute;
	text-align: center;
	font-size: 100%;
	width: 100%;
	height: 140px;
	background: #FFF;
	padding-top: 100px;
	z-index: 2;
}

/*------------------------------------------------------------------------------
    トップページ
------------------------------------------------------------------------------*/
div#left{
	width: 340px;
	height: 306px;
	float: left;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 0;
	}
	
div#left dl{
	overflow: hidden;
	width: 330px;
	padding: 20px 0 30px 10px;
	margin: 0;
	}
	
div#left dt{
	float: left;
	margin-right:20px;
	padding: 0px;
	}
	
div#left dd{
	float: left;
	color: #000;
	}
	
div#left dd span.sat{
	color: #0222ac;
	}
	
div#left dd span.sun{
	color: #ba2323;
	}
		
div#left dd.game-name{
	width:330px;
	clear: both;
	color: #000;
	}
	
div#left dd.game-name{
	clear: both;
	margin-top: 15px;
	padding: 0;
	}
	
div#left table{
	clear: both;
	text-align:center;
	border: 1px solid #acacac;
	margin: 0 10px 0 10px;
	padding: 0;
	}
	
div#left table th{
	width: 110px;
	height: 35px;
	text-align:center;
	border: 1px solid #acacac;
	}
	
div#left table th.shinoro{
	background-color: #f6d52b;
	}
	
div#left table th.time{
	width: 90px;
	background-color: #000;
	}
	
div#left table th.vs{
	background-color: #306b86;
	color: #fff;
	}
	
div#left table td{
	height: 50px;
	border: 1px solid #acacac;
	background-color: #acacac;
	text-align:center;
	}
	
div#left table td.point{
	font-size:48px;
	font-weight: bold;
	background-color: #fff;
	}
	
	
div#right{
	width: 350px;
	height: 306px;
	float: right;
	padding: 0;
	}
	
div#right .right-top{
	width: 350px;
	height: 145px;
	background: url(../img/top/top_members.jpg) no-repeat 0 0;
	}

div#right .right-top h3{
	padding: 15px 0 20px 88px;
	margin: 0;
	}
	
div#right .right-top span img{
	padding: 0;
	margin: 5px 0 0 230px;
	}
	
div#right .right-top p{
	padding-left: 30px;
	margin: 0;
	}
	
div#right .right-bottom{
	width: 350px;
	height: 146px;
	background: url(../img/top/top_shinoro.jpg) no-repeat 0 0;
	margin-top: 15px;
	padding: 0;
	}
	
div#right .right-bottom h3{
	padding: 10px 0 0 15px;
	margin: 0;
	}
	
div#right .right-bottom p{
	width: 195px;
	padding: 8px 0 0 15px;
	margin: 0;
	}
	
div#right .right-bottom span img{
	padding: 0;
	margin: 3px 0 0 230px;
	}
	
div#top-news{
	clear: both;
	width: 710px;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 0;
	}
	
div#top-news h2 span{
	margin-left: 535px;
	font-size: 14px;
	}
	
div#top-news dl{
	width: 710px;
	min-height:30px;
	clear: both;
	overflow:hidden;
	padding: 10px 0 4px 0;
	margin: 0px;
	}
	
div#top-news dl:nth-child(odd) {
	background-color: #fcfaef;
	}
		
div#top-news dt{
	float: left;
	clear:both;
	font-weight: bold;
	margin-left: 10px;
	padding-top: 3px;
	}
	
div#top-news dd{
	width: 598px;
	margin-left: 100px;
	padding-top: 3px;
	}
	
div#top-news dd img{
	vertical-align:middle;
	}
	
div#top-news span.new{
	margin-right: 5px;
	}

/*------------------------------------------------------------------------------
    篠路FCとは
------------------------------------------------------------------------------*/

div#shinoro{
	height: 550px;
	background-color: #fff;
	margin-bottom: 20px;
	}
	
div.shinoro-box{
	padding: 15px;
	}
	
/*------------------------------------------------------------------------------
    スタッフ紹介
------------------------------------------------------------------------------*/

div#staff{
	background-color: #fff;
	margin-bottom: 20px;
	overflow: hidden;
	}
	
div.staff-list{
	padding: 15px;
	}
	
div#staff h4{
	border-bottom: 1px solid #f1cb07;
	padding-bottom: 5px;
	}
	
div#staff h4 span{	
	color: #c06503;
	}
	
div#staff img{
	border: 1px solid #dadada;
	}
	
div#staff p{
	margin-top: 5px;
	}
	
div#staff .staff-box{
	min-height: 182px;
	padding: 8px 0 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #adadad;
	}
		
div#staff .left{
	width: 160px;
	height: 180px;
	float: left;
	}
	
div#staff .right{
	fliat: left;
	overflow: hidden;
	padding-left: 10px;
	}
	
/*------------------------------------------------------------------------------
    ギャラリー
------------------------------------------------------------------------------*/

div#gallerys{
	min-height: 690px;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 0px;
	}
	
/*------------------------------------------------------------------------------
    お知らせ
------------------------------------------------------------------------------*/
div#news {
	margin-bottom: 20px;
	width: 710px;
	min-height: 650px;
	background-color: #fff;
	}
	
div.news-list{
	min-height: 600px;
	clear: both;
	background-color: #fff;
	margin: 0;
	padding-top: 10px;
	}
	
div.news-list span{
	float: left;
	}
	
div.news-list span.icon{
	width: 55px;
	height: 24px;
	margin-right: 10px;
	position: relative;
	top: -3px;
	}
	
div.news-list span.new{
	margin-right: 5px;
	}
	
div#news h2 span{
	margin-left: 535px;
	font-size: 14px;
	}
	
div#news .news-list dl{
	width: 710px;
	clear: both;
	padding: 8px 0 8px 0;
	margin: 0px;
	}
	
div#news .news-list dl:nth-child(even) {
	background-color: #fcfaef;
	}
		
div#news .news-list dt{
	float: left;
	font-weight: bold;
	margin: 0 15px 0 10px;
	padding-top: 5px;
	}
	
div#news .news-list dd{
	margin-right: 10px;
	padding: 6px 0 8px 10px;
	}
	
div#news .news-box{
	background-color: #fff;
	padding: 20px 15px 15px 15px;
	}
	
div#news .news-box dl{
	height: 50px;
	}
	
div#news .news-box dt{
	float: left;
	overflow: hidden;
	font-weight: bold;
	margin: 3px 15px 0 0;
	padding-bottom: 20px;
	}

/*------------------------------------------------------------------------------
    大会スケジュール
------------------------------------------------------------------------------*/

div#schedule{
	width: 710px;
	background-color: #fff;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}

div#schedule div.category-key{
	margin:15px 0 0 0 ;
	}
	
div#schedule div.category-key h3{
	display:none;
	}
	
/*------------------------------------------------------------------------------
    大会結果詳細
------------------------------------------------------------------------------*/

div.result-box .left{
	width: 340px;
	float: left;
	background-color: #fff;
	margin-bottom: 20px;
	padding: 0;
	}
	
div.result-box .left table{
	clear: both;
	text-align:center;
	border: 1px solid #acacac;
	margin: 0 10px 0 10px;
	padding: 0;
	}
	
div.result-box .left table th{
	width: 110px;
	height: 35px;
	text-align:center;
	border: 1px solid #acacac;
	}
	
div.result-box .left table th.shinoro{
	background-color: #f6d52b;
	}
	
div.result-box .left table th.time{
	width: 90px;
	background-color: #000;
	}
	
div.result-box .left table th.vs{
	background-color: #306b86;
	color: #fff;
	}
	
div.result-box .left table td{
	height: 50px;
	border: 1px solid #acacac;
	background-color: #acacac;
	text-align:center;
	}
	
div.result-box .left table td.point{
	font-size:48px;
	font-weight: bold;
	background-color: #fff;
	}
	
div.result-box .right{
	width: 200px;
	height: 140px;
	overflow: hidden;
	padding: 0px;
	margin-bottom: 20px;
	}
	
div.result-box .right dl{
	margin-bottom: 10px;
	}
	
div.result-box .right dt{
	float: left;
	margin-right: 10px;
	}
	
div.result-box .right dd{
	color: #000;
	}
	
div.result-box .right span.sat{
	color: #0222ac;
	}
	
div.result-box .right span.sun{
	color: #ba2323;
	}
		
/*------------------------------------------------------------------------------
    スタッフブログ
------------------------------------------------------------------------------*/

div.blog-list{
	min-height: 600px;
	clear: both;
	background-color: #fff;
	margin: 0;
	padding-top: 10px;
	}
	
div.blog-list span.new{
	float: left;
	margin-right: 5px;
	}
	
div#news .blog-list dl{
	width: 710px;
	clear: both;
	padding: 12px 0 2px 0;
	margin: 0px;
	overflow: hidden;
	}
	
div#news .blog-list dl:nth-child(even) {
	background-color: #fcfaef;
	}
		
div#news .blog-list dt{
	float: left;
	font-weight: bold;
	margin: 0 15px 0 10px;
	padding: 0px;
	}
	
div#news .blog-list dd{
	float: left;
	margin-left: 10px;
	padding-bottom: 12px;;
	}
	
/*------------------------------------------------------------------------------
    よくある質問
------------------------------------------------------------------------------*/

div#qa{
	height: 600px;
	background-color: #fff;
	margin-bottom: 20px;
	}
	
div.qa-list{
	margin-bottom: 20px;
	padding: 15px;
	overflow: hidden;
	}

/*	
div#qa img{
	float: left;
	margin-right:10px;
	}
*/
	
div#qa .q{
	background: url(../img/qa/icon_q.gif) no-repeat 0px 3px;
	padding:0 35px;
	min-height:41px;
	}

div#qa .a{
	background: url(../img/qa/icon_a.gif) no-repeat 0px 5px;
	padding:0 35px;
	min-height:41px;
	}

	
div#qa .toggle_container{
	background-color: #fefafa;
	margin: 10px 0 10px 0;
	padding: 5px 10px 10px 0;
	overflow: hidden;
	}
	
div#qa .trigger{
	padding-bottom: 10px;
	background: url(../img/qa/icon_arrow_down.gif) no-repeat 655px 20px;
	border-bottom: 1px dotted #dadada;
	}
	
div#qa .active{
	background: url(../img/qa/icon_arrow_up.gif) no-repeat 655px 20px;
	}
	
div#qa .qa-box{
	margin-bottom: 10px;
	overflow: hidden;
	}
	
/*------------------------------------------------------------------------------
    個人情報保護方針
------------------------------------------------------------------------------*/

div#policy{
	background-color: #fff;
	margin-bottom: 20px;
	}
	
div.policy-box{
	padding: 15px 15px 50px 15px;
	}
	
div#policy h4{
	height: 18px;
	color: #b39600;
	margin: 25px 0 15px 0;
	padding-left: 25px;
	background: url(../img/policy/icon_soccer.gif) no-repeat 0 0;
	}

div#policy ul{
	padding:5px 0 0 18px;
	}

div#policy li{
	padding:3px 0;
	}
	
/*------------------------------------------------------------------------------
    新入団生募集
------------------------------------------------------------------------------*/
div.result-box{
	padding: 15px;
	}
	
div#recruit01{
	height: 325px;
	background-color: #fff;
	margin-bottom: 20px;
	}

div#recruit01 p{
	margin-bottom: 25px;
	}
	
div#recruit01 td{
	width: 535px;
	border: 1px solid #fff;
	background-color: #fcfaf0;
	padding-left: 10px;
	}
		
div#recruit01 th{
	width: 120px;
	height:50px;
	background-color: #e6c935;
	border: 1px solid #fff;
	padding:0 0 0 15px;
	
	}
	
div#recruit02{
	background-color: #fff;
	margin-bottom: 20px;
	}
	
div#recruit02 p{
	margin-bottom: 25px;
	}
	
.form{
	margin: 0px;
	padding: 0px;
	}
	
.form table{
	border-collapse: collapse;
	}
	
.form td{
	width: 450px;
	height:50px;
	border: 1px solid #fff;
	background-color: #fcfaf0;
	padding: 5px 0 5px 10px;
	font-size: 14px;
	}
	
.form td textarea{
	font-size: 14px;
	}

.form td span.age{
	margin-left:10px;
	}
			
.form th{
	width: 200px;
	height:50px;
	background-color: #e6c935;
	border: 1px solid #fff;
	padding-left: 15px;
	text-align:left;
	font-weight:normal;
	font-size:14px;
	}

.form th span.red{
	font-size:10px;
	
	color:#ffffff;
	border:1px solid #eee;
	background-color:#ff0000;
	padding:2px 3px;
	margin-left:5px;
	}
	
.form ul{
	overflow: hidden;
	clear: both;
	margin: 20px 0 0 230px;
	*margin: 0;
	padding: 0px;
	*padding: 20px 0 0 230px;
	}
	
.form li{
	list-style: none;
	float: left;
	margin-right: 10px;
	}
	
.form p{
	font-size: 14px;
	}
	
.form-error{
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	}
	
.form-error ul{
	width: 652px;
	overflow: hidden;
	padding: 10px;
	background-color: #fcfaf0;
	}
	
.form-error li{
	margin-left: 20px;
	}
	
.form-error td{
	font-size: 14px;
	}
	
.form-error a{
	text-decoration: none;
	color: #000;
	}

/*------------------------------------------------------------------------------
    父兄から
------------------------------------------------------------------------------*/

div.parents-list{
	min-height: 600px;
	clear: both;
	background-color: #fff;
	margin: 0;
	padding-top: 10px;
	}
	
div.parents-list span.new{
	margin-right: 5px;
	}
	
div#news .parents-list dl{
	width: 710px;
	height:30px;
	clear: both;
	padding: 12px 0 2px 0;
	margin: 0px;
	}
	
div#news .parents-list dl:nth-child(even) {
	background-color: #fcfaef;
	}
		
div#news .parents-list dt{
	float: left;
	font-weight: bold;
	margin-left: 10px;
	padding: 0;
	}
	
div#news .parents-list dd{
	float: left;
	margin-left: 20px;
	padding-bottom: 12px;
	}