@charset "UTF-8"; /*---------------------------------------------------------------- Style Setting Index 1 : common 1-1 : 1-2 : Block Level 1-3 : font 1-4 : clearfix 1-5 : error 2 : layout 2-1 : div#wrapper 2-2 : div#header 2-3 : div#container 2-4 : div#main 2-5 : div#sub 2-6 : div#footer ----------------------------------------------------------------*/ /*================================================================ 1 : common ================================================================*/ body { font-size: 13px; line-height: 1.231; *font-size: 82%; *font: 82%; font-family: "ヒラギノ角ゴシック",sans-serif; color: #333333; } h1,h2,div,p,ul,ol,li { text-align:left; } a { overflow:hidden; outline:none; } a:link { } a:visited { } a:hover { } a:active { } strong { font-weight: bold; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} * html .clearfix {height: 1%;} .clearfix {display: block;} .error { padding: 10px; color: #FF0000; } /*================================================================ 2 : layout ================================================================*/ #wrapper { background: url("/img/www/bg_container.gif") repeat-y left; width: 100%; min-width: 850px; margin: 0 auto; } * html #wrapper { width: expression(document.body.clientWidth < 852? "850px" : "auto"); } #header { width:100%; text-align: left; background: url("/img/www/bg_header.gif") repeat-x; border-bottom: 2px ridge #dddddd; padding-bottom: 5px; } #header h1 { width: 197px; float: left; } #header #userInfo { height: 11px; width: auto; float: right; margin: 20px 3px 0 0px; padding: 15px 0 15px 0; text-align: right; } #header #userInfo ul li { display: inline; } #header #userInfo ul li#name { padding: 6px; background: url(/img/www/bg_userinfo_li.gif) repeat-x top; border: 1px solid #aaaaaa; } #header #userInfo ul li#lastLogin { padding-left: 5px; } #header #userInfo ul li#lastData { padding: 6px; background: url(/img/www/bg_userinfo_li.gif) repeat-x top; border: 1px solid #aaaaaa; } #header #userInfo ul li#top a { width: 28px; height: 12px; padding: 15px 26px 14px 50px; background: url(/img/www/btn_top_off.gif) no-repeat right; text-decoration: none; font-size: 93%; } #header #userInfo ul li#top a:hover { background: url(/img/www/btn_top_on.gif) no-repeat right; } #header #userInfo ul li#logout a { width: 53px; height: 12px; padding: 15px 18px 14px 29px; background: url(/img/www/btn_logout_off.gif) no-repeat left; text-decoration: none; font-size: 93%; } #header #userInfo ul li#logout a:hover { background: url(/img/www/btn_logout_on.gif) no-repeat left; } #container { clear: both; } body#loginpage #main { height: 400px; } #main { width: 70%; padding-top: 25px; float: right; } #main #breadcrumbNav { margin: 0 0 20px 10px; } #main #breadcrumbNav ul li { display: inline; padding: 8px 20px 8px 5px; background: url(/img/www/bg_breadcrumbnav.gif) no-repeat right; font-size: 93%; } #main #breadcrumbNav ul li#now { background: url(/img/www/bg_breadcrumbnav_now.gif) no-repeat right; } #main .content { margin: 0 20px 20px 10px; padding-bottom: 10px; } #main .content h2 { height: 21px; border-bottom: #6699FF 2px solid; margin-bottom: 15px; padding: 13px 0 6px 45px; color: #000000; font-size: 124%; font-weight: bold; display: block; } #main .content h2#login { background: url(/img/www/title_login.gif) no-repeat; } #main .content h2#servers { background: url(/img/www/title_servers.gif) no-repeat; } #main .content h2#maillogs { background: url(/img/www/title_maillogs.gif) no-repeat; } #main .content h2#domains { background: url(/img/www/title_domains.gif) no-repeat; } #main .content h2#appoints { background: url(/img/www/title_appoints.gif) no-repeat; } #main .content h2#errorAddrs { background: url(/img/www/title_erroraddrs.gif) no-repeat; } #main .content h2#clients { background: url(/img/www/title_clients.gif) no-repeat; } #main .content h2#groups { background: url(/img/www/title_groups.gif) no-repeat; } #main .content h2#emails { background: url(/img/www/title_emails.gif) no-repeat; } #main .content h2#distributions { background: url(/img/www/title_distributions.gif) no-repeat; } #main .content h2#mailbox { background: url(/img/www/title_mailbox.gif) no-repeat; } #main .content h2#enquetes { background: url(/img/www/title_enquetes.gif) no-repeat; } #main .content h2#images { background: url(/img/www/title_images.gif) no-repeat; } #main .content h2#designsRegist { background: url(/img/www/title_designsregist.gif) no-repeat; } #main .content h2#designsBlank { background: url(/img/www/title_designsblank.gif) no-repeat; } #main .content h2#designsDistributions { background: url(/img/www/title_designsdistributions.gif) no-repeat; } #main .content h2#designsUsually { background: url(/img/www/title_designsusually.gif) no-repeat; } #main .content h2#basic { background: url(/img/www/title_basic.gif) no-repeat; } #main .content h2#guidesE { background: url(/img/www/title_guides_e.gif) no-repeat; } #main .content h2#guidesF { background: url(/img/www/title_guides_f.gif) no-repeat; } #main .content h2#localnavclients { background: url(/img/www/title_localnavclients.gif) no-repeat; } #main .content h3 { margin: 0 0 15px 0; padding: 5px 5px 3px 7px; background: #3366CC; font-size: 108%; color: #FFFFFF; border-left: #aaaaaa 9px double; } #main .content h4 { font-weight: bold; color: #333333; border-left: 9px double #3366CC; padding: 0 0 0 10px; margin: 0 0 10px 0; } #main .content h5 { color: #333333; padding: 0 0 0 10px; margin: 0 0 10px 0; font-weight: bold; } #main .content p { margin: 10px; } #main .content table { margin: 0 0 15px 10px; } table.tableType1 { border-top: 1px solid #333333; border-left: 1px solid #333333; border-collapse: collapse; border-spacing: 0; background-color: #ffffff; empty-cells: show; } table.tableType1 th { border-right: 1px solid #333333; border-bottom: 1px solid #333333; color: #333333; background-color: #d5d5d5; background-position: left top; padding: 3px 10px; text-align: center; } table.tableType1 td { border-right:1px solid #333333; border-bottom:1px solid #333333; padding:3px 10px; } table.tableType1 td.btn { text-align: center; } #main .content ul.basic { margin: 20px 0 20px 15px; padding: 0 0 0 10px; } #main .content ul.basic li { list-style: disc; } #main .content dl { margin: 0 10px; } #main .content dl dt { padding-bottom: 5px; color: #3366CC; } #main .content dl dd { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #666666; } #main .content ul.contentNav { margin: 0 0 0 5px; } #main .content ul.contentNav li a { margin: 0 0 5px 0; padding: 14px 13px 10px 37px; width: 300px; height: 15px; background: url(/img/www/btn_contentnav_off.gif) no-repeat top left; color: #333333; text-decoration: none; display: block; } #main .content ul.contentNav li a:hover { margin: 0 0 5px 0; padding: 14px 13px 10px 37px; width: 300px; height: 15px; background: url(/img/www/btn_contentnav_on.gif) no-repeat top left; color: #000066; text-decoration: none; display: block; } .progressBar { width: 424px; height: 42px; background: url(/img/www/bg_bar.gif) no-repeat 0 0; position: relative; } .progressBar span.bar { position: absolute; display: block; width: 400px; height: 17px; background: url(/img/www/bar.gif) no-repeat 0 0; top: 12px; left: 12px; overflow: hidden; /* text-indent:-8000px; */ } .progressBar em { position: absolute; display: block; width: 400px; height: 17px; background: url(/img/www/bg_cover.gif) repeat-x 0 0; top: 0; } .progressBar .use { display: block; padding: 12px 0 0 433px; } #sub { width: 29%; padding: 20px 0 12px; float: left; } #sub .subNav { width: 229px; margin: 0 0 8px 15px; padding-top: 10px; background: url(/img/www/w_subnav.gif) no-repeat left top; } #sub .subNavInner { padding-bottom: 3px; background: url(/img/www/w_subnav_b.gif) no-repeat left bottom; } * html ul ul li a { height: 100%; } *:first-child+html ul ul li a { height: 100%; } * html ul li a { height: 100%; } * html ul ul li { margin-bottom: -1px; } .globalNav { width: 215px; margin: 0; padding-left: 10px; } ul.globalNav ul { margin: 0; } ul.globalNav li { width: 215px; } .globalNav h3 a { display: block; height: 26px; background: url(/img/www/btn_globalnav_servers_off.gif) no-repeat top left; padding: 13px 0 5px 30px; color: #333333; text-decoration: none; } .globalNav h3 a:hover { background: url(/img/www/btn_globalnav_servers_on.gif) no-repeat top left; color: #FFFFFF; } .globalNav h3.selected a { background: url(/img/www/btn_globalnav_servers_on.gif) no-repeat top left; color: #FFFFFF; } .globalNav h3.selected a:hover { background: url(/img/www/btn_globalnav_servers_on.gif) no-repeat top left; color: #FFFF00; } .globalNav h3#login a { background: url(/img/www/btn_globalnav_login_off.gif) no-repeat top left; } .globalNav h3#login a:hover { background: url(/img/www/btn_globalnav_login_on.gif) no-repeat top left; } .globalNav h3#login.selected a { background: url(/img/www/btn_globalnav_login_on.gif) no-repeat top left; } .globalNav h3#login.selected a:hover { background: url(/img/www/btn_globalnav_login_on.gif) no-repeat top left; } .globalNav h3#servers a { background: url(/img/www/btn_globalnav_servers_off.gif) no-repeat top left; } .globalNav h3#servers a:hover { background: url(/img/www/btn_globalnav_servers_on.gif) no-repeat top left; } .globalNav h3#servers.selected a { background: url(/img/www/btn_globalnav_servers_on.gif) no-repeat top left; } .globalNav h3#servers.selected a:hover { background: url(/img/www/btn_globalnav_servers_on.gif) no-repeat top left; } .globalNav h3#maillogs a { background: url(/img/www/btn_globalnav_maillogs_off.gif) no-repeat top left; } .globalNav h3#maillogs a:hover { background: url(/img/www/btn_globalnav_maillogs_on.gif) no-repeat top left; } .globalNav h3#maillogs.selected a { background: url(/img/www/btn_globalnav_maillogs_on.gif) no-repeat top left; } .globalNav h3#maillogs.selected a:hover { background: url(/img/www/btn_globalnav_maillogs_on.gif) no-repeat top left; } .globalNav h3#domains a { background: url(/img/www/btn_globalnav_domains_off.gif) no-repeat top left; } .globalNav h3#domains a:hover { background: url(/img/www/btn_globalnav_domains_on.gif) no-repeat top left; } .globalNav h3#domains.selected a { background: url(/img/www/btn_globalnav_domains_on.gif) no-repeat top left; } .globalNav h3#domains.selected a:hover { background: url(/img/www/btn_globalnav_domains_on.gif) no-repeat top left; } .globalNav h3#appoints a { background: url(/img/www/btn_globalnav_appoints_off.gif) no-repeat top left; } .globalNav h3#appoints a:hover { background: url(/img/www/btn_globalnav_appoints_on.gif) no-repeat top left; } .globalNav h3#appoints.selected a { background: url(/img/www/btn_globalnav_appoints_on.gif) no-repeat top left; } .globalNav h3#appoints.selected a:hover { background: url(/img/www/btn_globalnav_appoints_on.gif) no-repeat top left; } .globalNav h3#errorAddrs a { background: url(/img/www/btn_globalnav_erroraddrs_off.gif) no-repeat top left; } .globalNav h3#errorAddrs a:hover { background: url(/img/www/btn_globalnav_erroraddrs_on.gif) no-repeat top left; } .globalNav h3#errorAddrs.selected a { background: url(/img/www/btn_globalnav_erroraddrs_on.gif) no-repeat top left; } .globalNav h3#errorAddrs.selected a:hover { background: url(/img/www/btn_globalnav_erroraddrs_on.gif) no-repeat top left; } .globalNav h3#clients a { background: url(/img/www/btn_globalnav_clients_off.gif) no-repeat top left; } .globalNav h3#clients a:hover { background: url(/img/www/btn_globalnav_clients_on.gif) no-repeat top left; } .globalNav h3#clients.selected a { background: url(/img/www/btn_globalnav_clients_on.gif) no-repeat top left; } .globalNav h3#clients.selected a:hover { background: url(/img/www/btn_globalnav_clients_on.gif) no-repeat top left; } .globalNav h3.head#groups a { background: url(/img/www/btn_globalnav_groups_off.gif) no-repeat top left; } .globalNav h3.head#groups a:hover { background: url(/img/www/btn_globalnav_groups_on.gif) no-repeat top left; } .globalNav h3#groups.selected a { background: url(/img/www/btn_globalnav_groups_on.gif) no-repeat top left; } .globalNav h3#groups.selected a:hover { background: url(/img/www/btn_globalnav_groups_on.gif) no-repeat top left; } .globalNav h3.head#emails a { background: url(/img/www/btn_globalnav_emails_off.gif) no-repeat top left; } .globalNav h3.head#emails a:hover { background: url(/img/www/btn_globalnav_emails_on.gif) no-repeat top left; } .globalNav h3#emails.selected a { background: url(/img/www/btn_globalnav_emails_on.gif) no-repeat top left; } .globalNav h3#emails.selected a:hover { background: url(/img/www/btn_globalnav_emails_on.gif) no-repeat top left; } .globalNav h3.head#distributions a { background: url(/img/www/btn_globalnav_distributions_off.gif) no-repeat top left; } .globalNav h3.head#distributions a:hover { background: url(/img/www/btn_globalnav_distributions_on.gif) no-repeat top left; } .globalNav h3#distributions.selected a { background: url(/img/www/btn_globalnav_distributions_on.gif) no-repeat top left; } .globalNav h3#distributions.selected a:hover { background: url(/img/www/btn_globalnav_distributions_on.gif) no-repeat top left; } .globalNav h3.head#mailbox a { background: url(/img/www/btn_globalnav_mailbox_off.gif) no-repeat top left; } .globalNav h3.head#mailbox a:hover { background: url(/img/www/btn_globalnav_mailbox_on.gif) no-repeat top left; } .globalNav h3#mailbox.selected a { background: url(/img/www/btn_globalnav_mailbox_on.gif) no-repeat top left; } .globalNav h3#mailbox.selected a:hover { background: url(/img/www/btn_globalnav_mailbox_on.gif) no-repeat top left; } .globalNav h3.head#enquetes a { background: url(/img/www/btn_globalnav_enquetes_off.gif) no-repeat top left; } .globalNav h3.head#enquetes a:hover { background: url(/img/www/btn_globalnav_enquetes_on.gif) no-repeat top left; } .globalNav h3#enquetes.selected a { background: url(/img/www/btn_globalnav_enquetes_on.gif) no-repeat top left; } .globalNav h3#enquetes.selected a:hover { background: url(/img/www/btn_globalnav_enquetes_on.gif) no-repeat top left; } .globalNav h3.head#images a { background: url(/img/www/btn_globalnav_images_off.gif) no-repeat top left; } .globalNav h3.head#images a:hover { background: url(/img/www/btn_globalnav_images_on.gif) no-repeat top left; } .globalNav h3#images.selected a { background: url(/img/www/btn_globalnav_images_on.gif) no-repeat top left; } .globalNav h3#images.selected a:hover { background: url(/img/www/btn_globalnav_images_on.gif) no-repeat top left; } .globalNav h3.head#designsRegist a { background: url(/img/www/btn_globalnav_designsregist_off.gif) no-repeat top left; } .globalNav h3.head#designsRegist a:hover { background: url(/img/www/btn_globalnav_designsregist_on.gif) no-repeat top left; } .globalNav h3#designsRegist.selected a { background: url(/img/www/btn_globalnav_designsregist_on.gif) no-repeat top left; } .globalNav h3#designsRegist.selected a:hover { background: url(/img/www/btn_globalnav_designsregist_on.gif) no-repeat top left; } .globalNav h3.head#designsBlank a { background: url(/img/www/btn_globalnav_designsblank_off.gif) no-repeat top left; } .globalNav h3.head#designsBlank a:hover { background: url(/img/www/btn_globalnav_designsblank_on.gif) no-repeat top left; } .globalNav h3#designsBlank.selected a { background: url(/img/www/btn_globalnav_designsblank_on.gif) no-repeat top left; } .globalNav h3#designsBlank.selected a:hover { background: url(/img/www/btn_globalnav_designsblank_on.gif) no-repeat top left; } .globalNav h3.head#designsDistributions a { background: url(/img/www/btn_globalnav_designsdistributions_off.gif) no-repeat top left; } .globalNav h3.head#designsDistributions a:hover { background: url(/img/www/btn_globalnav_designsdistributions_on.gif) no-repeat top left; } .globalNav h3#designsDistributions.selected a { background: url(/img/www/btn_globalnav_designsdistributions_on.gif) no-repeat top left; } .globalNav h3#designsDistributions.selected a:hover { background: url(/img/www/btn_globalnav_designsdistributions_on.gif) no-repeat top left; } .globalNav h3.head#designsUsually a { background: url(/img/www/btn_globalnav_designsusually_off.gif) no-repeat top left; } .globalNav h3.head#designsUsually a:hover { background: url(/img/www/btn_globalnav_designsusually_on.gif) no-repeat top left; } .globalNav h3#designsUsually.selected a { background: url(/img/www/btn_globalnav_designsusually_on.gif) no-repeat top left; } .globalNav h3#designsUsually.selected a:hover { background: url(/img/www/btn_globalnav_designsusually_on.gif) no-repeat top left; } ul.globalNav ul { margin: -7px 0 0 0; padding: 8px 10px 15px; background: url(/img/www/bg_globalnav_sub.gif) no-repeat left bottom; } ul.globalNav ul li { padding: 0; width: 195px; margin-bottom: 0; background: #FFFFFF; } ul.globalNav ul li a { display: block; width: 175px; padding: 5px 15px 5px 5px; background: #FFFFFF; border-bottom: 1px solid #999999; text-decoration: none; } ul.globalNav ul li a:hover { background: #CCEEFF url(/img/www/btn_global_s_on.gif) no-repeat right center; } ul.globalNav ul li.activeLink a { background: #CCEEFF url(/img/www/btn_global_s_on.gif) no-repeat right center; } .localNav { width: 215px; margin: 0; padding-left: 10px; } ul.localNav ul { display: none; margin: 0; } ul.localNav li { width: 215px; } .localNav h3 a { display: block; height: 26px; padding: 13px 0 5px 30px; color: #333333; text-decoration: none; } .localNav h3 a:hover { color: #0000FF; } .localNav h3#basic a { background: url(/img/www/btn_localnav_basic_off.gif) no-repeat top left; } .localNav h3#basic a:hover { background: url(/img/www/btn_localnav_basic_on.gif) no-repeat top left; } .localNav h3#basic.selected a { background: url(/img/www/btn_localnav_basic_on.gif) no-repeat top left; } .localNav h3#basic.selected a:hover { background: url(/img/www/btn_localnav_basic_on.gif) no-repeat top left; } .localNav h3#guides a { background: url(/img/www/btn_localnav_guides_off.gif) no-repeat top left; } .localNav h3#guides a:hover { background: url(/img/www/btn_localnav_guides_on.gif) no-repeat top left; } .localNav h3#guides.selected a { background: url(/img/www/btn_localnav_guides_on.gif) no-repeat top left; } .localNav h3#guides.selected a:hover { background: url(/img/www/btn_localnav_guides_on.gif) no-repeat top left; } .localNav h3#guidesE a { background: url(/img/www/btn_localnav_guides_e_off.gif) no-repeat top left; } .localNav h3#guidesE a:hover { background: url(/img/www/btn_localnav_guides_e_on.gif) no-repeat top left; } .localNav h3#guidesE.selected a { background: url(/img/www/btn_localnav_guides_e_on.gif) no-repeat top left; } .localNav h3#guidesE.selected a:hover { background: url(/img/www/btn_localnav_guides_e_on.gif) no-repeat top left; } .localNav h3#guidesF a { background: url(/img/www/btn_localnav_guides_f_off.gif) no-repeat top left; } .localNav h3#guidesF a:hover { background: url(/img/www/btn_localnav_guides_f_on.gif) no-repeat top left; } .localNav h3#guidesF.selected a { background: url(/img/www/btn_localnav_guides_f_on.gif) no-repeat top left; } .localNav h3#guidesF.selected a:hover { background: url(/img/www/btn_localnav_guides_f_on.gif) no-repeat top left; } .localNav h3#localnavclients a { background: url(/img/www/btn_localnav_clients_off.gif) no-repeat top left; } .localNav h3#localnavclients a:hover { background: url(/img/www/btn_localnav_clients_on.gif) no-repeat top left; } .localNav h3#localnavclients.selected a { background: url(/img/www/btn_localnav_clients_on.gif) no-repeat top left; } .localNav h3#localnavclients.selected a:hover { background: url(/img/www/btn_localnav_clients_on.gif) no-repeat top left; } #footer { background: url("/img/www/bg_footer.gif") repeat-x; width: 100%; height: 39px; clear: both; text-align: center; } #footer address { font-size: 85%; padding: 13px; } * html #footer address { padding: 12px; }