/*******  画面共通ＣＳＳ  *********/

/****  （ダイアリ、ＢＢＳ、投稿画像集を除く）  ****/

* {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 1px;
    border: none;
}

body {
    text-align: left;
    color: #000;
    background-image: url(wall.gif);
}

a { text-decoration: none; color: #00f; }
a:hover { background-color: #ddd; }

p { margin-top: 1.0em; }




/* コンテンツ全体 */

#container {
    width: 800px;
    background-color: #fff;
    margin: 0px auto;
    text-align: left;
}

/* トップ画面以外のヘッダー */

#header {
    background-image: url(header.gif);
    width: 800px;
    height: 50px;
    margin-bottom: 5px;
}

#header a {
    display: block;
    height: 50px;
    background-color: transparent;
}



/******************  メニュー用ＣＳＳ  ********************/

/****全体位置の決定****/

#menu {
    margin-left: 19px;
    position: absolute; /*△*/
    z-index: 100; /*△*/
}

/**** メインメニュー ****/

ul.menu_main {
    margin: 0px; /*△*/
    padding: 0px; /*△*/
    width:100%; /*○*/
    position: relative; /*×*/
    list-style: none; /*△*/
}

/* 通常時 */

.menu_main li.off {
    position: relative; /*×*/
    float: left; /*×*/
    height: 29px; /*○*/
    width: 109px; /*○*/
    overflow: hidden; /*×*/
}

/* 展開時 */

.menu_main li.on {
    float: left; /*×*/
    overflow: hidden; /*×*/
    width: 109px; /*○*/
}

.menu_main>li.on {
    overflow: visible; /*×*/
}

.menu_main a{
    display: block; /*△*/
    background-image: url("menu_main.gif");
    background-repeat: no-repeat;
    background-color: transparent;
    height: 29px;
    width: 107px;
}

.menu_main a.profile { background-position:    0px 0px; }
.menu_main a.diary   { background-position: -110px 0px; }
.menu_main a.bbs     { background-position: -220px 0px; }
.menu_main a.photo   { background-position: -330px 0px; }
.menu_main a.ranking { background-position: -440px 0px; }
.menu_main a.result  { background-position: -550px 0px; }
.menu_main a.contact { background-position: -660px 0px; }

.menu_main a.profile:hover { background-position:    0px -30px; }
.menu_main a.diary:hover   { background-position: -110px -30px; }
.menu_main a.bbs:hover     { background-position: -220px -30px; }
.menu_main a.photo:hover   { background-position: -330px -30px; }
.menu_main a.ranking:hover { background-position: -440px -30px; }
.menu_main a.result:hover  { background-position: -550px -30px; }
.menu_main a.contact:hover { background-position: -660px -30px; }


/**** サブメニュー ****/

ol.menu_sub {
    margin: 0px; /*△*/
    padding: 0px; /*△*/
    position: relative; /*×*/
    left: 0; /*○*/
    top: 0; /*○*/
    width: 150px; /*○*/
    list-style: none; /*△*/
}

.menu_sub li{
    line-height: 20px;  /* サブメニュー間の隙間を回避する処置 */
}

.menu_sub a {
    padding: 0px 0px 0px 0px; /*○*/
    display: block; /*△*/
    width: 150px; /*○*/
    height: 20px;
    background-image: url("menu_sub.gif");
    background-repeat: no-repeat;
}

.menu_sub a.photo  { background-position: 0px    0px; }
.menu_sub a.toukou { background-position: 0px  -21px; }
.menu_sub a.wta_r  { background-position: 0px  -42px; }
.menu_sub a.jta_r  { background-position: 0px  -63px; }
.menu_sub a.itfj_r { background-position: 0px  -84px; }
.menu_sub a.wta_s  { background-position: 0px -105px; }
.menu_sub a.wta_d  { background-position: 0px -126px; }
.menu_sub a.jta_s  { background-position: 0px -147px; }
.menu_sub a.jta_d  { background-position: 0px -168px; }
.menu_sub a.itfj_s { background-position: 0px -189px; }
.menu_sub a.itfj_d { background-position: 0px -210px; }
.menu_sub a.jtaj_s { background-position: 0px -231px; }

.menu_sub a.photo:hover  { background-position: -170px    0px; }
.menu_sub a.toukou:hover { background-position: -170px  -21px; }
.menu_sub a.wta_r:hover  { background-position: -170px  -42px; }
.menu_sub a.jta_r:hover  { background-position: -170px  -63px; }
.menu_sub a.itfj_r:hover { background-position: -170px  -84px; }
.menu_sub a.wta_s:hover  { background-position: -170px -105px; }
.menu_sub a.wta_d:hover  { background-position: -170px -126px; }
.menu_sub a.jta_s:hover  { background-position: -170px -147px; }
.menu_sub a.jta_d:hover  { background-position: -170px -168px; }
.menu_sub a.itfj_s:hover { background-position: -170px -189px; }
.menu_sub a.itfj_d:hover { background-position: -170px -210px; }
.menu_sub a.jtaj_s:hover { background-position: -170px -231px; }


/* メニュー下のダミー（回り込みのクリアと高さの辻褄合わせ） */

#menu_dummy {
    clear: both;
    height: 30px;
    overflow: hidden;
}



/************** フッター ***************/

#footer {
    clear: both;
    margin-top: 20px;
    padding: 25px 15px 0px 0px;
    height: 25px;
    background-image: url(wall_footer.gif);
    color: #dc8100;
    text-align: right;
}
#footer a { color: #fff; }
#footer a:hover { background-color: transparent; }