@charset "shift_jis";

/* ---------------------------
・ページ全体
--------------------------- */

body > #info { height: auto; }

#info { width: 800px; padding: 0px; margin: 0px auto 0px auto;
 background-color: #DBD7CF;
background:url(../img/info/back_page.jpg); background-repeat: repeat;
 vertical-align: top; text-align: left; }

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

a { margin: 0px; padding: 0px; text-decoration:underline; color: #0000ff; background-image: none; }
a:hover { margin: 0px; padding: 0px; text-decoration:underline; color: #000099; background-image: none; }

/* ---------------------------
・フッター
--------------------------- */

#copyright-info { 
 width: 780px; height: 35px; margin: 10px auto 0px auto;  padding: 0px;
 text-align: right; line-height: 2.4em; font-size: 10px; color: #ffffff; }


/* ---------------------------
・index：説明／ログインテーブル
--------------------------- */

#top { clear: both; width: 800px; margin: 10px 0px 0px 0px; padding: 0px;  border-collapse: collapse; }
#top th { height: 64px; margin:0px; padding: 0px; border: solid 0px #ffffff; vertical-align: top; }
#top td { height: 228px; margin:0px; padding: 0px; border: solid 0px #ffffff; vertical-align: top; }

td#top-left { width: 400px; margin:0px; padding: 0px; text-align: left; }
td#top-right { width: 400px; margin:0px; padding: 0px; border: text-align: right; }

/* ---------- 上サイド（説明） ---------- */

#top #intro { float: right; width: 590px; height: 64px; margin: 0px; padding: 0px; text-align: left;
 background: url(../img/info/top_intro.gif) top right;  background-position: no-repeat; 
}

/* ----- ボタン ----- */

#bt-guest { clear: both; float: left; display: block; width: 158px; height: 32px; margin: 9px 0px 0px 20px;
 background: url(../img/info/bt/guest01.gif); background-repeat: no-repeat; }
a#a-guest { display: block; width: 158px; height: 32px;
 background: url(../img/info/bt/guest01.gif); background-repeat: no-repeat; }
a#a-guest:hover { display: block; width: 158px; height: 32px;
 background: url(../img/info/bt/guest02.gif); background-repeat: no-repeat; }
 
#bt-intro { float: left; display: block; width: 203px; height: 32px; margin: 9px 0px 0px 30px;
 background: url(../img/info/bt/intro01.gif); background-repeat: no-repeat; }
a#a-intro { display: block; width: 203px; height: 32px;
 background: url(../img/info/bt/intro01.gif); background-repeat: no-repeat; }
a#a-intro:hover { display: block; width: 203px; height: 32px;
 background: url(../img/info/bt/intro02.gif); background-repeat: no-repeat; }


/* ---------- 左サイド（イメージのみ） ---------- */

#top #left { float: left; overflow: hidden;
 width: 385px; height: 228px; margin: 0px; padding: 0px; text-align: left;
 background: url(../img/info/top_left.jpg) top left;  background-position: no-repeat; 
}
#top #left img { float: left; width: 385px; height: 228px; margin: 0px; padding: 0px; text-align: left; }


/* ---------- 右サイド（ログイン） ---------- */

#top #right { float: right; overflow: hidden;
 width: 385px; height: 228px; margin: 0px; height: 228px padding: 0px; text-align: center; 
 background: url(../img/info/top_right.gif) top right; background-position: no-repeat; 
 line-height: 1.4em; font-size: 12px; color: #cc0000;
}

#top #right h2 { clear: both; width: 385px; height: 33px; margin: 10px 0px 8px 0px; padding: 0px; 
 text-align: right; }


/* ---------- 右サイド（ログイン：会員登録） ---------- */

#top .tb-login { clear: both; width: 385px; margin:0px; padding: 0px;  border-collapse: collapse; font-size: 12px; }
#top .tb-login th { height: auto; margin:0px; padding: 2px 0px; border: solid 0px #ffffff; vertical-align: top; }
#top .tb-login td { height: auto; margin:0px; padding: 2px 0px; border: solid 0px #ffffff; vertical-align: top; text-align: center; }

#top .tb-login .input { width: 175px; margin:0px; padding: 2px; 
 border: 1px solid #696969; background-color: #ffffff; }


/* ----- ボタン ----- */

#bt-login { clear: both; display: block; width: 82px; height: 32px; margin: 10px auto 0px auto;
 background: url(../img/info/bt/login01.gif); background-repeat: no-repeat; }
a#a-login { display: block; width: 82px; height: 32px;
 background: url(../img/info/bt/login01.gif); background-repeat: no-repeat; }
a#a-login:hover { display: block; width: 82px; height: 32px;
 background: url(../img/info/bt/login02.gif); background-repeat: no-repeat; }

/* ---------- 右サイド（ログイン：新規登録） ---------- */

#top #right .entry { clear: both; width: 380px; margin: 0px auto; padding: 5px 0px 10px 0px;
 background: url(../img/info/back_login.gif) bottom;  background-position: no-repeat; 
 text-align: left; vertical-align: bottom; }


.entry #bt-entry { clear: both; float: left; display: block; width: 158px; height: 32px; margin: 0px 10px;
 background: url(../img/info/bt/entry01.gif); background-repeat: no-repeat; }
a#a-entry { display: block; width: 158px; height: 32px;
 background: url(../img/info/bt/entry01.gif); background-repeat: no-repeat; }
a#a-entry:hover { display: block; width: 158px; height: 32px;
 background: url(../img/info/bt/entry02.gif); background-repeat: no-repeat; }


/* ---------------------------
・index：下部分（イメージのみ）
--------------------------- */

#down { clear: both; width: 800px; height: 120px; margin: 10px auto; padding: 0px;
 background: url(../img/info/back_down.gif) bottom;  background-position: no-repeat; }

#down img { float: left; margin: 0px; padding: 0px; vertical-align: top; }