/*-----------------------------------------------------------------------------
 [TABLE OF CONTENTS]
    犉ꚢ
        =form
        =page
    藦鵺
        =login-bar
    犉
        =content-main
    纊⵺
        =sponsor
        =link
-----------------------------------------------------------------------------*/

/* 犉ꚢ
*----------------------------------------------------------------------------*/

body, html {
    background: #000;
    color: #000;
    font: 12px/19px Arial, "Apple LiGothic Medium", Courier, Helvetica, Times;
}

a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

acronym {
    cursor: help;
}

abbr {
    cursor: help;
}

/**
*
* clear,clearfix
*
**/

/* regular clearing apply to column that should drop below previous ones. */
.clear {
    clear: both;
}

/* this needs to be first because FF3 is now supporting this */
.clearfix {
    display: inline-block;
}

/* clearing floats without extra markup */
.clearfix:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    content: ".";
}

/* hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* end hide from IE-mac */

/**
*
* =form
*
**/

form input.length-s {
    width: 50px;
}

form input.length-m {
    width: 200px;
}

form input.length-l {
    width: 400px;
}

label {
    padding: 0 4px;
    cursor: pointer;
}

input[type="image"] {
    cursor: pointer;
}

input[type="submit"] {
    cursor: pointer;
}

input[type="reset"] {
    cursor: pointer;
}

input[type="button"] {
    cursor: pointer;
}

select:focus {
    background-color: #ffc;
}

textarea:focus {
    background-color: #ffc;
}

input[type="text"]:focus {
    background-color: #ffc;
}

.btn a {
    display: block;
    border: 1px solid #ccc;
    background: url(../i/bg_btn2.gif) repeat-x center;
    color: #de000f;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
}

.btn a:hover {
    border: 1px solid #333;
    color: #333;
    text-decoration: none;
    background: url(../i/bg_btn2_hover.gif) repeat-x center;

}

/**
*
* =page
*
**/

.page ul {
    float: right;
}

.page li {
    float: left;
    width: 28px;
    height: 22px;
    line-height: 22px;
    border-right: 1px solid #bbb;
    background: url(../i/bg-page02.gif) repeat-x 0 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.page li.last {
    border: none;
}

.page li a {
    display: block;
    width: 28px;
    height: 22px;
    background: url(../i/bg-page01.gif) repeat-x 0 0;
    color: #696969;
}

.page li a:hover {
    background: url(../i/bg-page02.gif) repeat-x 0 0;
    color: #fff;
}

.page li.first a {
    background: url(../i/icon-arrow-first01.gif) no-repeat 0 0;
}

.page li.prev a {
    background: url(../i/icon-arrow-prev02.gif) no-repeat 0 0;
}

.page li.next a {
    background: url(../i/icon-arrow-next02.gif) no-repeat 0 0;
}

.page li.last a {
    background: url(../i/icon-arrow-last01.gif) no-repeat 0 0;
}

.page li.first a:hover {
    background: url(../i/icon-arrow-first02.gif) no-repeat 0 0;
}

.page li.prev a:hover {
    background: url(../i/icon-arrow-prev03.gif) no-repeat 0 0;
}

.page li.next a:hover {
    background: url(../i/icon-arrow-next03.gif) no-repeat 0 0;
}

.page li.last a:hover {
    background: url(../i/icon-arrow-last02.gif) no-repeat 0 0;
}

/* 藦鵺
*----------------------------------------------------------------------------*/

/**
*
* =login-bar
*
**/

#header .login-bar {
    float: right;
    margin: 0;
    font-size: 12px;
    line-height: 19px;
    text-align: right;
}

#header .login-bar ul {
    list-style: none;
}

#header .login-bar ul li {
    display: inline;
}

#header .login-bar ul li a {
    padding: 0 6px;
    border-right: 1px dotted #cecece;
    color: #fff;
    text-decoration: none;
}

#header .login-bar ul li a:hover {
    color: #f00;
    text-decoration: none;
}

#header .login-bar ul li.last a {
    border: none;
}

/**
*
* =canon-bar
*
**/

#header .canon-bar {
    position: relative;
    width: 990px;
    height: 50px;
    padding: 5px;
    margin: 0 auto;
    background: #de0011;
    vertical-align: middle;
}
#header .canon-bar span {
    position: absolute;
    top: 5px;
    right: 5px;    
}


/* 犉
*----------------------------------------------------------------------------*/

#content {
    background-color: #fff;
}

/* 犉main
*----------------------------------------------------------------------------*/

#content #content-main {
    overflow: auto;
    width: 1000px;
    color: #000;
}

/* 纊⵺
*----------------------------------------------------------------------------*/