/********** basic **********/ html,body{margin: 0px;padding: 0px;} body{background: #FFFFFF; text-align: center; background: url(../img/com/bg01.gif) repeat-x;overflow-x: hidden;} body,td{color:#555555; font-size:12px; line-height:22px;} a:link{text-decoration: underline;color: #0066CC;} a:visited{text-decoration: underline;color: #878787;} a:hover, a:active{text-decoration: underline; #FF6600;} p { margin-bottom: 5px ; margin-top: 0px ; padding-bottom:0px ; padding-top:0px ;} h2{ margin-bottom: 5px ; margin-left: 0px ; margin-top: 0px ; padding-top:0px ;} /**利用中**/ h3{ margin-bottom: 0px ; margin-top: 0px ; padding-bottom:0px ; padding-top:0px ;} .small{font-size: 10px;color: #545454;} .small2{font-size: 11px;} .text{margin:0;padding:0;font-size:0px;text-indent:-1000px;line-height:20px;overflow: hidden;float:left;display:inline;} .note {font-size: 10px;color: #FF6600;text-align: left;} .note1 {margin: 0px;padding-bottom: 20px;padding-left: 1em;text-indent: -1em;text-align:left;} .note2 {font-size: 12px;color: #545454; line-height:16px;} .note2 li {text-align:left;margin-left: 15pix} .note3 {margin: 0px;padding-bottom: 20px;padding-right: 1em;text-align:right;} .note4 {font-size: 12px;color: #FF6600;font-weight: bold;} .note5 {font-size: 10px;color: #FF6600;} .clear { clear:both; } .clear hr { display:none; } /********** header **********/ #header{margin: 0px auto;width: 1000px;height: 98px;} #header h1{font-size:0px;} #header a{width: 1000px;height: 80px;text-indent:-9999px;overflow: hidden;float:left;display:inline;} #header_l{float: left;width: 220px;height: 80px;background: url(../img/com/logo_em.gif) no-repeat;} #header_r {margin: 0px;float: right;width: 330px;height: 80px;} #header_rl{float: left;width: 70px;height: 80px;background: url(../img/com/logo_pmark.gif) no-repeat;} #header_rr{float: right;width: 260px;height: 80px;background: url(../img/com/logo_gb.gif) no-repeat;} /********** top **********/ #top { float: auto;width: 1000px;height: 245px;margin-top: 20px;margin-right: auto;margin-bottom: 0px;margin-left: auto;overflow: hidden;display:inline;} #top a { width: 1000px; height: 245px; background-image: url(../img/top01.jpg); background-repeat: no-repeat; } #top a:hover{ width: 1000px;height: 245px;margin-top: 20px;margin-right: auto;margin-bottom: 0px;margin-left: auto;background: url(../img/top01h.jpg) no-repeat;} /********** menu **********/ #g_navi {width: 1000px;height:38px; margin:0 auto;} #g_navi ul {margin:0; padding:0;} #g_navi li {margin:0; padding:0; display:inline; list-style-type:none;} #g_navi li a { height:38px; display:block; float:left; text-indent:-9999px; text-decoration:none; overflow:hidden; } /*------off*/ #g_navi li.g_navi01 a {width:200px;background-image: url(../img/com/mn01.gif);background-repeat: no-repeat;} #g_navi li.g_navi02 a {width:200px;background-image: url(../img/com/mn02.gif);background-repeat: no-repeat;} #g_navi li.g_navi03 a {width:200px;background-image: url(../img/com/mn03.gif);background-repeat: no-repeat;} #g_navi li.g_navi04 a {width:200px;background-image: url(../img/com/mn04.gif);background-repeat: no-repeat;} #g_navi li.g_navi05 a {width:200px;background-image: url(../img/com/mn05.gif);background-repeat: no-repeat;} /*------hover*/ #g_navi li.g_navi01 a:hover {width:200px;background-image: url(../img/com/mn01_h.gif);background-repeat: no-repeat;} #g_navi li.g_navi02 a:hover {width:200px;background-image: url(../img/com/mn02_h.gif);background-repeat: no-repeat;} #g_navi li.g_navi03 a:hover {width:200px;background-image: url(../img/com/mn03_h.gif);background-repeat: no-repeat;} #g_navi li.g_navi04 a:hover {width:200px;background-image: url(../img/com/mn04_h.gif);background-repeat: no-repeat;} #g_navi li.g_navi05 a:hover {width:200px;background-image: url(../img/com/mn05_h.gif);background-repeat: no-repeat;} /*------on*/ #g_navi li.g_navi01_on a {background:url(../img/com/mn01_a.gif) no-repeat;width:200px;} #g_navi li.g_navi02_on a {background:url(../img/com/mn02_a.gif) no-repeat;width:200px;} #g_navi li.g_navi03_on a {background:url(../img/com/mn03_a.gif) no-repeat;width:200px;} #g_navi li.g_navi04_on a {background:url(../img/com/mn04_a.gif) no-repeat;width:200px;} #g_navi li.g_navi05_on a {background:url(../img/com/mn05_a.gif) no-repeat;width:200px;} /********** top　point **********/ #spec{margin: 0px auto;margin-top:20px;width: 1000px;height: 155px;} #specl{float: left;width: 335px;height: 155px;background: url(../img/point01.jpg) no-repeat;} #specr{margin: 0px;float: right;width: 665px;height: 115px;} #specrl{float: left;width: 330px;height: 155px;background: url(../img/point02.jpg) no-repeat;} #specrr{float: right;width: 330px;height: 155px;background: url(../img/point03.jpg) no-repeat;} /********** QA,What's new **********/ #info{margin: 0px auto;width: 1000px;height: auto;padding-top:25px;} #infol{float: left;width: 450px;height: auto;text-align:left;background: url(../img/ttl_sb_dm.gif) no-repeat;text-indent:-9877em; } #infor{float: right;width: 550px;height: auto;text-align:left;background: url(../img/ttl_sb_wn.gif) no-repeat;text-indent:-9877em; } #dm{margin: auto;width: 1000px;height: auto;} #dml{float: left;width: 450px;height: auto;text-align:left;padding-top:15px;} #dmr{float: right;width: 550px;height: auto;text-align:left;padding-top:15px;} /*よくあるご要望*/ table#table-dm {width: 425px;text-align: left;} table#table-dm th { padding: 0px; background: #C3E6F5; font-size:10px; font-weight: bold; line-height: 200%; padding-left: 8px;} table#table-dm td { line-height: 200%; font-size:10px; padding-left: 8px;} /*お知らせ*/ table#table-news {width: 550px;text-align: left;} table#table-news th { padding: 5px; line-height: 120%; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CDCDCD; width: 85px;} table#table-news td { padding: 5px; line-height: 120%; text-align: left; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CDCDCD; width: 360px;} /*セミナー*/ table#table-seminar {width: 480px;} table#table-seminar th {background: #666666;font-size: 12px;color: #FFFFFF;font-weight: bold;text-align: center;line-height:20px; padding: 5px; line-height: 120%; text-align: left; border-width: 1px; border-style: dotted; border-color: #CDCDCD; width: 85px;} table#table-seminar td {line-height:20px; padding: 5px; line-height: 120%; text-align: left; border-width: 1px; border-style: dotted; border-color: #CDCDCD; width: 360px;} /********** footer **********/ /*ページ操作(back,UP)*/ #btm_ope{margin:auto;width: 1000px;height: 10px;padding-bottom:30px;} #ope{float: right;margin:auto;width: 105px;height: 10px;} /*サービスへのテキストリンク*/ #link{margin: auto;width: 1000px;height: auto;padding-top:30px;clear: both;} /*フッター*/ #footer{height: 24px;background: url(../img/com/ft_bg.jpg) repeat-x;} #footer_contents{width: 1010px;height: 24px;margin: 0px auto;} #footer_copyright{float: left;margin: 0px auto;width: 250px;height: 24px;background: url(../img/com/ft_copyright.jpg) no-repeat;} #footer_link{float: right;margin: 0px auto;width: 520px;height: 24px;} #images_f{margin: 0px auto;width: 520px;height: 24px;} .images_f ul {padding:0;text-align: center;margin:0;text-justify: distribute-all-lines;} .images_f ul li{display:inline;padding:0;margin:0;} div.images_f {margin-left:0px;text-align: center;height: 24px;padding-top: 0;} /********** pages **********/ .page{margin: 0px auto;width: 240px;} #pagenavi{float: left;margin: 0px auto;width: 220px;height: auto;} #pagenavi a {display: block;} #pagenavi span {display: none;} #pagecontents{margin: 0px auto;width: 510px;} #pagewriting{width: 480px;text-align: left;padding: 10px;text-align: left;border:solid #BCBCBC 1px;} /*各ページのレイアウト*/ #pages {margin: auto;width: 1000px;margin-top:15px;} #pagesl {margin: 0px auto;width: 740px;float: left;} #pagesll {margin: 0px auto;width: 240px;float: left;margin-top:10px;} #pageslr {margin: 0px auto;width: 500px;float: right;margin-top:10px;text-align: left;} #pagesr {margin: 0px auto;width: 250px;float: right; text-align: left;} /*お知らせのページ*/ #pagenaviinfo{float: left;margin: 0px auto;width: 190px;height: auto;} #pagenaviinfo a {display: block;} #pagenaviinfo span {display: none;} #pageslinfol {margin: 0px auto;width: 180px;float: left;margin-top:10px;} #pageslinfor {margin: 0px auto;width: 560px;float: right;margin-top:10px;text-align: left;} /*セミナーのページ*/ #seminar{margin-left: 20px;width: 480px;height: auto;text-align: left;} #seminar_fin{margin-left: 20px;width: 480px;height: auto;font-size: 12px;color: #FF6600;font-weight: bold;text-align: center;margin-top: 5px;margin-bottom: 5px;} /********** navi **********/ #navi_comp a {height: 40px;background-image: url(../img/mn_sub_prof.jpg);background-repeat: no-repeat;width: 220px;} #navi_comp a:hover {height: 40px;background-image: url(../img/mn_sub_prof_h.jpg);background-repeat: no-repeat;} #navi_comph a {height: 40px;background-image: url(../img/mn_sub_prof_a.jpg);background-repeat: no-repeat;width: 220px;} #navi_pp a {height: 40px;background-image: url(../img/mn_sub_pp.jpg);background-repeat: no-repeat;} #navi_pp a:hover {height: 40px;background-image: url(../img/mn_sub_pp_h.jpg);background-repeat: no-repeat;} #navi_pph a {height: 40px;background-image: url(../img/mn_sub_pp_a.jpg);background-repeat: no-repeat;} #navi_ps a {height: 40px;background-image: url(../img/mn_sub_ps.jpg);background-repeat: no-repeat;} #navi_ps a:hover {height: 40px;background-image: url(../img/mn_sub_ps_h.jpg);background-repeat: no-repeat;} #navi_psh a {height: 40px;background-image: url(../img/mn_sub_ps_a.jpg);background-repeat: no-repeat;} #navi_agent a {height: 40px;background-image: url(../img/mn_sub_agent.jpg);background-repeat: no-repeat;width: 220px;} #navi_agent a:hover {height: 40px;background-image: url(../img/mn_sub_agent_h.jpg);background-repeat: no-repeat;} #navi_agenth a {height: 40px;background-image: url(../img/mn_sub_agent_a.jpg);background-repeat: no-repeat;width: 220px;} #navi_sm a {height: 40px;background-image: url(../img/mn_sub_sm.jpg);background-repeat: no-repeat;width: 220px;} #navi_sm a:hover {height: 40px;background-image: url(../img/mn_sub_sm_h.jpg);background-repeat: no-repeat;} #navi_smh a {height: 40px;background-image: url(../img/mn_sub_sm_a.jpg);background-repeat: no-repeat;width: 220px;} #navi_pm{float: left;margin: 0px auto;width: 75px;height: 95px;background: url(../img/com/privacy_mark.gif) no-repeat;margin-top:10px;} #navi_pm a{float: left;margin: 0px auto;width: 75px;height: 95px;} #navi_price a {height: 42px;background-image: url(../img/mn_sub_price.jpg);background-repeat: no-repeat;width: 220px;} #navi_price a:hover {height: 42px;background-image: url(../img/mn_sub_price_h.jpg);background-repeat: no-repeat;} #navi_priceh a {height: 42px;background-image: url(../img/mn_sub_price_a.jpg);background-repeat: no-repeat;width: 220px;} #navi_flow a {height: 40px;background-image: url(../img/mn_sub_flow.jpg);background-repeat: no-repeat;width: 220px;} #navi_flow a:hover {height: 40px;background-image: url(../img/mn_sub_flow_h.jpg);background-repeat: no-repeat;} #navi_flowh a {height: 40px;background-image: url(../img/mn_sub_flow_a.jpg);background-repeat: no-repeat;width: 220px;} #navi_exp a {height: 42px;background-image: url(../img/mn_sub_exp.jpg);background-repeat: no-repeat;width: 220px;} #navi_exp a:hover {height: 42px;background-image: url(../img/mn_sub_exp_h.jpg);background-repeat: no-repeat;} #navi_exph a {height: 42px;background-image: url(../img/mn_sub_exp_a.jpg);background-repeat: no-repeat;width: 220px;} #navi_case a {height: 40px;background-image: url(../img/mn_sub_case.jpg);background-repeat: no-repeat;width: 220px;} #navi_case a:hover {height: 40px;background-image: url(../img/mn_sub_case_h.jpg);background-repeat: no-repeat;} #navi_caseh a {height: 40px;background-image: url(../img/mn_sub_case_a.jpg);background-repeat: no-repeat;width: 220px;} #navi_2000 a {height: 40px;background-image: url(../img/mn_sub_2000.jpg);background-repeat: no-repeat;} #navi_2000 a:hover {height: 40px;background-image: url(../img/mn_sub_2000_h.jpg);background-repeat: no-repeat;} #navi_2000h a {height: 40px;background-image: url(../img/mn_sub_2000_a.jpg);background-repeat: no-repeat;} #navi_2001 a {height: 40px;background-image: url(../img/mn_sub_2001.jpg);background-repeat: no-repeat;} #navi_2001 a:hover {height: 40px;background-image: url(../img/mn_sub_2001_h.jpg);background-repeat: no-repeat;} #navi_2001h a {height: 40px;background-image: url(../img/mn_sub_2001_a.jpg);background-repeat: no-repeat;} #navi_2002 a {height: 40px;background-image: url(../img/mn_sub_2002.jpg);background-repeat: no-repeat;} #navi_2002 a:hover {height: 40px;background-image: url(../img/mn_sub_2002_h.jpg);background-repeat: no-repeat;} #navi_2002h a {height: 40px;background-image: url(../img/mn_sub_2002_a.jpg);background-repeat: no-repeat;} #navi_2003 a {height: 40px;background-image: url(../img/mn_sub_2003.jpg);background-repeat: no-repeat;} #navi_2003 a:hover {height: 40px;background-image: url(../img/mn_sub_2003_h.jpg);background-repeat: no-repeat;} #navi_2003h a {height: 40px;background-image: url(../img/mn_sub_2003_a.jpg);background-repeat: no-repeat;} #navi_2004 a {height: 40px;background-image: url(../img/mn_sub_2004.jpg);background-repeat: no-repeat;} #navi_2004 a:hover {height: 40px;background-image: url(../img/mn_sub_2004_h.jpg);background-repeat: no-repeat;} #navi_2004h a {height: 40px;background-image: url(../img/mn_sub_2004_a.jpg);background-repeat: no-repeat;} #navi_2005 a {height: 40px;background-image: url(../img/mn_sub_2005.jpg);background-repeat: no-repeat;} #navi_2005 a:hover {height: 40px;background-image: url(../img/mn_sub_2005_h.jpg);background-repeat: no-repeat;} #navi_2005h a {height: 40px;background-image: url(../img/mn_sub_2005_a.jpg);background-repeat: no-repeat;} #navi_2006 a {height: 40px;background-image: url(../img/mn_sub_2006.jpg);background-repeat: no-repeat;} #navi_2006 a:hover {height: 40px;background-image: url(../img/mn_sub_2006_h.jpg);background-repeat: no-repeat;} #navi_2006h a {height: 40px;background-image: url(../img/mn_sub_2006_a.jpg);background-repeat: no-repeat;} #navi_2007 a {height: 40px;background-image: url(../img/mn_sub_2007.jpg);background-repeat: no-repeat;} #navi_2007 a:hover {height: 40px;background-image: url(../img/mn_sub_2007_h.jpg);background-repeat: no-repeat;} #navi_2007h a {height: 40px;background-image: url(../img/mn_sub_2007_a.jpg);background-repeat: no-repeat;} #navi_2008 a {height: 40px;background-image: url(../img/mn_sub_2008.jpg);background-repeat: no-repeat;} #navi_2008 a:hover {height: 40px;background-image: url(../img/mn_sub_2008_h.jpg);background-repeat: no-repeat;} #navi_2008h a {height: 40px;background-image: url(../img/mn_sub_2008_a.jpg);background-repeat: no-repeat;} #navi_2009 a {height: 40px;background-image: url(../img/mn_sub_2009.jpg);background-repeat: no-repeat;} #navi_2009 a:hover {height: 40px;background-image: url(../img/mn_sub_2009_h.jpg);background-repeat: no-repeat;} #navi_2009h a {height: 40px;background-image: url(../img/mn_sub_2009_a.jpg);background-repeat: no-repeat;} #navi_2010 a {height: 40px;background-image: url(../img/mn_sub_2010.jpg);background-repeat: no-repeat;} #navi_2010 a:hover {height: 40px;background-image: url(../img/mn_sub_2010_h.jpg);background-repeat: no-repeat;} #navi_2010h a {height: 40px;background-image: url(../img/mn_sub_2010_a.jpg);background-repeat: no-repeat;} #navi_system a {height: 40px;background-image: url(../img/mn_sub_system.jpg);background-repeat: no-repeat;} #navi_system a:hover {height: 40px;background-image: url(../img/mn_sub_system_h.jpg);background-repeat: no-repeat;} #navi_systemh a {height: 40px;background-image: url(../img/mn_sub_system_a.jpg);background-repeat: no-repeat;} #navi_advantage a {height: 40px;background-image: url(../img/mn_sub_advantage.jpg);background-repeat: no-repeat;} #navi_advantage a:hover {height: 40px;background-image: url(../img/mn_sub_advantage_h.jpg);background-repeat: no-repeat;} #navi_advantageh a {height: 40px;background-image: url(../img/mn_sub_advantage_a.jpg);background-repeat: no-repeat;} #navi_function a {height: 40px;background-image: url(../img/mn_sub_function.jpg);background-repeat: no-repeat;} #navi_function a:hover {height: 40px;background-image: url(../img/mn_sub_function_h.jpg);background-repeat: no-repeat;} #navi_functionh a {height: 40px;background-image: url(../img/mn_sub_function_a.jpg);background-repeat: no-repeat;} #function_mn {margin: 0px auto;width: 165px;float:left;margin-left:15px;text-align: left;} #navi_merit a {height: 40px;background-image: url(../img/mn_sub_merit.jpg);background-repeat: no-repeat;} #navi_merit a:hover {height: 40px;background-image: url(../img/mn_sub_merit_h.jpg);background-repeat: no-repeat;} #navi_merith a {height: 40px;background-image: url(../img/mn_sub_merit_a.jpg);background-repeat: no-repeat;} #navi_risk a {height: 40px;background-image: url(../img/mn_sub_risk.jpg);background-repeat: no-repeat;} #navi_risk a:hover {height: 40px;background-image: url(../img/mn_sub_risk_h.jpg);background-repeat: no-repeat;} #navi_riskh a {height: 40px;background-image: url(../img/mn_sub_risk_a.jpg);background-repeat: no-repeat;} #navi_section a {height: 40px;background-image: url(../img/mn_sub_section.jpg);background-repeat: no-repeat;} #navi_section a:hover {height: 40px;background-image: url(../img/mn_sub_section_h.jpg);background-repeat: no-repeat;} #navi_sectionh a {height: 40px;background-image: url(../img/mn_sub_section_a.jpg);background-repeat: no-repeat;} #navi_others a {height: 40px;background-image: url(../img/mn_sub_others.jpg);background-repeat: no-repeat;} #navi_others a:hover {height: 40px;background-image: url(../img/mn_sub_others_h.jpg);background-repeat: no-repeat;} #navi_othersh a {height: 40px;background-image: url(../img/mn_sub_others_a.jpg);background-repeat: no-repeat;} /********** companyinfo **********/ table#table-ci {width: 500px;border: 1px #CDCDCD solid;border-collapse: collapse;border-spacing: 0;padding-left: 0px;} table#table-ci th {padding: 5px;border: #CDCDCD solid;border-width: 0 0 1px 1px;background: #CEE6FF;font-weight: bold;line-height: 120%;text-align: left;} table#table-ci td {padding: 5px;border: 1px #CDCDCD solid;border-width: 0 0 1px 1px;text-align: left;} /********** price **********/ table#table-price {width: 500px;border: 1px #CDCDCD solid;border-collapse: collapse;border-spacing: 0;padding-left: 0px;} table#table-price th {padding: 5px;border: #CDCDCD solid;border-width: 0 0 1px 1px;background: #CEE6FF;font-weight: bold;line-height: 120%;text-align:center;} table#table-price td {padding: 5px;border: 1px #CDCDCD solid;border-width: 0 0 1px 1px;text-align: center;} /********** material **********/ table#table-mat{width: 740px;border: 1px #CDCDCD solid;border-collapse: collapse;border-spacing: 0;padding-left: 0px;} table#table-mat th {padding: 5px;border: #CDCDCD solid;border-width: 0 0 1px 1px;background: #CEE6FF;line-height: 120%;text-align:left;} table#table-mat td {padding: 5px;border: 1px #CDCDCD solid;border-width: 0 0 1px 1px;text-align: left;} table#table-pm{width: 740px;border: 2px #FF6600 solid;border-collapse: collapse;border-spacing: 0;padding: 10px;} table#table-pm td {border: 2px #FF6600 solid;border-width: 0px;padding: 10px;text-align:left;line-height: 180%;}