body {
    background-color: #cccccc;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px ;
}

table.main {
    width: 760px;
    height: 400px;
    background-color: #f0f4e5;
    min-height: 400px;
}

td.main_left {
    width: 20px;
    background-image: url(../images/base/bg_shadow_left.gif);
    background-repeat: repeat-y;
    background-position: right;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

td.main_right {
    width: 20px;
    background-image: url(../images/base/bg_shadow_right.gif);
    background-repeat: repeat-y;
    background-position: left;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

td.main_header {
    width: 720px;
    height: 72px;
    background-image: url(../images/base/header.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

td.main_footer {
    width: 720px;
    height: 48px;
    background-image: url(../images/base/footer.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

td.main_body_left {
    width: 190px;
    height: 100%;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

td.main_body_right {
    width: 510px;
    height: 100%;
    margin: 0px 0px 0px 0px ;
    padding: 4px 16px 4px 4px ;
    font-size: 12px;
}



strong.unvisible {
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
    visibility: hidden ;
}

div.main_center {
    width: 100%;
    height: 100%;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.main {
    width: 720px;
    height: 100%;
    min-height: 640px;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.center_box {
    width: 720px;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.title {
    width: 720px;
    height: 72px;
    background-image: url(../images/base/header.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.footer {
    clear: both;
    background-image: url(../images/base/footer.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    width: 720px;
    height: 48px;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.left_menu {
    width: 190px;
    float: left;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.menu_button {
    width: 180px;
    height: 46px;
    margin: 0px 5px 0px 5px ;
    padding: 0px 0px 0px 0px ;
}

div.main_body {
    float: right;
    width: 510px;
    margin: 0px 0px 0px 0px ;
    padding: 4px 16px 4px 4px ;
}

div.table_nomal_title {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_00.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.table_nomal_body {
    width: 456px;
    background-image: url(../images/base/table_body_01.gif);
    background-repeat: repeat-y;
    margin: 0px 0px 0px 0px ;
    padding: 6px 12px 4px 12px ;
    font-size: 12px;
    /*    border: 1px red solid;*/
}

div.table_nomal_footer {
    width: 480px;
    height: 8px;
    background-image: url(../images/base/table_foot_01.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.banner_image {
    width: 450px;
    margin: 0px 0px 0px 0px ;
    padding: 4px 4px 8px 8px ;
    font-size: 18px;
}

div.banner_message {
    width: 450px;
    margin: 0px 0px 0px 0px ;
    padding: 4px 4px 16px 24px ;
}

div.page_message {
    margin: 0px 0px 0px 0px ;
    padding: 4px 24px 16px 24px ;
}

div.page_info {
    margin: 0px 0px 0px 0px ;
    padding: 4px 6px 8px 6px ;
    font-size: 12px;
}

div.page_program {
    background-color: #f3f3f3;
    border: 1px #254B10 solid;
    width:90%;
    margin: 0px 0px 0px 0px ;
    padding: 6px 6px 8px 6px ;
    font-size: 12px;
}

div.page_new_01 {
    width: 35px;
    height: 13px;
    background-image: url(../images/base/new_01.gif);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
    font-size: 5px;
}

div.float_clear {
    clear: both;
}

/* ---------------------------
 *  page title
 * ---------------------------*/

div.page_title_00 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_koushinrireki.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_01 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_cgi.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_02 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_click_create_toha.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_03 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_denshi_kousaku.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_04 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_dspic_toha.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_05 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_extension.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_06 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_game.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_07 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_kougu.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_08 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_link.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_09 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_moji_moji_kun.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_10 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_mysql_toha.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_11 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_nobu_function.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_12 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_nobu_http.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_13 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_nobu_map.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_14 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_nobu_pxtone.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_15 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_nobu_string.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_16 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_nobu_string_pro.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_17 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_otoiawase.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_18 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_q_and_a.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_19 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_sample.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_20 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_site_map.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_21 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ube_array.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_22 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ube_converter.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_23 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ube_handle.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_24 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ube_http.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_25 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ube_mysql.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_26 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_create_extension.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_27 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ce_01.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_28 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ce_02.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_29 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ce_03.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_30 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ce_04.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_31 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ce_05.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_32 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ce_06.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_33 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_ce_07.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_34 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_electron_01.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_35 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_electron_02.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_36 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_electron_03.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_37 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_electron_04.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_38 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_electron_05.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_39 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_electron_06.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

div.page_title_40 {
    width: 480px;
    height: 22px;
    background-image: url(../images/base/title_electron_07.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 8px ;
    padding: 0px 0px 0px 0px ;
}

/* ---------------------------
 *  table title
 * ---------------------------*/

div.table_title_00 {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_00.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.table_title_01 {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_01.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.table_title_02 {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_02.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.table_title_03 {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_03.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.table_title_04 {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_04.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.table_title_05 {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_05.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.table_title_06 {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_06.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.table_title_07 {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_07.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.table_title_08 {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_08.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.table_title_09 {
    width: 480px;
    height: 28px;
    background-image: url(../images/base/table_title_09.gif);
    background-repeat: no-repeat;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}


/* ---------------------------
 *  font
 * ---------------------------*/
 
font.titlefont{
  font-size: 20px;
  color: #075024;
  position: relative ;
  -moz-opacity: 2 ;
  font-weight: bold;
}


/* ---------------------------
 *  space
 * ---------------------------*/

div.space_4 {
    width: 4px;
    height: 4px;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.space_8 {
    width: 8px;
    height: 8px;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.space_16 {
    width: 16px;
    height: 16px;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}

div.space_32 {
    width: 32px;
    height: 32px;
    margin: 0px 0px 0px 0px ;
    padding: 0px 0px 0px 0px ;
}