/*------------------------------------------------------------ レイアウト ------------------------------------------------------------*/ #container { text-align: left; } #main { margin-bottom: 81px; } * html #main { zoom: 1; } *+html #main { zoom: 1; } #main:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } /*------------------------------------------------------------ ヘッダー ------------------------------------------------------------*/ #header { border-bottom: 1px solid #C24549; background-color: #000; } #header .hBox { width: 980px; margin: 0 auto; } #header .hBox .logo { float: left; } #header .hBox .rBox { margin-top: 11px; width: 749px; float: right; } #header h1 { margin-bottom: 23px; color: #C8C8C8; font-size: 11px; font-weight: normal; } /*------------------------------------------------------------ グローバルナビ ------------------------------------------------------------*/ #gNavi { float: right; } #gNavi li { float: left; } #gNavi li a:hover img { filter: alpha(opacity=70); opacity: 0.7; } /*------------------------------------------------------------ パンクズリスト ------------------------------------------------------------*/ #pagePath { } #pagePath li { display: inline; } /*------------------------------------------------------------ コンテンツ ------------------------------------------------------------*/ #conts { width: 670px; float: right; } /*------------------------------------------------------------ サイドバー ------------------------------------------------------------*/ #sideBar { width: 248px; float: left; } /*------------------------------------------------------------ フッター ------------------------------------------------------------*/ #footer { padding-top: 16px; overflow: hidden; background-color: #231816; } #footer .fBox { width: 880px; margin: 0 auto 16px; } #footer .fBox .fNavi { width: 600px; float: left; } #footer .fBox .fNavi .nav { width: 280px; margin-right: 20px; float: left; } #footer .fBox .fNavi li { margin-bottom: 16px; padding-bottom: 3px; font-size: 14px; background: url(images/common/line02.gif) repeat-x left bottom; } #footer .fBox .fNavi li a { color: #FFF; } #footer .fBox .fNavi .subNav { margin: 1px 0 -3px; padding: 8px 10px 0; background: url(images/common/line02.gif) repeat-x left top; } #footer .fBox .fNavi .subNav li { margin-bottom: 7px; padding-bottom: 0; font-size: 12px; background: none; } #footer .fBox .fNavi .subNav li a { padding-left: 10px; display: inline-block; background: url(images/common/icon02.gif) no-repeat left center; } #footer .fBox .fNavi .none { background: none; } #footer .fBox .fLink { margin-top: 4px; padding: 8px 15px 6px; width: 248px; float: right; border: 1px solid #FFF; border-radius: 10px; position: relative; behavior: url(/js/pie.htc); } #footer .fBox .fLink li { margin-bottom: 7px; color: #FFF; font-size: 14px; } #footer .fBox .fLink li a { color: #FFF; } #footer .copyright { padding: 7px 0 8px; color: #231815; font-size: 13px; text-align: center; background-color: #FFF; } #footer .copyright p { width: 800px; margin: 0 auto; } /*------------------------------------------------------------ 書式設定 ------------------------------------------------------------*/ /* テキストの位置 */ .taLeft { text-align: left !important; } .taCenter { text-align: center !important; } .taRight { text-align: right !important; } /* フォントの大きさ（プラス） */ .fsP1 { font-size: 1.08em !important; } .fsP2 { font-size: 1.16em !important; } .fsP3 { font-size: 1.24em !important; } .fsP4 { font-size: 1.32em !important; } .fsP5 { font-size: 1.4em !important; } /* フォントの大きさ（マイナス） */ .fsM1 { font-size: 0.92em !important; } .fsM2 { font-size: 0.84em !important; } .fsM3 { font-size: 0.76em !important; } .fsM4 { font-size: 0.68em !important; } .fsM5 { font-size: 0.6em !important; } /* フォントの太さ */ .fwNormal { font-weight: normal !important; } .fwBold { font-weight: bold !important; } .fr { float: right !important; } /*------------------------------------------------------------ 微調整用クラス（※多用しないこと） ------------------------------------------------------------*/ .mt0 { margin-top: 0 !important; } .mb0 { margin-bottom: 0 !important; } * html .clearfix { zoom: 1; } *+html .clearfix { zoom: 1; } .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .alignleft { margin-right: 20px; float: left; } .alignright { margin-left: 20px; float: right; } #container img { vertical-align: top; } /*------------------------------------------------------------ pageTop ------------------------------------------------------------*/ .pageTop { width: 980px; margin: 0 auto 18px; text-align: right; } .pageTop a:hover img { filter: alpha(opacity=70); opacity: 0.7; } /*------------------------------------------------------------ pageTitle ------------------------------------------------------------*/ .pageTitle { width: 980px; margin: 0 auto; } body#torikumi .pageTitle { width: 980px; margin: 0 auto 140px; } /*------------------------------------------------------------ comItemList ------------------------------------------------------------*/ #main .comItemList { margin-right: -19px; } #main .comItemList li { margin-right: 19px; width: 206px; height:330px; float: left; font-size: 15px; line-height: 1.55; position: relative;} #main .comItemList li a:nth-of-type(2) { padding: 5px 0; display: block; text-decoration: none; border-bottom: 1px dotted #555; } #main .comItemList li span { display: block; } #main .comItemList li .pho { margin-bottom: 3px; } #main .comItemList li .ttl { font-weight: bold; font-size: 20px; font-weight: bold; color:#000;} #main .comItemList li .ttl .date { margin-top: 1px; padding-left: 18px; display: inline-block; font-size: 14px; font-weight: normal; background: url(images/common/icon01.gif) no-repeat left center; } #main .comItemList li .more { margin-top: 12px; text-align: right; position: absolute; bottom: 0px; right: 0px;} #main .comItemList li a:hover { filter: alpha(opacity=70); opacity: 0.7; } /*------------------------------------------------------------ wrapLink ------------------------------------------------------------*/ #main .wrapLink { padding: 27px 0 32px; background-color: #EEE; } #main .wrapLink .content { width: 882px; margin: 0 auto; } #main .wrapLink li { float: left; } #main .wrapLink .btmLInk { margin: 19px -30px 0 2px; clear: both; } #main .wrapLink .btmLInk li { margin-right: 29px; } #main .wrapLink li a:hover img { filter: alpha(opacity=70); opacity: 0.7; } #main .btmLInk li { float: left; } #main .btmLInk { margin: 19px -30px 0 2px; clear: both; } #main .btmLInk li { margin-right: 29px; } #main .btmLInk li a:hover img { filter: alpha(opacity=70); opacity: 0.7; } /*------------------------------------------------------------ comItems ------------------------------------------------------------*/ #main .comItems { margin-bottom: 139px; padding: 37px 0 55px; background-color: #EEE; } #main .comItems .subItems { margin: 0 auto; width: 882px; } #main .comItems .subItems h2 { margin-bottom: 35px; text-align: center; } #main .comItems .subItems li { margin-bottom: 24px; padding: 0 0 29px 7px; color: #000; font-size: 16px; border-bottom: 1px dotted #998077; } #main .comItems .subItems li .title { margin-bottom: 8px; color: #604C3F; font-size: 18px; font-weight: bold; } #main .comItems .subItems li .txt { margin-left: 40px; } #main .comItems .subItems li .txt02 { margin-bottom: 28px; } #main .comItems .subItems li .subTitle { margin: 0 0 7px 39px; color: #B41A21; font-size: 18px; font-weight: bold; } #main .comItems .subItems li .subTitle a{color: #B41A21; font-size: 18px; font-weight: bold; } #main .comItems .subItems li dl { margin: 0 0 20px 56px; } #main .comItems .subItems li dt { float: left; } #main .comItems .subItems li dt a { color: #000; text-decoration: underline; } #main .comItems .subItems li dt a:hover { text-decoration: none; } #main .comItems .subItems li dd { padding: 0 0 10px 6em; } #main .comItems .subItems .none { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /*------------------------------------------------------------ トップページ ------------------------------------------------------------*/ #saiyo #main .wrapLink { margin-bottom: 87px; padding: 16px 0 22px; } #saiyo #main .sec01 { width: 882px; margin: 0 auto; } #saiyo #main .sec01 h3 { margin-bottom: 22px; position: relative; } #saiyo #main .sec01 h3 span { position: absolute; top: 12px; right: 15px; } #saiyo #main .sec01 h3 span a:hover img { filter: alpha(opacity=70); opacity: 0.7; } /*------------------------------------------------------------ baito ------------------------------------------------------------*/ #baito #main .sec01 { padding-top: 85px; width: 882px; margin: 0 auto 66px; } #baito #main .sec01 h3 { margin-bottom: 27px; text-align: center; } #baito #main .comItemList { margin-bottom: 77px; } #baito #main .comItemList li .ttl { padding-bottom: 1px; } #baito #main .link { clear: both; text-align: center; } #baito #main .link a:hover img { filter: alpha(opacity=70); opacity: 0.7; } /*------------------------------------------------------------ shain ------------------------------------------------------------*/ #shain .pageTitle { margin-bottom: 48px; position: relative; } #shain .pageTitle .txtArea { width: 663px; position: absolute; top: 63px; left: 297px; } #shain .pageTitle .txtArea .txtBox { width: 290px; float: left; } #shain .pageTitle .txtArea p { color: #FFF; font-size: 16px; line-height: 1.75; background: rgba(0,0,0,0.7); padding: 11px;} #shain .pageTitle .txtArea .pLink {font-size: 14px; text-align: right; } #shain .pageTitle .txtArea .pLink a { color: #FFF; text-decoration: underline; } #shain .pageTitle .txtArea .pLink a:hover { text-decoration: none; } #shain .pageTitle .txtArea .link { margin-top: 74px; width: 331px; float: right; } #shain .pageTitle .txtArea .link li { margin-bottom: 18px; float: left; } #shain .pageTitle .txtArea .link li a:hover img { filter: alpha(opacity=70); opacity: 0.7; } #main .sec01 { width: 884px; margin: 0 auto 70px; } #main > div.bottom_nav > div{margin-bottom: 0;} #main .sec01 .linkList { margin-right: -20px; } #main .sec01 .linkList li { margin-right: 20px; float: left; } #main .sec01 .linkList li:nth-child(4){margin-right:0;} #main .sec01 .linkList li a:hover img { filter: alpha(opacity=70); opacity: 0.7; } .bottom_nav { width: 885px; margin: 0 auto 30px; } /*社長の履歴書*/ #main > div > h2.h2Ttl,#main > div > div.tabArea{display: none;} /*------------------------------------------------------------ message →　companyに移動 ------------------------------------------------------------*/ #company .sec01 { width: 980px; margin: 0 auto; } #company .sec01 p { margin-bottom: 27px; color: #000; font-size: 16px; line-height: 1.75; } #main > div:nth-child(1) > div.imgBox.clearfix > p{text-align: center; font-weight: bold; font-size: 22px; margin-bottom: 50px; letter-spacing: 2px; font-family: 'Hiragino Kaku Gothic StdN';} #company .sec01 .topBox { padding:0px 65px 92px 331px; position: relative; } #company .sec01 .topBox .pho { position: absolute; top: 27px; left: 49px; z-index: -1; } #company .sec01 .topBox h2 { margin-bottom: 15px; text-align: right; } #company .sec01 .topBox p.top_name{text-align: right; margin-right: 30px; font-family:serif; } #company .sec01 .topBox p.top_name span.top_name{font-weight: bold; font-size: 25px;} #company .sec01 .topBox p.top_name span.top_kana{font-weight: bold; font-size:16px;} #company .sec01 .red { color: #B41A21; } #company .sec01 h2 { margin-bottom: 50px; clear: both; text-align: center; } #company .sec01 .imgBox { margin-bottom: 80px; } #company .sec01 .imgBox .phoBox { width: 414px; float: right; } #company .sec01 .imgBox .phoBox li { margin-bottom: 20px; float: left; } #company .sec01 .imgBox .txtBox { width: 542px; float: left; } #company .sec01 .imgBox .txtBox .ttl { font-weight: bold; } #company .sec01 .h2Ttl { margin-bottom: 18px; } #company .sec01 .tabArea { padding: 29px 29px; margin: 0 50px; border: 1px solid #877970; } #company .sec01 .tabArea .topArea { margin-bottom: 48px; } #company .sec01 .tabArea .topArea .phoBox { float: right; } #company .sec01 .tabArea .topArea .tabBox { width: 660px; float: left; } #company .sec01 .tabArea table { width: 100%; border-collapse: collapse; } #company .sec01 .tabArea .topArea .tabBox td, #company .sec01 .tabArea .topArea .tabBox th { padding: 8px 15px 4px; color: #999; font-size: 16px; text-align: left; vertical-align: middle; font-weight: normal; border: 1px solid #604D3F; } #company .sec01 .tabArea .topArea .tabBox th { border-right: none; } #company .sec01 .tabArea .topArea .tabBox td { border-left: none; } #company .sec01 .tabArea .topArea .tabBox .spec { padding: 0; height: 17px; border: 1px solid #604D3F; } #company .sec01 .tabArea .topArea .tabBox .name { padding: 18px 14px 14px; } #company .sec01 .tabArea .btmTab { border: 1px solid #604D3F; } #company .sec01 .tabArea .btmTab td, #company .sec01 .tabArea .btmTab th { padding: 7px 10px 6px; color: #604C3F; font-size: 16px; font-weight: normal; text-align: center; vertical-align: top; } #company .sec01 .tabArea .tab tbody td { text-align: left; font-size: 18px; } #company .sec01 .tabArea .tab th { border-right: 1px solid #604D3F; } #company .sec01 .tabArea .tab thead td, #company .sec01 .tabArea .tab thead th { padding: 10px 10px 5px; background-color: #EAEAE8; border-bottom: 1px solid #604D3F; } #company .sec01 .tabArea .tab .line { padding: 0; height: 1px; background: url(images/common/line03.gif) repeat-x left bottom; } #company .sec01 .tabArea .tab td .txt { font-size: 16px; } #company #main > div:nth-child(1) > div.topBox > p:nth-child(4){width: 585px;} /*採用 - 社長履歴書*/ #staff_message #main > div > div.tabArea > div.btmTab > table > tbody > tr:nth-child(10) > th{display: none;} /*------------------------------------------------------------ entory01 ------------------------------------------------------------*/ #entory .pageTitle { margin-bottom: 70px; } #entory .sec01 { width: 882px; margin: 0 auto 72px; } #entory h3 { margin-bottom: 15px; text-align: center; } #entory .sec01 p { color: #000; font-size: 20px; text-align: center; } #entory .comItems { margin-bottom: 0; padding: 27px 0 52px; } #entory .comItems h3 { margin-bottom: 10px; } #entory .sec02 { padding: 86px 0 105px; width: 882px; margin: 0 auto; text-align: center; } #entory .sec02 h3 { margin-bottom: 33px; } #entory .sec02 .ttl { margin-bottom: 10px; } #entory .sec02 p { margin-bottom: 10px; color: #604C3F; font-size: 20px; } #entory .sec02 .tel { margin-bottom: 19px; font-weight: bold; } #entory .sec02 .tel span { padding-left: 46px; display: inline-block; font-size: 37px; background: url(images/common/icon03.gif) no-repeat left center; } #entory .sec02 .txtImg { padding: 17px 0 6px; border-top: 1px dotted #87796E; border-bottom: 2px solid #5F4C3E; } /*------------------------------------------------------------ company ------------------------------------------------------------*/ #company #main > div:nth-child(2) > div{ margin-bottom: 112px; } #company .sec01 h3 { margin-bottom: 39px; text-align: center; } #company .sec01 table { width: 100%; border-collapse: collapse; } #company .sec01 .tab01 { margin-bottom: 143px; } #company .sec01 td, #company .sec01 th { padding: 9px 20px 9px; color: #000; font-size: 16px; text-align: left; font-weight: normal; vertical-align: middle; } #company .sec01 .tab01 th { padding-left: 25px; padding-right: 0; background-color: #E6E0D4; } #company .sec01 .line { padding: 0 !important; height: 1px; background: url(images/common/line04.gif) repeat-x left bottom; } #company .sec01 .tab02 { border: 1px solid #998077; } #company .sec01 .tab02 td, #company .sec01 .tab02 th { padding: 17px 25px 15px; line-height: 1.75; } #company .sec01 .tab02 th { text-align: center; background-color: #E6E0D4; } #company .sec01 .tab02 .line { height: 1px; background: url(images/common/line05.gif) repeat-x left bottom; } #company #main > div.sec01 > div > table > tbody > tr:nth-child(18){display: none;} #main > div.sec01:nth-child(2){width: 880px;} /*------------------------------------------------------------ introduce ------------------------------------------------------------*/ #introduce .pageTitle { margin-bottom: 110px; } #introduce .sec01 h3 { margin-bottom: 16px; text-align: center; } #introduce .sec01 .pTop { margin-bottom: 30px; color: #000; font-size: 18px; text-align: center; line-height: 1.6; } #introduce .sec01 .imgBox { margin: 0 3px 39px; clear: both; } #introduce .sec01 .imgBox .phoBox { float: left; } #main > div > div:nth-child(9) > a > div > img{border:1px solid #888;} #introduce .sec01 .imgBox dl { margin-top: 4px; float: right; width: 752px; } #introduce .sec01 .imgBox dt { margin-bottom: 11px; padding-bottom: 5px; color: #604C3F; font-size: 18px; font-weight: bold; border-bottom: 1px dotted #998077; } #introduce .sec01 .imgBox dd { color: #000; font-size: 16px; } #introduce .sec01 .imgBox dd a { color: #000; } #introduce .sec01 .h3Ttl { margin-bottom: 0; padding: 84px 0 28px; } #introduce .sec01 .phoList { margin-right: -41px; } #introduce .sec01 .phoList li { margin-right: 40px; width: 267px; float: left; color: #000; font-size: 16px; } #introduce .sec01 .phoList li span { display: block; } #introduce .sec01 .phoList li .ttl { margin-bottom: 10px; text-align: center; } #introduce .sec01 .phoList li .pho { margin-bottom: 6px; } #introduce .sec01 .phoList li .pho a:hover img { filter: alpha(opacity=70); opacity: 0.7; }] /*------------------------------------------------------------ torikumi ------------------------------------------------------------*/ #torikumi .pageTitle { margin-bottom: 133px; } #torikumi .sec01 { width: 886px; margin: 0 auto 0px; } #torikumi .sec01 .imgBox { margin-bottom: 50px; padding-bottom: 47px; clear: both; border-bottom: 1px solid #998077; } #torikumi .sec01 .imgBox .phoBox { float: left; } #torikumi .sec01 .imgBox .txtBox { margin-top: 4px; float: right; width: 423px; } #torikumi .sec01 .imgBox .txtBox h3 { margin-bottom: 16px; } #torikumi .sec01 .imgBox .txtBox p { color: #000; font-size: 18px; line-height: 1.6; } #torikumi .sec01 .none { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /*------------------------------------------------------------ contact ------------------------------------------------------------*/ #contact .seeking { margin: 24px auto 17px; width: 882px; text-align: center; } #contact .seeking h2 { margin-bottom: 15px; } #contact .seeking p { color: #000; font-size: 20px; } #contact .application { margin: 0 auto 94px; width: 882px; } #contact .application h2 { margin-bottom: 27px; text-align: center; } #contact .application .textImg { margin-bottom: 16px; text-align: center; } #contact .application .textImg02 { margin-bottom: 27px; text-align: center; } #contact .application .method { margin-bottom: 49px; padding: 33px 0 40px 127px; border-top: 1px dotted #604C3F; border-bottom: 1px dotted #604C3F; } #contact .application .tel { color: #604C3F; font-weight: bold; } #contact .application .tel .bg { padding-left: 68px; display: inline-block; background: url(images/saiyo/shain/contact/tel_bg.png) no-repeat left top; height: 60px; line-height: 60px; font-size: 30px;} #contact .application .tel .size { margin-left: 15px; font-size: 20px; vertical-align:3px; } #contact .application .method .mail { padding-left: 68px; color: #604C3F; font-size: 37px; font-weight: bold; background: url(images/saiyo/shain/contact/mail_bg.png) no-repeat left top; } #contact .application .method .mail a { color: #604C3F; } #contact .application .method .note { padding-right: 80px; color: #604C3F; font-size: 20px; text-align: center; } #contact .application .h2Ttl { margin-bottom: 12px; } #contact .application .textImg03 { margin-bottom: 17px; text-align: center; font-weight:bold; font-size:1.2em;} #contact .application .step { margin-bottom: 50px; text-align: center; } #contact .application .mailForm .borderBox { padding-bottom: 44px; border-bottom: 2px solid #604C3F; } #contact .application .mailForm table { margin-bottom: 36px; width: 100%; border-collapse: collapse; } #contact .application .mailForm th { padding:10px; width:240px; color: #000; font-size: 18px; text-align: left; vertical-align: top; } #contact .application .mailForm th span::after { content: "*"; color:red; } #address{width:400px !important;} #contact .application .mailForm td { padding: 6px; color: #444; font-size: 18px; text-align: left; vertical-align:middle; width:400px;} #contact .application .mailForm td .choose li { margin-right: 70px; display: inline; } #contact .application .mailForm td input[type="text"] {width: 292px;} #contact .application .mailForm td .wid01 { width: 100% !important; } #contact .application .mailForm td select { height: 24px; line-height: 24px; width: 196px; } #contact .application .mailForm td textarea { height: 318px; width: 100%; box-sizing: border-box; border: 2px solid #CCC; } #contact .application .submit { text-align: center; } #contact .application .submit li { margin: 0 5px; display: inline; } #contact .application .submit li input { vertical-align: top; } #contact .application .submit li input:hover { filter: alpha(opacity=70); opacity: 0.7; } .entry_main_img{text-align: center;} .mailForm input, .mailForm select, .mailForm textarea { vertical-align: 2px; font-size: 18px; } /*------------------------------------------------------------ contact/confirm ------------------------------------------------------------*/ #contact .confirm { padding-top: 45px; } #contact .confirm .h2Ttl { margin-bottom: 17px; } #contact .confirm .step { margin-bottom: 64px; } #contact .confirm .tableA th, #contact .confirm .tableA td { padding: 15px 10px 15px; border: 1px solid #AAA; } #contact .confirm .tableA th { padding-left: 39px; background-color: #E5E0D3; } /*------------------------------------------------------------ contact/thanks ------------------------------------------------------------*/ #contact .thanks { padding-top: 45px; } #contact .thanks .h2Ttl { margin-bottom: 17px; } #contact .thanks .step { margin-bottom: 81px; } #contact .thanks .txtArea { margin-bottom: 45px; padding: 20px 0 12px; background-color: #E5E0D3; } #contact .thanks .txtArea .completed { margin-bottom: 15px; padding-bottom: 15px; color: #604C3F; font-size: 26px; font-weight: bold; text-align: center; border-bottom: 2px solid #fff; } #contact .thanks .txtArea .trouble { margin-bottom: 10px; color: #000; font-size: 18px; text-align: center; } #contact .thanks .txtArea .tel { margin-bottom: 0; text-align: center; } #contact .thanks .return { text-align: center; } #contact .thanks .return a:hover img { filter: alpha(opacity=70); opacity: 0.7; } #contact .errorMsg { margin: 0 40px; color: #f00; font-size: 14px; }