@charset "utf-8";

.info_detail_box,
.new_detail_box {
    padding: 5px;
    line-height: 140%;
    color: #2f4f4f;
    margin: 3px 3px 3px 20px;
    overflow: hidden;
}
.info_detail_box {
    border-left: 5px solid #bdcfdd;
}
.new_detail_box {
    border-left: 5px solid #fad898;
}
.new_info {
    width:100%;
    border-bottom:1px solid #dedede;
}
.site_info {
    background: #fff url("/pic/info.jpg") no-repeat;
    height:40px;
    border:1px solid #ccc;
    clear:both;
    margin-top:10px;
    margin-bottom:5px;
}
.update_info {
    background: #fff url("/pic/update_info.jpg") no-repeat;
    height:40px;
    border:1px solid #ccc;
    clear:both;
    margin-top:9px;
    margin-bottom:5px;
}
.site_info .alllink,
.update_info .alllink,
.php_update_info .alllink,
.blackberry_update_info .alllink,
.cgi_update_info .alllink,
.phpms_update_info .alllink {
    margin-left: 78%;
    margin-top: 8px;
}
.update_info .alllink {
    margin-top: 1px;
}
.update_info .rsslink {
    width: 30px;
    float: left;
    margin-left: 100px;
    margin-top: 6px;
}
.update_info_all_title .rsslink {
    width: 200px;
    float: left;
    margin-left: 130px;
    margin-top: 6px;
}
.col1_info {
    width: 75px;
    float: left;
    margin-top: 3px;
    margin-bottom: 7px;
}
.col1_info img {
    padding: 3px;
    border: 1px solid #ccc;
}
.col2_info {
    margin-left: 88px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top:3px;
}
.col2_info p {
    padding-left: 15px;
    padding-top: 5px;
}
.info_footer {
    clear: both;
    height: 0;
}
.rec_script_info {
    background: #fff url("/pic/rec_script.jpg") no-repeat;
    height: 40px;
    border: 1px solid #ccc;
    clear: both;
    margin-top: 10px;
}
.rec_script {
    width: 100%;
    margin-top: 10px;
}
.rec_script_sep1 {
    width: 50%;
    float: left;
}
.rec_script_sep2 {
    margin-left: 50%;
}
.rec_script_main1 {
    width: 75px;
    float: left;
}

.rec_script_main2 {
    margin-left: 88px;
}
.rec_script_main1 img {
    padding: 3px;
    border: 1px solid #ccc;
}
.rec_script_main2 p {
    font-size: 95%;
    line-height: 140%;
}
.rec_script_title {
    border-bottom: 1px dotted #999;
}

/* �ꗗ�y�[�W */
.site_info_all_title,
.update_info_all_title {
    height: 40px;
    border: 1px solid #ccc;
    clear: both;
    margin-top: 10px;
}
.site_info_all_title {
    background: #fff url("/pic/site_info_all.jpg") no-repeat;
}
.update_info_all_title {
    background: #fff url("/pic/update_info_all.jpg") no-repeat;
}
.info_all {
    width: 99.7%;
    padding-top: 5px;
    clear: both;
    border: 1px solid #ccc;
}

.info_all_sep1 {
    width: 49%;
    float: left;
    margin-left:5px;
}
.info_all_sep2 {
    margin-left: 50%;
}
.info_all_main1 {
    width: 75px;
    float: left;
}
.info_all_main2 {
    margin-left: 88px;
}
.info_all_main1 img {
    padding: 3px;
    border: 1px solid #999;
}
.info_all_main2 p {
    font-size: 95%;
    line-height: 140%;
}
.info_all_title {
    border-bottom: 1px dotted #999;
}
.col1_info_all {
    width: 75px;
    float: left;
    margin-bottom: 5px;
}
.col1_info_all img {
    padding: 3px;
    border: 1px solid #999;
}

.col2_info_all {
    margin-left: 88px;
    magin-top: 5px;
    margin-bottom: 5px;
}
.col2_info_all p {
    padding-left: 15px;
    padding-top: 5px;
}
.new_info_all {
    width:100%;
    padding-top:5px;
}
.info_footer_hr {
    clear:both;
    border-top:1px solid #dedede;
    height:1px;
}

/*shareware*/
.shareware_info_title,
.shareware_login_title,
.shareware_download_title,
.shareware_banner_title,
.shareware_reminder_title,
.shareware_download_error_title {
    height: 40px;
    border: 1px solid #ccc;
    clear: both;
    margin-top: 10px;
}
.shareware_info_title {
    background: #fff url("/pic/info.jpg") no-repeat;
}
.shareware_login_title {
    background: #fff url("/pic/share_login.jpg") no-repeat;
    margin-bottom:10px;
}
.shareware_download_title {
    background: #fff url("/pic/share_download.jpg") no-repeat;
    margin-bottom:10px;
}
.shareware_banner_title {
    background: #fff url("/pic/share_banner.jpg") no-repeat;
    margin-bottom:10px;
}
.shareware_reminder_title {
    background: #fff url("/pic/share_reminder.jpg") no-repeat;
    margin-bottom:10px;
}
.shareware_download_error_title {
    background: #fff url("/pic/error.jpg") no-repeat;
    margin-bottom:10px;
}

table.login {
    margin-top: 30px;
    margin-bottom:30px;
}

table.login td {
    padding:10px;
}

table.login input {
    border:1px solid #999;
}

td.nodata p {
    padding:5px;
}

div.logout {
    text-align:center;
    margin-top:20px;
}

div.logout img {
    border: 0;
}

table.shareware_table {
    border-collapse:collapse;
}
table.shareware_table td {
    border-bottom:1px solid #ccc;
    padding:5px;
}
table.shareware_table td.shareware_left {
    border-right:1px solid #ccc;
}
table.shareware_table td.menu {
    background:#fff url("/pic/topbanner.gif") repeat-x;
    text-align:center;
}

.shareware_all {
    width: 99.7%;
    clear: both;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.back_top {
    text-align:center;
    margin-top:20px;
}

div.download {
    text-align:center;
}
div.download p {
    padding:10px;
}
ul.new_info_date,
ul.new_info_title,
ul.new_new_title {
    margin:0;
    padding:0;
    list-style:none;
}
ul.new_info_date li {
    padding: 0;
    margin: 0;
    padding-left: 22px;
    margin-left: 5px;
    padding-top:2px;
    padding-bottom:2px;
    background: #fff url("/pic/date.gif") no-repeat 0 1px;
}
ul.new_info_title li {
    padding: 0;
    margin: 0;
    margin-top:5px;
    padding-left: 25px;
    margin-left: 20px;
    padding-top:2px;
    padding-bottom:2px;
    background: #fff url("/pic/myinfo.gif") no-repeat 0 1px;
}
ul.new_new_title li {
    padding: 0;
    margin: 0;
    margin-top:5px;
    padding-left: 22px;
    margin-left: 20px;
    padding-top:2px;
    padding-bottom:2px;
    background: #fff url("/pic/check.gif") no-repeat 0 1px;
}


@media (max-width: 768px) {
    .rec_script_sep1 {
        width: auto;
        float: none;
    }
    .rec_script_sep2 {
        margin-left: 0;
    }
}
