hjkhghopjkertteerterterterertertrtoirh
bnmbertsurhetertertertertertertertpdf'tdfg
/
srv
/
www
/
virtual
/
tmp1.wccweb.jp.dac4.biz
/
web
/
htdocs
/
assets
/
css
/
Upload FileeE
HOME
@charset "utf-8"; /* CSS Document */ /**==================全デバイス共通============================================================================================================*/ body {margin: 0px;background-color: #FFF;min-width:1200px;} .clearfix:after{content: "";clear: both;display: block;} #wrap {width:100%; height:auto;margin:0 auto;} /*パンくず------------------------------------------------------------*/ #breadcrumb{width:100%;height:auto;margin:0 auto;background:url(../image/back_breadcrumb.jpg) top repeat-x;color:#FFF; text-align:left;font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:10px; letter-spacing:2px} #breadcrumb ul{max-width:1200px;width:90%;margin:0 auto; padding:20px 0 16px 0;} #breadcrumb a{color:#e1cfa9; text-decoration:none; } #breadcrumb ul li {display: inline;} /*ページタイトル------------------------------------------------------------*/ #title{ width:100%; height: 70px; margin:0 auto; background:url(../image/back_title.jpg) top repeat-x;} #title h2{max-width:1200px;width:90%;margin:0 auto; padding:0px 0; line-height:70px;font-size:25px; letter-spacing:8px;color:#1e120e;font-family: "MS P明朝","MS PMincho"; text-align:left; font-weight:normal;} /*#title{ width:100%; height: 111px; margin:0 auto; background:url(../image/back_title.jpg) top repeat-x;} #title h2{max-width:1200px;width:90%;margin:0 auto; padding:42px 0;font-size:30px; letter-spacing:8px;color:#1e120e;font-family: "MS P明朝","MS PMincho"; text-align:left; font-weight:normal;}*/ h1, h2, h3{ margin:0px; padding:0px; } /**==================ヘッターメニュー============================================================================================================*/ #head_w{ margin:0 auto; padding:0; width:1200px; min-width:1200px; height:auto; z-index:3500; } #header{ position:absolute; top:0; margin:0 auto; padding:0; width:1200px; min-width:1200px; height:70px; z-index:3500; } /*:::::::::::::::::::::::::::::ヘッター固定*/ .nav2.fixed2{ position:fixed; top:0px; width:100%; min-width:1200px; margin:0 auto; position:0; background: rgba(255, 255, 255, 0.95); z-index:3500; } /*:::::::::::::::::::::::::::::メニューコード*/ /*nabi開閉部分*/ .nav-wrap{ margin:0 auto; padding:0 30px 0 0; box-sizing: border-box; position: fixed; top: 0; width: 1200px; min-width:1200px; } .nav_style0{ margin:0px auto 0;/*::::::::開閉部分の高さ*/ padding:70px 0 0 0; width:100%; height:auto; background: rgba(255, 255, 255, 0.05); } nav.nav_style{ position: absolute; left:0; margin:0 auto; padding:0; width:100%; z-index:1000; } .gnav { margin:0 auto; padding:0; list-style-type: none; background: rgba(255, 255, 255, 0.95); width:100%; min-width:1200px; /* z-indexは.wrapper部分でpositionを使用した場合は適切な数字(一番大きい値)に変更*/ z-index: 99; } .gnav ul { margin:0 auto; padding:0; list-style: none; } li.gnav_li { margin:0 auto; padding:0; list-style: none; } li.gnav_li a { display: block; text-decoration: none; /* (44-16)/2=14px */ } /*ハンバーガーボタン*/ .icon-animation { width: 30px; height: 38px; display: block; cursor: pointer; float: right; position: absolute; right: .5rem; text-align: center; top:15px;/*::::::::三本線高さ*/ } .icon-animation span { width: 38px;/*::::::::三本線の長さ*/ height: 2px;/*::::::::線の厚さ*/ display: block; background: #000; position: absolute; left: 50%; top: 70%; margin-left: -30px;/*::::::::三本線文字の位置*/ -webkit-transition: all 0.3s;/*::::::::三本線の丸み*/ transition: all 0.3s;/*::::::::三本線の丸み*/ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .icon-animation .tt {/*::::::::MENU文字の指定*/ height:10px; padding:0px 0px 0px 0px; margin-top:-5px; margin-left:-21px; border:none; font-size:12px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; background:none; } .icon-animation .top { -webkit-transform: translateY(-10px);/*::::::::三本線一番上の線位置*/ -ms-transform: translateY(-10px);/*::::::::三本線一番上の線位置*/ transform: translateY(-10px);/*::::::::三本線一番上の線位置*/ } .icon-animation .bottom { -webkit-transform: translateY(10px);/*::::::::三本線一番下の線位置*/ -ms-transform: translateY(10px);/*::::::::三本線一番下の線位置*/ transform: translateY(10px);/*::::::::三本線一番下の線位置*/ } .is-open .middle { background: rgba(51, 51, 51, 0); } .is-open .top { -webkit-transform: rotate(-45deg) translateY(0px); -ms-transform: rotate(-45deg) translateY(0px); transform: rotate(-45deg) translateY(0px); } .is-open .bottom { -webkit-transform: rotate(45deg) translateY(0px); -ms-transform: rotate(45deg) translateY(0px); transform: rotate(45deg) translateY(0px); } /*:::::::::::::::::::::::::::::メニューコード_コンテンツ*/ #menu_list{ /*display:none;本番消す*/ margin:0 auto; padding:0; width:1200px; height:450px; } .ttl h2{ margin:0; padding:60px 0 0 0; color:#1e120e; display:inline; font-size:19px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; font-weight:normal; } .menu_list_td{ padding-left:20px; } .ttl{ width:87%; margin-bottom:30px; padding:30px 0 10px 0; color:#1e120e; font-size:16px; line-height:16px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; border-bottom:#999 1px solid; } .ttl a:link{ margin:0 auto; padding:0; text-decoration:none; color:#1e120e; } .ttl a:visited{ text-decoration:none; color:#1e120e; } .ttl a:active{ text-decoration:none; color:#C1B097; } .ttl a:hover{ text-decoration:none; color:#C1B097; } #menu_list ul{ list-style:none; margin:0 auto; padding:0; } li.li_1{ margin:0px auto 17px; padding:0 0 0 0px; list-style:none; color:#1e120e; font-size:14px; font-family: "Lucida Grande","メイリオ","Meiryo"; letter-spacing:1px; } li.li_1 a:link{ text-decoration:none; color:#000; } li.li_1 a:visited{ text-decoration:none; color:#000; } li.li_1 a:active{ text-decoration:none; color:#C1B097; } li.li_1 a:hover{ text-decoration:none; color:#C1B097; } li.li_2{ background-color:#EBEBEB; padding:15px 0; list-style:none; } .li_3{ font-size:15px; } .li_4{ font-size:15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; } #menu_list2{ /*display:none;本番消す*/ margin:0 auto; padding:0; width:1200px; height: auto; } td.list2_td{ width:33%; height:40px; line-height:40px; padding:0px 0 0 60px; font-size:15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; color:#000; } td.list2_td img{ vertical-align:middle; padding-bottom:3px; } .list2_td a:link{ color:#000; text-decoration:none; } .list2_td a:visited{ color:#000; text-decoration:none; } .list2_td a:active{ color:#C1B097; text-decoration:none; } .list2_td a:hover{ color:#C1B097; text-decoration:none; } /**==================フッターメニュー============================================================================================================*/ /*::::::::::::::::::::::::::::: サイトマップ コード*/ #sitemap{ width:100%; /*height:1100px;*/ height:auto; background-color:#f3f3f3; border-top:#f3f3f3 1px solid;/*リクルート「福利厚生」欄のため*/ padding-bottom:50px; } .ttl2 h2{ color:#1e120e; font-size:15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; font-weight:500; display:inline; text-align:left; letter-spacing:2px; line-height:20px; } .s_space{ padding:43px 0 0 0; } .s_space2{ padding:7px 0 0 0; } .s_space3{ padding:42px 0 0 0; } #sitemap2 h2{ padding:60px 0 0 0; color:#1e120e; font-size:15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; font-weight:400; display:inline; text-align:left; letter-spacing:2px; line-height:20px; } table#sitemap_table0{ margin:30px auto 0; padding:30px 0 0 20px; width:1200px; height: auto; } table#sitemap_table{ margin:0px auto; padding:0px 0 0 20px; width:1200px; } .sitemap_list_td{ width:20%; padding-left:0px; } .sitemap_list_td ul{ list-style:none; margin:0 auto; padding:0; } .sitemap_list_td2{ width:25%; padding-left:0px; } .sitemap_list_td2 ul{ list-style:none; margin:0 auto; padding:0; } li.sitemap_1{ margin:0px auto 17px; padding:0px; list-style:none; color:#1e120e; font-size:12px; font-family: "Lucida Grande","メイリオ","Meiryo"; letter-spacing:2px; } li.sitemap_2{ margin:0px auto 17px; padding:0px; list-style:none; color:#1e120e; font-size:13px; font-family: "Lucida Grande","メイリオ","Meiryo"; letter-spacing:1px; } .sitemap_list_td ul a:link{ text-decoration:none; color:#000; } .sitemap_list_td ul a:visited{ text-decoration:none; color:#000; } .sitemap_list_td ul a:active{ text-decoration:none; color:#C1B097; } .sitemap_list_td ul a:hover{ text-decoration:none; color:#C1B097; } .sitemap_list_td2 ul a:link{ text-decoration:none; color:#000; } .sitemap_list_td2 ul a:visited{ text-decoration:none; color:#000; } .sitemap_list_td2 ul a:active{ text-decoration:none; color:#C1B097; } .sitemap_list_td2 ul a:hover{ text-decoration:none; color:#C1B097; } .ttl2{ margin-bottom:17px; padding:40px 0 10px 0; color:#1e120e; width:87%; font-size:16px; line-height:16px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", "MS 明朝", serif; border-bottom:#999 1px solid; } .ttl2 a:link{ margin:0 auto; padding:0; text-decoration:none; color:#1e120e; } .ttl2 a:visited{ text-decoration:none; color:#1e120e; } .ttl2 a:active{ text-decoration:none; color:#C1B097; } .ttl2 a:hover{ text-decoration:none; color:#C1B097; } .ul_font{ font-size:14px; } .pp_img{ display:block; margin:20px 0px 0 140px; } /*::::::::::::::::::::::::::::: copy コード*/ #copylight{ width:100%; height:80px; background-color:#000; } .copylight{ margin:0 auto; padding:0; width:320px; height:80px; line-height:80px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:11px; color:#fff; }