@charset "UTF-8"; /*############################################### Name: common.css Version: 1 Author: ECS URL: http://www.web-ecs.com/ Copyright (C) ECS All Rights Reserved. #################################################*/ body { margin:0; padding:0;} #header, #footer, #global_nav, #left_area { display:none;} /* Content*/ #content_area { width:100%; padding-top:9px; margin-bottom:30px;} /* List *******************/ ul.linklist li { list-style:none; margin:0; padding:0;} * html #content_area ul.linklist li { list-style:none; margin:0; padding:0;} *+html #content_area ul.linklist li { list-style:none; margin:0; padding:0;} ul.linklist li a { display:block; text-decoration:none; background:url("../images/arrow1.gif") no-repeat left center; padding:0 0 0 17px;} /* common *******************/ ul li { list-style:outside;} .center { text-align:center;} .left { text-align:left;} .right { text-align:right;} .fLeft { float:left;} .fRight { float:right;} .bgnone { background:none;} .cboth { clear:both;} .pagetop { font-size:85%; text-align:right;} .pagetop a, .link { margin:5px 0;} .link a { padding:1px 0 2px 19px; background:url("../images/arrow1.gif") no-repeat left center; list-style:none;} p.bold, .basicbox p.bold{ font-weight:bold; font-size:122%; background:url("../images/line2.gif") repeat-x top; padding:12px 0 15px; margin:0; line-height:1.3;} /* flash */ #top_flasharea, #flasharea { background:#FFFFFF; width:902px; margin:0 auto;} .flash-replaced .alt{ display:none;} .flash-update .alt { display:block; text-align:left;} #flash_content { margin:7px 0 10px;} #top_flasharea #flash_content { height:378px; background:url("../../images/top_bg_flash.jpg") no-repeat left top; } .installflash { margin-top:20px; float:left;} #flash_content .fLeft{ margin:20px 0 0 20px; width:290px;} #flash_content p { margin-bottom:10px;} #top_flasharea .installflash,#top_flasharea #flash_content .fLeft { margin-top:100px} /* テーブル *******************/ table.basicTable { border-collapse: collapse; background:url("../images/line3.gif") repeat-y left top; margin:30px 30px 10px;} table.basicTable th, table.basicTable td { padding:12px 15px 6px 5px; vertical-align:top;} table.basicTable th { background:url("../images/line2.gif") repeat-x left top; padding-left:15px; width:90px;} table.basicTable td { background:url("../images/line2trans.gif") repeat-x left top;} table.basicTable dl { width:450px;} table.basicTable dt { width:150px; float:left; clear:both; padding:0; margin:0; display:table-cell;} table.basicTable dd { margin:0 0 0 150px; width:280px; padding:0; display:table-cell;} /* table.basicTable dt { width:145px; float:left; clear:both; padding:0; margin:0; display:table-cell;} table.basicTable dd { margin:0 0 0 130px; width:315px; padding:0; display:table-cell;} */ /* ストライプ */ table.stripeTable { clear:both; width:100%; margin-top:10px;} table.stripeTable th{ padding:4px 7px; background-color:#E7F0CC;} table.stripeTable td{ padding:4px 7px; background-color:#F2F2F2; border-top:1px solid #FFFFFF; vertical-align:middle;} table.stripeTable .even td{ background-color:#F7F7F7;} table.stripeTable td p{ margin:0;} table.stripeSTable { clear:both; width:100%; margin:10px 0; line-height:1.6;} table.stripeSTable th{ vertical-align:top; padding:6px 7px; background-color:#F1F6D9; text-align:left; font-weight:normal; white-space:nowrap; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF;} table.stripeSTable thead th{ background-color:#E7F0CC; text-align:left; font-weight:bold;} table.stripeSTable td{ vertical-align:top; text-align:left; padding:6px 7px; background-color:#F2F2F2; border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF;} table.stripeSTable .even td{ background-color:#F7F7F7;} table.stripeSTable td p{ margin:0;} table.stripeSTable .nowrap { white-space:nowrap;} td img.icn { float:left; margin-right:10px;} td strong { color:#000000;} .Stxt th { font-size:114%;} /* 沿革 */ .history_table { width:630px; margin:0 0 30px;} .history_table th,.history_table td { margin:0; padding:25px 0 0 30px; text-align:left; vertical-align:bottom; background:url("../../images/corporate/history_line.gif") no-repeat left bottom;} .history_table th { width:110px;} #content_area .history_table ul { margin:0; padding:0;} #content_area .history_table li { list-style:none; border-left:4px solid #004080; margin:3px 0 0; padding:0 0 5px 5px;} .history_table td.lay_mark_iso { height:110px; padding-top:1px;} .history_table td.lay_mark_privacy { height:103px; padding-top:1px;} .lay_mark_iso img, .lay_mark_privacy img { position: absolute; margin:-58px 0 0 370px;} /* マンションリフォーム */ .reformflowTable caption { padding-bottom:12px; text-align:left; font-size:152%; color:#698f01;} .reformflowTable th { width:230px; background:url("../../images/reform/reform_flow.gif") no-repeat 0 0; vertical-align:top;} .reformflowTable th.finish { background:url("../../images/reform/reform_flow_end.gif") no-repeat 0 0;} .reformflowTable th p { color:#698f01; height:105px; width:213px; line-height:65px; text-align:center; font-size:122%;} .reformflowTable th.finish p{ color:#FFFFFF; height:65px;} .reformflowTable td { vertical-align:top;} .reformflowTable td p.gtxt {} #content_area .reformflowTable td ul { padding:5px 0 0; margin:0 0 0 0;} .reformflowTable td ul li { list-style:none; background:url("../images/icn_listgreen.gif") no-repeat 0 3px; padding-left:20px;} /* コンテンツエリア *******************/ .basicbox { margin:20px 30px 0; padding:0;} .basicbox p { margin:0 0 20px; padding:0;} .basicbox p strong { font-weight:bold;} #content_area ul,#content_area ol{ margin:0 0 0 20px;} * html #content_area ul li { list-style: disc outside;} *+html #content_area ul li { list-style: disc outside;} .mbox { padding:0;} .gbox { background:#EBEAE1;} .linebox { margin:10px 30px 0; padding:20px 0; background:url("../images/line2.gif") repeat-x top;} h2.pagetitle { padding:15px 0 0 30px;} h3.subtitle { border-left:8px solid #004080; padding:0 0 0 22px; margin:30px 0 15px;} h3.subtitle + .basicbox { margin-top:10px;} h3.subtitle_copy { padding:0 0 0 30px; margin:30px 0 15px;} .imgboxR { float:right; width:250px; margin:0 0 20px 30px;} .imgboxL { float:left; width:250px; margin:0 30px 20px 0;} /* chank */ /* ユーメックス */ .umecsarea { background:#F0F6D1 url("../images/greenbox_btmS.gif") no-repeat left bottom; width:360px; margin:0 0 15px;} .umecsarea_big { background:#F0F6D1 url("../images/greenbox_btmB.gif") no-repeat left bottom; width:640px; margin:0 0 15px;} .umecsarea p, .umecsarea_big p { padding:0 20px 15px; margin:0;} .umecsarea p.umecs { background:#F0F6D1 url("../images/greenbox_topS.gif") no-repeat 0 0; font-weight:bold; padding:12px 20px 6px;} .umecsarea_big p.umecs { background:#F0F6D1 url("../images/greenbox_topB.gif") no-repeat 0 0; font-weight:bold; padding:12px 20px 6px;} .umecsarea p.umecs strong, .umecsarea_big p.umecs strong { font-weight:bold; font-size:122%;} .umecsarea p.umecs .english, .umecsarea_big p.umecs .english{ font-size:85%; letter-spacing:0.07em; border-bottom:1px solid #333333; display:block; padding-bottom:3px; } /* 問い合わせ */ #adv_contactbox { width:640px; margin:30px 30px 40px;} #adv_contactbox h4 { width:315px; height:50px; padding:50px 0 0 0; display:block; overflow:hidden; margin-bottom:10px; height:0px !important; } #adv_contactbox p { margin:0 15px 15px;} #adv_contactbox p.bold { margin:0; background-color:#FFFFFF; color:#1A1A1A;} #adv_contactbox span.gtxt { margin:0; background-color:#FFFFFF; color:#808080; font-weight:normal; font-size:85%;} #adv_contactbox .linklist { border-top:1px solid #FFFFFF; margin:0; padding:15px;} #adv_contactbox .btn_contact { width:280px; height:60px; background:url("../images/adv_btn_contact.gif") no-repeat 0 0;} #adv_contactbox .btn_contact a { width:280px; height:60px; padding:60px 0 0 0; display:block; overflow:hidden; background:url("../images/adv_btn_contact.gif") no-repeat 0 0; height:0px !important; } #adv_contactbox .btn_contact a:hover{ width:280px; height:60px; background:url("../images/adv_btn_contact.gif") no-repeat 0 -60px;} #adv_contactbox #internet_area { background-color:#EBEBEB; width:315px;} #adv_contactbox #internet_area h4{ background:url("../../images/advantage/adv_internet.gif") no-repeat left top;} #adv_contactbox #tel_area { background-color:#EBEBEB; width:315px;} #adv_contactbox #tel_area h4 { background:url("../../images/advantage/adv_tel.gif") no-repeat left top;} #tel_area table { background-color:#FFFFFF; width:295px; color:#527600; margin:3px 10px 15px; line-height:1.2;} #tel_area table caption { margin:0 0 0 10px; padding:0 0 5px; font-size:122%;} #tel_area table th { border-bottom:1px solid #EBEBEB; padding-left:10px; width:60px;} #tel_area table td { border-bottom:1px solid #EBEBEB; padding-left:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:214%;} #tel_area .freedial {background:#FFFFFF url("../images/icn_freedial.gif") no-repeat right center;} .lnk_pdf { background: url("../images/icn_pdf.gif") no-repeat left center; padding-left:25px;} .get_adobe_reader { display:none;} /* ボタン */ .btn_right { float:right; margin:0 10px 0 20px;} .btn_center { margin:20px 0 0 85px;} .btn_right p, .btn_center p { width:250px; height:39px; background:url("../images/btn_green.gif") no-repeat 0 0;} .btn_right p a, .btn_center p a { width:250px; height:39px; text-align:center; line-height:3; display:block; background:url("../images/btn_green.gif") no-repeat 0 0;} .btn_right p a span, .btn_center p a span { background:url("../images/arrow1.gif") no-repeat left center; padding:10px 20px; display:inline;} .btn_right p a:hover, .btn_center p a:hover { background:url("../images/btn_green.gif") no-repeat 0 -40px;} .btn_right p a, #content_area .btn_right p a:hover, .btn_center p a, #content_area .btn_center p a:hover { text-decoration:none;} /* TOP */ #top_maincontent { background-color:#F2F2F0;} .top_area_main { width:902px; margin:0 auto; padding-bottom:20px;} #top_area_management { min-height:236px; float:left; background:url("../../images/top_bg_management.jpg") no-repeat left top; width:570px;} #top_area_reform { min-height:236px; float:right;background:url("../../images/top_bg_reform.jpg") no-repeat left top;} #top_area_news { min-height:100px; float:left; background:url("../../images/top_bg_news.jpg") no-repeat left top; width:566px;} #top_area_quality { min-height:100px; float:right;background:url("../../images/top_bg_quality.jpg") no-repeat left top; width:329px;} #top_area_management h2, #top_area_reform h2, #top_area_news h2, #top_area_quality h2 { margin:10px 15px;} #top_area_management dl { padding:0 0 0 6px; border-left:3px solid #8EB800; width:255px; margin:0 0 14px 15px; float:left;} #top_area_reform dl { padding:0 0 0 6px; border-left:3px solid #E95200; width:300px; margin:0 0 14px 15px;} #top_area_management dt, #top_area_reform dt { padding:0 0 0 17px; background:url("../images/arrow1.gif") no-repeat left center;} #top_area_management dt a, #top_area_reform dt a { text-decoration:none;} #top_area_news ul { margin:0 0 0 15px;} #top_area_news ul li { padding:0 0 0 5px; margin:0 0 6px 0; list-style:none; border-left:3px solid #004080;} #top_area_news ul li a { text-decoration:none;} #top_area_quality ul { margin-left:30px;} #top_area_quality ul li { list-style:none; float:left; margin-right:40px;} #area_indexlist dl { padding:0 0 0 6px; border-left:3px solid #8EB800; width:311px; margin:0 0 14px; float:left;} #area_indexlist dt { padding:0 0 0 17px; font-size:122%; background:url("../images/arrow1.gif") no-repeat left center;} #area_indexlist dd { font-size:85%; width:90%;} #area_indexlist dt a { text-decoration:none;} /* メリット */ /* メリットトップ */ dl#contribution { width:640px; height:235px; overflow:visible; margin:30px; padding:50px 0 0; background:url("../../images/advantage/adv_contribution.gif") no-repeat left top;} * html dl#contribution { padding-top:60px;} *+html dl#contribution { padding-top:60px;} dl#contribution dt { width:164px; height:20px; text-indent:-9999px; margin:19px 0 1px 400px; padding:0; overflow:visible;} dl#contribution dt#ul { background:url("../../images/advantage/adv_contribution_logo.gif") no-repeat 0 0;} dl#contribution dt#kanden{ background:url("../../images/advantage/adv_contribution_logo.gif") no-repeat 0 -20px;} dl#contribution dt#kanfu{background:url("../../images/advantage/adv_contribution_logo.gif") no-repeat 0 -40px;} dl#contribution dd { font-size:85%; margin-left:400px;} * html dl#contribution dd{ font-size:100%;} *+html dl#contribution dd{ font-size:100%;} .clearpass { border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; padding:20px 20px 10px; margin-bottom:20px;} .clearpass p { margin:0 0 10px;} /* 社員教育 */ .ojtbox { width:640px; height:139px; margin:0 0 40px 30px; background:#EAEAE2 url("../../images/advantage/ojt_bgimg.jpg") no-repeat left top;} .ojtbox p { color:#FFFFFF; font-size:122%; width:260px; padding:38px 0 0 360px; line-height:1.3;} .ojt_instructor p { width:320px; height:49px; margin:0 auto; background:url("../../images/advantage/ojt_btn.gif") no-repeat 0 0;} .ojt_instructor p a { width:320px; height:49px; display:block; background:url("../../images/advantage/ojt_btn.gif") no-repeat 0 0; text-decoration:none;} .ojt_instructor p a:hover{ background:url("../../images/advantage/ojt_btn.gif") no-repeat 0 -50px; text-decoration:underline;} .ojt_instructor p a span{ padding-top:13px; display:block; text-align:center;} /* コミュニティ */ .community_box { width:640px; margin:0 auto; border-top:1px dotted #CCCCCC;} .community_box div { border-bottom:1px dotted #CCCCCC; padding:20px 20px 35px;} .community_box h4 { color:#Af9343; font-size:122%;} .community_box ul { padding-top:10px;} .bg_comevent { background:url("../../images/advantage/community_img2.jpg") no-repeat right center;} .community_box ul { padding:5px 0;} /* 住まいのご相談 */ ul#icn_list { padding:0; margin:0; padding:10px 0 15px; border-top:1px dotted #CCCCCC;} ul#icn_list li { list-style:none; padding:0 25px; display:block; float:left; width:160px;} .icn_security { background:url("../../images/advantage/icn_security.gif") no-repeat left center;} .icn_internet { background:url("../../images/advantage/icn_internet.gif") no-repeat left center;} .icn_reform { background:url("../../images/advantage/icn_reform.gif") no-repeat left center;} .icn_loan { background:url("../../images/advantage/icn_loan.gif") no-repeat left center;} .icn_move { background:url("../../images/advantage/icn_move.gif") no-repeat left center;} .icn_estate { background:url("../../images/advantage/icn_estate.gif") no-repeat left center;} .icn_testament { background:url("../../images/advantage/icn_testament.gif") no-repeat left center;} /* マンション管理業務 */ /* 運営管理 */ h3.subtitle_management { padding:0 0 0 30px; margin:30px 0 15px; background:url("../../images/management/h3_management.gif") no-repeat 0 0;} h3.subtitle_management span { width:190px; padding-top:4px; color:#FFFFFF; display:block; float:left;} /* 維持管理 */ .maintenancebox { margin-bottom:20px; background:url("../images/line2.gif") repeat-x left bottom;} .maintenancebox .head_green { margin-left:280px; margin-bottom:8px; width:100px; background:#FFFFFF url("../images/green_headR.gif") no-repeat right top;} .maintenancebox .head_green span{ text-align:center; text-indent:-10px; background:url("../images/green_headL.gif") no-repeat left top; display:block; height:22px; color:#FFFFFF; padding-top:2px; padding-left:10px;} /* 長期修繕計画 */ .basicbox_repairplan h3 { float:left; width:310px;} .basicbox_repairplan { margin:0 30px 0 0; padding:0;} .basicbox_repairplan p { margin:0 0 20px 30px; padding:0;} .basicbox_repairplan .imgboxR { width:298px; padding-top:20px;} h3.subtitle_repairplan { border-left:8px solid #004080; padding:0 0 0 22px; margin:30px 0 15px;} h3.subtitle_repairplan + .basicbox{ margin-top:10px;} .imgboxR_repairplan { float:right;} .repairplanbox { background:url("../images/line2.gif") repeat-x bottom; padding-bottom:1px; margin-bottom:20px;} .repairplanbox .head_green { width:200px; margin-bottom:8px; background:#FFFFFF url("../images/green_headR.gif") no-repeat right top;} .repairplanbox .head_green span { text-align:left; background: url("../images/green_headL.gif") no-repeat left top; font-size:122%; display:block; height:22px; color:#FFFFFF; padding-top:1px; padding-left:20px;} .repairplanbox .head_green span span{ display:inline; background:none; padding:1px; margin-left:5px; font-size:85%;} .repairplanbox p.ba1 { width:640px; height:260px; background:url("../../images/management/repairplan_b-a1.jpg") no-repeat 0 0;} .repairplanbox p.ba2 { width:640px; height:260px; background:url("../../images/management/repairplan_b-a2.jpg") no-repeat 0 0;} .repairplanbox p.ba3 { width:640px; height:260px; background:url("../../images/management/repairplan_b-a3.jpg") no-repeat 0 0;} .repairplanbox p.ba4 { width:640px; height:260px; background:url("../../images/management/repairplan_b-a4.jpg") no-repeat 0 0;} .repairplanbox p.ba1 span, .repairplanbox p.ba2 span, .repairplanbox p.ba3 span, .repairplanbox p.ba4 span { display:block; padding:225px 0 0 40px;} /* 損害保険 */ h3.subtitle_insurance { padding:0 0 0 30px; margin:30px 0 15px; background:url("../../images/management/h3_insurance.gif") no-repeat 0 0;} h3.subtitle_insurance span { width:265px; height:2.5em;padding-top:4px; color:#FFFFFF; display:block; float:left;} /* 建物リフレッシュ */ dt.head_green { margin:15px 0 5px;} #content_area dt.head_green ul{ padding:0; margin:0;} dt.head_green ul li { padding:0; margin:0; list-style:none; display:inline;} dt.head_green ul li p { float:left; display:block; font-size:114%; margin:0 0.8em 0 0; padding:0; background:#FFFFFF url("../images/green_headR.gif") no-repeat right top;} dt.head_green ul li p span { display:block; background: url("../images/green_headL.gif") no-repeat left top; color:#FFFFFF; padding:1px 2em;} /* マンションリフォーム */ .reformlist { margin:15px 0; padding:0 0 15px; background:url("../images/line2.gif") repeat-x left bottom;} .reformlist h4 { margin:0; padding:0 0 10px; font-size:152%; color:#698f01;} .reformlist dl { width:204px; padding:0 0 0 6px; border-left:3px solid #8EB800; margin:0; float:left;} .reformlist dt { font-size:122%; font-weight:bold;} #content_area .reformlist dd ul { margin:0 0 0 17px; padding:0;} .reformlist .imgboxL { float:left; width:214px; margin:5px 0 0;} /* リノベーション・リフォーム事例 */ .greenbox { background:#F0F6D1 url("../images/greenbox_btmS.gif") no-repeat left bottom; width:360px; padding-bottom:15px; margin-bottom:5px;} .greenbox p { background:#F0F6D1 url("../images/greenbox_topS.gif") no-repeat 0 0; padding:12px 20px 0; margin:0;} .basicbox .greenbox strong { color:#698f01; font-size:114%; font-weight:normal;} .concept_imgboxR { float:right; width:200px; margin:0 0 20px 15px;} .conceptlist { width:425px; background:url("../images/line2.gif") repeat-x top; padding:10px 0;} .conceptlist ul { width:370px; font-size:85%;} .conceptTable { width:425px; font-size:85%; background:url("../images/line2.gif") repeat-x top; padding:0;} .conceptTable th { width:110px; background:url("../images/line2.gif") repeat-x bottom; padding:3px 0 4px 8px;} .conceptTable td { background:url("../images/line2.gif") repeat-x bottom; padding:3px 8px 4px;} .before_after { width:640px; background:#F2F2F2 url("../../images/reform/c_gbox.gif") no-repeat 0 0;} .before_after p { margin:0; padding:0;} .before_after .title { float:left; font-size:122%; width:10em; padding:8px 0 8px 25px; color:#808080;} .before_after .link { float:right; font-size:122%; width:5.5em; padding:8px 25px 8px 0;} .before_after .link a { padding:1px 0 2px 19px; background:url("../images/icn_large.gif") no-repeat left center; text-decoration:none;} .before_after img { clear:both;} /* リフォームイベント */ .re_adv1, .re_adv2, .re_adv3 { width:640px; padding-bottom:15px; margin-bottom:5px; background:#F0F6D1 url("../images/greenbox_btmB.gif") no-repeat left bottom;} .re_adv1 ul, .re_adv2 ul, .re_adv3 ul { padding:3px 6px 0;} .re_adv1 li, .re_adv2 li, .re_adv3 li { list-style:none; background:url("../images/icn_listgreen.gif") no-repeat left center; padding-left:20px;} .re_adv1 h4 span, .re_adv2 h4 span, .re_adv3 h4 span{ color:#698f01; font-size:122%; padding:28px 28px 0 80px; display:block;} .re_adv1 h4 { height:70px; background:url("../../images/reform/reformevent_adv1.gif") no-repeat 0 0;} .re_adv2 h4 { height:70px; background:url("../../images/reform/reformevent_adv2.gif") no-repeat 0 0;} .re_adv3 h4 { height:70px; background:url("../../images/reform/reformevent_adv3.gif") no-repeat 0 0;} /* コメント関連 */ .comment_responce { margin:10px 30px 30px; width:640px; background:#EAEAE2 url("../../images/advantage/comment_response.jpg") no-repeat 0 0;} .comment_ojtinst1 { margin:10px 30px 30px; width:640px; background:#EAEAE2 url("../../images/advantage/comment_ojtinst1.jpg") no-repeat 0 0;} .comment_ojtinst2 { margin:10px 30px 30px; width:640px; background:#EAEAE2 url("../../images/advantage/comment_ojtinst2.jpg") no-repeat 0 0;} .comment_management { margin:10px 30px 30px; width:640px; background:#EAEAE2 url("../../images/management/comment_management.jpg") no-repeat 0 0;} .comment_proposal { margin:10px 30px 30px; width:640px; background:#EAEAE2 url("../../images/reform/comment_proposal.jpg") no-repeat 0 0;} .comment_reformevent { margin:10px 30px 30px; width:640px; background:#EAEAE2 url("../../images/reform/comment_reformevent.jpg") no-repeat 0 0;} .commentbox { margin-top:45px; padding:0 20px 20px 260px; background:url("../../images/advantage/comment_btm.gif") no-repeat left bottom;} .comment_ojtinst1 .commentbox { padding:0 20px 20px 270px;} .comment_ojtinst2 .commentbox { padding:0 275px 20px 20px;} .comment_management .commentbox { padding:0 300px 20px 20px;} .comment_proposal .commentbox { padding:0 20px 20px 315px;} .comment_reformevent .commentbox { padding:0 20px 20px 315px;} h4.comment_name { visibility:hidden;} .commentbox img { margin:5px;} .comment_white { background:none; background-color:#FFFFFF; padding-top:15px;} /* 品質向上 */ #quality_read { width:700px; min-height:233px; background:url("../../images/quality/quality_mainimg.jpg") no-repeat left center; color:#FFFFFF;} h2 span { display:block; line-height:1.5; letter-spacing:0.15em; padding:65px 0 0 30px;} .bg_iso9001 { background:url("../images/mark_isoB.gif") no-repeat right top;} .bg_privacy { background:url("../images/mark_privacyB.gif") no-repeat right top;} .bg_iso9001 p, .bg_privacy p { width:465px; margin:0 0 10px;} /* 会社案内 */ .corporate_gbox { margin:30px 30px 0; background: url("../../images/corporate/corporate_gbox_top.gif") no-repeat left top; padding:0;} .corporate_gbox img { float:left; padding:15px 10px;} .corporate_gbox p { padding:15px 20px 5px;} .corporate_gbox .box_btm{ padding:0 20px 15px; background: url("../../images/corporate/corporate_gbox_btm.gif") no-repeat left bottom;} .mark_p_iso { background:url("../images/mark_p_iso.jpg") no-repeat right bottom;} .mark_privacyS { background:url("../images/mark_privacyS.gif") no-repeat right bottom; min-height:100px;} .mark_isoS { background:url("../images/mark_isoS.gif") no-repeat right bottom; min-height:100px;} /* 事業所一覧 */ .basicbox_office { margin:15px 30px 0; padding:0 0 20px; background:url("../images/line1.gif") repeat-x left bottom;} .basicbox_office h4 { margin:0 0 8px; width:80px; text-align:center; background:#D9D9D9 url("../../images/corporate/group_headR.gif") no-repeat right top;} .basicbox_office h4 span{ background: url("../../images/corporate/group_headL.gif") no-repeat left top; display:block; padding:0 10px 0;} .office_add { float:left; width:350px;} .office_add p { margin-bottom:5px;} .office_add .link { font-size:122%;} .office_tel { float:right; width:250px;} .office_tel table { width:225px;} .office_tel th { width:120px;} .office_tel th, .office_tel td { border-bottom:1px solid #8C8C8C; padding-top:3px;} /* 関連企業 */ .groupbox { width:300px; float:left; padding:0 10px 0 30px; margin:0 0 20px;} .groupbox h4 { background:url("../../images/corporate/group_headR.gif") no-repeat right top;} .groupbox h4 span { background: url("../../images/corporate/group_headL.gif") no-repeat left top; display:block; padding-left:10px;} #content_area ul.grouplistS { margin:5px 0 0 10px; padding:0;} #content_area ul.grouplistL { margin:0 0 0 30px; padding:0 0 15px 10px; background:url("../images/line1.gif") repeat-x left bottom; width:630px;} ul.grouplistS li, ul.grouplistL li { list-style:none; margin:0; padding:0;} ul.grouplistS li a, ul.grouplistL li a { display:block; text-decoration:none; background:url("../images/arrow2.gif") no-repeat left center; padding:0 0 0 17px;} #content_area ul.grouplistS li a:hover, #content_area ul.grouplistL li a:hover{ background-color:#F2F2F2; text-decoration:none;} /* 採用情報 */ #recruit_navbox { margin:30px; padding:93px 0 0; background: url("../../images/recruitment/recruitment_navbox.jpg") no-repeat left top; } #content_area #recruit_navbox ul { margin:0;} #recruit_navbox ul a { margin-left:10px; padding:0 0 0 17px; text-decoration:none; background:url("../images/arrow1.gif") no-repeat left top;} #recruit_navbox ul ul a { background:url("../images/arrow2.gif") no-repeat left top;} #recruit_navbox ul li { float:left; width:200px; margin:0 20px 0 0; padding:0; list-style:none;} #recruit_navbox ul li.last { margin:0;} #recruit_navbox ul li li{ float:none; padding:2px 0 0;} #recruit_navbox ul ul { padding:5px 0 0;} #recruit_navbox ul a { font-size:129%;} #recruit_navbox ul ul a { font-size:100%;} /* 個人情報 */ .basicbox ol li { list-style:decimal;} .basicbox ol li h4{ font-size:122%; background:url("../images/line1.gif") repeat-x left bottom; padding:10px 0 3px; margin:0 0 3px;} .basicbox ol li h5{ font-size:114%;} .basicbox ol li h6{ font-size:108%; background:url("../images/line1.gif") repeat-x left bottom; padding:0 0 3px; margin:0 0 3px;} .basicbox ol li p { margin:0 0 5px;} #content_area .basicbox ol ol { margin-left:40px;} #content_area .basicbox ol ol ol { margin-left:20px; padding-bottom:15px;} /* サイトマップ */ .sitemapbox { margin:0 0 30px;} .sitemapbox ul a { display:block; margin-left:0; padding:0 0 0 17px; text-decoration:none; background:url("../images/arrow1.gif") no-repeat 0 4px;} .sitemapbox ul ul a { background:url("../images/arrow2.gif") no-repeat 0 2px;} .sitemapbox ul li { margin:0 20px 20px 0; padding:5px 0 0; list-style:none; background:url("../images/line2.gif") repeat-x 0 0;} .sitemapbox ul li.last { margin:0;} .sitemapbox ul li li { float:none; margin:0 0 0 0; padding:2px 0 0;width:285px; background:none;} .sitemapbox ul li li li { width:auto;} #content_area .sitemapbox ul { margin:0 0 0 0; padding:0;} #content_area .sitemapbox ul ul { margin-left:15px; padding:0 0;} .sitemapbox ul a { font-size:129%;} #content_area .sitemapbox ul a:hover { background-color:#F2F2F2; text-decoration:none;} .sitemapbox ul ul a { font-size:100%;} /*map*/ .MapBox { width:700px; margin-top:20px; background-color:#FFFFFF;} #map { width:100%; height:440px;} /* Tabs --------------------*/ .tabs-hide {display: none;} #content_area ul.tabs { padding:0 0 0 30px; margin:30px 0 0; clear:both; border-bottom:3px solid #004080;} ul.tabs li { padding:0; margin:0; list-style:none; display:inline;} ul.tabs li a { float:left; display:block; padding:0; margin:0 1px 0 0; cursor:pointer; text-decoration:none; color:#333333; background:url("../images/tab_offR.gif") no-repeat right bottom;} ul.tabs li a span { display:block; padding:8px 0 8px 30px; margin:0 15px 0 0; line-height:1; background:url("../images/tab_offL.gif") no-repeat left bottom;} *+html ul.tabs li a span{ padding:9px 0 8px 30px;} ul.tabs li a:hover { background:url("../images/tab_onR.gif") no-repeat right bottom; text-decoration:none;} ul.tabs li a:hover span { background:url("../images/tab_onL.gif") no-repeat left bottom; color:#FFFFFF; text-decoration:none;} ul.tabs li.tabs-selected a { background:url("../images/tab_onR.gif") no-repeat right bottom;} ul.tabs li.tabs-selected a span { background:url("../images/tab_onL.gif") no-repeat left bottom; color:#FFFFFF;} #content_area ul.tabs li a:hover{ text-decoration:none;} .tab_content { background:url("../images/gradation_back.jpg") repeat-x left top;} /* フォント ******************* font用 ******************* px percent ------------ 10 77 85 11 85 92 12 92 100 13 100 107 14 107 114 15 114 122 16 122 129 17 129 136 18 136 144 19 144 152 20 152 159 21 159 167 22 167 174 23 174 182 24 182 189 25 189 197 26 197 ********************/ body { font-size:12px; line-height:1.5; color:#333333; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック", sans-serif; } * html body { font-size:78%;} *+html body { font-size:78%;} /* アンカー */ a { color:#004080;} a:link { color:#004080;} a:visited { color:#004080;} a:hover { color:#6699CC; text-decoration:none;} a:active { color:#6699CC;} #content_area a:hover{ text-decoration:underline;} .Stxt { font-size:85%;} .Stxtg { font-size:85%; color:#999999;} .Ltxt { font-size:122%;} .Ltxtg { font-size:122%; color:#999999;} #header , #footer, #header a , #footer a { color:#FFFFFF;} .clrRed { color:#990000; } .clrGray { color:#808080;} #func_nav, .foot_nav, #copyright, #top_maincontent dd { font-size:85%;} #top_maincontent dt { font-size:122%;} #top_area_management h2, #top_area_reform h2 { font-size:152%;} #top_area_news h2, #top_area_quality h2{ font-size:129%;} h2.pagetitle { font-size:208%;} h3.subtitle, h3.subtitle_repairplan, h3.subtitle_copy { font-size:182%; line-height:1.2; font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","細明朝体", Times, serif;} * html h3.subtitle, * html h3.subtitle_management, * html h3.subtitle_insurance{ font-size:174%; line-height:1.2; font-family:"HG明朝B","ＭＳ Ｐ明朝","細明朝体", Times, serif;} h3.subtitle_management, h3.subtitle_insurance { font-size:182%; line-height:1.2; font-family:"Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","細明朝体", Times, serif;} h3.subtitle_management span, h3.subtitle_insurance span { font-size:68%; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック", sans-serif; } /* table */ table.basicTable th { font-weight:bold; font-size:114%;} /* 沿革 */ .history_table th {font-family:'Times New Roman', Times, serif; font-size:56px; line-height:40px; font-style:italic; color:#D9D9D9; letter-spacing:-0.05em;} /* Hack *******************/ * html .iepngfix, * html #shadow { behavior: url("/assets/js/iepngfix.htc");} .pkg:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;} * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ *+html .pkg { height:1%;} .check { color:red; font-size:14px;}