@charset "utf-8";
/* CSS Document */
/*
===== BASE STYLE ====================================
*/
/* =========================================================
■wrapper
========================================================= */

/*モーダル*/
.bg { position:fixed; top:50%; left:50%; margin:-600px 0 0 -900px; }
.remove_cookie{ display:block; position:fixed; width:200px; height:40px; top:40%; left:50%; margin:-20px 0 0 -100px; color:#999; font-weight:bold; text-align:center; text-decoration:none; line-height:40px; background:#FFF; border:1px solid #CCC; border-radius:20px; box-shadow:0 5px 10px rgba(0,0,0,0.4); cursor:pointer; }
.remove_cookie:hover { color:#333; }
.modal { position:fixed; display:none; z-index:999; top:50%; left:50%; width:1200px; height:800px; margin:-400px 0 0 -600px; padding:0px; color:#FFF; text-align:center;}
.modal img { vertical-align:bottom;width: 85%; border: 1px solid #fff;}
.modal p { margin-bottom:10px; }
.modal ul { text-align:center; }
.modal li { display:inline; }
.modal a { cursor:pointer; }

/*ここまで*/

#wrapper {
	width:auto;
	margin: 0px auto;
	text-align:left;
	display: block;
	padding:50px 0 0 0 ;
	position: relative;
}
#box{width:1000px;margin:0 auto;overflow: hidden;}
#section{width:1000px;margin:0 auto;overflow: hidden;}
#section .md{margin:0 0 30px 0;}
#section .md, #sponserBlk .md{
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:36px;
	color:#189249;
	letter-spacing: 0.04em;
	line-height: 1;
	padding:5px 0;
	margin:0 0 10px 0;
}

.blk{margin:0 0 50px 0;}

.pic{background-image: url(../img/main.jpg);height:800px;background-size: cover;background-position: 50% 50%;}
#about .pic{background:transparent url(../about/img/main.jpg) no-repeat scroll center top;width:100%;height:450px;}
#access .pic{background:transparent url(../access/img/main.jpg) no-repeat scroll center top;width:100%;height:450px;}
#blog .pic{background:transparent url(../blog/img/main.jpg) no-repeat scroll center top;width:100%;height:450px;}
#facility .pic{background:transparent url(../guide/img/main.jpg) no-repeat scroll center top;width:100%;height:450px;}
#contact .pic{background:none;width:100%;height:230px;}
#news .pic{background:none;width:100%;height:230px;}
#event .pic{background:none;width:100%;height:230px;}
#reserve .pic{background:none;width:100%;height:230px;}
#sponsor .pic{background:none;width:100%;height:230px;}
#policy .pic{background:none;width:100%;height:230px;}

.soccer .pic02{background-image: url(../guide/soccer/img/main.jpg);height:1000px;background-size: cover;background-position: 50% 50%;}
.soccer .pic02.field01{background-image: url(../guide/soccer/img/main01.jpg);height:1000px;background-size: cover;background-position: 50% 50%;}
.soccer .pic02.field02{background-image: url(../guide/soccer/img/main02.jpg);height:1000px;background-size: cover;background-position: 50% 50%;}
.soccer .pic02.field03{background-image: url(../guide/soccer/img/main03.jpg);height:1000px;background-size: cover;background-position: 50% 50%;}
.soccer .pic02.field04{background-image: url(../guide/soccer/img/main04.jpg);height:1000px;background-size: cover;background-position: 50% 50%;}

.l{position: absolute;top:0;left:0;z-index:1;}
.r{position: absolute;bottom:0px;right:0;z-index:1;}

#title{width:1000px;margin:100px auto 0;}
#name{width:1000px;margin:120px auto 0 ;}
.flied .pic{height: 480px!important;}
.title{margin:0 0 10px 0;}
/*
===== 1: HEADER ==========================================
*/
#header{
	width:1000px;
	margin: 0 auto;
	overflow:hidden;
}
#header .col{width:220px;color:#126eae;height:80px;float:left;border-left:3px solid #126eae;padding:0 20px;}
#header .col:last-child{padding-right:0;}
#header .col.menu{width:450px;}
#header .col.menu ul{overflow: hidden;padding:10px 0 0 0;}
#header .col.menu ul li{float: left;padding:0px 20px 4px 10px;font-size: 13px;background-image: url(../cmn_img/arrow.png);background-repeat: no-repeat;background-position: 0 30%;}
#header .col .md{margin:0 0 2px 0;}
#header .col p{font-size:12px;line-height: 120%;padding:4px 0;}
#header .contact ul{overflow: hidden;}
#header .contact ul li{float:left;}
#header .contact ul li:first-child{margin-right:5px;}

#logo{position: absolute;top:50px;left:60px;z-index:1000;}
/*#logo{position: absolute;top:50px;left:60px;z-index:1000;}*/
#lang{position: absolute;top:0px;right:0px;font-size: 10px;z-index:1000;}
#lang ul{overflow: hidden;}
#lang ul li{float:left;text-align: center;border-left:1px solid #126eae;padding:3px 0px;}
#lang ul li span a{
padding:6px 10px;
top: 0;
left: 0;
width: 100%;
height: 100%;}

#lang ul li span a:hover{
background-color: #fff;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#lang ul li.active span a{background-color: #fff;}

#lang .facebook{margin:0px 10px 0 0;border: none;}

#menu{float:right;overflow:hidden;}
#menu .mail{margin:0 0 6px 0;}
#menu .tel{text-align:right;}

#globalmenu{clear:both;overflow:hidden;}
#globalmenu ul li{float:left;margin:0;}


.breadcrumb {
	width:1000px;
	margin:0 auto;
	clear:both;
	font-size: 10px;
	padding:12px 0 50px 0;
}


/*
===== 2: FOOTER ==========================================
*/

#footer{
	clear:both;
	width:100%;
	margin:0;
	padding:120px 0 0 0;
	text-align:left;
	display: block;
	font-size:12px;
	color:#fff;
}
#dreamcamp{background-image: url(../cmn_img/dreamcamp.jpg);background-size: cover;background-position: 50% 50%;height: 260px;padding:70px 0;text-align: center;}
#dreamcamp .logo{margin:0 0 25px 0;}

#footer .link{background-color: #189249;padding:15px 0;font-size:12px;}
#footer .link .box{width:1000px;margin:0 auto;overflow:hidden;}

#footer .link .box .lk ul { list-style:none; padding:0;float:left;}
#footer .link .box .lk ul > li { display:inline;}
#footer .link .box .lk ul > li:not(:nth-child(1)):before {
  content:" ・ ";
  color:silver;
}
.copyright{float: right;font-size:12px;}

/*
===== 3: NAVIGATION ======================================
*/

div#navigation {
	float: right;
	width: 220px;
}


#menu_box{
	display:block;
	border:1px solid #ccc;
	padding:12px;
	background:#e9eaeb;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fdfdfd /*{c-bup-background-start}*/), to( #eee /*{c-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
}
#menu_box h2		{ margin:0 0 10px 0 ; }
#menu_box ul		{ padding:0 ; margin:0 ; background:#fff; }
#menu_box li		{ padding:0 ; margin:0 ;background:url(../cmn_img/arrow.jpg) 10px 50% no-repeat; }
#menu_box li a		{ padding:8px 18px ; margin:0 0 1px 0 ;display:block;border-bottom:1px dotted #ccc; }


#menu_line{
	display:block;
}
#menu_line h2		{ margin:0 0 10px 0 ; }
#menu_line li		{ padding:8px 0 ; border-bottom:1px dotted #ccc;}
#menu_line li a		{ display:block; }


#bnr{display:block;}
#bnr li{margin:0 0 3px 0;}


/*
===== 4: MAIN CONTENT ====================================
*/


#main{background:transparent url(../img/main.jpg) no-repeat scroll center top;width:100%;height:350px;}
#main02{background-image: url(../img/main02.jpg);background-size: cover;background-position: 50% 50%;height:1000px;}

.copy{margin:150px 0 30px 0;}
#main02 .copy{margin:400px 0 30px 0;}

a.bt img{border: 1px solid #fff;}

#eventInfoBox{width:1000px;overflow:hidden;}
#eventInfoBox ul{
    width:1030px;
    margin:0 -30px 0 0;
    overflow:hidden;
    _zoom:1;
}
#eventInfoBox ul li{
    width:326.667px!important;
    padding:0;
    margin-right:30px;
    float:left;
    overflow: hidden;
}
#eventInfoBox ul li .tmb{float:left;}
#eventInfoBox ul li .txt{float:right;width:200px;padding-right:10px;}

#fieldGuide{overflow: hidden;}
#fieldGuide ul{
    width:1030px;
    margin:0 -30px 0 0;
    overflow:hidden;
    _zoom:1;
}
#fieldGuide ul li{
    width:312px;
    padding:0;
    margin-right:30px;
    float:left;
    text-align: center;
}
#fieldGuide ul li .md{font-size:18px;margin-bottom: 0;padding: 7px 0 0 0;}
#fieldGuide ul li p{padding:8px 0;}

#newsBox{overflow:hidden;}
#newsBox .news{float:left;width:654px;border-right:1px solid #eee;}
#newsBox .bnr{float:right;}
#newsBox .news dl {
width:654px;
font-size:12px;
}
#newsBox .news dt {
float:left;
width:200px;
clear:both;
padding:0 0 15px 0;
}
#newsBox .news dt span{font-size:10px;text-align: center;width:100px;display: inline-block;background-color:#189249;color:#fff;margin:0 0 0 10px;}
#newsBox .news dd {
width:454px;
margin-left:200px;
padding:0 0 15px 0;
}

#reserveBox{text-align: center;color:#126eae;}
#reserveBox ul{
    width:1006px;
    margin:0 -6px 0 0;
    padding:15px 0 30px 0;
    overflow:hidden;
    _zoom:1;
}
#reserveBox ul li{
    width:497px;
    padding:0;
    margin-right:6px;
    float:left;
}

#accessBox{text-align: center;overflow: hidden;margin:0 0 60px 0;}
#accessBox .lk {margin:0 auto;}
#accessBox .lk ul { list-style:none; padding:0;text-align: center;}
#accessBox .lk ul > li { display:inline;}
#accessBox .lk ul > li:not(:nth-child(1)):before {
  content:" ｜ ";
  color:#ddd;
}

p.lead{margin:0 0 30px 0;}
.lead{margin:0 0 30px 0;}

#train .box{margin:0 0 40px 0;}
#train .box .md02{font-size:14px;border-bottom:1px dotted #ddd;margin:0 0 15px 0;padding:0 0 10px 0;font-weight:bold;}
#car .box{margin:0 0 40px 0;}
#car .box .md02{font-size:14px;border-bottom:1px dotted #ddd;margin:0 0 15px 0;padding:0 0 10px 0;font-weight:bold;}


#navigation{float:right;width:220px;}
#contents{float:left;width:740px;}
.entry{border-bottom: 1px dotted #ddd;margin:0 0 60px 0;padding:0 0 60px 0;}
.entry p{margin:0 0 12px 0;}
.entryTitle{font-size:16px;font-weight: bold;color:#189249;margin:0 0 20px 0;}
.entryTitle .date{color: #999;font-size:10px;font-weight: normal;padding:5px 0 0 0;}
#navigation .md{padding:40px 0 10px 0;border-top:5px solid #189249;}
#navigation li{border-top: 1px solid #eee;padding:15px 0;}


table {
	width: 100%;
	border-collapse: collapse;
}
th {
	border: #e3e3e3 1px solid;
	text-align: left;
	background: #f4f4f4;
	padding: 10px;
	width:200px;
}
td {
	border: #e3e3e3 1px solid;
	text-align: left;
	background: #fafafa;
	padding: 10px 20px;
}
#contact table{margin:0 0 20px 0;}

#newsBox ul{margin:0 0 40px 0;}

#newsBox dl {
	width:auto;
	border-bottom: 1px solid #eee;
	padding:15px 0;
	overflow: hidden;
}
#newsBox dl:last-child{margin: 0 0 60px 0;}
#newsBox dt {
	float:left;
	width:120px;
	clear:both;
}
#newsBox dd {
	width:620px;
	margin-left:120px;
}
#newsBox dd span{display: block;margin:0 0 6px 0;}
.newsTitle{text-align: center;}
.newsTitle .date{color:#999;font-size: 14px;margin:0 0 25px 0;}
.newsTitle h2{color:#189249;text-align: center;font-size: 22px;font-weight: bold;margin:0 0 25px 0;}
#news .entry{line-height:1.5em;border-top:1px solid #eee;border-bottom: 1px solid #eee;padding:80px 0;margin:0 0 60px 0;overflow: hidden;}
#news .entry span{line-height:1.5em;}
.md02{font-size:14px;border-bottom:1px dotted #ddd;margin:0 0 15px 0;padding:0 0 10px 0;font-weight:bold;}


#reserve #reserveBox{margin:0 0 60px 0;}
#reserve .blk{margin:0 0 70px 0;}
#reserve dl {
width:1000px;
margin:0 0 30px 0;
}
#reserve dt {
float:left;
width:200px;
clear:both;
padding:0 0 6px 0;
}
#reserve dd {
width:800px;
margin-left:200px;
padding:0 0 6px 0;
}

#reserve p{margin:0 0 30px 0;}

.attention{font-size: 10px;background-color: #fafafa;padding:20px;}
.attention .md02{font-size:10px;margin:0 0 5px 0;padding:0 0 3px 0;}
.attention p{margin:0 0 12px 0!important;}

#partnerBox .bnr{text-align: center;}
#partnerBox .bnr img{margin:0 10px;}

#sponsorBox{
    width:1030px;
}
#sponsorBox ul{
    width:1043px;
    margin:0 -43px 0 0;
    overflow:hidden;
    _zoom:1;
}
#sponsorBox ul li{
    width:165px;
    height:130px;
    padding:0;
    margin-right:43px;
    float:left;
    font-size:10px;
}

#relatedBox ul{text-align: center;}
#relatedBox ul li{display: inline-block;}
#relatedBox ul li img{height:40px;}

.titlePolicy{font-size:18px;font-weight: bold;margin: 0 0 8px 0;}
#policy h4{font-weight: bold;padding:26px 0 4px 0;}
#policy .clearfix {
  display: block;
}
.protect_item {
  width: 60px;
  padding-right: 0px;
  float: left;
  text-align: left;
}
.protect_articles {
  width: 940px;
  float: left;
  text-align: left;
}

#menulist{overflow:hidden;}
#menulist ul{border-right:1px solid #ddd;overflow:hidden;}
#menulist li{
	float:left;
	width:248px;
	text-align: center;
	border-left:1px solid #ddd;
	padding:8px 0;
}
#menulist.two li{
	width:498px;
}
#menulist.five li{
	width:198px;
}
#menulist.six li{
	width:165px;
}
#menulist li.active{background-color: #126eae;}
#menulist li.active a{color:#fff;}
.flied .lead{font-size: 16px;line-height: 150%;padding:60px 0 40px 0 ;}
.flied .lead .name{font-size:20px;font-weight: bold;border-bottom:1px solid #eee;margin:0 0 10px 0;padding:0 0 8px 0;}

#fieldInfoBox{overflow: hidden;}
#fieldInfoBox .md{font-size:20px;font-weight: bold;border-bottom:1px solid #eee;margin:0 0 20px 0;padding:8px 0;}
#fieldInfoBox p{margin:0 0 20px 0;}

#fieldInfoBox ul{margin:0 0 20px 0;}
#fieldInfoBox ul p{margin:0 0 5px 0;font-weight: bold;}

.shopMenu{width:1000px;overflow: hidden;}
.shopMenu ul{
    width:1026px;
    margin:0 -26px 0 0;
    overflow:hidden;
    _zoom:1;
}
.shopMenu ul li{
    width:230px;
    padding:0;
    margin-right:26px;
    float:left;
    text-align: center;
}
.shopMenu ul li .ph{margin:0 0 12px 0;}

.navi{border-top:1px solid #ddd;padding-top:60px;}

.rules{margin:0 0 20px 0;}
.price{margin:0 0 20px 0;}

.aboutSakai{margin:0 0 50px 0;width:1000px;overflow: hidden;}
.aboutSakai .logo{float:left;width:250px;margin:12px 0 0 0;}
.aboutSakai .mean{float:right;width:720px;}
.aboutSakai dl {
width:720px;
}
.aboutSakai dt {
float:left;
width:40px;
clear:both;
padding:0 0 6px 0;
}
.aboutSakai dt span{font-weight: bold;color: green;}
.aboutSakai dd {
width:680px;
margin-left:40px;
padding:0 0 6px 0;
}
.aboutSakai dd span{display: inline-block;width:120px;}

#sponserBlk{width:1000px;margin:0 auto;overflow: hidden;}
#sponserBlk .md{text-align: center;margin:0 0 20px 0;width:1000px;}
#sponserBlk #sponsorBox{
    width:1030px;
}
#sponserBlk #sponsorBox ul{
    width:1030px;
    margin:0 -30px 0 0;
    overflow:hidden;
    _zoom:1;
}
#sponserBlk #sponsorBox ul li{
    width:83px;
    height:40px;
    padding:0;
    margin-right:30px;
    margin-bottom:15px;
    float:left;
    font-size:10px;
}
#sponserBlk #sponsorBox ul li img{height:40px;width: auto;}
#sponserBlk #partnerBox .bnr img{height:40px;margin:0 5px;}

#faqBox{background-color: #f5f5f5;padding:30px 30px 0 30px;}
.titleFAQ{font-size:18px;font-weight: bold;padding: 0 0 8px 0;margin: 0 0 30px 0;border-bottom:1px solid #ddd;color:#189249;}
.faq{border-bottom: 1px dotted #ddd;margin: 0 0 30px 0;}
.faq .q{font-weight: bold;color:#126eae;margin:0 0 10px 0;}
.faq .q span{width:30px;display: inline-block;}
.faq .answer dl{
width:940px;
margin:0 0 20px 0;
}
.faq .answer dt {
float:left;
width:30px;
clear:both;
padding:0 0 4px 0;
}
.faq .answer dd {
width:910px;
margin-left:30px;
padding:0 0 4px 0;
}
#faqBox .last{border-bottom:none;padding-bottom:10px;}
.faq .answer dd span{color:#189249;}

#guidePDF{text-align: center;margin:0 0 100px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding:17px 0;font-size: 18px;font-weight: bold;}



#greeting{
	line-height: 160%;
	font-family: 'times' , serif;
    letter-spacing: 0.05em;
    font-size:15px;
    margin:0 0 60px 0;
}
#greeting p{margin:0 0 15px 0;}
#greeting .md{font-size:20px;}

#menuSP{display: none;}

#conduct{margin:0;}
#conduct .md{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align: center;
	color: #000;
	font-size:24px;
}
#conduct .conduct{
	background-image: url(../other/img/conduct.jpg);
	width: 1000px;
	height:1050px;
}

#goods{
    width:1000px;
}
#goods ul{
    width:1020px;
    margin:0 -20px 20px 0;
    overflow:hidden;
    _zoom:1;
}
#goods ul li{
    width:485px;
    padding:0;
    margin-right:20px;
    float:left;
}
#goods ul li .ph{margin:0 0 12px 0;}

#multi .box {overflow: hidden;margin:0 0 40px 0;}
#multi .box .md{color: #000;font-size: 24px;border-bottom: 1px solid #ddd;padding:0 0 10px 0;margin:0 0 25px 0;}
#multi .box .ph{float:right;}
#multi .box .txt{float:left;width:500px;}
#multi .box p{margin:0 0 12px 0;}


#facility.flied.futsal .pic03{
	background-image: url(../guide/futsal/img/main02.jpg);
	height:1000px;
	background-size: cover;
	background-position: 50% 50%;}


















/*gegege*/