/*  css document */

body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
img{
border:none;
}
html,body{
background-color:#F3F4F4;
background-repeat:repeat;
margin:0px auto;
text-align:center;
}
h1{
margin:0px 0px 10px 10px;
padding:0px;
color:#666666;
font-size:10px;
font-weight:normal;
text-align:left;
width:500px;
}
div#mainbox{
background-color:#ffffff;
margin:0px auto;
text-align:center;
padding:0px;
width:920px;
}
p{
margin:0px;
padding:0px;
clear:both;
}

/* TOP HEADER */
div#headbox{
width:920px;
height:160px;
margin:0px 0px 0px 0px;
padding:0px;
}
div#logo{
margin:5px 0px 0px 10px;
padding:0px;
float:left;
text-align:left;
}
div#tel{
margin:25px 10px 0px 10px;
padding:0px;
float:right;
}
div#line{
margin:10px 0px 0px 10px;
padding:0px;
float:right;
}

/* NAVI up */
.alt{ display:none; }

div.hdl {
	width:210px;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 0px;
}


#hnl00 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl00 a#hnl00li{ background: url("../images/navi/gaiyou.gif") 0 0;}
#hnl00 a#hnl00li:hover{ background: url("../images/navi/gaiyou.gif") 0px 40px;}
#hnl00 a#hnl00sel{ background: url("../images/navi/gaiyou.gif") 0px 40px;}

#hnl01 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl01 a#hnl01li{ background: url("../images/navi/top.gif") 0 0;}
#hnl01 a#hnl01li:hover{ background: url("../images/navi/top.gif") 0px 40px;}
#hnl01 a#hnl01sel{ background: url("../images/navi/top.gif") 0px 40px;}

#hnl02 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl02 a#hnl02li{ background: url("../images/navi/guide.gif") 0 0;}
#hnl02 a#hnl02li:hover{ background: url("../images/navi/guide.gif") 0px 40px;}
#hnl02 a#hnl02sel{ background: url("../images/navi/guide.gif") 0px 40px;}

#hnl03 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl03 a#hnl03li{ background: url("../images/navi/yoyaku.gif") 0 0;}
#hnl03 a#hnl03li:hover{ background: url("../images/navi/yoyaku.gif") 0px 40px;}
#hnl03 a#hnl03sel{ background: url("../images/navi/yoyaku.gif") 0px 40px;}

#hnl04 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl04 a#hnl04li{ background: url("../images/navi/kojin.gif") 0 0;}
#hnl04 a#hnl04li:hover{ background: url("../images/navi/kojin.gif") 0px 40px;}
#hnl04 a#hnl04sel{ background: url("../images/navi/kojin.gif") 0px 40px;}

#hnl05 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl05 a#hnl05li{ background: url("../images/navi/school.gif") 0 0;}
#hnl05 a#hnl05li:hover{ background: url("../images/navi/school.gif") 0px 40px;}
#hnl05 a#hnl05sel{ background: url("../images/navi/school.gif") 0px 40px;}

#hnl06 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl06 a#hnl06li{ background: url("../images/navi/gallery.gif") 0 0;}
#hnl06 a#hnl06li:hover{ background: url("../images/navi/gallery.gif") 0px 40px;}
#hnl06 a#hnl06sel{ background: url("../images/navi/gallery.gif") 0px 40px;}

#hnl07 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl07 a#hnl07li{ background: url("../images/navi/form.gif") 0 0;}
#hnl07 a#hnl07li:hover{ background: url("../images/navi/form.gif") 0px 40px;}
#hnl07 a#hnl07sel{ background: url("../images/navi/form.gif") 0px 40px;}

#hnl08 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl08 a#hnl08li{ background: url("../images/navi/link.gif") 0 0;}
#hnl08 a#hnl08li:hover{ background: url("../images/navi/link.gif") 0px 40px;}
#hnl08 a#hnl08sel{ background: url("../images/navi/link.gif") 0px 40px;}

#hnl09 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl09 a#hnl09li{ background: url("../images/navi/matchmake.gif") 0 0;}
#hnl09 a#hnl09li:hover{ background: url("../images/navi/matchmake.gif") 0px 40px;}
#hnl09 a#hnl09sel{ background: url("../images/navi/matchmake.gif") 0px 40px;}

#hnl10 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl10 a#hnl10li{ background: url("../images/navi/taikai.gif") 0 0;}
#hnl10 a#hnl10li:hover{ background: url("../images/navi/taikai.gif") 0px 40px;}
#hnl10 a#hnl10sel{ background: url("../images/navi/taikai.gif") 0px 40px;}

#hnl11 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl11 a#hnl11li{ background: url("../images/navi/access.gif") 0 0;}
#hnl11 a#hnl11li:hover{ background: url("../images/navi/access.gif") 0px 40px;}
#hnl11 a#hnl11sel{ background: url("../images/navi/access.gif") 0px 40px;}

#hnl12 a{ display: block; width:210px; height:40px; margin-right:0px; float:left;}
#hnl12 a#hnl12li{ background: url("../images/navi/youth.gif") 0 0;}
#hnl12 a#hnl12li:hover{ background: url("../images/navi/youth.gif") 0px 40px;}
#hnl12 a#hnl12sel{ background: url("../images/navi/youth.gif") 0px 40px;}

div.hdr {
	width:200px;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 0px;
}

/* NAVI */
#hnv00 a{ display: block; width:200px; height:40px; margin-bottom:2px; float:left;}
#hnv00 a#hnv00li{ background: url("../images/navi/campaign.gif") 0 0;}
#hnv00 a#hnv00li:hover{ background: url("../images/navi/campaign.gif") 0px 40px;}
#hnv00 a#hnv00sel{ background: url("../images/navi/campaign.gif") 0px 40px;}

#hnv01 a{ display: block; width:200px; height:40px; margin-bottom:2px; float:left;}
#hnv01 a#hnv01li{ background: url("../images/navi/blog.gif") 0 0;}
#hnv01 a#hnv01li:hover{ background: url("../images/navi/blog.gif") 0px 40px;}
#hnv01 a#hnv01sel{ background: url("../images/navi/blog.gif") 0px 40px;}

#hnv02 a{ display: block; width:200px; height:40px; margin-bottom:2px; float:left;}
#hnv02 a#hnv02li{ background: url("../images/navi/link.gif") 0 0;}
#hnv02 a#hnv02li:hover{ background: url("../images/navi/link.gif") 0px 40px;}
#hnv02 a#hnv02sel{ background: url("../images/navi/link.gif") 0px 40px;}

#hnv03 a{ display: block; width:200px; height:40px; margin-bottom:2px; float:left;}
#hnv03 a#hnv03li{ background: url("../images/navi/mailform.gif") 0 0;}
#hnv03 a#hnv03li:hover{ background: url("../images/navi/mailform.gif") 0 40px;}
#hnv03 a#hnv03sel{ background: url("../images/navi/mailform.gif") 0 40px;}

#hnv04 a{ display: block; width:200px; height:40px; margin-bottom:2px; float:left;}
#hnv04 a#hnv04li{ background: url("../images/navi/otoiawase.gif") 0 0;}
#hnv04 a#hnv04li:hover{ background: url("../images/navi/otoiawase.gif") 0 40px;}
#hnv04 a#hnv04sel{ background: url("../images/navi/otoiawase.gif") 0 40px;}


/* MAIN */
div#leftbox{
width:210px;
margin:0px 10px;
_margin:0px 5px;
padding:0px;
float:left;
}
div#prbox{
width:210px;
margin:0px 0px;
padding:0px;
}
/* rightbox */
div#rightbox{
width:680px;
margin:0px 10px 0px 0px;
_margin:0px 5px 0px 0px;
padding:0px;
float:right;
}
div#flashbox{
width:680px;
height:250px;
margin:0px 0px 10px 0px;
padding:0px;
}
div#topimg{
margin:0px;
padding:0px;
width:680px;
height:220px;
clear:both;
}

div#topban{
margin:5px 0px 0px 0px;
padding:0px;
width:680px;
clear:both;
}


div#rleftbox{
width:450px;
margin:0px 10px 0px 0px;
float:left;
}
div#rleftbox .bar{
background-image:url(../images/top/topic.gif);
background-repeat:no-repeat;
margin:0px 0px 5px 0px;
padding:0px;
height:41px;
}
#topi a{ display: block; width:93px; height:14px; float:right; margin:10px 5px;}
#topi a#topili{ background: url("../images/top/topic_btn.gif") 0 0;}
#topi a#topili:hover{ background: url("../images/top/topic_btn.gif") 0 14px;}
#topi a#topisel{ background: url("../images/top/topic_btn.gif") 0 14px;}

div#rrightbox{
width:200px;
margin:30px 0px 0px 0px;
float:right;
}
div#rrightbox .bar{
margin:0px 0px 5px 0px;
padding:0px;
}
div#rrightbox p{
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
text-align:right;
margin:0px;
padding:0px;
}
div#rrightbox p a{
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
text-decoration:underline;
}
div#rrightbox p a:hover{
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
text-decoration:none;
}


/* GUIDE */
div#guideban{
margin:0px;
padding:0px;
width:680px;
clear:both;
}

div#courtbox{
margin:0px 10px 0px 0px;
padding:0px;
width:680px;
clear:both;
}

div#courtban{
margin:0px;
padding:0px;
width:680px;
height:24px;
float:left;
}

div#courtimg{
margin:0px;
padding:0px;
width:400px;
float:right;
}

div#courttex{
margin:0px;
padding:0px;
width:280px;
float:left;
text-align:left;
}

div#panbox{
margin:0px 10px 0px 0px;
padding:0px;
width:680px;
clear:both;
}

/* ACCESS */

div#accessimg{
margin:0px;
padding:0px;
width:680px;
float:left;
}

div#accesstex{
margin:0px;
padding:0px;
width:680px;
float:left;
text-align:left;
}

div#accessbox{
width:680px;
margin:0px;
padding:0px;
}

/* RESERVE */

div#reservetex{
margin:0px;
padding:0px;
width:680px;
float:left;
text-align:left;
}

div#reservebtn{
margin:0px;
padding:0px;
width:680px;
float:left;
}

/* FORM */
div#formbox{
width:800px;
margin:0px 10px 0px 10px;
_margin:0px 5px 0px 5px;
padding:0px;
clear:both;
}

/* SCHOOL */

div#schoolimg{
margin:0px;
padding:0px;
width:680px;
float:left;
}

div#schooltex{
margin:0px;
padding:0px;
width:680px;
float:left;
text-align:right;
}


/* BBQ */

div#bbqban{
margin:0px;
padding:0px;
width:680px;
height:250px;
clear:both;
}

div#bbqbtn{
margin:0px;
padding:0px;
width:680px;
height:50px;
float:left;
}

/* SCHOOL */

div#schoolhead{
margin:0px;
padding:0px;
width:680px;
clear:both;
}

/* FOOTER */
div#footbox{
width:920px;
height:auto;
font-size:10px;
color:#666;
margin:10px auto 0px 10px;
padding:0px;
text-align:left;
}
div#footbox ul{
width:920px;
text-align:left;
float:left;
list-style-type:none;
margin:0px;
padding:0px;
}
div#footbox li{
float:left;
text-align:left;
width:auto;
letter-spacing:0.1em;
margin:10px 2px;
}
div#footbox li a{
float:left;
letter-spacing:0.1em;
color:#666;
text-decoration:none;
}
div#footbox li a:hover{
float:left;
letter-spacing:0.1em;
color:#ccc;
text-decoration:none;
}
div#copy{
width:920px;
text-align:left;
margin:0px;
padding:3px 5px;
}


/* common */


/* pan */
div#pan{
margin:0px;
padding:0px;
width:680px;
height:15px;
float:left;
text-align:left;
clear:both;
}
div#pan ul{
width:680px;
height:15px;
list-style:none;
margin:0px;
padding:0px;
text-align:left;
}
div#pan li{
font-size:11px;
color:#666666;
line-height:140%;
letter-spacing:0.1px;
float:left;
text-align:left;
margin:0px 5px 5px 0px;
}
div#pan li a{
text-align:left;
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
text-decoration:underline;
float:left;
}
div#pan li a:hover{
text-align:left;
font-size:11px;
color:#014DA2;
line-height:140%;
letter-spacing:0.1px;
float:left;
text-decoration:none;
}
/* cate */
div#cate{
width:710px;
height:auto;
margin:0px;
padding:0px;
}
div#bartitle{
background-image:url(../images/cate/bar.gif);
background-repeat:no-repeat;
background-position:top;
font-size:12px;
color:#6EB92C;
line-height:140%;
text-align:left;
margin:0px;
padding:10px 0px 10px 5px; 
font-weight:bold;
width:705px;
height:20px;
}


/* txt */
.txt01{
font-size:12px;
color:#000000;
line-height:160%;
letter-spacing:0.1px;
margin:0px;
padding:0px;
}
.txt01 a{
font-size:12px;
color:#000000;
line-height:160%;
letter-spacing:0.1px;
text-decoration:none;
}
.txt01 a:hover{
font-size:12px;
color:#000000;
line-height:160%;
letter-spacing:0.1px;
text-decoration:none;
}

.txt02{
font-size:12px;
color:#000000;
line-height:160%;
letter-spacing:0.1px;
margin:0px;
padding:0px;
}
.txt02 a{
font-size:12px;
color:#000000;
line-height:160%;
letter-spacing:0.1px;
text-decoration:underline;
}
.txt02 a:hover{
font-size:12px;
color:#000000;
line-height:160%;
letter-spacing:0.1px;
text-decoration:none;
}
.txt02b{
font-size:12px;
color:#014DA2;
line-height:160%;
letter-spacing:0.1px;
font-weight:bold;
}

.txt03{
font-size:12px;
color:#014DA2;
line-height:160%;
letter-spacing:0.1px;
margin:0px;
padding:0px;
}
.txt03 a{
font-size:12px;
color:#014DA2;
line-height:160%;
letter-spacing:0.1px;
text-decoration:underline;
}
.txt03 a:hover{
font-size:12px;
color:#014DA2;
line-height:160%;
letter-spacing:0.1px;
text-decoration:none;
}
.txt03b{
font-size:12px;
color:#014DA2;
line-height:160%;
letter-spacing:0.1px;
font-weight:bold;
}
.doc2 {
font-size:small;
line-height:1.8em;
}