/*------------------------------
  コンテンツ設定
------------------------------- */

@import url("reset.css");
@import url("image.css");
@import url("share.css");

/* レイアウト設定
------------------------------- */
.cont{
background:#fff;
padding:30px 0 60px;
min-height:600px;
position:relative;
padding:200px 0 0;
}


/* コンテンツレイアウト設定
------------------------------- */
.main{
width:710px;
float:left;
margin:0 0 40px 20px;
}
.side{
width:220px;
float:right;
margin:0 0 40px;
}

/* タイトル
------------------------------- */
.main h2{
background:url(../gazou/share/bg_h2.jpg) no-repeat;
padding:50px 0 0 70px;
font-size:32px;
font-weight:bold;
margin:0;
position:absolute;
top:0;
left:0;
height:106px;
width:930px;
line-height:1;
}
.main h2:before{
display:inline-block;
vertical-align:middle;
padding:0 10px 2px 0;
}
.price .main h2:before{content:url(../gazou/share/i_price_t.png);}
.guide .main h2:before{content:url(../gazou/share/i_guide_t.png);}
.access .main h2:before{content:url(../gazou/share/i_map_t.png);}
.tournament .main h2:before{content:url(../gazou/share/i_pen_t.png);}
.inquiry .main h2:before{content:url(../gazou/share/i_mail_t.png);}
.news .main h2:before{content:url(../gazou/share/i_news_t.png);}

.h_msg{
position:absolute;
left:70px;
top:90px;
}


.main h3,.formhead{
background:url(../gazou/share/bg_h3.png) no-repeat 6px 0;
font-size:20px;
font-weight:bold;
border-bottom:2px solid #008000;
padding:10px 10px 10px 30px;
margin:30px 0px 16px;
line-height:1.2;
}
.main h3 a{
font-size:18px;
color:#000;
}

.main h3 small{
display:inline-block;
font-size:12px;
}
.main .CenterBox h3{
}
.main .CenterBox h3 .date{
}
.main .CenterBox h3 .ctgname{
}

.main h4{
background:#EDF4E2;
font-size:16px;
font-weight:bold;
padding:8px 8px ;
margin:20px 0 10px;
line-height:1.2;
}
.main h4:before{
content:"";
display:inline-block;
vertical-align:middle;
height:24px;
width:5px;
background:#008000;
margin:0 8px 0 0;
}
.main h4 small{padding:2px 20px;
margin-left:15px;
display:inline-block;
font-size:12px;
}

/* 新着・カテゴリサイドカラム
------------------------------- */

/* 3カラム設定
.news .main{
width:auto;
float:none;
}
.news .side{
display:none;
}
.CenterBox{
width:680px;
float:right;
}
.RightBox{
width:246px;
float:left;
}
*/

.main .RightBox h2{
background:#F9F7F1 url(../gazou/share/i_kirari1.png) no-repeat 8px center;
padding:10px 0 10px 36px;
font-size:16px;
margin:0 0 10px;
color:#000;
}
.main .RightBox ul{
margin:0 0 20px;
}
.main .RightBox li{
padding:6px 4px;
border-bottom:1px dotted #ccc;
}
.main .RightBox li a{
background:url(../gazou/share/arrow2.png) no-repeat left 5px;
display:block;
padding:4px 4px 4px 18px;
font-size:12px;
color:#000;
line-height:1.2;
text-decoration:none;
}
.main .RightBox li a:hover{
color:#EA5504;
}


/* パンくず
------------------------------- */
.path{
position:absolute;
text-align:right;
right:0;
top:6px;
}
.path li{
display:inline;
padding:0 2px;
font-size:12px;
}
.path li a{
font-size:12px;
}
.path li a:after{
content:">";
color:#666;
padding:0 4px;
}


/* 記事本文
------------------------------- */

.cont .main .KijiArea{
padding:10px;
font-size:14px;
}
.cont .main article .KijiArea p{
margin:0 0 1em;
line-height:1.6;
}
.cont .main article .KijiArea ul{
list-style:disc;
padding:0 0 0 2em;
}
.cont .main article .KijiArea ol{
list-style:decimal;
padding:0 0 0 2em;
}
.cont .main .KijiArea img{
max-width:100%;
}
.cont .main .KijiArea{
clear:both;
zoom:1;
}
.KijiArea:after,.KijiArea:before{content:"";display:table;}
.KijiArea:after{clear:both;}

.PageNavi{
text-align:center;
padding:20px 0;
}
.ToDetail{
text-align:right;
}

.cont .main .KijiArea .tbl1{
border-collapse:collapse;
border:1px solid #ccc;
margin:16px 0 16px 20px;
width:640px;
}
.cont .main .KijiArea .tbl1 th{
background:#ECEFE4;
padding:8px;
border:1px solid #ccc;
border-bottom:1px solid #fff;
}
.cont .main .KijiArea .tbl1 tr:last-child th{
border-bottom:1px solid #ccc;
}
.cont .main .KijiArea .tbl1 td{
padding:8px;
border:1px solid #ccc;
}

a.btn_entry{display:block;
height:50px;
width:280px;
text-align:center;
margin:25px auto 10px auto;
line-height:50px;
padding:8px 15px 8px 30px;
font-size:20px;
color:#fff !important;
background:url(../gazou/share/arrow2.png) no-repeat 15px center #008A61;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
a.btn_entry2{display:block;
height:50px;
width:360px;
text-align:center;
margin:25px auto 10px auto;
line-height:50px;
padding:8px 15px 8px 30px;
font-size:20px;
color:#fff !important;
background:url(../gazou/share/arrow2.png) no-repeat 15px center #008A61;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

/* メールフォーム設定
------------------------------- */
.formbody{
padding:10px 20px;
}
.formbody dt{
width:100px;
float:left;
}
.formbody dd{
margin:0 0 20px 120px;
border-bottom:1px dotted #ccc;
padding:0 0 20px 10px;
min-height:20px;
}
.formbody dt.formhead{
background:url(../gazou/share/bg_h3.png) no-repeat 6px 0;
font-size:20px;
font-weight:bold;
border-bottom:2px solid #008000;
padding:10px 10px 10px 30px;
margin:30px -20px;
line-height:1.2;
width:auto;
float:none;
}
.formbody dt.formcomment{
width:auto;
float:none;
margin:0 0 20px 120px;
}
.formbody dd.btnSubmit,.back{
text-align:center;
border:none;
padding:20px 0;
}
.formbody input,.formbody textarea,.formbody select{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", 
"Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.formbody input[type="submit"],.formbody input[type="button"],.back a{
display:inline-block;
padding:0.4em 1em;
cursor:pointer;
border-radius:6px;
border:none;
border:1px solid #ccc;
color:#fff;
text-decoration:none;
font-size:14px;
background:#1D7E29;
}
.formbody input[type="submit"]:hover,.formbody input[type="button"]:hover{
background:#29B13A;
}
.Alert{
text-align:center;
padding:20px 0;
}
.Certify{
text-align:center;
padding:20px 0;
}
.formthanks{
}


/* 施設案内
------------------------------- */
table.sisetu{border: solid 1px #000000; border-collapse: collapse;}
table.sisetu td, table.sisetu th{padding:8px;
border: solid 1px #000000; border-collapse: collapse;}

/* 会員登録
------------------------------- */
.t_ad{border:1px solid #008A61;
padding:15px;
width:400px;
}

/* HPご利用条件
------------------------------- */
ul.joken{
list-style:disc;
padding:0 0 0 2em;
}


/* サッカースクール
------------------------------- */
.school a.noborder{
text-decoration:none;
color:#000;
}
.class_tel{
position:relative;}
ul.class_bt{margin-bottom:50px;}
ul.class_bt li{
display:inline-block;
margin:0 10px 10px 10px;
}
ul.class_bt li a{
background:#1D7E29 url(../gazou/share/arrow2.png) no-repeat 30px center;
padding:10px 30px 6px 38px;
color:#fff;
font-size:14px;
-webkit-border-radius: 4px;
border-radius: 4px;
behavior: url("/js/PIE.htc");
position:relative;

}
ul.class_bt li a:hover{
text-decoration:none;
background:#29B13A url(../gazou/share/arrow2.png) no-repeat 30px center;
}
.class_tel img{
position:absolute;
top:-50px;
right:-20px;
}