div#page {
    margin: 0px auto;
}

div#header {
    position:relative;
    height: 60px;
    border-bottom: 10px solid #CC0033;
}

img#_yen {
    position: absolute;
    top: 5px;
    left: 5px;
    cursor:pointer;
}

img#_sum {
    position: absolute;
    top: 5px;
    left: 55px;
    cursor:pointer;
}

img#_register {
    position: absolute;
    top: 5px;
    left: 105px;
    cursor:pointer;
}

img#_csv {
    position: absolute;
    top: 5px;
    left: 155px;
    cursor:pointer;
}

div#logo-box {
    position: absolute;
    top: 12px;
    right: 60px;
}

div#logo-box span {
    display: block;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
}

img#menu {
    position: absolute;
    top: 5px;
    right: 5px;
    cursor:pointer;
}

div#footer {
    position:relative;
    height:90px;
    border-top: 10px solid #CC0033;
}

img#index {
    position: absolute;
    top: 5px;
    right: 70px;
    cursor:pointer;
}

img#pagetop {
    position: absolute;
    top: 5px;
    right: 0px;
    cursor:pointer;
}

div#copyright {
    /* width��height�w��K�{ */
    width:100%;
    /* ������height�w�肷��ƁA�����Ɍ��Ԃ������Ă��܂� */
    /*height: 19px;*/
    position:absolute;
    bottom:2px;
    text-align:center;
}

div#copyright img {
    padding-top: 3px;
}

/* BEGIN navigation  */

#navigation {
    /* ���ꂪ�Ȃ��ƁA�y�[�W���[�h���ɊJ���Ă��܂� */
    display:none;
}

#navigation > ul {
    border-bottom: solid 1px #ccc;
}

#navigation > ul > li {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
    background: -moz-linear-gradient(top, rgb(#fff), rgb(#f0f0f0));
    background: linear-gradient(#fff, #f0f0f0);
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #fff;
    /* ���ꂪ�Ȃ��ƁA�e�N�X�g�̍�����10px�󂯂��Ȃ� */
    padding-left: 10px;
}

#navigation > ul > li > a {
    font-size: 14px;
    line-height: 18px;
    display: block;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    /* �t�H���g���̂̉�����1px�قǗ]�����ł���̂ł�����l�� */
    padding: 10px 0 9px 10px;
    /* padding-left��10px����Ă��邩��A�S�̓I��+10����Ă��܂����߁A����𑊎E */
    margin-left: -10px;
    background: url(/images/buttons/arrow.png) no-repeat scroll right center transparent;
    /* �� �����w��B���Ƃ̉摜��100px 60px */
    background-size: 50px 30px;
}

/* END navigation */

div#content {
        padding: 5px;
        background-color:#dcdcdc;
}

div#content .container {
    margin:0px auto;
    background-color: #ffffff;
    border: 1px solid #999999;
    min-height: 395px;
}

div#link {
    margin: 0 auto 30px;
    display: table;
}

div#link a {
    font-size: 12px;
    color: #CC0066;
}