@charset "utf-8";
/* CSS Document */
/* ------------------------------
common_style.css
ver 1.30
2010/03/02
------------------------------ */
body,
div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,td {
   margin:0; 
   padding:0; 
}

table {
   border-collapse:collapse; 
   border-spacing:0; 
}

fieldset,img {
   border:0;
}

address,
caption,
cite,
code,
dfn,
th,
var {
   font-style:normal;
   font-weight:normal;
}

ol,ul {
   list-style:none;
}

caption,th {
   text-align:left; 
}

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}

q:before,
q:after {
   content:'';
}

abbr,acronym {
   border:0;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #FFF;
	color: #333;
	text-align: center;
	margin:0;
	padding:0;
	}
h1, h2, h3{
	font-family: "Trebuchet MS",Verdana,Sans-Serif;
}

p {
	margin:0;
	padding:0;
	line-height: 150%;
	font-size: 1.0em;
	color:#333;
}

a {
	color:#4391D4;
	margin:0;
	padding:0;
	text-decoration:underline;
}
a:hover{
	color:#AA0000;
}

.clear {
	clear: both;
}

#wrapper {
	width:960px;
	margin:0 auto;
	padding:0;
	position:relative;
}

/*-------------------------- #header ----------------------*/
#header {
	width:960px;
	height:128px;
	margin:5px 0 30px;
	border-top: 1px solid #CCC;
}

#header h1 {
	width:219px;
	height:101px;
	text-align:left;
	float:left;
}
#header h1 a {
	width:219px;
	height:101px;
	text-indent:-9999px;
	display:block;
	background:url(../images/h1.gif) no-repeat;
}


#utility-nav {
	float:right;
	width:311px;
	margin-top:5px;
}
#utility-nav ul{
	float:left;
	text-align:left;
	font-size:1.0em;
}

#utility-nav #ut-nav01{
	width:145px;
	text-align:left;
	font-size:1.0em;
}
#utility-nav #ut-nav02{
	width:100px;
	text-align:left;
	font-size:1.0em;
}
#utility-nav #ut-nav03{
	width:66px;
	text-align:left;
	font-size:1.0em;
}
#groval-nav {
	width:950px;
	height:28px;
	margin:0 auto;
	padding:0;
}
#groval-nav li{
	float:left;
	text-indent:-9999px;
}


#groval-nav a.home{
    background: url(../images/gnavi01.gif) ;
    width:145px;
    height:28px;
    display: block;
    background-position:left top;
}
 
#groval-nav a.home:hover{
    background-position:left bottom;
}

#groval-nav a.classroom{
    background: url(../images/gnavi02.gif) ;
    width:145px;
    height:28px;
    display: block;
    background-position:left top;
	margin-left:16px;
}
 
#groval-nav a.classroom:hover{
    background-position:left bottom;
}
#groval-nav a.access{
    background: url(../images/gnavi03.gif) ;
    width:145px;
    height:28px;
    display: block;
    background-position:left top;
	margin-left:16px;
}
 
#groval-nav a.access:hover{
    background-position:left bottom;
}
#groval-nav a.activites{
    background: url(../images/gnavi04.gif) ;
    width:145px;
    height:28px;
    display: block;
    background-position:left top;
	margin-left:16px;
}
 
#groval-nav a.activites:hover{
    background-position:left bottom;
}
#groval-nav a.profile{
    background: url(../images/gnavi05.gif) ;
    width:145px;
    height:28px;
    display: block;
    background-position:left top;
	margin-left:16px;
}
 
#groval-nav a.profile:hover{
    background-position:left bottom;
}
#groval-nav a.form{
    background: url(../images/gnavi06.gif) ;
    width:145px;
    height:28px;
    display: block;
    background-position:left top;
	margin-left:16px;
}
 
#groval-nav a.form:hover{
    background-position:left bottom;
}
/*------------------------ #header end ---------------------*/

/*------------------------ #contents -----------------------*/
#contents h2 {
	width:960px;
	height:400px;
	margin:0 auto 30px;
	padding:0;
	background:url(../images/visual.gif) no-repeat;
	text-indent:-9999px;
}


#info {
	width:311px;
	float: left;
}
#info #infotitle {
	background:url(../images/infomation.gif) no-repeat;
	width:311px;
	height:22px;
	text-indent:-9999px;
	margin:0 0 15px;
}

#info li {
	text-align:left;
	margin:0 0 8px 10px;
	border-bottom:1px solid #CCC;
	padding-bottom:5px;
}
#info li span{
	color:#333;
}
#maincont {
	width:628px;
	float: right;
	text-align:left;
	margin:0 0 50px;
	border-top:1px solid #CCC;
}
.descriptions {
	margin:5px 15px 15px 10px;
	padding-bottom:15px;
	border-bottom:1px solid #CCC;
}
.descriptions h3 {
	font-size:1.5em;
	color:red;
	font-weight:bold;
}
.descriptions h4 {
	font-size:1.2em;
	color: #0099CC;
	font-weight:bold;
}
.descriptions p {
	font-size:1.2em;
	color:#333;
	padding-left:5px;
}
#live01 a{
	background:url(../images/live.jpg) no-repeat;
	width:628px;
	height:85px;
	display:block;
	margin:30px 0 5px 0;
	padding:0;
	text-indent:-9999px;
}
.live01 a{
	background:url(../images/live.jpg) no-repeat;
	width:628px;
	height:85px;
	display:block;
	margin:30px 0 5px 0;
	padding:0;
	text-indent:-9999px;
}
.live02 {
	width:628px;
	display:block;
	margin:0 0 5px;
	padding:0;
}
/*------------------------ .left-baner --------------------*/



.left-baner {
	width:306px;
	margin:5px auto;
}
.mail_b a{
	background: url(../images/mail_b.gif) no-repeat;
	width:145px;
	height:260px;
	display:block;
	text-indent:-9999px;
	float:left;
}
.mail_b a:hover{
    background-position:left bottom;
}
.class_b a{
	background: url(../images/class_b.gif) no-repeat;
	width:145px;
	height:260px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-left:16px;
}
.class_b a:hover{
    background-position:left bottom;
}

/*------------------------ #baner-box ----------------------*/

#baner-box {
	width:628px;
}
/*------------------------ #left-baner ----------------------*/
#left-baner {
	float:left;
	width:306px;
}


#mail_b a{
	background: url(../images/mail_b.gif) no-repeat;
	width:145px;
	height:260px;
	display:block;
	text-indent:-9999px;
	float:left;
}
#mail_b a:hover{
    background-position:left bottom;
}
#class_b a{
	background: url(../images/class_b.gif) no-repeat;
	width:145px;
	height:260px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-left:16px;
}
* html div#class_b a{
	background: url(../images/class_b.gif) no-repeat;
	width:145px;
	height:260px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-left:8px;
}
#class_b a:hover{
    background-position:left bottom;
}



/*----------------- #right-baner --------------------*/

#right-baner {
	float:right;
	width:306px;
}


#access_b a{
	background: url(../images/access_b.gif) no-repeat;
	width:306px;
	height:120px;
	display:block;
	text-indent:-9999px;
	margin-bottom:20px;
}
#access_b a:hover{
    background-position:left bottom;
	margin-bottom:20px;
}
#blog_b a{
	background: url(../images/blog_b.jpg) no-repeat;
	width:306px;
	height:50px;
	display:block;
	text-indent:-9999px;
	margin-bottom:20px;
}
#blog_b a:hover{
    background-position:left bottom;
	margin-bottom:20px;
}
#abtb {
	width:306px;
	height:50px;
	margin:0;
	padding:0;
}
#activ_b a{
	background: url(../images/activ_b.gif) no-repeat;
	width:145px;
	height:50px;
	display:block;
	text-indent:-9999px;
	float:left;
}
#activ_b a:hover{
    background-position:left bottom;
}
#teach_b a{
	background: url(../images/teach_b.gif) no-repeat;
	width:145px;
	height:50px;
	display:block;
	text-indent:-9999px;
	float:right;
}

#teach_b a:hover{
    background-position:left bottom;
}

/*------------------------ #baner-box end-------------------*/
/*------------------------ #footer -------------------------*/
#footer {
	background: #000 url(../images/footer.gif) no-repeat;
	width:960px;
	padding-top:85px;
}
#footer ul {
	text-align:left;
	margin-left:15px;
}
#footer p {
	color:#FFFFFF;
	text-align:center;
	padding:25px 0 5px
}
#footer a {
	color:#FFFFFF;
}
#footer a:hover {
	color:#AA0000;
}


.gotop a{
	display:block;
	font-size:10px;
	color:333333;
	text-decoration:none;
	float:right;
	margin-bottom:11px;
}
.gotop a:hover{
	color:333333;
}

.td-bor{
	border:solid 1px #ddd;
	border-collapse:collapse;
	padding:4px;
}

.kid_btn a{
	width:306px;
	height:50px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../images/kids.gif) no-repeat;
	margin:5px auto;
}

.kid_btn a:hover{
	width:306px;
	height:50px;
	display:block;
	text-indent:-9999px;
	outline:none;
	background:url(../images/kids.gif) no-repeat left bottom;
}
#elise {
	width:75px;
	height:120px;
	margin:0;
	padding:0;
	background:url(../images/visual_in.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:50px;
	right:0;
}
a {
	outline:none;
}
a.link {
	background:url(../images/link.gif) no-repeat right center;
	padding-right:12px;
}
.dtext {
	margin-left:1.0em;
	text-indent:-1.0em;
}
.box {
	width:240px;
	height:145px;
	margin-bottom:1.0em;
	float:left;
}
.cbox {
	width:240px;
	margin-bottom:1.0em;
	padding-left:1.0em;
	float:left;
}
.monday {
	background:url(../images/monday.gif) no-repeat;
	text-indent:-9999px;
}
.tuesday {
	background:url(../images/tuesday.gif) no-repeat;
	text-indent:-9999px;
}
.friday {
	background:url(../images/friday.gif) no-repeat;
	text-indent:-9999px;
}
.saturday_kid {
	background:url(../images/saturday_kid.gif) no-repeat;
	text-indent:-9999px;
}
.saturday {
	background:url(../images/saturday.gif) no-repeat;
	text-indent:-9999px;
}
.yokohama {
	background:url(../images/yokohama.gif) no-repeat;
	text-indent:-9999px;
	height:194px;
}
.kawagoe_a {
	background:url(../images/kawagoe_a.gif) no-repeat;
	text-indent:-9999px;
	height:194px;
}
.kawagoe_b {
	background:url(../images/kawagoe_b.gif) no-repeat;
	text-indent:-9999px;
	height:194px;
}
.nasports_a {
	background:url(../images/nasports_a.gif) no-repeat;
	text-indent:-9999px;
	height:194px;
}
.nasports_b {
	background:url(../images/nasports_b.gif) no-repeat;
	text-indent:-9999px;
	height:194px;
}