/* ===================================================================
ブラウザスタイルの基本設定
=================================================================== */
html {
    overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
    margin: 0;  padding: 0;
}
img, abbr, acronym, fieldset    {
    border: 0;
}

/* フォント設定
----------------------------------------------------------- */
body {
    font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
    font-size: 75%;
    color: #333;
    line-height:150%;
}

/* ===================================================================
スタイル設定
=================================================================== */

/* body、link要素
----------------------------------------------------------- */
body {
    color: #696969;
    line-height: 150%;
}

* html body {      
    background: url(null) fixed;
}

/* header要素  
----------------------------------------------------------- */  
div#header  {   
    width: 100%;   
    padding: 15px;   
    background: #FFF url(../image/bg/header.gif) repeat-x;   
    border-bottom: 1px solid #CCC;   
    color: #FFF;   
    position: fixed;   
    top:0;   
    left:0;   
}   
* html div#header    {      
    position: absolute;      
    top: expression(eval(document.documentElement.scrollTop+0));
}   
div#header h1   {   
    width: 880px;   
    margin: 0 auto;   
}

/* container要素
----------------------------------------------------------- */
div#container   {
    width: 880px;
    margin: 0 auto;
    padding: 170px 0 20px;
}
div#container:after { height:0; visibility: hidden; content: ".";   display: block; clear: both; }

/* contents要素
----------------------------------------------------------- */
div#contents    {
    width: 700px;
    float: left;
}

/* subcontents要素
----------------------------------------------------------- */
div#subcontents {
    width: 180px;
    float: right;
}

/* menuのパディング設定
----------------------------------------------------------- */
#menutop { padding-top: 25px}

div#bioText {
    letter-spacing: 1px;
}

/* ===================================================================
ポップ設定
=================================================================== */
p.banner1 {
    margin: 0px 0px 10px 0px;
    padding:0px;
    border: 0;
    width: 180px;
    height: 200px;
}

p.banner2 {
    margin: 0px 0px 10px 0px;
    padding:0px;
    border: 0;
    width: 180px;
    height: 180px;
}

p.banner3 {
    margin: 0px 0px 10px 0px;
    padding:0px;
    border: 0;
    width: 180px;
    height: 140px;
}

p.banner {
    margin: 0px 0px 10px 0px;
    padding:0px;
}

td.text {
    padding:5px;
    
}

/* ----------------------------------------------------------------------
    メールフォーム部
---------------------------------------------------------------------- */
.kome
   {
    color: red;
    font-size: 90%
    font-weight: bold;
   }

.contactForm
   {
    border: 1;
    width: 600px;
    margin: 5px 10px 10px 0px;
   }
.contactForm .item
   {
    text-align:right;
    width: 130px;
    padding: 5px;
   }
.contactForm .answer
   {
    text-align:left;
    width: 75%;
    font-size: 90%;
    padding: 5px;
   }

/* IMEモード制御 */
.contactForm .answer .On
   {
    ime-mode: active;
   }
.contactForm .answer .Off
   {
    ime-mode: inactive;
   }
.contactForm .answer .Dis
   {
    ime-mode: disabled;
   }

.contactForm .answer .txtArea
   {
    ime-mode: active;
    width: 95%;
   }
.contactFormCf .answer
   {
    font-weight: bold;
    width: 360px;
   }

/* メールフォーム関連 */
#contentsText
   {
    text-align:center;
    margin:30px 0px 20px 10px;
    width:550px;
   }
#contentsText .caution
   {
    color:Crimson;
    font-weight: bold;
   }

/* ===================================================================
ロールオーバー設定
=================================================================== */
/* チケット予約 */
a#ticketlink {
   display: block;
   width: 150px; /* 画像1枚分の横幅 */
   height: 30px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("http://srash.jp/img/img_reserve.png"); /* 画像ファイル名 */
}

a#ticketlink:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

/* ﾜﾝﾏﾝﾗｲﾌﾞ */
a#onemanlink {
   display: block;
   width: 180px; /* 画像1枚分の横幅 */
   height: 200px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("http://srash.jp/img/pop1.png"); /* 画像ファイル名 */
}

a#onemanlink:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

/* MiXi */
a#mixilink {
   display: block;
   width: 180px; /* 画像1枚分の横幅 */
   height: 48px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("http://srash.jp/img/mixi.jpg"); /* 画像ファイル名 */
}

a#mixilink:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

/* Member MI2 */
#member_MI2 {
   display: block;
   width: 162px;
   height: 306px;
   text-indent: -1000px;
   background-image: url("./img/mitsu.png");
}

a#member_MI2:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

/* Member DAIKI */
a#member_DAIKI {
   display: block;
   width: 162px;
   height: 306px;
   text-indent: -1000px;
   background-image: url("./img/daiki.png");
}

a#member_DAIKI:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

/* Member SHINGO */
a#member_SHINGO {
   display: block;
   width: 162px;
   height: 306px;
   text-indent: -1000px;
   background-image: url("./img/shingo.png");
}

a#member_SHINGO:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

/* Member SHOTA */
a#member_SHOTA {
   display: block;
   width: 162px;
   height: 306px;
   text-indent: -1000px;
   background-image: url("./img/shota.png");
}

a#member_SHOTA:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

/* MySpace */
a#mslink {
   display: block;
   width: 180px; /* 画像1枚分の横幅 */
   height: 40px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("http://srash.jp/img/myspace.jpg"); /* 画像ファイル名 */
}

a#mslink:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}
/* ===================================================================
 footer設定
=================================================================== */
div#footer  {
    background: #FFF url(http://srash.jp/img/footer.jpg) repeat-x;
    color: #333;
    margin: 0;
}
div#footer .inner {
    width: 880px;
    margin: 0 auto;
    padding: 5px 20px 20px;
}
#footer address {
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}