/* Theme Name: MICROMATES Theme URI: http://sorasol.jp/ Description: designed by sorasol. Version: 1.6 Author: SORASOL Author URI: http://sorasol.jp/ Tags: gray, blue, custom header, fixed width, two columns, widgets Kubrick v1.5 http://binarybonsai.com/kubrick/ This theme was designed and built by Michael Heilemann, whose blog you will find at http://binarybonsai.com/ The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /******************************* Reset*一旦全てのCSSをリセット *******************************/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup, sub { line-height: -1px; vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } .clearfix:after { content: " "; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { display: inline-block; } /* \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* */ input { _margin: -1px 0; } sup, sub { vertical-align: baseline; position: relative; } sup { top: -4px } sub { top: 4px } /******************************* End Reset *******************************/ /******************************* Layout *******************************/ body { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:65%; color:#2B271C; text-align:center; background:#FFFFFF url(images/common/Bg_Body.gif) repeat-x; margin:0; padding-top:5px; } #wrapper{ margin:0 auto; width:880px; background:#FFFFFF url(images/common/Bg_Page.jpg) repeat-y top center; } #page { width:870px; margin:0 5px; text-align:left; } #header { padding:0 15px 17px 15px; } #headerimg { float:left; padding-top:21px; } #headermenu{ float:right; width:500px; } #breadcrumbs{ font-size:0.8em; margin-top:-3px; margin-bottom:12px; padding:0 15px; } #breadcrumbs a{ padding:0 5px; } #main { font-size: 1.2em; line-height:135%; padding:13px 0 60px; min-height:500px; _height:500px; background:url(images/common/side_bottom.gif) left bottom no-repeat; } #home #main{ background:none; min-height:300px; _height:300px; } #top_content{ width:620px; padding-top:20px; padding-right:0; float:left; } #top_sidebar { float:right; width: 222px; text-align:center; } #content{ width:580px; padding-right:30px; float:right; } #sidebar { float:left; width: 222px; padding-top:0px; background:#EFEEEA; } #footer { clear: both; width:880px; height:54px; margin:0 auto; text-align:left; background:url(images/common/Bg_Footer.jpg) top center no-repeat; } #footer .left{ float:left; padding-top:18px; padding-left:158px; } #footer .right{ float:right; padding-top:18px; padding-right:10px; } /******************************* End Layout *******************************/ /******************************* Navigation *******************************/ #navi { } #navi ul{ height:43px; } #navi ul li{ width:174px; height:43px; float:left; } #navi ul li a{ display:block; height:43px; text-indent:-9999px; } #navi ul li#mn01 a{background:url(images/common/Mn_Main01.jpg) no-repeat;} #navi ul li#mn02 a{background:url(images/common/Mn_Main02.jpg) no-repeat;} #navi ul li#mn03 a{background:url(images/common/Mn_Main03.jpg) no-repeat;} #navi ul li#mn04 a{background:url(images/common/Mn_Main04.jpg) no-repeat;} #navi ul li#mn05 a{background:url(images/common/Mn_Main05.jpg) no-repeat;} #navi ul li#mn01 a:hover{background:url(images/common/Mn_Main01.jpg) 0 -45px no-repeat;} #navi ul li#mn02 a:hover{background:url(images/common/Mn_Main02.jpg) 0 -45px no-repeat;} #navi ul li#mn03 a:hover{background:url(images/common/Mn_Main03.jpg) 0 -45px no-repeat;} #navi ul li#mn04 a:hover{background:url(images/common/Mn_Main04.jpg) 0 -45px no-repeat;} #navi ul li#mn05 a:hover{background:url(images/common/Mn_Main05.jpg) 0 -45px no-repeat;} /* home以外のselectedは各親IDで指定 */ #navi ul li#mn01 a.selected{background:url(images/common/Mn_Main01.jpg) 0 -90px no-repeat;} #pbusiness #navi ul li#mn02 a{background:url(images/common/Mn_Main02.jpg) 0 -90px no-repeat;} #pcompany #navi ul li#mn03 a{background:url(images/common/Mn_Main03.jpg) 0 -90px no-repeat;} #precruit #navi ul li#mn04 a{background:url(images/common/Mn_Main04.jpg) 0 -90px no-repeat;} #pinquiry #navi ul li#mn05 a{background:url(images/common/Mn_Main05.jpg) 0 -90px no-repeat;} #p7962 #navi ul li#mn02 a{background:url(images/common/Mn_Main02.jpg) 0 -90px no-repeat;} #p7948 #navi ul li#mn03 a{background:url(images/common/Mn_Main03.jpg) 0 -90px no-repeat;} #p7951 #navi ul li#mn04 a{background:url(images/common/Mn_Main04.jpg) 0 -90px no-repeat;} #p7953 #navi ul li#mn05 a{background:url(images/common/Mn_Main05.jpg) 0 -90px no-repeat;} /******************************* END Navigation *******************************/ /******************************* Subnavi *******************************/ .subnavi { width:183px; height:33px; float:right; } .subnavi ul{ height:12px; } .subnavi ul li{ float:left; } .subnavi ul li a{ display:block; height:12px; text-indent:-9999px; } .subnavi ul li#sitemap a{background:url(images/common/Bt_Sitemap.gif) no-repeat; width:71px; margin-right:5px; margin-top:11px;} .subnavi ul li#privacy a{background:url(images/common/Bt_Privacy.gif) no-repeat; width:106px; margin-top:11px;} .subnavi ul li#sitemap a:hover{background:url(images/common/Bt_Sitemap.gif) 0 -12px no-repeat;} .subnavi ul li#privacy a:hover{background:url(images/common/Bt_Privacy.gif) 0 -12px no-repeat;} .subnavi ul li#sitemap a.selected{background:url(images/common/Bt_Sitemap.gif) 0 -12px no-repeat;} .subnavi ul li#privacy a.selected{background:url(images/common/Bt_Privacy.gif) 0 -12px no-repeat;} /******************************* END Subnavi *******************************/ /******************************* Footer_navi *******************************/ #footer_navi{ padding:0 20px 0 15px; } #footer_navi p{ float:left; widows:500px; margin:10px 0; } .totop{ float:right; width:110px; height:18px; margin-top:10px; } .totop a{ display:block; height:18px; text-indent:-9999px; background:url(images/common/Bt_toTop.gif) no-repeat; } .totop a:hover{ background:url(images/common/Bt_toTop.gif) no-repeat 0 -18px; } #content .totop{ float:right; width:110px; height:18px; margin:-20px 0 15px 0; } /******************************* END Footer_navi *******************************/ /******************************* General *******************************/ h1, h2, h3, h4 { } h1 a { display:block; width:245px; height:34px; background:url(images/common/Il_Logo.gif) no-repeat; text-indent:-9999px; } #content h2{ width:580px; height:40px; text-indent:-9999px; margin-bottom:10px; } #content .post_title h2, #content h2.pagetitle, #content h2.search, #content h2.form{ color:#333; text-indent:0px; font-size:26px; height:16px; width:560px; padding:12px; margin-bottom:20px; } #content .post_title h2{ background:url(images/blog/Ttl_h2_reports.gif) no-repeat; } #content h2.archive{ background:url(images/blog/Ttl_h2_archive.gif) no-repeat; } #content h2.search{ background:url(images/blog/Ttl_h2_search.gif) no-repeat; margin-top:10px; } #content h2.form{ background:url(images/common/Ttl_h2_form.gif) no-repeat; } /* 各ページIDで背景を変更してタイトルを表示 */ #content h2.business_01{background:url(images/business/Ttl_h2_01.gif) no-repeat;} #content h2.business_02{background:url(images/business/Ttl_h2_02.gif) no-repeat;} #content h2.business_03{background:url(images/business/Ttl_h2_03.gif) no-repeat;} #content h2.business_04{background:url(images/business/Ttl_h2_04.gif) no-repeat;} #content h2.business_05{background:url(images/business/Ttl_h2_05.gif) no-repeat;} #content h2.business_06{background:url(images/business/Ttl_h2_06.gif) no-repeat;} #content h2.business_07{background:url(images/business/Ttl_h2_07.gif) no-repeat;} #content h2.business_08{background:url(images/business/Ttl_h2_08.gif) no-repeat;} #content h2.business_09{background:url(images/business/Ttl_h2_09.gif) no-repeat;} #content h2.business_10{background:url(images/business/Ttl_h2_10.gif) no-repeat;} #content h2.business_11{background:url(images/business/Ttl_h2_11.gif) no-repeat;} #content h2.business_12{background:url(images/business/Ttl_h2_12.gif) no-repeat;} #content h2.business_13{background:url(images/business/Ttl_h2_13.gif) no-repeat;} #content h2.business_14{background:url(images/business/Ttl_h2_14.gif) no-repeat;} #content h2.business_15{background:url(images/business/Ttl_h2_15.gif) no-repeat;} #content h2.business_16{background:url(images/business/Ttl_h2_16.gif) no-repeat;} #content h2.business_17{background:url(images/business/Ttl_h2_17.gif) no-repeat;} #content h2.business_18{background:url(images/business/Ttl_h2_18.gif) no-repeat;} #content h2.business_19{background:url(images/business/Ttl_h2_19.gif) no-repeat;} #content h2.business_20{background:url(images/business/Ttl_h2_20.gif) no-repeat;} #content h2.business_21{background:url(images/business/Ttl_h2_21.gif) no-repeat;} #content h2.business_22{background:url(images/business/Ttl_h2_22.gif) no-repeat;} #content h2.business_23{background:url(images/business/Ttl_h2_23.gif) no-repeat;} #content h2.business_24{background:url(images/business/Ttl_h2_24.gif) no-repeat;} #content h2.business_25{background:url(images/business/Ttl_h2_25.gif) no-repeat;} #content h2.training_01{background:url(images/training/Ttl_h2_01.gif) no-repeat;} #content h2.training_02{background:url(images/training/Ttl_h2_02.gif) no-repeat;} #content h2.training_03{background:url(images/training/Ttl_h2_03.gif) no-repeat;} #content h2.training_04{background:url(images/training/Ttl_h2_04.gif) no-repeat;} #content h2.training_05{background:url(images/training/Ttl_h2_05.gif) no-repeat;} #content h2.training_06{background:url(images/training/Ttl_h2_06.gif) no-repeat;} #content h2.training_07{background:url(images/training/Ttl_h2_07.gif) no-repeat;} #content h2.training_08{background:url(images/training/Ttl_h2_08.gif) no-repeat;} #content h2.training_09{background:url(images/training/Ttl_h2_09.gif) no-repeat;} #content h2.training_10{background:url(images/training/Ttl_h2_10.gif) no-repeat;} #content h2.training_11{background:url(images/training/Ttl_h2_11.gif) no-repeat;} #content h2.training_12{background:url(images/training/Ttl_h2_12.gif) no-repeat;} #content h2.training_13{background:url(images/training/Ttl_h2_13.gif) no-repeat;} #content h2.training_14{background:url(images/training/Ttl_h2_14.gif) no-repeat;} #content h2.training_15{background:url(images/training/Ttl_h2_15.gif) no-repeat;} #content h2.training_16{background:url(images/training/Ttl_h2_16.gif) no-repeat;} #content h2.training_17{background:url(images/training/Ttl_h2_17.gif) no-repeat;} #content h2.training_18{background:url(images/training/Ttl_h2_18.gif) no-repeat;} #content h2.training_19{background:url(images/training/Ttl_h2_19.gif) no-repeat;} #content h2.training_20{background:url(images/training/Ttl_h2_20.gif) no-repeat;} #content h2.training_21{background:url(images/training/Ttl_h2_21.gif) no-repeat;} #content h2.training_22{background:url(images/training/Ttl_h2_22.gif) no-repeat;} #content h2.training_23{background:url(images/training/Ttl_h2_23.gif) no-repeat;} #content h2.training_24{background:url(images/training/Ttl_h2_24.gif) no-repeat;} #content h2.training_25{background:url(images/training/Ttl_h2_25.gif) no-repeat;} #content h2.training_26{background:url(images/training/Ttl_h2_26.gif) no-repeat;} #content h2.training_27{background:url(images/training/Ttl_h2_27.gif) no-repeat;} #content h2.training_28{background:url(images/training/Ttl_h2_28.gif) no-repeat;} #content h2.training_29{background:url(images/training/Ttl_h2_29.gif) no-repeat;} #content h2.training_30{background:url(images/training/Ttl_h2_30.gif) no-repeat;} #content h2.training_31{background:url(images/training/Ttl_h2_31.gif) no-repeat;} #content h2.training_32{background:url(images/training/Ttl_h2_32.gif) no-repeat;} #content h2.training_33{background:url(images/training/Ttl_h2_33.gif) no-repeat;} #content h2.company_01{background:url(images/company/Ttl_h2_01.gif) no-repeat;} #content h2.company_02{background:url(images/company/Ttl_h2_02.gif) no-repeat;} #content h2.company_03{background:url(images/company/Ttl_h2_03.gif) no-repeat;} #content h2.company_04{background:url(images/company/Ttl_h2_04.gif) no-repeat;} #content h2.recruit_01{background:url(images/recruit/Ttl_h2_01.gif) no-repeat;} #content h2.recruit_02{background:url(images/recruit/Ttl_h2_02.gif) no-repeat;} #content h2.recruit_03{background:url(images/recruit/Ttl_h2_03.gif) no-repeat;} #content h2.recruit_04{background:url(images/recruit/Ttl_h2_04.gif) no-repeat;} #content h2.recruit_05{background:url(images/recruit/Ttl_h2_05.gif) no-repeat;} #content h2.recruit_06{background:url(images/recruit/Ttl_h2_06.gif) no-repeat;} #content h2.recruit_07{background:url(images/recruit/Ttl_h2_07.gif) no-repeat;} #content h2.recruit_08{background:url(images/recruit/Ttl_h2_08.gif) no-repeat;} #content h2.recruit_09{background:url(images/recruit/Ttl_h2_09.gif) no-repeat;} #content h2.recruit_10{background:url(images/recruit/Ttl_h2_10.gif) no-repeat;} #content h2.recruit_11{background:url(images/recruit/Ttl_h2_11.gif) no-repeat;} #content h2.recruit_12{background:url(images/recruit/Ttl_h2_12.gif) no-repeat;} #content h2.recruit_13{background:url(images/recruit/Ttl_h2_13.gif) no-repeat;} #content h2.inquiry_01{background:url(images/inquiry/Ttl_h2_01.gif) no-repeat;} #content h2.inquiry_02{background:url(images/inquiry/Ttl_h2_02.gif) no-repeat;} #content h2.inquiry_03{background:url(images/inquiry/Ttl_h2_03.gif) no-repeat;} #content h2.inquiry_04{background:url(images/inquiry/Ttl_h2_04.gif) no-repeat;} #content h2.inquiry_05{background:url(images/inquiry/Ttl_h2_05.gif) no-repeat;} #content h2.inquiry_06{background:url(images/inquiry/Ttl_h2_06.gif) no-repeat;} #content h2.inquiry_07{background:url(images/inquiry/Ttl_h2_07.gif) no-repeat;} #content h2.inquiry_08{background:url(images/inquiry/Ttl_h2_08.gif) no-repeat;} #content h2.inquiry_09{background:url(images/inquiry/Ttl_h2_09.gif) no-repeat;} #content h2.privacy_01{background:url(images/privacy/Ttl_h2_01.gif) no-repeat;} #content h2.sitemap_01{background:url(images/sitemap/Ttl_h2_01.gif) no-repeat;} h2.pagetitle { font-size: 1.6em; /*text-align: center;*/ } h2.title{ padding-bottom:15px; } /*.post h2{ float:left; padding-left:33px; margin-top:10px; width:350px; _height:29px; }*/ /*.post_title{ min-height:41px; }*/ #content h3 { width:580px; height:24px; text-indent:-9999px; margin-bottom:10px; margin-top:30px; } #content .post_title h3{ color:#333; width:564px; height:18px; font-size:1.2em; font-weight:bold; text-indent:0px; margin:0px; padding:8px; background:#EFEEEA; } #content .post_title h3.span{text-align:right} #content h3.top{ margin-top:0px; }/* 一番上のタイトルのみmargin-topなし */ /* 各ページIDで背景を変更してタイトルを表示 */ #content h3.business_01{background:url(images/business/Ttl_h3_01.gif) no-repeat;} #content h3.business_02{background:url(images/business/Ttl_h3_02.gif) no-repeat;} #content h3.business_03{background:url(images/business/Ttl_h3_03.gif) no-repeat;} #content h3.business_04{background:url(images/business/Ttl_h3_04.gif) no-repeat;} #content h3.business_05{background:url(images/business/Ttl_h3_05.gif) no-repeat;} #content h3.business_06{background:url(images/business/Ttl_h3_06.gif) no-repeat;} #content h3.business_07{background:url(images/business/Ttl_h3_07.gif) no-repeat;} #content h3.business_08{background:url(images/business/Ttl_h3_08.gif) no-repeat;} #content h3.business_09{background:url(images/business/Ttl_h3_09.gif) no-repeat;} #content h3.business_10{background:url(images/business/Ttl_h3_10.gif) no-repeat;} #content h3.business_11{background:url(images/business/Ttl_h3_11.gif) no-repeat;} #content h3.business_12{background:url(images/business/Ttl_h3_12.gif) no-repeat;} #content h3.business_13{background:url(images/business/Ttl_h3_13.gif) no-repeat;} #content h3.business_14{background:url(images/business/Ttl_h3_14.gif) no-repeat;} #content h3.business_15{background:url(images/business/Ttl_h3_15.gif) no-repeat;} #content h3.business_16{background:url(images/business/Ttl_h3_16.gif) no-repeat;} #content h3.business_17{background:url(images/business/Ttl_h3_17.gif) no-repeat;} #content h3.business_18{background:url(images/business/Ttl_h3_18.gif) no-repeat;} #content h3.business_19{background:url(images/business/Ttl_h3_19.gif) no-repeat;} #content h3.business_20{background:url(images/business/Ttl_h3_20.gif) no-repeat;} #content h3.business_21{background:url(images/business/Ttl_h3_21.gif) no-repeat;} #content h3.business_22{background:url(images/business/Ttl_h3_22.gif) no-repeat;} #content h3.business_23{background:url(images/business/Ttl_h3_23.gif) no-repeat;} #content h3.business_24{background:url(images/business/Ttl_h3_24.gif) no-repeat;} #content h3.business_25{background:url(images/business/Ttl_h3_25.gif) no-repeat;} #content h3.business_26{background:url(images/business/Ttl_h3_26.gif) no-repeat;} #content h3.business_27{background:url(images/business/Ttl_h3_27.gif) no-repeat;} #content h3.business_28{background:url(images/business/Ttl_h3_28.gif) no-repeat;} #content h3.business_29{background:url(images/business/Ttl_h3_29.gif) no-repeat;} #content h3.business_30{background:url(images/business/Ttl_h3_30.gif) no-repeat;} #content h3.business_31{background:url(images/business/Ttl_h3_31.gif) no-repeat;} #content h3.business_32{background:url(images/business/Ttl_h3_32.gif) no-repeat;} #content h3.business_33{background:url(images/business/Ttl_h3_33.gif) no-repeat;} #content h3.business_34{background:url(images/business/Ttl_h3_34.gif) no-repeat;} #content h3.business_35{background:url(images/business/Ttl_h3_35.gif) no-repeat;} #content h3.business_36{background:url(images/business/Ttl_h3_36.gif) no-repeat;} #content h3.business_37{background:url(images/business/Ttl_h3_37.gif) no-repeat;} #content h3.business_38{background:url(images/business/Ttl_h3_38.gif) no-repeat;} #content h3.business_39{background:url(images/business/Ttl_h3_39.gif) no-repeat;} #content h3.business_40{background:url(images/business/Ttl_h3_40.gif) no-repeat;} #content h3.business_41{background:url(images/business/Ttl_h3_41.gif) no-repeat;} #content h3.business_42{background:url(images/business/Ttl_h3_42.gif) no-repeat;} #content h3.business_43{background:url(images/business/Ttl_h3_43.gif) no-repeat;} #content h3.business_44{background:url(images/business/Ttl_h3_44.gif) no-repeat;} #content h3.business_45{background:url(images/business/Ttl_h3_45.gif) no-repeat;} #content h3.business_46{background:url(images/business/Ttl_h3_46.gif) no-repeat;} #content h3.business_47{background:url(images/business/Ttl_h3_47.gif) no-repeat;} #content h3.business_48{background:url(images/business/Ttl_h3_48.gif) no-repeat;} #content h3.business_49{background:url(images/business/Ttl_h3_49.gif) no-repeat;} #content h3.business_50{background:url(images/business/Ttl_h3_50.gif) no-repeat;} #content h3.business_51{background:url(images/business/Ttl_h3_51.gif) no-repeat;} #content h3.business_52{background:url(images/business/Ttl_h3_52.gif) no-repeat;} #content h3.business_53{background:url(images/business/Ttl_h3_53.gif) no-repeat;} #content h3.business_54{background:url(images/business/Ttl_h3_54.gif) no-repeat;} #content h3.business_55{background:url(images/business/Ttl_h3_55.gif) no-repeat;} #content h3.business_56{background:url(images/business/Ttl_h3_56.gif) no-repeat;} #content h3.business_57{background:url(images/business/Ttl_h3_57.gif) no-repeat;} #content h3.business_58{background:url(images/business/Ttl_h3_58.gif) no-repeat;} #content h3.business_59{background:url(images/business/Ttl_h3_59.gif) no-repeat;} #content h3.business_60{background:url(images/business/Ttl_h3_60.gif) no-repeat;} #content h3.business_61{background:url(images/business/Ttl_h3_61.gif) no-repeat;} #content h3.business_62{background:url(images/business/Ttl_h3_62.gif) no-repeat;} #content h3.business_63{background:url(images/business/Ttl_h3_63.gif) no-repeat;} #content h3.business_64{background:url(images/business/Ttl_h3_64.gif) no-repeat;} #content h3.business_65{background:url(images/business/Ttl_h3_65.gif) no-repeat;} #content h3.business_66{background:url(images/business/Ttl_h3_66.gif) no-repeat;} #content h3.business_67{background:url(images/business/Ttl_h3_67.gif) no-repeat;} #content h3.training_01{background:url(images/training/Ttl_h3_01.gif) no-repeat;} #content h3.training_02{background:url(images/training/Ttl_h3_02.gif) no-repeat;} #content h3.training_03{background:url(images/training/Ttl_h3_03.gif) no-repeat;} #content h3.training_04{background:url(images/training/Ttl_h3_04.gif) no-repeat;} #content h3.company_01{background:url(images/company/Ttl_h3_01.gif) no-repeat;} #content h3.company_02{background:url(images/company/Ttl_h3_02.gif) no-repeat;} #content h3.company_03{background:url(images/company/Ttl_h3_03.gif) no-repeat;} #content h3.company_04{background:url(images/company/Ttl_h3_04.gif) no-repeat;} #content h3.company_05{background:url(images/company/Ttl_h3_05.gif) no-repeat;} #content h3.company_06{background:url(images/company/Ttl_h3_06.gif) no-repeat;} #content h3.company_07{background:url(images/company/Ttl_h3_07.gif) no-repeat;} #content h3.recruit_01{background:url(images/recruit/Ttl_h3_01.gif) no-repeat;} #content h3.recruit_02{background:url(images/recruit/Ttl_h3_02.gif) no-repeat;} #content h3.recruit_03{background:url(images/recruit/Ttl_h3_03.gif) no-repeat;} #content h3.recruit_04{background:url(images/recruit/Ttl_h3_04.gif) no-repeat;} #content h3.recruit_05{background:url(images/recruit/Ttl_h3_05.gif) no-repeat;} #content h3.recruit_06{background:url(images/recruit/Ttl_h3_06.gif) no-repeat;} #content h3.privacy_01{background:url(images/privacy/Ttl_h3_01.gif) no-repeat;} #content h3.privacy_02{background:url(images/privacy/Ttl_h3_02.gif) no-repeat;} #content h4 { /*border-left:#80201D 3px solid; padding:3px 5px;*/ background:url(images/common/Icon_li_b.gif) no-repeat left center; padding:3px 5px 3px 16px; margin-bottom:5px; color:#80201D; font-weight:bold; height:18px; } #content h5 { padding:0px; margin-bottom:5px; color:#666666; font-weight:bold; } #content div.dates{ clear: both; text-indent:0px; margin:0 0 10px; } #content p{ margin-bottom:20px; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333333; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; } #content ul{ margin-bottom:20px; } #content ul li{ background:url(images/common/Icon_li.gif) no-repeat left 0.5em; padding-left:10px; margin-bottom:10px; } /* tableの中のリストにはマージン無し*/ #content table ul{ margin-bottom:0; } #content table ul li{ margin-bottom:5px; } a{ background: none; /* \*/ overflow:hidden; /* */ } a{ color: #006699; text-decoration: none; } a:hover { color: #006699; text-decoration: underline; } #main a{ /*color: #2B261B; text-decoration: underline;*/ color:#006699; text-decoration:none; } #main a:hover { /*color: #808080; text-decoration: none;*/ color:#006699; text-decoration:underline; } a img { border: none; } table{ width:100%; margin-bottom:20px; } table th,td{ border:#CCCCCC 1px solid; padding:5px; } table th{ background:#EFEEEA; } table.no_border{ width:auto; } table.no_border td{ border:0; padding:0; } .clearer { clear: both; height:1px; font-size:1px; } acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { width:90%; margin: 15px 20px 15px 10px; padding:10px 10px 10px 15px; border-top:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; border-left: 5px solid #DDD; } .nagare blockquote{width:60%;} #content blockquote p, #content blockquote ul{margin-bottom:0;} blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } .hidden { display: none; } hr { display: none; } /*--------------------------- Begin Images ---------------------------*/ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /*--------------------------- End Images ---------------------------*/ .post { margin:0px 0px; text-align: justify; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; clear:both; background:#FFFFFF; padding:12px; _padding-top:6px; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; float:right; padding:5px 5px 10px 0; color: #333333; } .entry p a:visited { color: #b85b5a; } .entry p img{ } .navigation{ padding:5px 15px; } /*--------------------------- Typography & Colors ---------------------------*/ .widecolumn { line-height: 1.6em; padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn { float: left; padding: 0px; margin: 0px 0 0; width: 570px; } .narrowcolumn .postmetadata { text-align: center; } .thread-alt { background-color: #f8f8f8; } .thread-even { background-color: white; } .depth-1 { border: 1px solid #ddd; } .even, .alt { border-left: 1px solid #ddd; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } /*--------------------------- End Typography & Colors ---------------------------*/ /*--------------------------- Structure ---------------------------*/ .post hr { display: block; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } .postmetadata { clear: both; } /*--------------------------- End Structure ---------------------------*/ /*--------------------------- Begin Lists ---------------------------*/ .entry ol { list-style-position:outside; list-style-type:decimal; padding-left:35px; } .entry ol li { margin: 0; padding: 0; list-style-position:outside; list-style-type:decimal; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } /*--------------------------- End Entry Lists ---------------------------*/ /*--------------------------- Begin Form Elements ---------------------------*/ .search{ float:right; padding-top:10px; background:url(images/common/Icon_Search.gif) no-repeat 0px 11px; padding-left:21px; } #searchform { } #searchform #s{ border:#CBC8C0 1px solid; background:#EFEEEA; margin-top:0.5px; margin-right:2px; height:15px; width:160px; } #searchsubmit { margin-top:1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:left; } select { width: 130px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*--------------------------- End Form Elements ---------------------------*/ /*--------------------------- Captions ---------------------------*/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /*--------------------------- End captions ---------------------------*/ /*--------------------------- Sidebar ---------------------------*/ #sidebar a{color: #2B261B;} #sidebar a:hover{text-decoration:none;} #sidebar h2 a{ display:block; width:222px; height:60px; text-indent:-9999px; margin-bottom:5px; } /* 各親IDで背景を変更してタイトルを表示 */ #pbusiness #sidebar h2 a{background:url(images/common/Ttl_Sidebar_01.jpg) no-repeat;} #pbusiness #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_01.jpg) right no-repeat;} #pcompany #sidebar h2 a{background:url(images/common/Ttl_Sidebar_02.jpg) no-repeat;} #pcompany #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_02.jpg) right no-repeat;} #precruit #sidebar h2 a{background:url(images/common/Ttl_Sidebar_03.jpg) no-repeat;} #precruit #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_03.jpg) right no-repeat;} #pinquiry #sidebar h2 a{background:url(images/common/Ttl_Sidebar_04.jpg) no-repeat;} #pinquiry #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_04.jpg) right no-repeat;} #pprivacy #sidebar h2 a{background:url(images/common/Ttl_Sidebar_05.jpg) no-repeat;} #pprivacy #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_05.jpg) right no-repeat;} #psitemap #sidebar h2 a{background:url(images/common/Ttl_Sidebar_06.jpg) no-repeat;} #psitemap #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_06.jpg) right no-repeat;} #p7962 #sidebar h2 a{background:url(images/common/Ttl_Sidebar_01.jpg) no-repeat;} #p7962 #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_01.jpg) right no-repeat;} #p7948 #sidebar h2 a{background:url(images/common/Ttl_Sidebar_02.jpg) no-repeat;} #p7948 #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_02.jpg) right no-repeat;} #p7951 #sidebar h2 a{background:url(images/common/Ttl_Sidebar_03.jpg) no-repeat;} #p7951 #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_03.jpg) right no-repeat;} #p7953 #sidebar h2 a{background:url(images/common/Ttl_Sidebar_04.jpg) no-repeat;} #p7953 #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_04.jpg) right no-repeat;} #p7960 #sidebar h2 a{background:url(images/common/Ttl_Sidebar_05.jpg) no-repeat;} #p7960 #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_05.jpg) right no-repeat;} #p7959 #sidebar h2 a{background:url(images/common/Ttl_Sidebar_06.jpg) no-repeat;} #p7959 #sidebar h2 a:hover{background:url(images/common/Ttl_Sidebar_06.jpg) right no-repeat;} #sidebar ul{ padding:0 0 10px 0; margin:0 0 5px 0; border-bottom:#CBC8C0 1px dashed; } #sidebar ul li ul{ /*padding:0 0 5px 0; margin:0 0 5px 0;*/ padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:#CBC8C0 1px dashed; } #sidebar ul li ul li ul, #sidebar ul li ul li ul li ul{ /*padding:0 0 5px 0; margin:0 0 5px 0;*/ padding:0; margin:0 0 10px 0; border:none; } #sidebar ul li, #sidebar ul li ul li, #sidebar ul li ul li ul li, #sidebar ul li ul li ul li ul li{ line-height:0; margin:0; padding:0; } #sidebar ul li a{ display:block; padding:5px 5px 5px 22px; background:url(images/common/Bg_Sidebar_h3.gif) no-repeat 13px 0.5em #EFEEEA; text-decoration:none; line-height:normal; } #sidebar ul li a:hover{ background:url(images/common/Bg_Sidebar_h3_o.gif) no-repeat 13px 0.5em #BA312A; color:#FFFFFF; } #sidebar ul li a.selected{ background:url(images/common/Bg_Sidebar_h3_o.gif) no-repeat 13px 0.5em #81211D; color:#FFFFFF; } #sidebar ul li ul li a{ display:block; padding:3px 5px 3px 28px; background:url(images/common/Icon_li_sq.gif) no-repeat 13px 0.4em #EFEEEA; text-decoration:none; line-height:normal; } #sidebar ul li ul li a:hover{ background:url(images/common/Icon_li_sq_o.gif) no-repeat 13px 0.4em #BA312A; color:#FFFFFF; } #sidebar ul li ul li a.selected{ background:url(images/common/Icon_li_sq_o.gif) no-repeat 13px 0.4em #81211D; color:#FFFFFF; } #sidebar ul li ul li ul li a{ display:block; padding:3px 5px 3px 35px; background:url(images/common/Icon_li1.gif) no-repeat 26px 0.5em #EFEEEA; text-decoration:none; line-height:normal; color:#555; } #sidebar ul li ul li ul li a:hover{ background:url(images/common/Icon_li1_o.gif) no-repeat 26px 0.5em #BA312A; color:#FFFFFF; } #sidebar ul li ul li ul li a.selected{ background:url(images/common/Icon_li1_o.gif) no-repeat 26px 0.5em #81211D; color:#FFFFFF; } #sidebar ul li ul li ul li ul li a{ display:block; padding:3px 5px 3px 37px; background:url(images/common/Icon_li2.gif) no-repeat 28px 0.5em #EFEEEA; text-decoration:none; line-height:normal; color:#777; } #sidebar ul li ul li ul li ul li a:hover{ background:url(images/common/Icon_li2_o.gif) no-repeat 28px 0.5em #BA312A; color:#FFFFFF; } #sidebar ul li ul li ul li ul li a.selected{ background:url(images/common/Icon_li2_o.gif) no-repeat 28px 0.5em #81211D; color:#FFFFFF; } /*---------------widget　ウィジェット------------*/ /*単一記事のサイドバータイトル背景*/ #sidebar .widget{ margin-bottom:20px; } #sidebar .widget ul{ border-bottom:none; } #sidebar h2.widgettitle{ display:block; width:222px; height:20px; text-indent:-9999px; /*font-weight:bold;*/ /*padding:3px 0 5px 15px;*/ /*border-bottom:1px solid #ccc;*/ margin-bottom:10px; } #sidebar #recent-posts-3 h2{background:url(images/blog/Ttl_h2_01.gif) no-repeat;} #sidebar #categories-3 h2{background:url(images/blog/Ttl_h2_02.gif) no-repeat;} #sidebar #calendar-3 h2{background:url(images/blog/Ttl_h2_03.gif) no-repeat;} #sidebar #archives-3 h2{background:url(images/blog/Ttl_h2_04.gif) no-repeat;} /*category カテゴリー*/ #sidebar ul li.cat-item{ margin:4px 0; } #sidebar ul li.cat-item a{ display:inline; } /*archive アーカイブ*/ #sidebar ul li#archives-3 ul li{ display:block; width:222px; height:1.5em; } #sidebar ul li#archives-3 ul li a{ display:inline; } /*calendar カレンダー*/ #sidebar ul li table#wp-calendar{ width:205px; margin:10px 0 0 15px; font-size:0.9em; } #sidebar ul li #calendar_wrap{ width:99%; position:relative; } #sidebar ul li #calendar_wrap caption{ position:absolute; top:-5px; left:15px; line-height:normal; font-size:1.0em; } #sidebar ul li #wp-calendar th, #sidebar ul li #wp-calendar td{ text-align:center; border:1px solid #FFF; line-height:normal; padding:2px 5px; } #sidebar ul li #wp-calendar td{ } #sidebar ul li #wp-calendar a{ padding:0px; font-weight:bold; background:#FCF0EF; } #sidebar ul li #wp-calendar a:hover{ background:#F9E1DF; } /*---------------END widget　ウィジェット------------*/ /*--------------------------- End Sidebar ---------------------------*/ /******************************* End General *******************************/ /******************************* Content *******************************/ /*--------------------------- トップページ ---------------------------*/ /*--------------------------- NEWS ---------------------------*/ #maintop_image{ width:870px; height:218px; text-indent:-9000px; background:url(images/top/top_image.jpg) no-repeat; } #top_content #news{ width:280px; float:left; } #top_content #news h2{ background:url(images/top/Ttl_h2_01.gif) no-repeat; width:280px; height:17px; text-indent:-9999px; } #top_content #news dl{ border-bottom:#CBC8C0 1px dotted; padding:5px 15px; } #top_content #news dd{ width:250px; } #top_content #news dd a{ color: #2B271C; text-decoration: none; } #top_content #news dd a:hover { color: #2B271C; text-decoration: underline; } #top_content #news dd.recruit a{ display:block; background:url(images/top/Icon_Recruit.gif) no-repeat left top; padding-left:55px; } #top_content #news dd.topics a{ display:block; background:url(images/top/Icon_Topics.gif) no-repeat left top; padding-left:55px; } #top_content #news dd.examination a{ display:block; background:url(images/top/Icon_Examination.gif) no-repeat left top; padding-left:55px; } #top_content #news dd.training a{ display:block; background:url(images/top/Icon_Training.gif) no-repeat left top; padding-left:90px; } #top_content #news dd.blog a{ display:block; background:url(images/top/Icon_Blog.gif) no-repeat left top; padding-left:68px; } /*--------------------------- トップページここまで ---------------------------*/ /*------------汎用2段組-----------*/ #content .docs{width:580px;} #content .leftdocs, #content .leftdocsbd{ float:left; width:260px; padding:10px 10px 0; } #content .leftdocsbd{border-right:1px solid #EFEEEA;} #content .rightdocs{ float:right; width:260px; padding:10px 10px 0; } /*------------汎用3段組-----------*/ #content .lefty_docs{ float:left; width:160px; padding:10px 10px 0; } #content .righty_docs{ float:left; width:350px; padding:10px 10px 0; } #content .center_docs{ float:left; width:180px; } #content .righty_docs ul.righty li { background:transparent url(images/common/Icon_li.gif) no-repeat scroll 190px 0.5em; margin-bottom:10px; padding-left:200px; } /*------------汎用下線------------*/ #content .underlineBig{ border-bottom:1px solid #CCC; margin-bottom:20px; } #content .underline{ border-bottom:1px solid #EFEEEA; margin-bottom:15px; } /*--------------------------- BUSINESS CONTENTS ---------------------------*/ #top_content #business h2{ background:url(images/top/Ttl_h2_02.gif) no-repeat; width:310px; height:17px; text-indent:-9999px; margin-bottom:0px; } #top_content #business{ width:310px; float:right; } #top_content #business a{ display:block; width:310px; height:72px; text-indent:-9999px; } #top_content #business a#bt_01{ background:url(images/top/Bt_Business_01.gif) no-repeat; } #top_content #business a#bt_02{ background:url(images/top/Bt_Business_02.gif) no-repeat; } #top_content #business a#bt_03{ background:url(images/top/Bt_Business_03.gif) no-repeat; } #top_content #business a#bt_04{ background:url(images/top/Bt_Business_04.gif) no-repeat; } #top_content #business a#bt_05{ background:url(images/top/Bt_Business_05.gif) no-repeat; } #top_content #business a#bt_01:hover{ background:url(images/top/Bt_Business_01.gif) no-repeat right; } #top_content #business a#bt_02:hover{ background:url(images/top/Bt_Business_02.gif) no-repeat right; } #top_content #business a#bt_03:hover{ background:url(images/top/Bt_Business_03.gif) no-repeat right; } #top_content #business a#bt_04:hover{ background:url(images/top/Bt_Business_04.gif) no-repeat right; } #top_content #business a#bt_05:hover{ background:url(images/top/Bt_Business_05.gif) no-repeat right; } #top_sidebar a{ display:block; text-indent:-9999px; } #top_sidebar a#bn_01{ width:222px; height:130px; background:url(images/top/Bn_Special02.jpg) no-repeat; } #top_sidebar a#bn_02{ width:222px; height:78px; background:url(images/top/Bn_Recruit.jpg) no-repeat; } #top_sidebar a#bn_03{ width:80px; height:70px; float:right; background:url(images/top/Il_Privacy.gif) no-repeat right bottom; } #top_sidebar a#bn_04{ width:222px; height:68px; background:url(images/top/Bn_Training.jpg) no-repeat; } #top_sidebar a#bn_05{ width:197px; height:136px; background:url(images/top/Bn_Toiawase.jpg) no-repeat; } #top_sidebar a#bn_06{ width:255px; height:136px; background:url(images/top/Bn_SPikou.jpg) no-repeat; } #top_sidebar a#bn_07{ width:222px; height:78px; background:url(images/top/Bn_Winning.jpg) no-repeat; } /*bn_06はWindows7移行キャンペーンのボタン*/ /*bn_07は「2011年度　CompTIA Authorized Service Provider（CASP）　受賞 」のボタン*/ #top_sidebar a#bn_01:hover{ background:url(images/top/Bn_Special02.jpg) no-repeat bottom left; } #top_sidebar a#bn_02:hover{ background:url(images/top/Bn_Recruit.jpg) no-repeat bottom left; } #top_sidebar a#bn_04:hover{ background:url(images/top/Bn_Training.jpg) no-repeat bottom left; } #top_sidebar a#bn_05:hover{ background:url(images/top/Bn_Toiawase.jpg) no-repeat bottom left; } #top_sidebar a#bn_06:hover{ background:url(images/top/Bn_SPikou.jpg) no-repeat bottom left; } #top_sidebar a#bn_07:hover{ background:url(images/top/Bn_Winning.jpg) no-repeat bottom left; } /*------------事業案内------------*/ #content .bigbox{ width:560px; margin:0 10px; } #content .leftbox{ float:left; width:240px; border:solid 5px #EFEEEA; padding:10px; margin-bottom:20px; } #content .rightbox{ float:right; width:240px; border:solid 5px #EFEEEA; padding:10px; margin-bottom:20px; } #content .bigbox h4{ display:block; width:170px; height:45px; padding-left:60px; padding-top:20px; border:none; border-bottom:1px dotted #EFEEEA; } #content .bigbox h4 a{ display:block; width:170px; height:40px; } #content .bigbox h4.icon01{background:url(images/business/icon_01s.gif) no-repeat;} #content .bigbox h4.icon02{background:url(images/business/icon_02s.gif) no-repeat;} #content .bigbox h4.icon03{background:url(images/business/icon_03s.gif) no-repeat;} #content .bigbox h4.icon04{background:url(images/business/icon_04s.gif) no-repeat;} #content .bigbox ul{margin-top:10px; margin-bottom:0;} #content p.next_point{ text-indent:-9000px; background:url(images/business/next_point.gif) center no-repeat; } /*------------トレーニング------------*/ #content .trainingtable td{ padding:15px; } /*------------試験日程とお申込み------------*/ #p7962 table p{margin-bottom:0;} /*-----------お申し込みの流れ------------*/ #content .bg_yaji{ background:url(images/common/bg_yajirushi.gif) 480px bottom no-repeat; } #content .bg_yaji_r{ background:url(images/common/bg_yajirushi.gif) right bottom no-repeat; } #content .bg_yaji_c{ background:url(images/common/bg_yajirushi.gif) center bottom no-repeat; } #content .bg_yaji_haken{ background:url(images/common/bg_yajirushi.gif) 400px bottom no-repeat; } /*------------実績一覧------------*/ #content ul.jisseki li{ background:none; float:left; } #content ul.jisseki li a{ display:block; width:134px; height:51px; text-indent:-5000px; } #content ul.jisseki li.j1 a{background:url(images/business/btn_b1.gif) no-repeat;} #content ul.jisseki li.j2 a{background:url(images/business/btn_b2.gif) no-repeat;} #content ul.jisseki li.j3 a{background:url(images/business/btn_b3.gif) no-repeat;} #content ul.jisseki li.j4 a{background:url(images/business/btn_b4.gif) no-repeat;} #content ul.jisseki li.j1 a:hover{background:url(images/business/btn_b1.gif) 0 bottom no-repeat;} #content ul.jisseki li.j2 a:hover{background:url(images/business/btn_b2.gif) 0 bottom no-repeat;} #content ul.jisseki li.j3 a:hover{background:url(images/business/btn_b3.gif) 0 bottom no-repeat;} #content ul.jisseki li.j4 a:hover{background:url(images/business/btn_b4.gif) 0 bottom no-repeat;} #content h3.top{margin-top:0;} /*---------------------------サイトマップ---------------------------*/ #content .ddsg-wrapper{ } #content .ddsg-wrapper ul{ margin:0 0 30px 5px; } #content .ddsg-wrapper ul li ul{ margin:0 0 20px 35px; } #content .ddsg-wrapper ul li ul li ul{ margin:0 0 10px 35px; } #content .ddsg-wrapper ul li{ background:none; margin:0 0 10px 5px; padding:0; } #content .ddsg-wrapper ul li ul li ,#content .ddsg-wrapper ul li ul li ul li{ margin:5px 0 3px 0; padding:0; } #content .ddsg-wrapper ul li a{ display:block; background:url(images/common/Icon_li_b.gif) no-repeat left center; padding-left:18px; font-weight:bold; } #content .ddsg-wrapper ul li ul li a{ display:block; background:url(images/common/Icon_li_s.gif) no-repeat left center; padding-left:15px; font-weight:normal; } #content .ddsg-wrapper ul li ul li ul li a{ display:block; background:url(images/common/Icon_li.gif) no-repeat left center; padding-left:15px; font-weight:normal; } /*---------------------------社員紹介---------------------------*/ #content img.syatop{ margin-top:-10px; } #content ul.memberlist li{ background:none; float:left; } #content ul.memberlist li a{ text-indent:-9000px; display:block; width:280px; height:80px; } #content ul.memberlist li.mem01 a{background:url(images/recruit/face01.jpg) left center no-repeat;} #content ul.memberlist li.mem02 a{background:url(images/recruit/face02.jpg) left center no-repeat;} #content ul.memberlist li.mem03 a{background:url(images/recruit/face03.jpg) left center no-repeat;} #content ul.memberlist li.mem04 a{background:url(images/recruit/face04.jpg) left center no-repeat;} #content ul.memberlist li.mem05 a{background:url(images/recruit/face05.jpg) left center no-repeat;} #content ul.memberlist li.mem06 a{background:url(images/recruit/face06.jpg) left center no-repeat;} #content ul.memberlist li.mem07 a{background:url(images/recruit/face07.jpg) left center no-repeat;} #content ul.memberlist li.mem08 a{background:url(images/recruit/face08.jpg) left center no-repeat;} #content ul.memberlist li.mem01 a:hover{background:url(images/recruit/face01.jpg) right center no-repeat;} #content ul.memberlist li.mem02 a:hover{background:url(images/recruit/face02.jpg) right center no-repeat;} #content ul.memberlist li.mem03 a:hover{background:url(images/recruit/face03.jpg) right center no-repeat;} #content ul.memberlist li.mem04 a:hover{background:url(images/recruit/face04.jpg) right center no-repeat;} #content ul.memberlist li.mem05 a:hover{background:url(images/recruit/face05.jpg) right center no-repeat;} #content ul.memberlist li.mem06 a:hover{background:url(images/recruit/face06.jpg) right center no-repeat;} #content ul.memberlist li.mem07 a:hover{background:url(images/recruit/face07.jpg) right center no-repeat;} #content ul.memberlist li.mem08 a:hover{background:url(images/recruit/face08.jpg) right center no-repeat;} /*　ブログページング　*/ #content #navigation{ margin:30px auto; padding-top:30px; border-top:#EFEEEA solid 1px; text-align:center; } #content #navigation_top{ margin:0 auto 30px; padding-top:5px; text-align:center; } /*　Windows 7　*/ .t561{ border:0; padding:3px; width:561px; margin-top:10px; margin-bottom:0px; table-layout:fixed; } .x561{ width:561px; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; } /*　お問合せ　*/ span.red { color:#80201D; } #content form table p.infobox { height: 10em; overflow: auto; border: #CCC 1px solid; margin-bottom:0; } #content form table p span{ font-weight:bold; color:#666; line-height:2.5; } /*---------------------------キャンペーンページ（20110215）---------------------------*/ #campaign #main{ background:#FFFFFF; } /******************************* End Content *******************************/ /*---------------------------------------------------- 　微調整用 ----------------------------------------------------*/ /* margin */ .mt--10{margin-top:-10px;} .mt-10{margin-top:10px;} .mt-20{margin-top:20px;} .mb-0{margin-bottom:0px;} .mb-10{margin-bottom:10px;} .mb-15{margin-bottom:15px;} .mb-20{margin-bottom:20px;} .ml-0{margin-left:0px;} .ml-5{margin-left:5px;} .ml-10{margin-left:10px;} .ml-15{margin-left:15px;} .ml-20{margin-left:20px;} .mr-10{margin-right:10px;} .mr-15{margin-right:15px;} .mr-20{margin-right:20px;} /*padding*/ .pd-0{padding:0px;} .pb-10{padding-bottom:10px;} /* text-align */ .ta-left{text-align:left;} .ta-center{text-align:center;} .ta-right{text-align:right;} /* width */ .w-50{width:50%;} .w-90{width:90%;} .w-100{width:100px;} .w-110{width:110px;} .w-120{width:120px;} .w-130{width:130px;} .w-140{width:140px;} .w-150{width:150px;} .w-160{width:160px;} .w-170{width:170px;} .w-180{width:180px;} .w-190{width:190px;} .w-200{width:200px;} .w-340{width:340px;} /*---------------------------------------------------- 　END　微調整用 ----------------------------------------------------*/ /*span.wpcf7-list-item { display: block; }*/ @charset "utf-8"; /* CSS Document */ /* Windows7,Microsoft Office2010移行 ユーザー支援サービスキャンペーン */ #Campaign .pdg_top5{ padding-top:5px;} #Campaign .pdg_top0{ padding-top:0px;} #Campaign .pdg_top10{ padding-top:10px;} #Campaign .pdg_top15{ padding-top:15px;} #Campaign .pdg_btm5{ padding-bottom:5px;} #Campaign .pdg_btm10{ padding-bottom:10px;} #Campaign .pdg_btm15{ padding-bottom:15px;} #Campaign .pdg_btm25{ padding-bottom:25px;} #Campaign .pdg_left10{ padding-left:10px;} #Campaign .mag_top25{ margin-top:25px!important;} #Campaign .w-115{ width:115px;} #Campaign .w-250{ width:250px;} #Campaign .w-280{ width:280px;} #Campaign .w-290{ width:290px;} #Campaign .w-440{ width:440px;} #Campaign .w-600{ width:600px;} .clr{ clear:both;} #Campaign{ width:807px; margin-left:32px; clear:both; } #Campaign table{ margin-bottom:0px!important;} #Campaign div.btn_inquiry{ margin-top:12px; width:807px; height:107px; background: url(images/campaign/inquiry_img.gif) no-repeat left top; position:relative; } #Campaign div.btn_inquiry span{ display:none;} #Campaign div.btn_inquiry a{ display:block; width:370px; height:71px; position:absolute; top:20px; right:0px; background: url(images/campaign/btn_inquiry.gif) no-repeat left top; } #Campaign div.btn_inquiry a:hover{filter: alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;} #Campaign div.block{ padding:25px 0px 10px 0px; clear:both;} #Campaign div.box{ padding:5px; background: url(images/campaign/lineA.gif) repeat left top; margin-bottom:18px; } #Campaign div.box_btm{ margin-bottom:0px!important;} #Campaign div.subbox{ padding:16px; background-color:#FFFFFF;} #Campaign span.ttl{ display:block; padding-bottom:27px;} #Campaign span.sttl{ display:block; padding-bottom:7px;} #Campaign span.sttl img{ display:block; padding-top:10px;} #Campaign div#ThreeList{background: url(images/campaign/bg_boxA.gif) repeat-y left top; width:756px;margin-top:17px;} #Campaign div#ThreeList li a{display:block; width:217px; height:49px;} #Campaign div#ThreeList li a:hover{filter: alpha(opacity=30);-moz-opacity:0.3;opacity:0.3; display:block;} #Campaign div#ThreeList li p.btn_example a{ width:231px!important; height:41px!important;} #Campaign div#ThreeList div.threelist_top{background: url(images/campaign/boxA_top.gif) no-repeat left top;} #Campaign div#ThreeList ul{ width:756px; clear:both; } #Campaign div#ThreeList ul li{ width:252px; float:left;font-size:10px;} #Campaign div#ThreeList ul li p{ padding-bottom:2px;} #Campaign div#ThreeList ul li div{ padding:0px 17px 12px 18px;} #Campaign div#ThreeList ul li span.subttl{ display:block; text-align:center; padding-bottom:14px; padding-top:15px;} #Campaign div#ThreeList ol{width:756px;background-color:#FFFFFF;} #Campaign div#ThreeList ol li{width:252px; float:left;} #Campaign div#ThreeList ol li div{ padding:15px 10px 15px 11px;} #Campaign div#ThreeList ol li p{ padding-top:6px;} #Campaign div#FourList{width:758px;background:#F7F7F7 url(images/campaign/bg_boxB.gif) repeat-y left top; margin-top:17px;} #Campaign div#FourList div.fourlist_top{background:#F2F2F2 url(images/campaign/bg_boxB.gif) repeat-y left top;} #Campaign div#FourList ul{ width:758px; clear:both;} #Campaign div#FourList li{ width:189px; float:left;font-size:10px;} #Campaign div#FourList li img{ display:block;} #Campaign div#FourList li.top{ width:191px!important;} #Campaign div#FourList li span.subttl{ display:block; text-align:center; padding-bottom:5px;} #Campaign div#FourList div.fourlist_top li p{ padding:5px 16px;} #Campaign div#FourList ol{ width:758px; clear:both;} #Campaign div#FourList ol li{ width:189px; padding-top:7px; padding-bottom:5px;} #Campaign div#FourList ol li p{ padding-bottom:2px;padding-left:10px;} #Campaign div#FourList ol li p a{display:block; width:176px; height:48px;} #Campaign div#FourList ol li p a:hover{filter: alpha(opacity=30);-moz-opacity:0.3;opacity:0.3; display:block;} #Campaign th{ text-align:center; } /* hack css */ #Campaign div.subbox, #Campaign div#ThreeList ul, #Campaign div#ThreeList ol, #Campaign div#FourList ul, #Campaign div#FourList ol {display:inline-block;} #Campaign div.subbox:after, #Campaign div#ThreeList ul:after, #Campaign div#ThreeList ol:after, #Campaign div#FourList ul:after, #Campaign div#FourList ol:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;} *html #Campaign div.subbox, *html #Campaign div#ThreeList ul, *html #Campaign div#ThreeList ol, *html #Campaign div#FourList ul, *html #Campaign div#FourList ol {height: 1%;} #Campaign div.subbox, #Campaign div#ThreeList ul, #Campaign div#ThreeList ol, #Campaign div#FourList ul, #Campaign div#FourList ol {display: block;} /* End hide fromIE-mac*/ /* Windows7,Microsoft Office2010移行 ユーザー支援サービスキャンペーン　ここまで */