@import "common.css";

/* ========== ヘッドエリア定義 ========== */

#top-title {
    width: 780px;
    height: 365px;
    background: url(../image/top_title_back.jpg) no-repeat;
}

#top-title h1 {
    margin: 0px;
    padding: 0px;
}

/* ========== ボディエリア定義 ========== */

#body-area {
    float: left;
    background-color: #505050;
}

#about-link {
    clear: both;
    margin: 10px 200px;
    padding: 3px;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #5577ff;
    background-color: #ddddff;
    text-align: center;
}

/* ===== 角丸テーブル定義 ===== */

.rtable {
    height: 220px;
    width: 774px;
    margin: 0px auto;
    background-color: #ffffff;
}

.rtable-top {
    height: 5px;
    background: url(../image/right-top.gif) right top no-repeat;
}

.rtable-middle {
    padding: 10px 0px;
    height: 190px;
}

.rtable-bottom {
    height: 5px;
    background: url(../image/right-bottom.gif) right bottom no-repeat;
}

.rtable-top span {
    display: block;
    height:5px;
    width: 5px;
    background: url(../image/left-top.gif) left top no-repeat;
}

.rtable-bottom span {
    display: block;
    height:5px;
    width: 5px;
    background: url(../image/left-bottom.gif) left bottom no-repeat;
}

.rtable-first {
    float: left;
    width: 110px;
    background-color: #ffffff;
}

.rtable-main {
    float: right;
    width: 660px;
    background-color: #ffffff;
    line-height: 12pt;
}

.rtable-left {
    float: left;
    height: 80px;
    width: 220px;
    background-color: #ffffff;
}

.rtable-center {
    float: left;
    height: 80px;
    width: 220px;
    background-color: #ffffff;
}

.rtable-right {
    float: right;
    height: 80px;
    width: 220px;
    background-color: #ffffff;
}

/* ===== プルダウン定義 ===== */

ul.pulldown-menu a {
    color: #505050;
    text-decoration: none;
}

ul.pulldown-menu a:link,
ul.pulldown-menu a:visited {
    background-color: #cceeff;
}

ul.pulldown-menu a:hover,
ul.pulldown-menu a:active {
    background-color: #77aaff;
}

ul.pulldown-menu li {
    float: left;
    position: relative;
    margin: 0px;
    width: 220px;
    height: 20px
}

ul.pulldown-menu li a {
    display: block;
    width: 220px;
    height: 20px;
    line-height: 20px;
}

ul.pulldown-menu li ul {
    display: none;
}

ul.pulldown-menu li:hover ul {
    display: block;
    position: absolute;
    z-index: 100;
}

ul.pulldown-menu li ul li {
    float: none;
    margin: 0px;
}

/* ===== プルダウン追加定義 ===== */

ul.pulldown-menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.pulldown-menu li ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.pulldown-menu h2 {
    margin: 0px;
    padding: 0px 5px;
    background-color: #ffffff;
    font-size: 10pt;
    color: #3355ff;
}

/* ===== その他定義 ===== */

.comment {
    clear: both;
    padding: 5px 10px;
    font-size: 9pt;
}

.center {
    text-align: center;
}

.multi-area {
    padding: 3px;
}

.multi-area-left {
    float: left;
    width: 500px;
}

.multi-area-right {
    float: right;
    height: 200px;
    width: 270px;
    padding: 10px 0px;
    text-align: center;
}