/* 中画面用CSS */
/* メニューフレーム */
#top_frame {
	height: 60px;
	left: 0;
	margin: 0;
	position: fixed;
	_position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
        /*overflow:auto;*/
       }

/* 本文フレーム */
#under_frame {
	margin: 70px 0 0 0;
	_overflow: auto;
	padding: 0;
}

/* フレーム中スクロール */
.framescroll { 
                padding: 80px 0 0;
               margin: -80px 0 0;
             }

/* ページ先頭へ */
#rettop { font-style: normal;
          font-weight: normal;
          font-size: 16px;
          font-family: メイリオ,sans-serif;
          text-align: center; 
          margin-left: 0px;
          margin-right: 0px;
          line-height: 1.3;
          color: #60ff60;
          display: inline;
        }

/* ボディ */
body {
       margin: 0;
       padding: 0;
       line-height:1.4;
       color:#ffffff;
       background-color: #9c0d5c;
       line-height:1.4;
       font-family:メイリオ, sans-serif;
       font-size:0.9em;
     }

/* リンク色　*/
a:link { color: #80ff80 }
a:visited { color: #e0e0ff }
a:hover { color: yellow }
a:active { color: #8080ff }

/* 色定義 */
.norwhite { color: #ffffff; }
.noryellow { color: #ffff00; }
.norblack { color: #000000; }
.norgreen { color: #008000; }
.norblue { color: #0000ff; }
.mailblue { color: #90f0ff }

/* 表示制御 */
.pcdisp { display:none; }
.spdisp { display:none; }
.mddisp { display:inline; }
.spmenu { display:none; }
.mdmenu { display:inline; }
.pcnon { display:inline; }
.mdnon { display:none; }
.spnon { display:inline; }

/* トップ見出し部フォント */
div.thd { font-style: normal;
          font-weight: bold;
          font-size: 22px;
          font-family: メイリオ,sans-serif;
          text-align: center; 
          margin-left: 0px;
           line-height:1.4;
        }

/* 見出し部フォント中央 */
div.hd { font-style: normal;
         font-weight: bold;
         font-size: 24px;
         font-family: メイリオ,sans-serif;
         text-align: center; 
         margin-left: 0px;
         line-height:1.4;
       }

/* ニューススクロールボックス */
.scrbox {
          /*overflow: scroll;*/
          width:98%;
          /*height:100px;*/
          margin:0 auto;
          border: solid 4px #bc4d8c;
          background: #ffe6ff;
          padding:5px;
        }

/* 見出し部フォント左 */
div.lhd { font-style: normal;
          font-weight: bold;
          font-size: 24px;
          font-family: メイリオ,sans-serif;
          text-align: left; 
          margin-left: 0px;
          line-height:1.4;
        }

/* トップフォント */
div.tppg{ font-style: normal;
          font-weight: bold;
          font-size: 16px;
          font-family: メイリオ,sans-serif;
          text-align: left; 
          margin-left: 10px;
          margin-right: 0px;
          line-height: 1.3;
          word-break: normal;
        }

/* プロフィールフォント */
.pnor{ font-style: normal;
       font-weight: normal;
       font-size: 13px;
       font-family: メイリオ,sans-serif;
       text-align: left; 
       margin-left: 5px;
       margin-right: 0px;
       line-height: 1.3;
       word-break: normal;
     }

/* ニュースフォント */
div.newnor{ font-style: normal;
            font-weight: normal;
            font-size: 17px;
            font-family: メイリオ,sans-serif;
            text-align: left; 
            margin-left: 5px;
            margin-right: 0px;
            line-height: 1.3;
            word-break: normal;
          }

/* 本文フォント */
div.nor{ font-style: normal;
         font-weight: normal;
         font-size: 15px;
         font-family: メイリオ,sans-serif;
         text-align: left; 
         margin-left: 10px;
         margin-right: 10px;
         line-height: 1.3;
         word-break: normal;
       }

/* ギャラリー大フォント */
div.galhd{ font-style: normal;
           font-weight: bold;
           font-size: 16px;
           font-family: メイリオ,sans-serif;
           text-align: left; 
           margin-left: 0px;
           margin-right: 0px;
           line-height: 1.3;
           word-break: normal;
         }

/* ギャラリー小上段フォント */
div.galsmall{ font-style: normal;
              font-weight: normal;
              font-size: 12px;
              font-family: メイリオ,sans-serif;
              text-align: left; 
              margin-left: 4px;
              margin-right: 0px;
              line-height: 1.2;
              word-break: normal;
            }
/* ギャラリー小下段フォント */
div.galsmall2{ font-style: normal;
               font-weight: normal;
               font-size: 12px;
               font-family: メイリオ,sans-serif;
               text-align: left; 
               margin-left: 8px;
               margin-right: 0px;
               line-height: 1.2;
               word-break: normal;
             }

/* ギャラリー次へ戻るフォント */
.gallink{ font-style: normal;
          font-weight: normal;
          font-size: 16px;
          font-family: メイリオ,sans-serif;
          text-align: left; 
          margin-left: 0px;
          margin-right: 0px;
          line-height: 1.4;
          word-break: normal;
          color: #ffff00;
        }

/* トップテーブル */
.topbox {  display:inline-block;/*blockで縦、inline-blockで横*/
           width: 480px;
           margin: 0 auto;
           list-style: none;
           padding: 0px;
           text-align:center;
           vertical-align:middle;
         }
.topcell { display:inline-block;/*blockで縦、inline-blockで横*/
           width:330px;
           border: solid 0px #bc4d8c;
           margin: 0 auto;
           list-style: none;
           padding: 0px;
           text-align:center;
           vertical-align:middle;
           margin-bottom:0px
         }
.topphoto { display:inline-block;/*blockで縦、inline-blockで横*/
            width:140px;
            border: solid 0px #bc4d8c;
            margin: 0 auto;
            list-style: none;
            padding: 0px;
            text-align:center;
            vertical-align:middle;
            margin-bottom:0px
          }
img.indeximg {
              width: 140px;
              height: auto;
             }

/* 本文分解テーブル */
table.hbrbox {
             border: solid 2px #bc4d8c;
             border-collapse: collapse;
             border-spacing: 2px 2px;
             margin: 0 auto;
           }
td.hbrcell {
             width: 470px;
             border: solid 2px #bc4d8c;
             border-collapse: collapse;
             border-spacing: 2px 2px;
             margin: 0 auto;
           }

/* プロフィールテーブル */
table.prfbox {
             width: 100%;
             border: solid 0px #bc4d8c;
             border-collapse: collapse;
             border-spacing: 0px;
             margin: 0;
           }
.prfbox td {
             border: solid 0px #bc4d8c;
             border-collapse: collapse;
             border-spacing: 0px;
             margin: 0 auto;
             vertical-align:top;
           }

/* ニューステーブル */
.newsbox { width: 470px;
           background: #ffe6ff;
           border: solid 0px #bc4d8c;
           margin: 0 auto;
           padding:5px;
         }

/* 標準テーブル */
  /* 外形枠 */
.stdbox {
          width:480px;
          border: solid 0px #bc4d8c;
          margin: 0 auto;
          list-style: none;
          padding: 0px;
          text-align:center;
          vertical-align:top;
         }
.stdcell { display:block;/*blockで縦、inline-blockで横*/
           /*width:250px;*/
           border: solid 2px #bc4d8c;
           margin: 0 auto;
           list-style: none;
           padding: 0px;
           text-align:center;
           vertical-align:top;
             }
  /*ＮＥＷＳ用*/
.newscell { display:block;/*blockで縦、inline-blockで横*/
           /*width:250px;*/
           border: solid 0px #bc4d8c;
           margin: 0 auto;
           list-style: none;
           padding: 0px;
           text-align:center;
           vertical-align:top;
             }

.stdptw { width: 130px;
              }
.stdtxw { width: 490px;
          /*margin-left:-6px;*/
          margin-top:-2px;
              }
.prfptb { /*ﾌﾟﾛﾌｨｰﾙ写真用ボックス */
          width:480px;
          border: solid 0px #bc4d8c;
          vertical-align:middle;
        }
.prfptw { /*ﾌﾟﾛﾌｨｰﾙ写真用セル幅 */
          width:480px;
          height:160px;
        }
.prftxw { width:480px;} /*ﾌﾟﾛﾌｨｰﾙﾃｷｽﾄ用セル幅 */
.antheight { } /*ｱﾝﾃｨｰｸ用セル高さ */
.antphoto {
           width:130px;
           height:auto;
         }
.essphoto {
           width:130px;
           height:auto;
         }
.nowphoto {
           width:130px;
           height:auto;
          }
.infphoto {
           width:130px;
           height:auto;
          }
.prfphoto {
           width:125px;
           height:160px;
           float:left;
           padding-right:10px;
          }
.salephoto {
           width:480px;
           /*height:229px;*/
           text-align:top;
          }
.salebox { width:480px;
           border: solid 3px #bc4d8c;
           margin: 0 auto;
}

/* ギャラリーテーブル */
  /* 外形枠 */
.galmain { 
           margin: 0 auto;
           list-style: none;
           padding: 0px;
           text-align:center;
           vertical-align:middle;
         }
.galmaincell { display:block;/*blockで縦、inline-blockで横*/
               width:460px;
               border: solid 0px #bc4d8c;
               margin: 0 auto;
               list-style: none;
               padding: 0px;
               text-align:center;
               vertical-align:middle;
               margin-bottom:30px
             }
.galmainsmall { width: 50px;
              }
 /* 個別枠 */
.galsub {
             margin: 0 auto;
             list-style: none;
             padding: 0px;
             text-align:center;
             vertical-align:middle;
        }
.galsubcell { display:inline-block;/*blockで縦、inline-blockで横*/
              width: 220px;
              border: solid 0px #bc4d8c;
              margin: -2px auto;
              list-style: none;
              padding: 0px;
              text-align:center;
              vertical-align:middle;
            }
  /* 写真・説明枠 */
.galbox {
             margin: 0 auto;
             list-style: none;
             padding: 0px;
             text-align:left;
             vertical-align:top;
        }
.galcell {
              width: 220px;
              height: 80px;
              border: solid 2px #bc4d8c;
              margin: -2px auto;
              list-style: none;
              padding: 0px;
              padding-top:2px;
              text-align:left;
              vertical-align:top;
         }
.galcelllm { margin-left:-2px; } /* 説明枠と写真枠の横距離(MD時のみ) */

/* イメージ共通 */
img { vertical-align: bottom; 
      border: solid 0px #bc4d8c;
    }

/* バナーイメージ */
img.banner { display: inline; 
            width: 320px ;
            height: auto;
          }

/* メニューボタン */
img.menubuttonT { width: 450px ;
                 height: auto;
               }
img.menubutton { width: 220px ;
                 height: auto;
               }

/* ENTERボタン */
img.enterbutton { width: 150px ;
                 height: auto;
               }

/* メニュー定義 */
.menu {
        height: 50px;
        width: 450px;
        /*margin: 0px auto;*/
        margin-left: auto;
        margin-right: 0;*/
        padding: 0px;
        text-align:right /*center*/;
      }

label { display: inline;
        color: #fff;
        padding: 0px;
        /*margin: 0 auto;*/
        text-align: right;
        margin-left: auto;
        margin-right: 0;
        border: 0px solid #bc4d8c;
      }

label:hover { /*display: none;*/
              cursor: pointer;
            }

input[type="checkbox"].on-off{
  display: none;
}

.menu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0px auto;
  padding: 0px;
  list-style: none;
  /*width:480px;*/
}

.menu li { display:inline;
           padding: 0px; /* メニュー間隔 */
           margin-left:-2px;
           margin-right:-1px;
         }

input[type="checkbox"].on-off + .menu ul{
  height: 0;
  overflow: hidden;
}

input[type="checkbox"].on-off:checked + .menu ul{
  height: 185px;
}