/********************複数のページで使う項目********************/

body{
 background-color: #F0FFFF;
 text-align:center;
 white-space: nowrap; /* 半角スペース・タブ・改行の表示の仕方を指定 */
 padding-top: 2px;
 padding-bottom: 20px;
 padding-left: 2px;
 padding-right: 2px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
}

div.zentai{ /* 全体 */
 background-color: #88FDE6;
 /***** 角を丸める（値が大きいほど丸くなる）　バージョン低いIEには対応していない *****/
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 /***** 				ここまで				 *****/
 overflow:hidden;	/* ボックスがはみ出さないようにする */
 /***** 中央寄せ *****/
 margin-left: auto;
 margin-right: auto;
 /***** ここまで *****/
 margin-top: 10px;
 margin-bottom: 10px;
 padding-bottom: 20px;
 min-height: 700px;
 height: auto !important; /* IE6でもmin-heightが対応 */
 width: 990px;
}

div.kari{ /* floatでずれるのを防ぐ */
 width: 990px; /* zentaiと同じ横幅 */
}

div.clasu{ /* 各クラス */
 background-color: #FFFFFF;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 940px;
 margin-top: 5px;
 margin-bottom: 20px;
 margin-left: auto;
 margin-right: auto;
}
	
/************ページ上部へ************/

.page-back {
 position: fixed; /* 絶対位置 */
 bottom: 20px;
 right: 30px;
}

/**********メニュー関係**********/

div #topmenu{
 background: purple;
 height: 40px;
}

#menu ul{
 display: block;
 list-style-type: none; 
 margin: 0;   
 padding: 0;
}

#menu li {   
 line-height: 40px;  
 font-size: 18px;
 background: purple;
 float: left;
 color: #FFFFF;
}

#menu li a{   
 text-align: center;
 display: block;
 text-decoration: none;
 color: #FFFFFF;
 width: 110px;	
}

#menu li:hover {   
 background-color: #cc11cc;
 color:purple;
}

#menu .column1{ /* 多分ミス */
 color:purple;
 background:#9900FF;
}

* html #menu li { 
 behavior: expression(      
 this.onmouseover=new Function("this.className='column1'"),      
 this.onmouseout=new Function("this.className=''"),      
 this.style.behavior = 'none'   );
}

#menu .column1 { /* 多分ミス */
 position:relative;
}

#menu .column1 ul { /* 多分ミス */
 display:block;
}

#menu .column1 * ul { /* 多分ミス */
 display:none;
}

/********************トップ関係********************/

h1{
 color: blue;
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
 font-size: 65px;
 font-weight: bold; /* フォントの太さ */
 text-shadow: 5px 5px 1px #999999; /* フォントの影 */
}

/**********ウィンドウ**********/

/*****見出し*****/

div.waku1{
 background-image: url(./image/sora.jpg);
 background-size:200% 200%;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 950px;
 padding: 3px 10px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
}

/*****文化祭の様子*****/

div.waku2{
 background-image: url(./image/haikei.gif);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 padding: 10px;
 margin: 10px;
 width: 500px;
 height: 400px;
 float: left;
}

div.waku2:hover{
 background: none; /* いままでの背景を削除 */
 background-color: #FFFFFF; /* 背景色を色に変更 */
}

/*****更新情報*****/

div.waku3{
 background-image: url(./image/haikei.gif);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 400px;
 height: 180px;
 padding: 10px;
 margin-top: 10px;
 margin-bottom: 15px;
 margin-left: 10px;
 margin-right: 10px;
 float: left;
}

div.waku3:hover{
 background: none;
 background-color: #FFFFFF;
}

.midasi{ /* 「更新情報」というタイトル　*/
 font-size: 23px;
 border-right: solid 3px #555555;
 border-left: solid 3px #555555;
 padding: 3px 10px;
 background-color: #FFFFFF;
}

#window{ /* 「更新情報」というタイトルの下にあるスクロール付きの枠 */
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: 10px;
 width: 390px;
 height: 140px;
 background-color: #DCDCDC;
 overflow: auto;
 font-size: 16px;
 font-weight: bold;
 scrollbar-base-color: #dcdcdc; /* スクロールバーの色 */
 border: 1px solid #000000;
}

div.window2{ /* スクロール付きの枠内にある記事 */
 background-color: #FFFFFF;
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 3px;
 margin-right: 3px;
 padding-top: 5px;
 padding-bottom: 2px;
 text-align: left;
 font-size: 15px;
 line-height: 150%
}

div.window2 img{
 border: 1px solid #DCDCDC;
}

div.window2 td{
 font-size:15px;
}

.hiniti{
 font-size: 13px;
 color: #DCDCDC;
}

hr{
 height: 1px;
 background-color: #DCDCDC;
 border: none;
 color: #DCDCDC;
}

/***** 開催情報など *****/

div.waku4{
 background-image: url(./image/haikei.gif);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 400px;
 height: 65px;
 padding: 10px;
 margin-top: 10px;
 margin-bottom: 15px;
 margin-left: 10px;
 margin-right: 10px;
 float: left;
}

div.waku4:hover{
 background: none;
 background-color: #FFFFFF;
}

/*****リンク*****/

div.waku5{
 background-image: url(./image/waku4.jpg);
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 320px;
 height: 70px;
 margin-left: 8px;
 margin-bottom: 10px;
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
 font-size: 25px;
 line-height: 70px; /* 行の高さ指定 */
 float: left;
}

a div.waku5:hover{
 background-image: url(./image/haikei2.jpg);
}

/***リンク中央にある校章***/

div.amari{
 background-image: url(./image/kousyou.jpg);
 background-size:100% 100%;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 320px;
 height: 70px;
 margin-left: 8px;
 margin-bottom: 10px;
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
 font-size: 25px;
 line-height: 70px;
 float: left;
}

/********************クラス紹介関係********************/

.clasutai{ /* クラスのタイトル */
 text-align: center;
 margin: auto;
 padding: 5px 0px 5px 0px;
 border-left: double 10px #777777;
 border-right: double 10px #777777;
 background-color: #FFDEAD;
}

table.kumi{ /* 各クラス */
 margin-left: auto;
 margin-right: auto;
 margin-top: 10px;
 margin-bottom: 10px;
}

table.kumi tr{
 margin: auto;
}

table.kumi td{
 padding: 0px 10px 10px 10px;
}

td.haba{ /* ステージ発表とバザーの横幅 */
 width: 600px;
}

div.frame2{ /* スライドショーの大きさを設定 */
 width: 250px;
 height: 230px;
}

/**********立体的なリンクボタン**********/

.button {
 position: relative;
 -webkit-perspective: 300px;
 perspective: 300px;
 display: inline-block;
 width: 230px;
 height: 50px;
 text-align: center;
 text-decoration: none;
 line-height: 40px;
 outline: none;
}

.button::before,
.button::after {
 position: absolute;
 z-index: -1;
 display: block;
 content: '';
}

.button,
.button::before,
.button::after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}

.button span {
 display: block;
 position: absolute;
 width: 230px;
 height: 50px;
 border: 4px solid #333;
 text-align: center;
 line-height: 45px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
 pointer-events: none;
}

.button span:nth-child(1) {
 background-color: #1E90FF;
 color: #333;
 font-size: 22px;
 -webkit-transform: rotateX(90deg);
 -moz-transform: rotateX(90deg);
 transform: rotateX(90deg);
 -webkit-transform-origin: 50% 50% -20px;
 -moz-transform-origin: 50% 50% -20px;
 transform-origin: 50% 50% -20px;
}

.button span:nth-child(2) {
 background-color: #00FFFF;
 color: #333;
 font-size: 22px;
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
 -webkit-transform-origin: 50% 50% -25px;
 -moz-transform-origin: 50% 50% -25px;
 transform-origin: 50% 50% -25px;
}

.button:hover span:nth-child(1) {
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 transform: rotateX(0deg);
}

.button:hover span:nth-child(2) {
 background-color: #333;
 -webkit-transform: rotateX(-90deg);
 -moz-transform: rotateX(-90deg);
 transform: rotateX(-90deg);
}

/********************アクセス関係********************/

table.access{
 margin-left:auto;margin-right:auto;
 text-align: center;
 width: 500px;
}

table.access th{
 background-color: #CC99FF;
 border: 1px #1C79C6 solid;
 width: 100px;
}

table.access td{
 background-color: white;
 border: 1px #1C79C6 solid;
}

/********************上演*******************/

div.zyouen{
 background-color: #ffffff;
 background-size:200% 200%;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 300px;
 height: 50px;
 margin-top: 5px;
 margin-bottom: 1px;
 margin-left: auto;
 margin-right: auto;
}

div.spase{ /* 画像の間隔 */
 /* 空のdiv */
}

div.spase2{ /* 有志の画像間隔 */
 margin-top: 10px;
 margin-bottom: 15px;
 margin-left: 0px;
 margin-right: 0px;
}

.spase img{
 margin-top: 15px;
 margin-bottom: 20px;
 margin-left: 5px;
 margin-right: 5px;
 border: solid 1px #000000;
}

.spase2 img{
 margin-top: 5px;
 margin-bottom: 5px;
 margin-left: 5px;
 margin-right: 5px;
 border: solid 1px #000000;
}

/********************展示*******************/

div.frame3{ 
 width: 300px;
 margin-left: 6px;
}

div.Ttenji{ /* 多分ミス　ただのtableと同じ */

}

div.tenji1{ 
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 320px;
 height: 390px;
 background-color: FFFFFF;
 margin: 5px;
 float: left;
 word-wrap: break-word; /* 表示範囲に収まらないときは改行して表示 */
}

.tentai{ /* 展示タイトル */
 font-size: 25px;
 height: 22px;
 margin-top: 0px;
 margin-bottom: 4px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 2px;
 padding-right: 2px;
 text-align: center;
}

.tentaismall{ /* タイトルの大きさ */
 font-size: 20px;
 height: 22px;
 margin-top: 0px;
 margin-bottom: 4px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 10px;
 padding-bottom: 0px;
 padding-left: 2px;
 padding-right: 2px;
 text-align: center;
}

.tentaihoken{ /* 「あなたの体、見直してみませんか？！」のタイトルで使用　※他でも使用している */
 font-size: 16px;
 height: 22px;
 margin-top: 0px;
 margin-bottom: 4px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 10px;
 padding-bottom: 0px;
 padding-left: 2px;
 padding-right: 2px;
 text-align: center;
}

/********************バザー*******************/

p.bazaa{ /* 多分ミス */
 font-size:39px;
 color:#FF773E;
}

table.bazaar {
 margin-left:auto;
 margin-right:auto;
 text-align: center;
 width: 674px;
 table-layout: fixed; /* テーブル（表）の列幅を固定 */
}

table.bazaar th {
 background-color: #CC99FF;
 border: 1px #1C79C6 solid;
}

table.bazaar th.1 {
 width: 100px;
}

table.bazaar td {
 background-color: #FFFF99;
 border: 1px #1C79C6 solid;
}

table.syasin2{
 margin-left:auto;
 margin-right:auto;
 width: 696px;
}

.bazclass{ /* バザーの各クラス */
 background-color: #FFFFFF;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 720px;
 margin-top: 5px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 padding-top: 10px;
 padding-bottom: 10px;
}

table.yousu{ /* 多分ミス */
 margin-left:auto;
 margin-right:auto;
 text-align: center;
 width: 500px;
}

.baztitleT{ /* バザーのタイトル　販売物 */
 text-align: center;
 margin-top: 0px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 padding: 5px 0px 5px 0px;
 border-left: double 10px #777777;
 border-right: double 10px #777777;
 background-color: #00ff00;
 width: 650px;
}

.baztitle{ /* バザーのタイトル　各クラス */
 text-align: center;
 margin-top: 0px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
 padding: 5px 0px 5px 0px;
 border-left: double 10px #777777;
 border-right: double 10px #777777;
 background-color: #FFDEAD;
 width: 650px;
}

/********************ダウンロード*******************/

#frame3{
 width: 810px;
 margin: 0 auto;
}

div.downwaku{
 background-color: #FFFFFF;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 width: 850px;
 padding-top: 10px;
 padding-bottom: 10px;
 margin-top: 5px;
 margin-bottom: 10px;
 margin-left: auto;
 margin-right: auto;
}

#uggtitle img{
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}

.gamebtn{ /* ダウンロードボタン */
 font-size: 30px;
 background-color: #E7EC5E;
 color: #000000;
 padding: 8px 20px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 border: 2px solid #000000;
 text-decoration: none;
}

.gamebtn:hover{
 background-color: #F9FCB5;
}

table.gamesetu{ /* ゲーム説明 */
 background-color: #FFFFDD;
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: auto;
 margin-right: auto;
 border-width: 5px;
 border-style: outset;
 border-collapse: collapse;
 width: 820px;
 height: 150px;
 table-layout: fixed;
}

.gamesetu td img{
 float: right;
}

.gamesetu td{
 padding-left:10px;
}

td.gamedow{ 
 background-image: url(./download/img/tekihaikei.jpg);
 border-style: dashed;
 width: 240px;
 table-layout: fixed;
 text-align: center;
}

p.tyuui{ /* 注意 */
 font-size:18px;
 font-weight:bold;
 color: #dc143c;
}


/********************ステージ********************/

.itij { /* ステージ発表の１位 */
    position: relative;
    color: #040404 ;
    background: #FFFF00;
    font-size: 20pt ;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:3px solid #FF9900;
}
.itij:after, sample2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
.itij:after {
    left: 0;
    border-right: 5px solid #333;
}
.itij:before {
    right: 0;
    border-left: 5px solid #333;
}


.nij { /* ステージ発表の２位 */
    position: relative;
    color: #040404 ;
    background: #DDDDDD;
    font-size: 20pt ;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:3px solid #778899;
}
.nij:after, sample2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
.nij:after {
    left: 0;
    border-right: 5px solid #333;
}
.nij:before {
    right: 0;
    border-left: 5px solid #333;
}

.sanj { /* ステージ発表の３位 */
    position: relative;
    color: #040404 ;
    background: #FFA228;
    font-size: 20pt ;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:3px solid #cc0000;
}
.sanj:after, sample2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
.sanj:after {
    left: 0;
    border-right: 5px solid #333;
}
.sample2:before {
    right: 0;
    border-left: 5px solid #333;
}

.itig { /* ステージ発表の１年生 */
    position: relative;
    color: #002fdf ;
    background: #c5fcfd;
    font-size: 16pt ;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:3px solid #4cf0f2;
}

.itig:after, sample2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}

.itig:after {
    left: 0;
    border-right: 5px solid #333;
}

.itig:before {
    right: 0;
    border-left: 5px solid #333;
}

.nig { /* ステージ発表の２年生 */
    position: relative;
    color: #fe7b11 ;
    background: #fcfcc5;
    font-size: 16pt ;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:3px solid #efea4e;
}
.nig:after, sample2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
.nig:after {
    left: 0;
    border-right: 5px solid #333;
}
.nig:before {
    right: 0;
    border-left: 5px solid #333;
}

.sang { /* ステージ発表の３年生 */
    position: relative;
    color: #e41a00 ;
    background: #fee3e1;
    font-size: 16pt ;
    line-height: 1;
    margin: 20px -10px 20px -10px;
    padding: 10px 5px 10px 20px;
    box-shadow:1px 3px 7px 0px  #666666 ;
    border-top:3px solid #fea9a6;
}
.sang:after, sample2:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
.sang:after {
    left: 0;
    border-right: 5px solid #333;
}
.sang:before {
    right: 0;
    border-left: 5px solid #333;
}


.ititai { /* ステージ発表の１年生のタイトル */
  color: #0c0100 ;
  background: #fef6f7;
  font-size: 16pt ;
  line-height: 1;
  margin:10px 0px;
  padding: 10px 5px 10px 5px;
    box-shadow:1px 3px 7px 0px #666666 ;
    border-top:3px solid #18beba;
    border-radius: 5px ;
}


.nitai { /* ステージ発表の２年生のタイトル */
  color: #0c0100 ;
  background: #fef6f7;
  font-size: 16pt ;
  line-height: 1;
  margin:10px 0px;
  padding: 10px 5px 10px 5px;
    box-shadow:1px 3px 7px 0px #666666 ;
    border-top:3px solid #bcbd18;
    border-radius: 5px ;
}


.santai { /* ステージ発表の３年生のタイトル */
  color: #0c0100 ;
  background: #fef6f7;
  font-size: 16pt ;
  line-height: 1;
  margin:10px 0px;
  padding: 10px 5px 10px 5px;
    box-shadow:1px 3px 7px 0px #666666 ;
    border-top:3px solid #bc2418;
    border-radius: 5px ;
}

table.stagewaku{
 text-align: center;
 width: 940px;
 padding-top: 10px;
 padding-bottom: 20px;
}

.center{
 text-align: center;
}

.acsize{
 font-size:30px;
}