@charset "Shift_JIS";

/*全体*/

* {
	margin:0; padding:0; 	/*全要素のマージン・パディングをリセット*/
	line-height:1.5;	/*全要素の行の高さを1.5倍にする*/
	color:#333333;		/*文字色*/
       
} 


body {
	background-color:#ffffff;	/*ページ全体の背景色*/
	text-align:center;		/*IE6以下でセンタリングするための対策*/
       font-family: "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" ;
}

div#pagebody {
	width:950px; margin:0 auto;	/*内容全体をセンタリング*/
	text-align:left;	/*テキストの配置を左揃えにする*/
	background-color:#ffffff;		/*内容全体の背景色*/

}


/* メニュー */

ul.menu li {
	float: left;/*リスト項目を横に並べる*/
	display: inline;/*リスト項目をインライン表示にする*/
	list-style-type: none;
       position: relative; 
       z-index: 2; /*サブメニューを画像の上にするため優先を上げる*/
}
ul.menu a{
    display: block;
    text-decoration: none;
}
ul.menu img{
    width: 100%;
    height: 100%;
    border: none;
}
ul.menu a:hover{
    background: none;
}
ul.menu a:hover img{
    visibility: hidden;
    transition: none;
}
li.menu1 {
    background: url("file_pic/howto.gif") no-repeat;
    background-size: 100%; /*下のサイズの中でぴったりにする*/
    width: 180px;
    height: 57px;
}
li.menu2 {
    background: url("file_pic/syumoku.gif") no-repeat;
    background-size: 100%;
    width: 160px; /*もとは136*/
    height: 57px;
}
li.menu3 {
    background: url("file_pic/yotei.gif") no-repeat;
    background-size: 100%;
    width: 180px; /*もとは204*/
    height: 57px;
}
li.menu4 {
    background: url("file_pic/keijiban.gif") no-repeat;
    background-size: 100%;
    width: 157px;
    height: 57px;
}
li.menu5 {
    background: url("file_pic/nyuukai.gif") no-repeat;
    background-size: 100%;
    width: 152px;
    height: 57px;
}
li.menu6 {
    background: url("file_pic/access.gif") no-repeat;
    background-size: 100%;
    width: 121px;
    height: 57px;
}



/*ドロップダウンメニュー試し中*/

ul.menu  li ul.menu02 {
	list-style-type: none;
	position: absolute;
	top: 57px;
	left: 0px;
 visibility: hidden;
  opacity: 0;
	width: 220%;/*サブメニューの幅*/
       list-style: none outside;/*２列調整*/
}

ul.menu  li ul {
	list-style-type: none;
	position: absolute;
	top: 57px;
	left: 0px;
 visibility: hidden;
  opacity: 0;
	width: 150%;/*サブメニューの幅元140*/
}

/*  テスト部分  */
ul.menu li:hover ul.menu01 {
       background:#a0f8fe;
	display: inline-block;
  visibility: visible;
  opacity: 1;
}
ul.menu li:hover ul.menu01 a:hover{
       background: #c6fbff;
}
/*  テスト部分  */


ul.menu li:hover ul.menu02 {
       background:#e2ff90;
       display: inline-block;
  visibility: visible;
  opacity: 1;
}

ul.menu li:hover ul.menu02 a:hover{
       background: #f0ffc7;
       text-shadow: none;
}

ul.menu li:hover ul.menu03 {
       background:#ffc887;
	display: inline-block;
  visibility: visible;
  opacity: 1;
}
ul.menu li:hover ul.menu03 a:hover{
       background: #ffdeb7;
}

ul.menu li:hover ul.menu05 {
       background:#dba5ff;
	display: inline-block;
  visibility: visible;
  opacity: 1;
}
ul.menu li:hover ul.menu05 a:hover{
       background: #eed5ff;
}

/*教室紹介のみ2列になるように＆背景にアイコンを表示*/
ul.menu li ul.menu02 li {
　　 　padding: 0;
       float: left;
       width: 50%;/*２列幅調整*/
       background:url(file_pic/syumokuicon.png) left top no-repeat #e2ff90;　/*アイコン設定*/
　　　 padding-left:0px;/* アイコン設定背景画像分ずらす */
  text-shadow:
        0 2px 0 #e2ff90,
        2px 0 0 #e2ff90,
        0 -2px 0 #e2ff90,
        -2px 0 0 #e2ff90,
        -2px -2px 0 #e2ff90,
        2px -2px 0 #e2ff90,
        -2px 2px 0 #e2ff90,
        2px 2px 0 #e2ff90
        ; /* 種目紹介だけ文字縁取り */
　　　　
}

/*アイコン表示位置設定*/
ul.menu li ul.menu02 li {
background-position:85px -5px;} /* 左から10px 上から0px ピンポン */

ul.menu li ul.menu02 li + li{
background-position:95px -60px;} /* 左から10px 上から10px 吹矢 */

ul.menu li ul.menu02 li + li + li{
background-position:95px -120px;} /* 左から10px 上から10px スナッグ */

ul.menu li ul.menu02 li + li + li + li{
background-position:85px -178px;} /* 左から10px 上から10px グランドゴルフ */

ul.menu li ul.menu02 li + li + li + li + li{
background-position:85px -230px;} /* 左から10px 上から10px ウォーキング */

ul.menu li ul.menu02 li + li + li + li + li + li{
background-position:85px -290px;} /* 左から10px 上から10px エアロビ */

/*
ul.menu li ul.menu02 li + li + li + li + li + li + li{
background-position:85px -350px;} /* 左から10px 上から10px HIPHOP */

ul.menu li ul.menu02 li + li + li + li + li + li + li{
background-position:85px -398px;} /* 左から10px 上から10px 茶道 */

ul.menu li ul.menu02 li + li + li + li + li + li + li + li{
background-position:85px -450px;} /* 左から10px 上から10px ゴルフ */

ul.menu li ul.menu02 li + li + li + li + li + li + li + li + li{
background-position:80px -505px;} /* 左から10px 上から10px 英会話 */

ul.menu li ul.menu02 li + li + li + li + li + li + li + li + li + li{
background-position:80px -550px;} /* 左から10px 上から10px 他イベント画像なし */

/*リスト全体の指定*/
ul.menu li ul li {
	float: none;
}

ul.menu li ul li a{
  padding: 13px 15px; /*もとは13　15*/
  text-align: left;
  font-size: 18px; /*もとは14*/
  font-weight: 600;　/*文字の相対的な太さ600*/
}


/*写真コーナー*/

div.topphoto {
	width: 950px;
	height: 270px;
	position: relative;
	margin: 8px auto 0 ;

}

#photo1,#photo2,#photo3,#photo4,#photo5 {
    position: absolute;
    width: 630px;
    height: 250px;
}

#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img {
    opacity:0;
    -moz-animation: imgTrans 30s infinite;
    -webkit-animation: imgTrans 30s infinite;
    animation: imgTrans 30s infinite;
    pointer-events: none;

}
#photo1 img {
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
#photo2 img {
    -moz-animation-delay: 6s;
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
#photo3 img {
    -moz-animation-delay: 12s;
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
#photo4 img{
    -moz-animation-delay: 18s;
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}
#photo5 img {
    -moz-animation-delay: 24s;
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
}
#frame {
    width: 630px;
    height: 270px; /*元338*/
    position: relative;
    overflow: hidden;
    margin: 0 0; /*写真の位置センター*/
}

#sankyo {
    position: absolute;
    text-align:center;
    top: 0px; /*totoのみ40*/
    left: 650px; /*写真センターの場合800 totoのみ650*/
}

@-webkit-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@-moz-keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}
@keyframes imgTrans {
 0% { opacity:0; }
 5% { opacity:1; }
 20% { opacity:1; }
 25% { opacity:0; } 
 100% { opacity:0; }
}

/*ニュースとイベント情報*/

div.news_icon {
       float: left;
       width: 7%;
       height: 13%;
	left: 50px;/*画像そのものの位置*/
	background-image: url(file_pic/newsicon.gif);
	background-size: 100%;
	position: relative;　/*画像本来の位置からどうするか*/
}

div.event_icon {
	float: left;
	width: 7%;
	height: 12%;
	left: 460px;/*画像そのものの位置*/
	background-image: url(file_pic/eventicon.gif);
	background-size: 100%;
	position: relative;　/*画像本来の位置からどうするか*/
}


div.newsevent {
       width: 950px;
       height: 140px;
}

p.newsevent {
	float: left;
	border-color: #000000;
	text-align: center;
	width: 475px;
}

iframe {
    padding: 0px;
    border: #65c7fc dashed 2px;
    background: #fff;
    width: 400px;
    height: 100px;
}

/*更新記録・イベントページ*/


table.newsevent {
	width: 100%;
	margin-top: 2px;
	margin-left: 0px;
	margin-bottom: 2px;
	border-spacing: 5px 2px;
	padding-right: 10px;
       font-size: 90%;
}

table.newsevent th {
	width: 30%;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	color: #666;
	text-indent: 30px;
       background-image: url(file_pic/neicon.png);
       background-repeat:no-repeat;
       background-position: 3pt 2pt;
}

table.newsevent td {
	widht: 20%;
	text-align: left;
	font-weight: normal;
	color: #444;
}

td.syumoku_e {
       text-align: center;
}

td.update {
       text-align: left;
	text-indent: 40px;
}

span.tozan {
       padding: .15em .5em;
	background-color: #cbeef7;
	border-radius: 6px;
       font-size:small; 
}

span.golf {
       padding: .15em .5em; /*.5 .65*/
	background-color: #d6f1d9;
	border-radius: 6px;
       font-size:small; 
}

span.yasumi {
       padding: .15em .5em;
	background-color: #ffdbdb;
	border-radius: 6px;
       font-size:small; 
}

span.etc {
       padding: .15em .5em;
	background-color: #fee9c0;
	border-radius: 6px;
       font-size:small; 
}

/*簡易種目一覧*/

p#syumoku {
       padding: .35em;
       width: 450px;
	margin: 10px auto 30px auto;
	color: #65c7fc;
	font-size: large;
	font-weight: 600;
       letter-spacing: 10px;
	background-color: #fff;
	border-radius: 6px;
}

div.syumoku_haikei {
      background-color: #65c7fc;
      width:100%;
      min-width:1000px;
      padding-top: 10px;
      margin-top: 10px;
}

div.syumoku {
	width: 950px;
	height: 280px;
       margin: auto;
	margin-bottom: 30px;
	border-color: #000000;
       padding-top: 0%;
}

ul.syumoku {
       width: 800px;/*サブメニューの幅*/
	margin-right:  auto;
	margin-left: auto;
       list-style-type: none;
}

ul.syumoku li {
	float: left;
	margin-bottom: 40px;
	border-left-color: #000000;
       margin-left: 35px;
       margin-top: 5px;
       margin-right: 5px;
}

ul.syumoku li a{
background: url(file_pic/syumokuicon2.png) no-repeat;
padding-left: 50px;
padding-bottom: 12px; /*もとはしたとともに15*/
padding-top: 12px;
text-decoration: none;
}

ul.syumoku li a {
background-position: -3px 1px; /* 左から10px 上から10pxピンポン */
}

ul.syumoku li + li a {
background-position: -3px -45px; /* 左から10px 上から10px吹矢 */
}

ul.syumoku li + li + li a {
background-position: -3px -90px; /* 左から10px 上から10pxスナゴル */
}

ul.syumoku li + li + li + li a {
background-position: -3px -140px; /* 左から10px 上から10pxグラゴル */
}

ul.syumoku li + li + li + li + li a {
background-position: -3px -184px; /* 左から10px 上から10pxウォーキング */
}

ul.syumoku li + li + li + li + li + li a {
background-position: -3px -233px; /* 左から10px 上から10pxエアロビ */
}

/*
ul.syumoku li + li + li + li + li + li + li a {
background-position: -3px -282px; /* 左から10px 上から10pxHIPHOP 
}*/

ul.syumoku li + li + li + li + li + li + li a {
background-position: -3px -330px; /* 左から10px 上から10px茶道 */
}

ul.syumoku li + li + li + li + li + li + li + li a {
background-position: -3px -374px; /* 左から10px 上から10pxゴルフ */
}

ul.syumoku li + li + li + li + li + li + li + li + li a {
background-position: -3px -465px; /* 左から10px 上から10px英会話 */
}

ul.syumoku li + li + li + li + li + li + li + li + li + li a {
background-position: -3px -418px; /* 左から10px 上から10pxその他 */
}

/*フッター*/

p.footer {
	text-align: center;
       margin: .2em;
}

p#footer {
       margin: 10px;
}

span {
      margin-right: 1em;
}

span.small {
  	font-size : small;
}

span.large {
	font-size: large;
}

span#tel {
font-size : small;
       padding: .3em .55em; /*もとは.3　.55*/
	background-color: #ffe495;
	border-radius: 6px;
}

span#fax {
font-size : small;
       padding: .3em .55em;
	background-color: #ffd4f1;
	border-radius: 6px;
}

span#katsudou {
       font-size : small;
       padding: .3em .55em;
	background-color: #d4e4ff;
	border-radius: 6px;
}