.header_content { color: #f33082; font-size: 16px; font-weight: bold; float: left; width: 220px; padding-top: 3px; } .header_content ul {} .header_content ul li { float: left; } .header_content ul li.r_cnt { background-image: url(../images/top_cnt_bg2.gif); background-repeat: no-repeat; height: 45px; width: 77px; margin-right: 5px; padding-top: 35px; text-align: center; } .header_content ul li.m_cnt { background-image: url(../images/top_cnt_bg1.gif); background-repeat: no-repeat; height: 45px; width: 77px; padding-top: 35px; text-align: center; } header .social_area { float: left; width: 50px; position:absolute; bottom:5px; left:286px; } .ad_h { float: right; height: 77px; width: 468px; margin-right: 15px; margin-top: 1px; } nav.top_navi {} nav.top_navi ul { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC; } nav.top_navi ul li { float: left; text-align: center; width: 14%; padding-top: 3px; padding-bottom: 3px; border-right-width: 1px; border-right-style: solid; border-right-color: #CCCCCC; } nav.top_navi ul a li { color: #999999; } nav.top_navi ul a:hover li { color: #FC62A0; } nav.top_navi ul li.top_navi_last { border-right-style: none; } #left_box ul li { line-height: 0px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #left_box ul li a { } #left_box section.top_block { line-height: 18px; clear: both; color: #999999; } #left_box section.top_block img { float: left; margin-right: 5px; margin-bottom: 5px; } #left_box section.top_block a { color: #777; } #left_box section.top_block a:hover { color: #f54c92; } .top_blocksitename .top_blocksitenameL {float:left;width:60px;height:60px;color:#fff;padding:5px;border-radius:6px;background:#F54C92;} .top_blocksitename .top_blocksitenameR {float:left;width:175px;padding-left:5px;} .top_blocksideleftstr {padding-top:5px;} /*----------------------------* /* 地域詳細 /*----------------------------*/ #left_box .area_detail { border:none; margin:10px 0; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } #left_box .area_detail .title { background-color:#f54c92; border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; } #left_box .area_detail .body { padding:5px; } #left_box .area_detail .body h4 { background-color:#FFCEE1; font-weight:normal; line-height:30px; margin-bottom:5px; padding-left:0.5em; } /*----------------------------* /* 主な地域のリンク /*----------------------------*/ #left_box .area_list { margin:10px 0; background-color:#FFEDF3; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } #left_box .area_list .title { background-color:#f54c92; color:#FFF; text-align:center; font-weight:normal; line-height:20px; border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; } #left_box .area_list .list { padding:7px; } #left_box .area_list .list dt { float:left; margin-right:5px; background-color:#888; color:#FFF; width:52px; text-align:center; margin-bottom:3px; } #left_box .area_list .list dd { margin-bottom:3px; padding-left:60px; } #left_box .area_list .list dd a { text-decoration:underline; } /*============================================================================* /* 右カラム /*============================================================================*/ #right_box h3 { text-align: center; line-height: 0px; height: 14px; background-color: #FABB1E; color: #FFFFFF; font-size: 14px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid; border-top-color: #FF9900; border-right-color: #FF9900; border-left-color: #FF9900; } #right_box section { line-height: 20px; } #right_box section img { max-width:325px; } #main .inframe { border: 1px solid #CCCCCC; } section.backbg { background-image: url(/images/back_bg.gif); background-repeat: repeat; height: 580px; } .iefix { width:180px; } .job_category_introduction { } .job_category_introduction h3 { background-color:#FC62A0 !important; } .job_category_introduction .title { font-size:18px !important; margin-bottom:5px; } .job_category_introduction aside { font-size:10px; color:#999; } .job_category_introduction .job_category_list { } .job_category_introduction .job_category_list .job_category_name { background-color:#FFA5BD; padding:5px; margin:5px 0; } .job_category_introduction .job_category_list .job_detail { border-bottom:dotted 1px #bbb; } .job_category_introduction .job_category_list .job_detail .summary { margin-bottom:5px; } .job_category_introduction .job_category_list .job_detail .price_rate { margin-bottom:0; color:#E95283; font-weight:bold; padding-bottom:5px; } .job_category_introduction .job_category_list .job_detail .price_rate .salary { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background-color:#FF8797; color:#FFF; font-size:10px; padding:2px 3px; margin-right:3px; font-weight:normal; } .job_category_introduction .job_category_list .job_detail .more { text-align:right; line-height:20px; } .job_category_introduction .job_category_list .job_detail .more a { background:url("../images/arrow_1.gif") top right no-repeat; padding-right:20px; padding-top:3px; text-decoration:underline; } /*----------------------------* /* 最新Q&A /*----------------------------*/ #right_box .new_qa { } #right_box .new_qa .title { background-color:#F18D00; color:#FFF; text-align:center; font-weight:normal; line-height:25px; font-size:14px; border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; } #right_box .new_qa .list { } #right_box .new_qa .list >li { padding:5px; border-bottom:dotted 1px #ccc; background:url("../images/mo/icon_qa.png") 5px 5px no-repeat; text-indent:20px; } #right_box .new_qa .list >li:nth-child(2n) { background-color:#fff4f9; } #right_box .new_qa .list >li:last-child { border-bottom:none; border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; } #right_box .new_qa .list >li:hover { background-color:#FFD1E4; } /*----------------------------* /* 地域別☆働き方ガイド /*----------------------------*/ #right_box .work_guide { margin-bottom:15px; } #right_box .work_guide .title { background:url("../images/work_guide_title.png") no-repeat; background-size:100%; text-indent:-10000px; height:40px; } #right_box .work_guide .body { padding:.5em; } #right_box .work_guide .body .list { } #right_box .work_guide .body .list dt { background:url("../images/work_guide_area_bg.png") left top no-repeat; height:18px; color:#FFF; text-indent:24px; border-bottom:dashed 1px #EC6884 ; padding-top:4px; } #right_box .work_guide .body .list dd { margin:.5em 0 .6em 0; } /*----------------------------* /* お店ページ右下メニュー /*----------------------------*/ #result .detailFloatBottomMenu { bottom: 0; opacity: 0.7; position: fixed; right: 0; text-align: center; transition: all 0.6s ease 0s; width: 70px; z-index: 999; } #result .detailFloatBottomBox {font-size:120%;} #result .detailFloatBottomBox a {float:left;display:block;width:70px;color:#666;line-height:1.2em;margin-top:0.4em;padding:0.4em 0;background:rgba(50,50,50,0);} /*----------------------------* /* サイドメニュー /*----------------------------*/ #slidemenuPC #menuBOX {display:none;} #slidemenuPC #menuBOX2 {position:relative;display:block;width:100%;left:0;} #slidemenuPC #menuBOX2 {position:relative;display:block;width:100%;left:0;} #slidemenuPC #menuBOX2 .menuBOX2wrap {padding:1px;background:#fff;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} #slidemenuPC #menuBOX2 .sidemenuTopBar {position:relative;color:#fff;font-weight:bold;text-align:left;line-height:150%;padding:0.5em 0;background:url(../images/sp/captionbg.jpg);font-size:120%;padding-left:1em;} #slidemenuPC #menuBOX2 .sidemenuTopBarS {position:relative;color:#fff;font-size:110%;font-weight:bold;text-align:center;padding:0.3em 1.2em 0.3em 0.6em;background:#f33082;} #slidemenuPC #menuBOX2 .sidemenuTopBar2 {color:#fff;font-size:110%;font-weight:bold;text-align:center;margin-top:1px;padding:0.2em 0;background:#FC62A0;} #slidemenuPC #menuBOX2 .sidemenuItembox {position:relative;line-height:130%;text-shadow:none;margin-top:0;border-bottom: 1px dashed #ccc;background:none;} #slidemenuPC #menuBOX2 .sidemenuItembox a {display:block;color:#f33082;padding:0.5em 0;} #slidemenuPC #menuBOX2 .sidemenuItembox i.rightarrow {color:#FC62A0;text-shadow:2px 2px 3px rgba(210,25,100,0.2);} #slidemenuPC #menuBOX2 .sidemenuItemboxL {float:left;width:15%;text-align:center;} #slidemenuPC #menuBOX2 .sidemenuItemboxR {float:left;width:85%;padding-right:1.5em;} #slidemenuPC #menuBOX2 .sidemenuItemboxL i {font-size:160%;padding-top:0.3em;} #slidemenuPC #menuBOX2 .sidemenuItemboxTit {font-size:110%;font-weight:bold;} #slidemenuPC #menuBOX2 .sidemenuItemboxSub {color:#444;font-size:90%;} #slidemenuPC #menuBOX2 .sidemenuTopBar2img {width:100%;margin-top:1px;border: 1px solid #fc4399;overflow:hidden;} #slidemenuPC #menuBOX2 .sidemenuTopBar2img img {display:block;width:100%;} #slidemenuPC #menuBOX2 .shopotherLNK .shopotherLNKtop {display:none;} #slidemenuPC #menuBOX2 .shopotherLNK .shopotherLNKtop2 {position:absolute;top:6px;right:5px;color:#fff;font-size:120%;} #slidemenuPC #menuBOX2 .shopotherLNK .shopotherLNKbottom {display:none;} #slidemenuPC #menuBOX2 .sidemenuItemboxshop {color:#f33082;padding:0.5em 0;background:#fadce9;} #slidemenuPC #menuBOX2 .sidemenuItemboxLshop {float:left;width:15%;text-align:center;} #slidemenuPC #menuBOX2 .sidemenuItemboxRshop {float:left;width:85%;height:32px;line-height:32px;padding-right:1.5em;} #slidemenuPC #menuBOX2 .sidemenuItemboxLshop img {display:block;width:auto;height:28px;margin:2px auto auto auto;} #slidemenuPC #menuBOX2 .sidemenuItemboxLshop img.imgheight2 {display:block;width:auto;height:24px;margin:2px auto auto auto;} #searchAll .searchMenuPreResultWapper {position:fixed;width:28%;bottom:2%;right:1%;z-index:20000;}