@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    overflow-y: scroll;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

input, textarea {
    margin: 0;
    padding: 0;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
}

a:focus {
    outline: none;
}

img, textarea {
    vertical-align: bottom;
}

iframe[name="google_conversion_frame"] {
    position: absolute;
    top: 0;
}

html {
    font-size: 62.5%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

a img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* ----------------------------------------------------------
	共通	
---------------------------------------------------------- */
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
}

a {
    color: #3282C4;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

span.error {
    color: #f00;
    display: block;
    font-weight: bold;
    padding: 0.6em 0 0;
    clear: both;
}

/* ----------------------------------------------------------
	ヘッダー	
---------------------------------------------------------- */
header .headerTop {
    background: #3282C4;
    line-height: 1;
}

header .headerTop .headerTopInner {
    width: 960px;
    margin: 0 auto;
    padding: 7px 0;
}

header .headerTop .headerTopInner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html header .headerTop .headerTopInner {
    height: 1%;
}

header .headerTop .headerTopInner p {
    float: left;
    color: #FFF;
    font-size: 12px;
    font-size: 1.2rem;
}

header .headerTop .headerTopInner .otherNav {
    float: right;
}

header .headerTop .headerTopInner .otherNav ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html header .headerTop .headerTopInner .otherNav ul {
    height: 1%;
}

header .headerTop .headerTopInner .otherNav ul li {
    float: left;
    margin: 0 0 0 20px;
}

header .headerBottom {
    border-bottom: 1px solid #DDD;
}

header .headerBottom .headerBottomInner {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0;
}

header .headerBottom .headerBottomInner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html header .headerBottom .headerBottomInner {
    height: 1%;
}

header .headerBottom .headerBottomInner .logo {
    float: left;
}

header .headerBottom .headerBottomInner .gnav {
    float: right;
}

header .headerBottom .headerBottomInner .gnav ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html header .headerBottom .headerBottomInner .gnav ul {
    height: 1%;
}

header .headerBottom .headerBottomInner .gnav ul li {
    float: left;
}

header .headerBottom .headerBottomInner .gnav ul li:nth-child(4) {
    margin: 0 0 0 20px;
}

/* ----------------------------------------------------------
	メイン	
---------------------------------------------------------- */
#main {
    width: 960px;
    margin: 10px auto 0;
}

#main:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #main {
    height: 1%;
}

#main .breadcrumb {
    font-size: 12px;
    font-size: 1.2rem;
}

#main .breadcrumb:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #main .breadcrumb {
    height: 1%;
}

#main .breadcrumb li {
    float: left;
}

#main .breadcrumb li:after {
    content: "＞";
    margin: 0 6px;
}

#main .breadcrumb li:last-child:after {
    content: "";
}

#main .contentArea {
    margin: 20px 0 0;
}

#main .chiiki {
    overflow: hidden;
    margin: 0 auto;
}

#main .chiiki .copy {
    padding-bottom: 13px;
}

#main .chiiki .tuyomi {
    border: #000 dashed 1px;
    padding: 13px 42px 13px 12px;
    margin: 0 0 20px;
    float: right;
}

#main .chiiki .chiikiImg {
    float: left;
}

#member .memberNewsList h1, #member .agree h1, #member .order h1, #member .orderlist h1, #member .regulation h1, .worksList > h2,
.worksList > h3, #works #worksForm h1, #works #flowpage h1, #person h1, #person #personForm h1, #faq article h1, #sitemap article h1, #privacy article h1, #haken article h1, #member_login h1, #member .login h1 {
    background: url(../images/heading_bg01.jpg);
    margin-top: -9px;
    padding: 23px 0 23px 89px;
}

#member .memberNewsList h1 span, #member .agree h1 span, #member .order h1 span, #member .orderlist h1 span, #member .regulation h1 span, .worksList > h2 span, .worksList > h3 span, #works #worksForm h1 span, #works #flowpage h1 span, #person h1 span, #person #personForm h1 span, #faq article h1 span, #sitemap article h1 span, #privacy article h1 span, #haken article h1 span, #member_login h1 span, #member .login h1 span {
    margin: 0 0 0 10px;
    color: #FFF;
    font-size: 12px;
    font-size: 1.2rem;
}

#member .memberNewsList h1, #member .agree h1, #member .order h1, #member .orderlist h1, #member .regulation h1 {
    background: url(../images/heading_bg01_720.jpg);
}

table {
    width: 100%;
    border-top: 1px solid #CCC;
}

table th, table td {
    padding: 10px 20px;
    border-bottom: 1px solid #CCC;
}

table th {
    background: #F2F2F2;
    font-weight: bold;
}

/* ----------------------------------------------------------
	フッター	
---------------------------------------------------------- */
footer {
    margin: 60px 0 0;
}

footer .actionNav {
    width: 960px;
    margin: 0 auto;
}

footer .actionNav ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html footer .actionNav ul {
    height: 1%;
}

footer .actionNav ul li {
    float: left;
    margin: 0 0 0 8px;
}

footer .actionNav ul li:first-child {
    margin: 0;
}

footer .pageTopBtn {
    width: 960px;
    margin: -33px auto 0;
}

footer .pageTopBtn:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html footer .pageTopBtn {
    height: 1%;
}

footer .pageTopBtn a {
    float: right;
    margin-right: -110px;
}

footer .pageTopBtn a:hover img {
    opacity: 1;
    filter: alpha(opacity=100);
}

footer .footerNav {
    background: #3282C4;
}

footer .footerNav ul {
    width: 960px;
    margin: 0 auto;
    padding: 8px 0;
}

footer .footerNav ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html footer .footerNav ul {
    height: 1%;
}

footer .footerNav ul li {
    float: left;
    margin: 0 0 0 20px;
}

footer .footerNav ul li:first-child {
    margin: 0;
}

footer .footerNav ul li a {
    color: #FFF;
    font-size: 12px;
    font-size: 1.2rem;
}

footer .companyInfo {
    width: 960px;
    margin: 0 auto;
    padding: 20px 0;
}

footer .companyInfo:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html footer .companyInfo {
    height: 1%;
}

footer .companyInfo .logo {
    float: left;
    margin: 0 20px 0 0;
}

footer .companyInfo p {
    margin: 10px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
}

footer .companyInfo small {
    display: block;
    margin: 2px 0 0;
    font-size: 10px;
    font-size: 1rem;
}

/* ----------------------------------------------------------
	TOP	
---------------------------------------------------------- */
#top header {
    background: url(../../images/top_header_bg01.png) 0 0 repeat-x;
}

#top header .headerBg {
    background: url(../../images/top_header_bg02.png) 0 0 repeat-x;
}

#top header .headerInner {
    position: relative;
    width: 960px;
    margin: 0 auto;
    height: 510px;
}

#top header .headerInner h1 {
    position: absolute;
    left: 0;
    top: 10px;
}

#top header .headerInner p {
    position: absolute;
    left: 316px;
    top: 29px;
}

#top header .headerInner .otherNav {
    position: absolute;
    left: 810px;
    top: 30px;
}

#top header .headerInner .otherNav ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #top header .headerInner .otherNav ul {
    height: 1%;
}

#top header .headerInner .otherNav ul li {
    float: left;
    margin: 0 0 0 20px;
}

#top header .headerInner .otherNav ul li:first-child {
    margin: 0;
}

#top header .headerInner .mainImg {
    position: absolute;
    left: 2px;
    top: 69px;
}

#top header .headerInner .mainImg img:last-child {
    margin: -34px 0 0 -25px;
}

#top header .headerInner .gnav {
    position: absolute;
    left: 660px;
    top: 81px;
    background: #D4F1FF;
    padding: 10px 10px 16px;
}

#top header .headerInner .gnav ul li {
    margin: 6px 0 0;
}

#top header .headerInner .gnav ul li:first-child {
    margin: 0;
}

#top header .headerInner .gnav ul li:last-child {
    margin: 7px 0 0;
    padding: 6px 0 0;
    border-top: 1px solid #CCC;
}

#top #main {
    margin-top: 40px;
}

/* ----------------------------------------------------------
	お仕事をお探しの方	
---------------------------------------------------------- */
#works_header {
    overflow: hidden;
    margin-bottom: 40px;
}

#works_header .flowBox {
    margin-left: 45px;
    float: left;
}

#works .worksSearchBox {
    border: 2px solid #3282C4;
    float: left;
    padding: 15px 16px 18px 15px;
    width: 625px;
}

#works .worksSearchBox:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #works .worksSearchBox {
    height: 1%;
}

#works .worksSearchBox h1 {
    float: left;
    margin-top: -17px;
    margin-left: -15px;
}

#works .worksSearchBox form {
    border-left: none;
}

#works .worksSearchBox form input[type=submit] {
    background: url(../../works/images/work_search.gif) 0 0 no-repeat;
    float: right;
    width: 250px;
    height: 56px;
    border: none;
    display: block;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    margin-top: -13px;
}

#works .worksSearchBox form input[type=submit]:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#works .worksSearchBox form dl {
    float: left;
    width: 290px;
    margin-top: 15px;
}

#works .worksSearchBox form dl:first-child {
    width: 280px;
    margin: 0;
}

#works .worksSearchBox form dl:first-child {
    width: 280px;
    margin: 0;
}

#works .worksSearchBox form dl:last-child {
    width: 280px;
    margin-top: 11px;
    margin-left: 20px;
}

#works .worksSearchBox form dl dt {
    float: none;
    line-height: 1;
    font-weight: normal;
    font-size: 16px;
    color: #333;
}

#works .worksSearchBox form dl dd {
    margin: 6px 0 0;
    border: none;
}

#works .worksSearchBox form dl dd input,
#works .worksSearchBox form dl dd select {
    width: 100%;
    height: 40px;
    padding: 8px;
    border: 1px solid #DDD;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.worksList > div {
    margin: 0px 0 0 -10px;
    padding: 0 10px;
}

.worksList > div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html .worksList > div {
    height: 1%;
}

.worksList article {
    float: left;
    width: 460px;
    margin: 10px 0 0 10px;
    padding: 15px 10px;
    border: 2px solid #3282C4;
}

.worksList article:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html .worksList article {
    height: 1%;
}

.worksList article .data {
    float: left;
    width: 325px;
}

.worksList article .data:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html .worksList article .data {
    height: 1%;
}

.worksList article .data span {
    float: left;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1;
}

.worksList article .data .num {
    margin: 4px 0 0;
}

.worksList article .data .area {
    display: inline-block;
    background: #FF7373;
    margin: 0 0 0 10px;
    padding: 4px 10px;
    color: #FFF;
}

.worksList article .data .heading {
    clear: both;
    padding: 5px 0 0;
}

.worksList article .data .heading a {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
}

.worksList article .data .heading a:visited {
    color: #666666;
}

.worksList article > a {
    float: right;
}

.worksList .indexBtn {
    margin: 30px 0 0;
    text-align: center;
}

.worksList .pagenation {
    margin: 30px 0 0;
    text-align: center;
}

.worksList .pagenation .pagenationInner {
    display: inline-block;
}

.worksList .pagenation .pagenationInner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html .worksList .pagenation .pagenationInner {
    height: 1%;
}

.worksList .pagenation .pagenationInner a {
    display: inline-block;
    background: #EEE;
    padding: 10px 14px;
    color: #333;
    line-height: 1;
    text-decoration: none;
}

.worksList .pagenation .pagenationInner a:hover {
    background: #3282C4;
    color: #FFF;
}

.worksList .pagenation .pagenationInner > a {
    float: left;
}

.worksList .pagenation .pagenationInner ol {
    float: left;
    margin: 0 20px;
}

.worksList .pagenation .pagenationInner ol li {
    float: left;
    margin: 0 0 0 5px;
}

.worksList .pagenation .pagenationInner ol li:first-child {
    margin: 0;
}

.worksList .pagenation .pagenationInner ol li.current a {
    background: #3282C4;
    color: #FFF;
}

p.worksBnr3 {
    text-align: center;
    margin: 20px 0 -40px;
}

/* ----------------------------------------------------------
	お仕事をお探しの方 - 詳細	
---------------------------------------------------------- */
#works #worksDetail .worksHeading {
    background: #3282C4;
    padding: 20px;
}

#works #worksDetail .worksHeading span {
    display: inline-block;
    float: left;
    margin-bottom: 10px;
    padding: 5px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
}

#works #worksDetail .worksHeading .num {
    background: #FFF;
    color: #3282C4;
}

#works #worksDetail .worksHeading .area {
    background: #FF7373;
    margin-left: 10px;
    color: #FFF;
}

#works #worksDetail .worksHeading h1 {
    clear: both;
    color: #FFF;
    font-weight: bold;
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.2;
}

#works #worksDetail .worksInfo {
    margin: 25px 0 0;
    padding: 0 10px;
}

#works #worksDetail .worksInfo dt {
    clear: both;
    float: left;
    width: 150px;
    padding: 14px 0;
    color: #3282C4;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}

#works #worksDetail .worksInfo dd {
    padding: 19px 0;
    padding-left: 150px;
    border-bottom: 1px solid #DDD;
    font-size: 14px;
    font-size: 1.4rem;
}

#works #worksDetail .worksBtn {
    margin: 30px 0 0;
    text-align: center;
}

/* ----------------------------------------------------------
	お仕事をお探しの方 - お問い合わせフォーム	
---------------------------------------------------------- */
#works #worksForm form {
    margin: 10px 0 0;
    padding: 0 10px;
}

#works #worksForm form dl dt {
    width: 210px;
    padding: 18px 40px 7px 0;
}

#works #worksForm form dl dt .min {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    color: red;
}

#works #worksForm form dl dd {
    padding: 15px 0;
    padding-left: 240px;
}

#works #worksForm form dl dd dl dt {
    clear: none;
    float: none;
    width: auto;
    margin: 15px 0 5px;
    padding: 0;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
}

#works #worksForm form dl dd dl dt:first-child {
    margin-top: 0;
}

#works #worksForm form dl dd dl dd {
    padding: 0;
    border: none;
}

#works #worksForm section {
    margin: 40px 0 0;
}

#works #worksForm section h2 {
    background: #3282C4;
    margin: 0 0 10px;
    padding: 10px 14px;
    color: #FFF;
    font-size: 20px;
    font-size: 2rem;
}

#works #worksForm .userData dd ul.inline.sex {
    margin-top: -3px;
}

#works #worksForm .userData dd ul.inline.reserve {
    margin-top: 6px;
}

#works #worksForm .userData dd ul.date:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #works #worksForm .userData dd ul.date {
    height: 1%;
}

#works #worksForm .userData dd ul.date li {
    float: left;
    margin: 0 0 0 8px;
}

#works #worksForm .userData dd ul.date li:first-child {
    margin: 0;
}

#works #worksForm .userData dd ul.date li input[type=text] {
    width: 110px;
}

#works #worksForm .userData dd ul.date li span {
    margin: 0 0 0 6px;
}

#works #worksForm .signData dd select {
    width: 100%;
}

#works #worksForm .formBtn {
    margin: 30px 0 0;
    text-align: center;
}

/* ----------------------------------------------------------
	お仕事をお探しの方 - お仕事開始までの流れ	
---------------------------------------------------------- */
#works #flowpage {
    overflow: hidden;
}

#works #flowpage .flowBox {
    width: 455px;
    float: left;
}

#works #flowpage .flowBox section {
    position: relative;
    margin: 0 0 30px;
    padding: 12px 10px;
    border: 1px solid #DDD;
}

#works #flowpage .flowBox section:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-color: transparent #FF7373;
    border-width: 16px 15px 0 15px;
    border-color: #FF7373 transparent;
}

#works #flowpage .flowBox section:after {
    position: absolute;
    left: 50%;
    bottom: -25px;
    margin: 0 0 0 -7px;
}

#works #flowpage .flowBox section:last-child {
    margin: 0;
    overflow: hidden;
}

#works #flowpage .flowBox section h3 {
    font-size: 17px;
    font-size: 1.7rem;
}

#works #flowpage .flowBox section h3 strong {
    color: #FF7373;
    font-weight: bold;
}

#works #flowpage .flowBox section p {
    margin: 5px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
}

#works #flowpage .flowBox section .saport {
    text-align: center;
    line-height: 1.5;
    font-size: 15px;
    font-size: 1.5rem;
}

#works #flowpage .flowBox section .saport span {
    background: #FF6666;
    color: #fff;
    display: inline-block;
    padding: 3px 10px;
}

#works #flowpage .flowimg {
    float: right;
}

#works .worksBnr2 {
    margin: 20px 0 -40px;
    width: 100%;
    text-align: center;
}

#works .mar30 {
    margin-top: 30px;
}

ul.worksBnr3 {
    width: 780px;
    margin: 0 auto -40px;
    overflow: hidden;
}

ul.worksBnr3 li {
    float: left;
    margin: 20px 10px 0;
}

ul.worksBnr3 li:last-child {
    margin: 20px 0 0;
}

/* ----------------------------------------------------------
	人材をお探しの企業様
---------------------------------------------------------- */
/* 下層共通 */
#person .copy {
    margin: 30px 0 0;
    text-align: center;
}

#person .copy strong {
    display: block;
    margin: 0 0 30px;
}

#person .copy_p1 {
    margin: 30px 0 0;
    text-align: center;
}

#person .copy_p1 strong {
    display: block;
    margin: 0 0 60px;
}

#person section {
    margin: 30px 10px 0;
}

#person section section {
    margin: 30px 0 0;
}

#person section > div {
    margin: 0 0 0 -20px;
}

#person section > div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #person section > div {
    height: 1%;
}

#person section > div section {
    float: left;
    margin: 20px 0 0 20px;
}

#person section .col2 section {
    width: 455px;
}

#person section .col4 section {
    width: 220px;
}

#person section h2 {
    background: #3282C4;
    margin: 0 0 20px;
    padding: 10px 14px;
    color: #FFF;
    font-size: 20px;
    font-size: 2rem;
}

#person section h3 {
    margin: 0 0 8px;
    padding: 0 0 0 10px;
    border-left: 4px solid #FF7373;
    color: #FF7373;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
}

#person .personContentsLink {
    margin: 60px 0 0;
}

#person .personContentsLink:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #person .personContentsLink {
    height: 1%;
}

#person .personContentsLink section {
    float: left;
    width: 460px;
    margin: 0 0 0 30px;
    padding: 20px;
    border: 1px solid #DDD;
    text-align: center;
}

#person .personContentsLink section:first-child {
    margin: 0;
}

#person .personContentsLink section h2 {
    background: none;
    margin: 0;
    padding: 0;
}

#person .personContentsLink section p {
    margin: 12px 0 0;
}

#person .personContentsLink section a {
    display: inline-block;
    margin: 16px 0 0;
}

#person .formBtn {
    margin: 30px 0 0;
    text-align: center;
}

/* TOP */
#person #personTop section > div {
    margin: 0;
}

#person #personTop section > div section {
    float: none;
    margin: 30px 0 0;
}

#person #personTop section > div img {
    float: right;
    margin-right: 50px;
}

#person #personTop section .outsourcing p {
    margin: 20px 0 0;
}

#person #personTop section .outsourcing p:first-child {
    margin-bottom: 0 0 30px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

#person #personTop section .outsourcing p:first-child strong {
    color: #FF7373;
    font-weight: bold;
    font-size: 21px;
    font-size: 2.1rem;
}

#person #personTop section .flowBox section {
    position: relative;
    margin: 0 0 30px;
    padding: 14px 10px;
    border: 1px solid #DDD;
}

#person #personTop section .flowBox section:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-color: transparent #FF7373;
    border-width: 16px 15px 0 15px;
    border-color: #FF7373 transparent;
}

#person #personTop section .flowBox section:after {
    position: absolute;
    left: 50%;
    bottom: -25px;
    margin: 0 0 0 -7px;
}

#person #personTop section .flowBox section:last-child {
    margin: 0;
    overflow: hidden;
}

#person #personTop section .flowBox section h3 {
    margin: 0 0 0 80px;
    padding: 0;
    border: none;
    color: #3282C4;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}

#person #personTop section .flowBox section h3 strong {
    color: #FF7373;
    font-weight: bold;
}

#person #personTop section .flowBox section p {
    margin: 5px 0 0 80px;
    font-size: 12px;
    font-size: 1.2rem;
}

#person #personTop section .flowBox section img.flow_step {
    position: absolute;
    top: 0;
    left: 15px;
}

/* ----------------------------------------------------------
	人材をお探しの企業様 - 人材派遣	
---------------------------------------------------------- */
#person #person01 section .personIllust {
    margin: 25px 0 0;
    text-align: center;
}

#person #person01 section .col2 {
    margin-top: -10px;
}

/* ----------------------------------------------------------
	人材をお探しの企業様 - 紹介予定派遣
---------------------------------------------------------- */
#person #person02 {
    margin-top: 80px;
}

#person #person02 section .col2 {
    margin-top: -10px;
}

#person #person02 section dl {
    margin: -20px 0 0;
}

#person #person02 section dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #person #person02 section dl {
    height: 1%;
}

#person #person02 section dl dt {
    clear: both;
    float: left;
    width: 352px;
    padding-top: 20px;
    line-height: 22px;
}

#person #person02 section dl dd {
    padding-top: 20px;
    padding-left: 382px;
}

#person #person02 section dl dd img {
    margin: 0 10px 0 0;
}

#person #person02 .person02_txt {
    font-size: 2rem;
    text-align: center;
    margin-top: 40px;
    font-weight: bold;
}

/* ----------------------------------------------------------
	人材をお探しの企業様 - 人材紹介・人材スカウト
---------------------------------------------------------- */
#person #person03 {
    margin-top: 80px;
}

#person #person03 .flowBox {
    margin: 40px 10px 0;
}

#person #person03 .flowBox:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #person #person03 .flowBox {
    height: 1%;
}

#person #person03 .flowBox > section {
    width: 455px;
    margin: 0;
}

#person #person03 .flowBox > section h2 {
    margin-bottom: 20px;
}

#person #person03 .flowBox > section section {
    position: relative;
    margin: 0 0 30px;
    padding: 10px;
    border: 1px solid #DDD;
}

#person #person03 .flowBox > section section:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-color: transparent #FF7373;
    border-width: 16px 15px 0 15px;
    border-color: #FF7373 transparent;
}

#person #person03 .flowBox > section section:after {
    position: absolute;
    left: 50%;
    bottom: -25px;
    margin: 0 0 0 -7px;
}

#person #person03 .flowBox > section section:last-child {
    margin: 0;
    overflow: hidden;
}

#person #person03 .flowBox > section section h3 {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}

#person #person03 .flowBox > section section p {
    margin: 5px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
}

#person #person03 .flowBox .introduce {
    float: left;
}

#person #person03 .flowBox .introduce section:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-color: transparent #FF7417;
    border-width: 16px 15px 0 15px;
    border-color: #FF7417 transparent;
}

#person #person03 .flowBox .introduce section h3 {
    color: #FF7417;
}

#person #person03 .flowBox .scout {
    float: right;
}

/* ----------------------------------------------------------
	人材をお探しの企業様 - お問い合わせフォーム	
---------------------------------------------------------- */
#person #personForm form {
    margin: 10px 0 0;
    padding: 0 10px;
}

#person #personForm form dl dt {
    width: 240px;
    padding: 18px 40px 7px 0;
}

#person #personForm form dl dd {
    padding: 15px 0;
    padding-left: 270px;
}

#person #personForm form dl dd dl dt {
    clear: none;
    float: none;
    width: auto;
    margin: 15px 0 5px;
    padding: 0;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
}

#person #personForm form dl dd dl dt:first-child {
    margin-top: 0;
}

#person #personForm form dl dd dl dd {
    padding: 0;
    border: none;
}

#person #personForm form dl dd #order_number {
    width: 100px;
    margin-right: 0.3em;
}

#person #personForm section {
    margin: 40px 0 0;
}

/* ----------------------------------------------------------
	人材をお探しの企業様 - 業務委託をご検討の企業様へ
---------------------------------------------------------- */
#person #personOutsourcing section .personIllust {
    margin: 25px 0 0;
    text-align: center;
}

#person #personOutsourcing section .col2 {
    margin-top: -10px;
}

#person #personOutsourcing section ul {
    list-style: outside none disc;
    margin: 0 0 0 1em;
}

/* ----------------------------------------------------------
	会社概要	
---------------------------------------------------------- */
#company h1 {
    margin-bottom: 0;
    position: relative;
    height: 70px;
}

#company article > div {
    margin: 0 10px;
}

#company .aisatsu {
    clear: both;
    width: 100%;
    padding: 10px;
    border: 1px dashed #FF3366;
}

#company .aisatsu:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #company .aisatsu {
    height: 1%;
}

#company .aisatsu img {
    float: left;
    margin-right: 30px;
}

#company .aisatsu h2 {
    background: none;
    margin: 8px 0 0;
    padding: 0;
    color: #FF3366;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

#company .aisatsu .comment {
    margin: 10px 0 0;
    line-height: 1.4;
    text-align: left;
}

#company .aisatsu .name {
    margin: 10px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
}

#company .dataArea {
    margin: 30px 0 0;
}

#company .dataArea:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #company .dataArea {
    height: 1%;
}

#company .dataArea section {
    width: 460px;
}

#company .dataArea section h2 {
    background: #3282C4;
    padding: 8px 14px;
    color: #FFF;
    font-size: 20px;
    font-size: 2rem;
}

#company .dataArea section dl {
    border: 1px solid #3282C4;
}

#company .dataArea section dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #company .dataArea section dl {
    height: 1%;
}

#company .dataArea section dl dt {
    clear: both;
    float: left;
    width: 110px;
    padding: 10px;
    color: #3282C4;
}

#company .dataArea section dl dd {
    padding: 10px;
    padding-left: 130px;
    border-bottom: 1px solid #3282C4;
}

#company .dataArea section dl dd:last-child {
    border: none;
}

#company .dataArea section dl dd ul {
    margin: 0 0 0 1em;
    list-style: disc;
}

#company .dataArea .about {
    float: left;
}

#company .dataArea .history {
    float: right;
    /* margin: 20px 0 0; */
}

#company .mapArea {
    margin: 40px 0 0;
}

#company .mapArea section {
    float: left;
    width: 460px;
    margin: 0 0 0 20px;
}

#company .mapArea section:first-child {
    margin: 0;
}

#company .mapArea section h2 {
    background: none;
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

#company .mapArea section h2 span {
    margin-left: 20px;
    font-size: 12px;
    font-size: 1.2rem;
}

#company .mapArea section .map {
    margin: 10px 0 0;
}

#company img.company_main {
    margin-top: -10px;
    position: absolute;
    height: 308px;
    z-index: -1;
}

#company .president {
    margin: 330px 40px 60px 20px;
    width: 100%;
}

#company .president:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #company .president {
    height: 1%;
}

#company .president .president_img {
    float: left;
    width: 215px;
}

#company .president .president_img img {
    margin-left: 36%;
}

#company .president .president_txt {
    float: left;
    width: 685px;
}

#company .president .president_txt p {
    margin-bottom: 30px;
}

#company section h2 {
    background: none repeat scroll 0 0 #3282c4;
    color: #fff;
    font-size: 2rem;
    padding: 8px 14px;
}

#company .history_block {
    width: 940px;
    background: url(../../company/images/bg02.gif);
    margin-bottom: 40px;
}

#company .history_block:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #company .history_block {
    height: 1%;
}

#company .history_block table {
    width: 50%;
    float: left;
    border-top: none;
}

#company .history_block table th {
    border: none;
    background: none;
    width: 160px;
    color: #FFFFFF;
    background: url(../../company/images/icon.gif) no-repeat 16px 23px;
    padding: 15px 10px;
}

#company .history_block table th .history_th {
    background-color: #3282C4;
    padding: 3px;
    border-radius: 5px;
    /* CSS3草案 */
    webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    margin-left: 25px;
    width: 110px;
    text-align: center;
}

#company .history_block table td {
    border-color: #DDDDDD;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 15px;
}

#company .history_block table td.td_last {
    border: none;
}

#company .profile:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #company .profile {
    height: 1%;
}

#company .profile table {
    width: 470px;
    float: left;
    margin-right: 40px;
    border-top: none;
}

#company .profile table td ul li {
    list-style: disc;
    margin-left: 20px;
}

#company .profile table .company_banner {
    margin: 20px 0 0 0;
}

#company .profile table .company_banner:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #company .profile table .company_banner {
    height: 1%;
}

#company .profile table .company_banner > li {
    float: left;
    list-style-type: none;
    margin: 0 0 15px 10px;
}

#company .profile table .company_banner > li img {
    width: 85px;
}

#company .profile .profile_map {
    float: left;
    width: 450px;
}

#company .profile .profile_map div {
    margin: 20px 0 5px;
}

#company .profile .profile_map div:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #company .profile .profile_map div {
    height: 1%;
}

#company .profile .profile_map div h3 {
    font-size: 16px;
    font-size: 1.6rem;
    float: left;
    margin: 0 20px 0 0;
}

/* ----------------------------------------------------------
	FAQ	
---------------------------------------------------------- */
#faq article > div {
    margin: 20px 10px 0;
}

#faq article > div section {
    margin: 30px 0 0;
}

#faq article > div section:first-child {
    margin: 0;
}

#faq article > div section h2 {
    background: #3282C4;
    padding: 10px 14px;
    color: #FFF;
    font-size: 20px;
    font-size: 2rem;
}

#faq article > div section dl {
    margin: 20px 0 0;
    border-bottom: 1px solid #DDD;
}

#faq article > div section dl dt {
    position: relative;
    background: url(../../faq/images/faq_ico_q.gif) 0 center no-repeat;
    padding: 15px 0 15px 44px;
    border-top: 1px solid #DDD;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    cursor: pointer;
}

#faq article > div section dl dt:before {
    content: "";
    display: inline-block;
    border-style: solid;
    border-color: transparent #FD8A17;
    border-width: 9px 8px 0 8px;
    border-color: #FD8A17 transparent;
}

#faq article > div section dl dt:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-color: transparent #FFF;
    border-width: 9px 8px 0 8px;
    border-color: #FFF transparent;
}

#faq article > div section dl dt:before {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

#faq article > div section dl dt:after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
}

#faq article > div section dl dt.open:before {
    content: "";
    display: inline-block;
    border-style: solid;
    border-color: transparent #FD8A17;
    border-width: 0 8px 9px 8px;
    border-color: #FD8A17 transparent;
}

#faq article > div section dl dt.open:after {
    content: "";
    display: inline-block;
    border-style: solid;
    border-color: transparent #FFF;
    border-width: 0 8px 9px 8px;
    border-color: #FFF transparent;
}

#faq article > div section dl dt.open:before {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
}

#faq article > div section dl dt.open:after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -3px;
}

#faq article > div section dl dd {
    display: none;
    background: url(../../faq/images/faq_ico_a.gif) 0 15px no-repeat;
    padding: 15px 44px;
    border-top: 1px dashed #DDD;
}

#faq article > div section dl dd img {
    margin: 20px 0 20px 40px;
    text-align: center;
}

/* ----------------------------------------------------------
	サイトマップ	
---------------------------------------------------------- */
#sitemap article div {
    margin: 30px 10px 0;
}

#sitemap article div > ul > li {
    margin: 12px 0 0;
}

#sitemap article div > ul > li:before {
    content: "";
    display: inline-block;
    border-style: solid;
    border-color: transparent #3282C4;
    border-width: 5px 0 5px 6px;
}

#sitemap article div > ul > li:first-child {
    margin: 0;
}

#sitemap article div > ul > li:before {
    margin-right: 5px;
}

#sitemap article div > ul > li a {
    color: #333;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}

#sitemap article div > ul > li a:visited {
    color: #666666;
}

#sitemap article div > ul > li ul {
    margin: 12px 0 0 40px;
    list-style: square;
}

#sitemap article div > ul > li ul li {
    margin: 5px 0 0;
}

#sitemap article div > ul > li ul li:first-child {
    margin: 0;
}

#sitemap article div > ul > li ul li a {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
}

/* ----------------------------------------------------------
	プライバシーポリシー	
---------------------------------------------------------- */
#privacy article > div {
    margin: 20px 10px 0;
}

#privacy article > div > section {
    margin: 30px 0 0;
}

#privacy article > div > section:first-child {
    margin: 0;
}

#privacy article > div > section h2 {
    background: #3282C4;
    margin: 0 0 20px;
    padding: 10px 14px;
    color: #FFF;
    font-size: 20px;
    font-size: 2rem;
}

#privacy article > div > section > section {
    margin: 15px 0 0;
}

#privacy article > div > section > section:first-child {
    margin: 0;
}

#privacy article > div > section > section h3 {
    margin: 0 0 5px;
    color: #FF7373;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

#privacy article > div > section > section > ol {
    margin: 15px 0 0 51px;
    list-style: decimal;
}

#privacy article > div > section > section section {
    margin: 15px 0 0 30px;
}

#privacy article > div > section > section section h4 {
    margin: 0 0 5px;
    color: #333;
    font-weight: bold;
}

#privacy article > div > section > section section ol {
    margin: 0 0 0 1.5em;
    list-style: decimal;
}

#privacy article > div > section .privacyInfo {
    margin: 20px 0 0;
    text-align: right;
}

#privacy article > div .inquiryBox {
    margin: 30px 0 0;
    padding: 15px;
    border: 1px solid #CCC;
}

#privacy article > div .inquiryBox:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #privacy article > div .inquiryBox {
    height: 1%;
}

#privacy article > div .inquiryBox > div {
    float: left;
    width: 368px;
}

#privacy article > div .inquiryBox > div h3 {
    margin: 0 0 5px;
    color: #FF7373;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

#privacy article > div .inquiryBox dl {
    float: left;
    width: 400px;
    margin: 0 0 0 50px;
}

#privacy article > div .inquiryBox dl dt {
    margin: 0 0 5px;
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

/* ----------------------------------------------------------
	派遣運営に関する事項	
---------------------------------------------------------- */
#haken article div {
    margin: 30px 10px 0;
}

#haken article table th {
    width: 252px;
}

#haken article table table {
    width: auto;
    margin: 20px 0 0;
    border: none;
    text-align: center;
}

#haken article table table td {
    padding: 0;
    border: none;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    vertical-align: middle;
}

#haken article table table td strong {
    display: inline-block;
    margin: -16px 0 0 10px;
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
}

#haken article table table tr:first-child td:first-child {
    padding-right: 20px;
}

#haken article table table tr:first-child td:nth-child(2) {
    padding: 0 5px 5px 5px;
    border-bottom: 2px solid #333;
}

#haken article table table tr:first-child td:last-child {
    padding-left: 20px;
}

#haken article table table tr:last-child td {
    padding: 5px 5px 0 5px;
}

/* ----------------------------------------------------------
	マイページログイン
---------------------------------------------------------- */
#member_login form {
    width: 500px;
    margin: 20px auto 0;
}

#member_login form dl dt {
    width: 188px;
    padding: 18px 40px 7px 0;
}

#member_login form dl dd {
    padding: 15px 0;
    padding-left: 218px;
}

#member_login form .formBtn {
    margin: 30px 0 0;
    text-align: center;
}

#member_login form .formBtn #submit {
    width: 230px;
    background: url(../../member/images/member_login_btn.jpg) 0 0 no-repeat;
}

/* ----------------------------------------------------------
	マイページ	
---------------------------------------------------------- */
#member .contentArea {
    float: right;
    width: 720px;
}

#member .sidebar {
    float: left;
    width: 200px;
    margin: 20px 0 0;
}

#member .sidebar .memberSideBlock .account {
    background: #F4F4F4;
    padding: 20px 10px 10px;
    border: 1px solid #DDD;
    text-align: center;
}

#member .sidebar .memberSideBlock .account .name {
    margin: 20px 0 0;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}

#member .sidebar .memberSideBlock .account .password, #member .sidebar .memberSideBlock .account .logout {
    margin: 12px 0 0;
}

#member .sidebar .memberSideBlock .account .password a, #member .sidebar .memberSideBlock .account .logout a {
    color: #333;
    font-size: 12px;
    font-size: 1.2rem;
}

#member .sidebar .memberSideBlock .account .logout {
    margin: 0;
}

#member .sidebar .memberSideBlock nav ul li {
    margin: 10px 0 0;
}

#member .memberNewsList dl {
    margin: 10px 0 0;
    padding: 0 10px;
}

#member .memberNewsList dl dt {
    clear: both;
    float: left;
    width: 150px;
    padding: 10px;
}

#member .memberNewsList dl dt:before {
    content: "";
    display: inline-block;
    border-style: solid;
    border-color: transparent #3282C4;
    border-width: 4px 0 4px 5px;
}

#member .memberNewsList dl dt:before {
    margin: 0 5px 0 0;
}

#member .memberNewsList dl dd {
    padding: 10px 0;
    padding-left: 150px;
    border-bottom: 1px solid #DDD;
}

#member .memberNews h1 {
    background: #3282C4;
    padding: 16px 20px;
    color: #FFF;
    font-size: 24px;
    font-size: 2.4rem;
}

#member .memberNews .date {
    margin: 10px 0 0;
    padding: 0 10px;
    text-align: right;
}

#member .memberNews .newsTxt {
    margin: 20px 0 0;
    padding: 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
}

#member .memberNews .newsTxt p {
    margin: 20px 0 0;
}

#member .memberNews .newsTxt p:first-child {
    margin: 0;
}

#member .agree .agreeTxt {
    padding: 0 10px;
}

#member .agree .agreeTxt > section h2 {
    background: #3282C4;
    margin: 0 -10px 10px;
    padding: 5px 15px;
    color: #FFF;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2em;
}

#member .agree .agreeTxt > section h2 > span {
    font-size: 15px;
    font-size: 1.5rem;
}

#member .agree .agreeTxt > section > section {
    margin-bottom: 10px;
}

#member .agree .agreeTxt > section > section h3 {
    margin: 15px 0 10px;
    color: #FF7373;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    border-left: 3px solid #FF7373;
    padding-left: 0.5em;
    line-height: 20px;
}

#member .agree .agreeTxt > section > section p {
    margin-left: 1.5em;
}

#member .agree .agreeTxt > section > section > .use {
    margin-left: -0.8em;
}

#member .agree .agreeTxt > section > section ul > li {
    list-style: disc;
    margin-left: 2.7em;
}

#member .agree .agreeTxt > section > section > span {
    font-size: 13px;
    font-size: 1.3rem;
}

#member .agree .agreeTxt > section > section ol {
    list-style: decimal;
}

#member .agree .agreeTxt > section > section ol > li {
    margin-left: 2.9em;
}

#member .agree .agreeTxt .holiBox {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 15px;
}

#member .agree .agreeTxt .holiBox > span {
    color: #FF7373;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
}

#member .agree .agreeBtn {
    margin: 30px 0 0;
    text-align: center;
}

#member .order form {
    padding: 0 10px;
}

#member .order form dl dt {
    width: 188px;
    padding: 18px 40px 7px 0;
}

#member .order form dl dd {
    padding: 15px 0;
    padding-left: 218px;
}

#member .order form dl dd ul li {
    margin: 8px 0 0;
}

#member .order form dl dd ul li:first-child {
    margin: 0;
}

#member .order form dl dd .date {
    float: left;
}

#member .order form dl dd .date:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html #member .order form dl dd .date {
    height: 1%;
}

#member .order form dl dd .date li {
    float: left;
    margin: 0 0 0 8px;
}

#member .order form dl dd .date li:first-child {
    margin: 0;
}

#member .order form dl dd .date li select {
    width: 110px;
}

#member .order form dl dd .date li span {
    margin: 0 0 0 6px;
}

#member .order form dl dd .calendar {
    float: right;
}

#member .order form dl dd #term {
    width: 110px;
}

#member .order form .orderBtn {
    margin: 30px 0 0;
    text-align: center;
}

#member .order form .orderBtn #submit {
    background: url(../../member/images/member_order_btn.jpg) 0 0 no-repeat;
}

#member .orderlist table {
    margin: 20px 0 0;
    border: none;
}

#member .orderlist table thead {
    background: #3282C4;
}

#member .orderlist table thead td {
    padding: 10px;
    color: #FFF;
    font-weight: bold;
    border-bottom: none;
    border-right: 1px solid #7eb3de;
    text-align: center;
}

#member .orderlist table thead td:first-child {
    border-left: 1px solid #3282C4;
}

#member .orderlist table thead td:last-child {
    border-color: #3282C4;
}

#member .orderlist table tbody th, #member .orderlist table tbody td {
    border: 1px solid #3282C4;
}

#member .regulation > div {
    padding: 0 10px;
}

#member .regulation section {
    margin: 20px 0 0;
}

#member .regulation section h2 {
    font-weight: bold;
    text-indent: -0.5em;
    color: #FF7373;
}

#member .regulation section dl {
    margin: 10px 0 0;
    overflow: hidden;
}

#member .regulation section dl dt {
    float: left;
    width: 50px;
    text-align: right;
}

#member .regulation section dl dd {
    padding-left: 60px;
}

#member .regulation section dl dd > ol {
    list-style: decimal;
}

#member .regulation section dl dd > ol > li {
    margin: 10px 0 0 -5px;
    padding: 0 0 0 5px;
}

#member .regulation section dl dd > ol > li:first-child {
    margin: 0;
    padding: 0;
    list-style: none;
}

#member .regulation section dl dd > ol > li > ol {
    margin: 10px 0 0;
    text-indent: -0.2em;
}

#member .regulation section dl dd > ol > li > ol > li {
    margin-left: 2.6em;
    counter-increment: li;
}

#member .regulation section dl dd > ol > li > ol > li:before {
    display: inline-block;
    width: 1.8em;
    text-align: right;
    content: "（" counter(li) "）";
}

#member .regulation section dl dd > ol > li > ol > li ol {
    margin-left: 2em;
    text-indent: 0;
    list-style: lower-roman;
    list-style: katakana-iroha;
}

#member .regulation section dl dd > ol > li > ol > li table {
    margin: 10px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
}

#member .regulation section dl dd > ol > li > ol > li table th, #member .regulation section dl dd > ol > li > ol > li table td {
    padding: 4px 2px;
    border: 1px solid #CCC;
    text-align: center;
}

#member .regulation section dl dd > ol > li dl dt {
    float: none;
    width: auto;
    text-align: left;
    counter-increment: dt;
    font-weight: bold;
    clear: both;
}

#member .regulation section dl dd > ol > li dl dt:before {
    display: inline-block;
    text-align: right;
    content: "（" counter(dt) "）";
    font-weight: normal;
}

#member .regulation section dl dd > ol > li dl dd {
    padding-left: 37px;
}

#member .regulation section.paidVacation dl > dd > ol > li:nth-child(2) ol li {
    margin-top: 10px;
}

#member .regulation section.paidVacation dl > dd > ol > li:nth-child(2) > ol > li:first-child div {
    margin-left: 28px;
}

#member .regulation-List {
    margin-top: 10px;
}

#member .regulation-List-item {
    border-bottom: 1px dotted #ccc;
}

#member .regulation-List-item a {
    display: block;
    padding: 20px;
}

#member .regulation-List-item a:hover {
    background: #F7F7F7;
}

#member .regulation-List-item:last-child {
    margin-bottom: 0;
}

#member .login form {
    width: 500px;
    margin: 20px auto 0;
}

#member .login form dl dt {
    width: 178px;
    padding: 18px 0 7px 0;
}

#member .login form dl dd {
    padding: 15px 0;
    padding-left: 208px;
}

#member .login form .formBtn {
    margin: 30px 0 0;
    text-align: center;
}

#member .login form .formBtn #submit {
    width: 230px;
    background: url(../../member/images/member_password_btn.jpg) 0 0 no-repeat;
}

/* ----------------------------------------------------------
	フォームエレメント	
---------------------------------------------------------- */
form dl:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html form dl {
    height: 1%;
}

form dl dt {
    position: relative;
    clear: both;
    float: left;
    color: #3282C4;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}

form dl dt span {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: inherit;
}

form dl dt span.must {
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    background: #F00;
    margin-top: -2px;
    padding: 3px 5px;
    color: #FFF;
    font-size: 10px;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
}

form dl dd {
    border-bottom: 1px solid #DDD;
    font-size: 14px;
    font-size: 1.4rem;
}

form dl dd:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0.1em;
}

* html form dl dd {
    height: 1%;
}

form dl dd ul li {
    margin: 8px 0 0;
}

form dl dd ul li:first-child {
    margin: 0;
}

form dl dd ul.inline {
    margin: -12px 0 0 0;
}

form dl dd ul.inline li {
    display: inline-block;
    margin-top: 12px;
    margin-right: 1.84286em;
}

form dl dd ul.inline.few {
    margin-top: 0;
}

form input[type=text], form input[type=password] {
    width: 100%;
}

form textarea {
    font-family: inherit;
    width: 100%;
    padding: 7px;
    height: 100px;
    border: 1px solid #CCC;
    font-size: 16px;
    font-size: 1.6rem;
}

form input[type=text], form input[type=password], form select {
    font-family: inherit;
    padding: 7px;
    height: 40px;
    border: 1px solid #CCC;
    font-size: 16px;
    font-size: 1.6rem;
}

form input[type=checkbox],
form input[type=radio] {
    margin-right: 0.3em;
}

form label {
    font-weight: inherit;
    cursor: pointer;
}

form #submit {
    display: block;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    background: url(../images/form_btn.jpg) 0 0 no-repeat;
    width: 320px;
    height: 65px;
    margin: 0 auto;
    border: none;
    cursor: pointer;
}

form #submit:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.confirm > p {
    margin: 20px 10px -10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDD;
    font-size: 16px;
    font-size: 1.6rem;
}

.confirm form dd {
    padding-top: 22px !important;
    font-size: 16px;
    font-size: 1.6rem;
}

.confirm form #submit {
    background: url(../images/confirm_btn.jpg) 0 0 no-repeat;
    width: 230px;
}

.thanks > p {
    margin: 20px 10px 0;
    font-size: 16px;
    font-size: 1.6rem;
}

/* ----------------------------------------------------------
	新着情報
---------------------------------------------------------- */
.news h2 {
    background: url(../images/heading_bg02.jpg) 0 0 no-repeat;
    padding: 23px 0 23px 89px;
    margin-top: 10px;
}

.news dl {
    border: solid #3282c4 2px;
    margin: 10px auto 30px;
    padding: 10px 20px;
    width: 940px;
}

.news dl dt {
    float: left;
    clear: both;
    widht: 200px;
    margin: 0;
    padding: 10px 0;
}

.news dl dd {
    margin: 0 0 0 0;
    padding: 10px 0 10px 140px;
    border-bottom: #ccc solid 1px;
}

.news dl dd > a {
    color: #333;
}

.news dl dd:last-child {
    border: none;
}
.pagination li {
    display: inline;
}