@charset "UTF-8";

/* ========================================================================== */
/* STYLE */
/* ========================================================================== */
/* ========================================================================== */
/* APPLICATION STYLE CSS SUMMARY */
/* ========================================================================== */

/**
 *
 * contents:
 * -common
 * ------------
 * -can entry box
 * ------------
 * -start job box
 * ------------
 * -search job box
 * ------------
 * -modal box
 * ------------
 *
 * @copyright Copyright (c) PORTERS Corporation
 **/


div.po-webparts-container.style0 {
    width     : 95%;
    height    : 100%;
    min-width : 550px;
    width     : auto !important;
    width     : 550px;
}


div.po-webparts-modal-container.style0 iframe,
div.po-webparts-container.style0 iframe {
    width        : 90%;
    overflow     : auto;
    margin-left  : 5%;
    margin-right : 5%;
    margin-top   : 0px;
    border       : none;
}

div.po-webparts-modal-container .po-iframe,
div.po-webparts-container .po-iframe {
    width: 100%;
}


div.po-remark {
width: 100%;
}

div.po-webparts-container.style1 .po-success-msg {
    text-align: center;
    margin-top: 10px;
    font-size: 150%;
}



.po-webparts-modal-overlay {
    background: black;
    opacity: 0.2
}


//* ========================================================================== */
/* COMMON */
/* ========================================================================== */

.po-webparts-container.style0 .po-normal,
.po-webparts-modal-container.style0 .po-normal { font-size:16px; }
.po-webparts-container.style0 .po-title,
.po-webparts-modal-container.style0 .po-title { font-size:20px; }


/* table */
.po-webparts-container.style0 table,
.po-webparts-modal-container.style0 table
{
    width           : 100%;
    border-collapse : collapse;
    border-spacing  : 0;
}


.po-webparts-container.style0 table tr,
.po-webparts-modal-container.style0 table tr
{
    border-top: 2px solid #E3E3E3;
}


.po-webparts-container.style0 table th
{
    min-width      : 80px;
    padding        : 18px 10px 11px 25px;
    min-height     : 22px;
    height         : auto !important;
    height         : 22px;
    font-weight    : 700;
    text-align     : left;
    vertical-align : top;
    line-height    : 1.1;
}


.po-webparts-modal-container.style0 table th
{
    width          : 120px;
    padding        : 18px 10px 11px 25px;
    min-height     : 22px;
    height         : auto !important;
    height         : 22px;
    font-weight    : 700;
    text-align     : left;
    vertical-align : top;
    line-height    : 1.1;
}


.po-webparts-container.style0 table .po-single td,
.po-webparts-modal-container.style0 table .po-single td
{
    min-height     : 22px;
    padding        : 17px 0 11px 0;
    height         : auto !important;
    height         : 22px;
    vertical-align : top;
    line-height    : 1.1;
    color          : #696969;
}


.po-webparts-container.style0 table .po-double td
{
    padding        : 17px 0;
    min-height     : 22px;
    height         : auto !important;
    height         : 22px;
    width          : 30%;
    vertical-align : middle;
    line-height    : 1.1;
    color          : #696969;
}


.po-webparts-modal-container.style0 table .po-double td
{
    width          : 30%;
    min-height     : 22px;
    padding        : 17px 0;
    height         : auto !important;
    height         : 22px;
    vertical-align : middle;
    line-height    : 1.1;
    color          : #696969;
}


/* textarea */
.po-webparts-container.style0 .po-joblist textarea,
.po-webparts-modal-container.style0 .po-contents-wrapper textarea
{
    width       : 100%;
    padding     : 2px 0 4px 0;
    border      : 1px solid #E3E3E3;
    font-size   : 16px;
    color       : #818181;
}


/* select */
.po-webparts-container.style0 .po-joblist select,
.po-webparts-modal-container.style0 .po-contents-wrapper select
{
    width       : 100%;
    height      : 30px;
    border      : 1px solid #E3E3E3;
    font-size   : 16px;
    color       : #818181;
}


/* input */
.po-webparts-container.style0 .po-joblist input[type="text"],
.po-webparts-modal-container.style0 .po-contents-wrapper input[type="text"]
{
    width       : 100%;
    padding     : 2px 0 4px 0;
    border      : 1px solid #E3E3E3;
    font-size   : 16px;
    color       : #818181;
    text-indent : 5px;
}


.po-webparts-container.style0 .po-joblist input[type="file"],
.po-webparts-modal-container.style0 .po-contents-wrapper input[type="file"]
{
    padding     : 2px 0 4px 0;
    border      : 1px solid #E3E3E3;
    font-size   : 16px;
    color       : #999999;
}


/* selector */
.po-webparts-container.style0 .po-joblist select.po-number-selector,
.po-webparts-modal-container.style0 .po-contents-wrapper select.po-number-selector
{
    width       : 40px;
    height      : 21px;
    border      : 1px solid #E3E3E3;
    font-size   : 16px;
    color       : #818181;
}


.po-webparts-container.style0 .po-joblist input[type="text"].po-number-selector,
.po-webparts-modal-container.style0 .po-contents-wrapper input[type="text"].po-number-selector
{
    width       : 30%;
    padding     : 2px 1px 4px 1px;
    border      : 1px solid #E3E3E3;
    font-size   : 16px;
    color       : #818181;
    text-indent : 5px;
}


/* checkbox */
.po-webparts-container.style0 .po-checkbox div,
.po-webparts-modal-container.style0 .po-contents-wrapper .po-checkbox div
{
    margin      : 0 0 10px 0;
    font-size   : 16px;
    line-height : 1.4;
}


.po-webparts-container.style0 .po-checkbox div input,
.po-webparts-modal-container.style0 .po-contents-wrapper div input
{
    margin : 0 5px 0 ;
}


/* date */
div.po-webparts-container.style0 .po-year 
{
    width: 55px !important;
    text-align: center;
}

div.po-webparts-container.style0 .po-month,
div.po-webparts-container.style0 .po-day 
{
    width: 30px !important;
    margin: 2px 5px !important;
    text-align: center;
}

.po-webparts-container.style0 .po-checkbox div .po-year,
.po-webparts-modal-container.style0 .po-contents-wrapper div .po-year
{
    width : 55px;
}

.po-webparts-container.style0 .po-checkbox div .po-month,
.po-webparts-container.style0 .po-checkbox div .po-day,
.po-webparts-modal-container.style0 .po-contents-wrapper div .po-month,
.po-webparts-modal-container.style0 .po-contents-wrapper div .po-day
{
    width  : 30px;
    margin : 0 10px;
}


/* remark */
.po-webparts-container.style0 .po-remark,
.po-webparts-modal-container.style0 .po-contents-wrapper .po-remark
{
    font-size   : 16px;
    line-height : 1.4;
    word-wrap   : break-word;
    word-break  : break-all;
    color       : #9E9E9E;
}


.po-webparts-container.style0 .po-checkbox div span,
.po-webparts-modal-container.style0 .po-contents-wrapper div span
{
    margin : 0 15px 0 0;
}


/* required */
.po-webparts-container.style0 .po-required,
.po-webparts-modal-container.style0 .po-required
{
    padding-top : 11px;
}


.po-webparts-container.style0 .po-searchform .po-required span,
{
    display  : inline-block;
    padding  : 1px 0 13px 0;
    width   : 10px;
    height  : 10px;
    background-image    : url("/company/img/required_icn.png");
    background-position : left bottom;
    background-repeat   : no-repeat;
    background-color    : transparent;
}


.po-webparts-container.style0 .po-required-elem,
.po-webparts-modal-container.style0 .po-contents-wrapper .po-required-elem
{
    display : block;
    width   : 10px;
    height  : 10px;
    margin  : 3px 0;

    background-image    : url("/company/img/required_icn.png");
    background-position : 0 0;
    background-repeat   : no-repeat;
    background-color    : transparent;
}


/* error message */
.po-webparts-container.style0 .po-validation,
.po-webparts-modal-container.style0 .po-validation
{
    margin      : 3px 0 0 0;
    color       : #FF0000;
    font-size   : 80%;
    font-weight : bold;
}



/* label */

.po-label{
	font-size: 16px;
}


.po-webparts-container.style0 .po-joblist table th,
.po-webparts-modal-container.style0 .po-contents-wrapper table th
{
    background-position : 12px 14px;
    background-repeat   : no-repeat;
}


/* footer */
.po-webparts-container.style0 .po-buttons,
.po-webparts-container.style0 .po-job-buttons-container
{
    min-height : 38px;
    height     : auto !important;
    height     : 38px;
    padding    : 17px 0 11px 0;
    position   : relative;
    border-top : 4px solid #ededed;
    text-align : center;

    background-image    : url("images/bg.gif");
    background-position : 0 0;
    background-repeat   : repeat;
}


/* ========================================================================== */
/* CAN ENTRY BOX */
/* ========================================================================== */

/* contents */
.po-webparts-container.style0 .po-jobsearch-wrap .po-canentryform
{
    margin  : 0 0 0 0;
    padding : 16px;
}


/* entry btn */
.po-webparts-container.style0 .po-button-send-outer.po-button-outer
{
    display    : inline-block;
    height     : 40px;
    margin     : 20px auto;
    text-align : center;
    padding    : 0 px;
    box-shadow : 0 2px 4px #9E9E9E;
    cursor     : pointer;

}


.po-webparts-container.style0.po-blue .po-button-send-outer.po-button-outer  { background-position : left 0; }
.po-webparts-container.style0.po-green .po-button-send-outer.po-button-outer { background-position : left -38px; }
.po-webparts-container.style0.po-brown .po-button-send-outer.po-button-outer { background-position : left -76px; }
.po-webparts-container.style0.po-red .po-button-send-outer.po-button-outer   { background-position : left -114px; }


.po-webparts-container.style0 .po-button-apply-outer.po-button-outer:hover,
.po-webparts-container.style0 .po-button-send-outer.po-button-outer:hover
{
    opacity : 0.8;
}


.po-webparts-container.style0 .po-button-apply-inner.po-button-inner,
.po-webparts-container.style0 .po-button-send-inner.po-button-inner
{
    display : inline-block;
    height  : 50px;
    padding : 0 20px ;
    background-color    :#333 ;
 }


.po-webparts-container.style0.po-blue .po-button-send-inner.po-button-inner   { background-position : right -608px; }
.po-webparts-container.style0.po-green .po-button-send-inner.po-button-inner  { background-position : right -646px; }
.po-webparts-container.style0.po-brown .po-button-send-inner.po-button-inner  { background-position : right -684px; }
.po-webparts-container.style0.po-red .po-button-send-inner.po-button-inner    { background-position : right -722px; }


.po-webparts-container.style0 button.po-button-apply,
.po-webparts-container.style0 button.po-button-send
{
    display           : block;
    margin            : auto;
    padding           : 12px ;
    max-width         : 380px;
    width             : auto !important;
    width             : 380px;
    overflow          : hidden;
    white-space       : nowrap;
    -ms-text-overflow : ellipsis;
    text-overflow     : ellipsis;
    border            : none;
    outline           : none;
    background        : none;
    color             : #FFFFFF;
    font-size         : 16px;
    font-weight       : bold;
    word-wrap         : nowrap;
    cursor            : pointer;
}


/* ========================================================================== */
/* START JOB BOX */
/* ========================================================================== */

/* wrap */
.po-webparts-container.style0 .po-jobsearch-wrap
{
    margin            : 4px 4px 4px 4px;
    padding           : 0 0 0 0;

}


.po-webparts-container.style0 .po-privacy-policy
{
    max-height       : 100px;
    height           : auto !important;
    height           : 100px;
    margin           : 0 16px 17px 16px;
    padding          : 6px 6px 6px 6px;
    overflow-y       : auto;
    text-align       : left;
    color            : #333333;
    border           : 1px solid #E3E3E3;
    background-color : #FFFFFF;
}


/* contents */
.po-webparts-container.style0 .po-jobsearch-wrap .po-searchform
{
    margin  : 0 0 0 0;
    padding : 10px 16px 30px 16px;
}


/* search btn */
.po-webparts-container.style0 .po-button-search-outer.po-button-outer
{
    display    : inline-block;
    max-width  : 421px;
    width      : auto !important;
    width      : 421px;
    height     : 38px;
    margin     : 0 0 0 0;
    padding    : 0 0 0 60px;
    box-shadow : 0 2px 4px #9E9E9E;
    cursor     : pointer;

    background-image    : url("images/buttons.png");
    background-position : left -152px;
    background-repeat   : no-repeat;
}


.po-webparts-container.style0 .po-header .po-button-search-outer.po-button-outer
{
    display    : inline-block;
    max-width  : 170px;
    width      : auto !important;
    width      : 170px;
    height     : 38px;
    margin     : 0 0 0 0;
    padding    : 0 0 0 60px;
    box-shadow : 0 2px 4px #9E9E9E;
    cursor     : pointer;

    background-image    : url("images/buttons.png");
    background-position : left -152px;
    background-repeat   : no-repeat;
}


.po-webparts-container.style0.po-blue .po-button-search-outer.po-button-outer  { background-position : left -152px; }
.po-webparts-container.style0.po-green .po-button-search-outer.po-button-outer { background-position : left -190px; }
.po-webparts-container.style0.po-brown .po-button-search-outer.po-button-outer { background-position : left -228px; }
.po-webparts-container.style0.po-red .po-button-search-outer.po-button-outer   { background-position : left -266px; }


.po-webparts-container.style0 .po-button-search-outer.po-button-outer:hover
{
    opacity : 0.8;
}


.po-webparts-container.style0 .po-button-search-inner.po-button-inner
{
    display   : inline-block;
    max-width : 378px;
    width     : auto !important;
    width     : 378px;
    height    : 38px;
    padding   : 0 50px 0 0;

    background-image    : url("images/buttons.png");
    background-position : right -760px;
    background-repeat   : no-repeat;
}


.po-webparts-container.style0 .po-header .po-button-search-inner.po-button-inner
{
    display   : inline-block;
    max-width : 120px;
    width     : auto !important;
    width     : 120px;
    height    : 38px;
    padding   : 0 50px 0 0;

    background-image    : url("images/buttons.png");
    background-position : right -760px;
    background-repeat   : no-repeat;
}


.po-webparts-container.style0.po-blue .po-button-search-inner.po-button-inner  { background-position : right -760px; }
.po-webparts-container.style0.po-green .po-button-search-inner.po-button-inner { background-position : right -798px; }
.po-webparts-container.style0.po-brown .po-button-search-inner.po-button-inner { background-position : right -836px; }
.po-webparts-container.style0.po-red .po-button-search-inner.po-button-inner   { background-position : right -874px; }


.po-webparts-container.style0 button.po-button-search
{
    display          : block;
    margin           : 0 0 0 0;
    padding          : 12px 0 0 0;
    max-width        : 378px;
    width            : auto !important;
    width            : 378px;
    overflow         : hidden;
    white-space      : nowrap;
   -ms-text-overflow : ellipsis;
   -o-text-overflow  : ellipsis;
    text-overflow    : ellipsis;
    border           : none;
    outline          : none;
    background       : none;
    color            : #FFFFFF;
    font-size        : 16px;
    font-weight      : bold;
    word-wrap        : nowrap;
    cursor           : pointer;
}


.po-webparts-container.style0 .po-header button.po-button-search
{
    display          : block;
    margin           : 0 0 0 0;
    padding          : 12px 0 0 0;
    max-width        : 163px;
    width            : auto !important;
    width            : 163px;
    overflow         : hidden;
    white-space      : nowrap;
   -ms-text-overflow : ellipsis;
   -o-text-overflow  : ellipsis;
    text-overflow    : ellipsis;
    border           : none;
    outline          : none;
    background       : none;
    color            : #FFFFFF;
    font-size        : 16px;
    font-weight      : bold;
    word-wrap        : nowrap;
    cursor           : pointer;
}


/* ========================================================================== */
/* SEARCH JOB BOX */
/* ========================================================================== */

/* header box */
.po-webparts-container.style0 .po-header
{
    margin     : 29px 0 12px 0;
    text-align : right;
}


.po-webparts-container.style0 .po-header:before,
.po-webparts-container.style0 .po-header:after
{
    content  : ".";
    display  : block;
    height   : 0;
    overflow : hidden;
}


.po-webparts-container.style0 .po-header:after
{
    clear : both;
}


.po-webparts-container.style0 .po-header .po-header-left
{

    float     : left;
    min-width : 75px;
    width     : auto !important;
    width     : 75px;
}


.po-webparts-container.style0 .po-header .po-header-right
{
    float   : right;
    display : inline-block;
}


/* wrap */
.po-webparts-container.style0 .po-job-separator
{
    height : 10px;
}


.po-webparts-container.style0 .po-job-item
{
    margin            : 5px 5px 5px 5px;
    padding           : 0 0 0 0;
   -moz-box-shadow    : 0 0 7px #CACACA;
   -webkit-box-shadow : 0 0 7px #CACACA;
    box-shadow        : 0 0 7px #CACACA;
    border            : 4px solid #EDEDED !important;
}


/* contents */
.po-webparts-container.style0 .po-job-item .po-job-item-data
{
    margin  : 0 0 0 0;
    padding : 10px 16px 30px 16px;
}


.po-webparts-container.style0 .po-checkbox div .po-year,
.po-webparts-container.style0 .po-contents-wrapper div .po-year
{
    width : 45px;
}


.po-webparts-container.style0 .po-checkbox div .po-month,
.po-webparts-container.style0 .po-checkbox div .po-day,
.po-webparts-container.style0 .po-contents-wrapper div .po-month,
.po-webparts-container.style0 .po-contents-wrapper div .po-day
{
    width  : 27px;
    margin : 0 5px;
}


/* detail btn */
.po-webparts-container.style0 .po-button-seedetail-outer.po-button-outer
{
    display    : inline-block;
    max-width  : 421px;
    width      : auto !important;
    width      : 421px;
    height     : 38px;
    margin     : 0 0 0 0;
    padding    : 0 0 0 73px;
    box-shadow : 0 2px 4px #9E9E9E;
    cursor     : pointer;

    background-image    : url("images/buttons.png");
    background-position : left -456px;
    background-repeat   : no-repeat;
}


.po-webparts-container.style0.po-blue .po-button-seedetail-outer.po-button-outer  { background-position : left -456px; }
.po-webparts-container.style0.po-green .po-button-seedetail-outer.po-button-outer { background-position : left -494px; }
.po-webparts-container.style0.po-brown .po-button-seedetail-outer.po-button-outer { background-position : left -532px; }
.po-webparts-container.style0.po-red .po-button-seedetail-outer.po-button-outer   { background-position : left -570px; }


.po-webparts-container.style0 .po-button-seedetail-outer.po-button-outer:hover
{
    opacity : 0.8;
}


.po-webparts-container.style0 .po-button-seedetail-inner.po-button-inner
{
    display   : inline-block;
    max-width : 378px;
    width     : auto !important;
    width     : 378px;
    height    : 38px;
    padding   : 0 43px 0 0;
    overflow  : hidden;

    background-image    : url("images/buttons.png");
    background-position : right -760px;
    background-repeat   : no-repeat;
}


.po-webparts-container.style0.po-blue .po-button-seedetail-inner.po-button-inner  { background-position : right -760px; }
.po-webparts-container.style0.po-green .po-button-seedetail-inner.po-button-inner { background-position : right -798px; }
.po-webparts-container.style0.po-brown .po-button-seedetail-inner.po-button-inner { background-position : right -836px; }
.po-webparts-container.style0.po-red .po-button-seedetail-inner.po-button-inner   { background-position : right -874px; }


.po-webparts-container.style0 button.po-button-seedetail
{
    display          : block;
    margin           : 0 0 0 0;
    max-width        : 378px;
    width            : auto !important;
    width            : 378px;
    padding          : 12px 0 0 0;
    border           : none;
    outline          : none;
    color            : #FFFFFF;
    font-size        : 16px;
    font-weight      : bold;
    overflow         : hidden;
    white-space      : nowrap;
    text-overflow    : ellipsis;
   -ms-text-overflow : ellipsis;
   -o-text-overflow  : ellipsis;
    word-wrap        : normal;
    cursor           : pointer;
    background       : none;
}


/* form btn */
.po-webparts-container.style0 .po-button-register-outer.po-button-outer
{
    display    : inline-block;
    max-width  : 176px;
    width      : auto !important;
    width      : 176px;
    height     : 38px;
    margin     : 0 0 0 12px;
    padding    : 0 0 0 53px;
    box-shadow : 0 2px 4px #9E9E9E;
    cursor     : pointer;

    background-image    : url("images/buttons.png");
    background-position : left -304px;
    background-repeat   : no-repeat;
}


.po-webparts-container.style0.po-blue .po-button-register-outer.po-button-outer  { background-position : left -304px; }
.po-webparts-container.style0.po-green .po-button-register-outer.po-button-outer { background-position : left -342px; }
.po-webparts-container.style0.po-brown .po-button-register-outer.po-button-outer { background-position : left -380px; }
.po-webparts-container.style0.po-red .po-button-register-outer.po-button-outer   { background-position : left -418px; }


.po-webparts-container.style0 .po-button-register-outer.po-button-outer:hover
{
    opacity : 0.8;
}


.po-webparts-container.style0 .po-button-register-inner.po-button-inner
{
    display   : inline-block;
    max-width : 163px;
    width     : auto !important;
    width     : 163px;
    height    : 38px;
    padding   : 0 13px 0 0;

    background-image    : url("images/buttons.png");
    background-position : right -760px;
    background-repeat   : no-repeat;
}


.po-webparts-container.style0.po-blue .po-button-register-inner.po-button-inner  { background-position : right -760px; }
.po-webparts-container.style0.po-green .po-button-register-inner.po-button-inner { background-position : right -798px; }
.po-webparts-container.style0.po-brown .po-button-register-inner.po-button-inner { background-position : right -836px; }
.po-webparts-container.style0.po-red .po-button-register-inner.po-button-inner   { background-position : right -874px; }


.po-webparts-container.style0 button.po-button-register
{
    display           : block;
    margin            : 0 0 0 0;
    padding           : 12px 0 0 0;
    max-width         : 163px;
    width             : auto !important;
    width             : 163px;
    overflow          : hidden;
    white-space       : nowrap;
   -ms-text-overflow  : ellipsis;
   -o-text-overflow   : ellipsis;
    text-overflow     : ellipsis;
    border            : none;
    outline           : none;
    background        : none;
    color             : #FFFFFF;
    font-size         : 16px;
    font-weight       : bold;
    word-wrap         : nowrap;
    cursor            : pointer;
}


/* seemore btn */
.po-webparts-container.style0 .po-joblist-footer
{
    text-align : center;
}

.po-webparts-container.style0 .po-button-seemore-outer.po-button-outer
{
    height      : 42px;
    display     : inline-block;
    margin      : 0 auto 40px auto;
    padding     : 0 0 0 54px;
    cursor      : pointer;

    background-image    : url("images/seemore_btn.png");
    background-position : 0 50%;
    background-repeat   : no-repeat;
}


.po-webparts-container.style0 button.po-button-seemore
{
    padding     : 23px 0 0 0;
    border      : none;
    outline     : none;
    line-height : 1.5;
    cursor      : pointer;

    background-image    : none;
    background-position : 0 0;
    background-repeat   : no-repeat;
    background-color    : transparent;
}


.po-webparts-container.style0 .po-button-seemore-outer.po-button-outer:hover,
.po-webparts-container.style0 button.po-button-seemore:hover
{
    opacity :0.7;
}


/* search btn */
.po-webparts-modal-container.style0 .po-button-search-outer.po-button-outer
{
    display    : inline-block;
    height     : 38px;
    margin     : 1.5% 0 0 0;
    padding    : 0 0 0 60px;
    box-shadow : 0 2px 4px #9E9E9E;
    cursor     : pointer;

    background-image    : url("images/buttons.png");
    background-position : left -152px;
    background-repeat   : no-repeat;
}


.po-webparts-modal-container.style0.po-blue .po-button-search-outer.po-button-outer  { background-position : left -152px; }
.po-webparts-modal-container.style0.po-green .po-button-search-outer.po-button-outer { background-position : left -190px; }
.po-webparts-modal-container.style0.po-brown .po-button-search-outer.po-button-outer { background-position : left -228px; }
.po-webparts-modal-container.style0.po-red .po-button-search-outer.po-button-outer   { background-position : left -266px; }


.po-webparts-modal-container.style0 .po-button-search-outer.po-button-outer:hover
{
    opacity : 0.8;
}


.po-webparts-modal-container.style0 .po-button-search-inner.po-button-inner
{
    display : inline-block;
    height  : 38px;
    padding : 0 50px 0 0;

    background-image    : url("images/buttons.png");
    background-position : right -760px;
    background-repeat   : no-repeat;
}


.po-webparts-modal-container.style0.po-blue .po-button-search-inner.po-button-inner  { background-position : right -760px; }
.po-webparts-modal-container.style0.po-green .po-button-search-inner.po-button-inner { background-position : right -798px; }
.po-webparts-modal-container.style0.po-brown .po-button-search-inner.po-button-inner { background-position : right -836px; }
.po-webparts-modal-container.style0.po-red .po-button-search-inner.po-button-inner   { background-position : right -874px; }


.po-webparts-modal-container.style0 button.po-button-search
{
    display           : block;
    margin            : 0 0 0 0;
    padding           : 12px 0 0 0;
    max-width         : 380px;
    width             : auto !important;
    width             : 380px;
    overflow          : hidden;
    white-space       : nowrap;
    -ms-text-overflow : ellipsis;
    text-overflow     : ellipsis;
    border            : none;
    outline           : none;
    background        : none;
    color             : #FFFFFF;
    font-size         : 16px;
    font-weight       : bold;
    word-wrap         : nowrap;
    cursor            : pointer;
}


/* ========================================================================== */
/* MODAL BOX */
/* ========================================================================== */

.po-webparts-modal-container.style0
{

}


/* header box */
.po-webparts-modal-container.style0 .po-header
{
    height            : 10%;
    margin            : 0 0 0 0;
    padding           : 0 16px 0 16px;
    overflow          : hidden;
    white-space       : nowrap;
    -ms-text-overflow : ellipsis;
    text-overflow     : ellipsis;
    font-size         : 20px;
    font-weight       : bold;
    line-height       : 2.1;
}


.po-webparts-modal-container.style0.po-blue .po-header   { color : #3488BF; }
.po-webparts-modal-container.style0.po-green .po-header  { color : #2A9023; }
.po-webparts-modal-container.style0.po-brown .po-header  { color : #9D8D31; }
.po-webparts-modal-container.style0.po-red .po-header    { color : #A13C16; }


/* wrap */
.po-webparts-modal-container.style0 .po-contents-wrapper
{
    height            : inherit;
    min-height        : 505px;
    padding           : 0 0 0 0;
   -moz-box-shadow    : 0 0 7px #3E3E3E;
   -webkit-box-shadow : 0 0 7px #3E3E3E;
    box-shadow        : 0 0 7px #3E3E3E;
    border            : 4px solid #EDEDED !important;
    background-color  : #FFFFFF;
}


.po-webparts-modal-container.style0 .po-privacy-wrap
{
    margin  : 0 15px 0 15px;
    padding : 15px 0 0 0;
}


.po-webparts-modal-container.style0 .po-privacy-policy
{
    height           : 53px;
    margin           : 0 0 0 0;
    padding          : 6px 6px 6px 10px;
    overflow-y       : auto;
    text-align       : left;
    color            : #747474;
    border           : 2px solid #EDEDED;
    background-color : #FFFFFF;
}


/* contents */
.po-webparts-modal-container.style0 .po-no-privacy .po-contents
{
    height   : 80%;
    margin   : 0 0 0 0;
    padding  : 0 16px;
    overflow : auto;
}


.po-webparts-modal-container.style0 .po-has-privacy .po-contents
{
    height   : 64%;
    margin   : 0 0 0 0;
    padding  : 0 16px;
    overflow : auto;
}


.po-webparts-modal-container.style0 .po-no-privacy .po-buttons
{
    height     : 10%;
    padding    : 0 0 0 0;
    text-align : center;

    background-image    : url("images/bg.gif");
    background-position : 0 0;
    background-repeat   : repeat;
}


.po-webparts-modal-container.style0 .po-has-privacy .po-buttons
{
    height     : 26%;
    padding    : 0 0 0 0;
    text-align : center;

    background-image    : url("images/bg.gif");
    background-position : 0 0;
    background-repeat   : repeat;
}


/* entry btn */
.po-webparts-modal-container.style0 .po-button-apply-outer.po-button-outer,
.po-webparts-modal-container.style0 .po-button-send-outer.po-button-outer
{
    display    : inline-block;
    max-width  : 325px;
    width      : auto !important;
    width      : 325px;
    height     : 38px;
    margin     : 7px 0 0 0;
    padding    : 0 px;
    box-shadow : 0 2px 4px #9E9E9E;
    cursor     : pointer;

    background-image    : url("images/buttons.png");
    background-position : left 0;
    background-repeat   : no-repeat;
}


.po-webparts-modal-container.style0.po-blue .po-button-apply-outer.po-button-outer,
.po-webparts-modal-container.style0.po-blue .po-button-send-outer.po-button-outer  { background-position : left 0; }
.po-webparts-modal-container.style0.po-green .po-button-apply-outer.po-button-outer,
.po-webparts-modal-container.style0.po-green .po-button-send-outer.po-button-outer { background-position : left 0; }
.po-webparts-modal-container.style0.po-brown .po-button-apply-outer.po-button-outer,
.po-webparts-modal-container.style0.po-brown .po-button-send-outer.po-button-outer { background-position : left 0; }
.po-webparts-modal-container.style0.po-red .po-button-apply-outer.po-button-outer,
.po-webparts-modal-container.style0.po-red .po-button-send-outer.po-button-outer   { background-position : left 0; }


.po-webparts-modal-container.style0 .po-button-apply-outer.po-button-outer:hover,
.po-webparts-modal-container.style0 .po-button-send-outer.po-button-outer:hover
{
    opacity : 0.8;
}


.po-webparts-modal-container.style0 .po-button-apply-inner.po-button-inner,
.po-webparts-modal-container.style0 .po-button-send-inner.po-button-inner
{
    display   : inline-block;
    max-width : 300auto !important;
    width     : 300px;
    height    : 38px;
    padding   : 0;

    background-image    : url("images/buttons.png");
    background-position : right -608px;
    background-repeat   : no-repeat;
}


.po-webparts-modal-container.style0.po-blue .po-button-apply-inner.po-button-inner,
.po-webparts-modal-container.style0.po-blue .po-button-send-inner.po-button-inner  { background-position : right -608px; }
.po-webparts-modal-container.style0.po-green .po-button-apply-inner.po-button-inner,
.po-webparts-modal-container.style0.po-green .po-button-send-inner.po-button-inner { background-position : right -646px; }
.po-webparts-modal-container.style0.po-brown .po-button-apply-inner.po-button-inner,
.po-webparts-modal-container.style0.po-brown .po-button-send-inner.po-button-inner { background-position : right -684px; }
.po-webparts-modal-container.style0.po-red .po-button-apply-inner.po-button-inner,
.po-webparts-modal-container.style0.po-red .po-button-send-inner.po-button-inner   { background-position : right -722px; }


.po-webparts-modal-container.style0 button.po-button-apply,
.po-webparts-modal-container.style0 button.po-button-send
{
    display           : block;
    margin            : 0 0 0 0;
    padding           : 12px 0 0 0;
    max-width         : 300px;
    width             : auto !important;
    width             : 300px;
    overflow          : hidden;
    white-space       : nowrap;
    text-overflow     : ellipsis;
   -ms-text-overflow  : ellipsis;
   -o-text-overflow   : ellipsis;
    border            : none;
    outline           : none;
    background        : none;
    color             : #FFFFFF;
    font-size         : 16px;
    font-weight       : bold;
    word-wrap         : nowrap;
    cursor            : pointer;
}


/* search btn */
.po-webparts-modal-container.style0 .po-buttons .po-button-search-outer.po-button-outer
{
    display    : inline-block;
    max-width  : 325px;
    width      : auto !important;
    width      : 325px;
    height     : 38px;
    margin     : 7px 0 0 0;
    padding    : 0 0 0 60px;
    box-shadow : 0 2px 4px #9E9E9E;
    cursor     : pointer;

    background-image    : url("images/buttons.png");
    background-position : left -152px;
    background-repeat   : no-repeat;
}


.po-webparts-modal-container.style0.po-blue .po-buttons .po-button-search-outer.po-button-outer  { background-position : left -152px; }
.po-webparts-modal-container.style0.po-green .po-buttons .po-button-search-outer.po-button-outer { background-position : left -190px; }
.po-webparts-modal-container.style0.po-brown .po-buttons .po-button-search-outer.po-button-outer { background-position : left -228px; }
.po-webparts-modal-container.style0.po-red .po-buttons .po-button-search-outer.po-button-outer   { background-position : left -266px; }


.po-webparts-modal-container.style0 .po-buttons .po-button-search-outer.po-button-outer:hover
{
    opacity : 0.8;
}


.po-webparts-modal-container.style0 .po-buttons .po-button-search-inner.po-button-inner
{
    display   : inline-block;
    max-width : 275px;
    width     : auto !important;
    width     : 275px;
    height    : 38px;
    padding   : 0 50px 0 0;

    background-image    : ;
    background-position : right -760px;
    background-repeat   : no-repeat;
}


.po-webparts-modal-container.style0.po-blue .po-buttons .po-button-search-inner.po-button-inner  { background-position : right -760px; }
.po-webparts-modal-container.style0.po-green .po-buttons .po-button-search-inner.po-button-inner { background-position : right -798px; }
.po-webparts-modal-container.style0.po-brown .po-buttons .po-button-search-inner.po-button-inner { background-position : right -836px; }
.po-webparts-modal-container.style0.po-red .po-buttons .po-button-search-inner.po-button-inner   { background-position : right -874px; }


.po-webparts-modal-container.style0 .po-buttons button.po-button-search
{
    display           : block;
    margin            : 0 0 0 0;
    padding           : 12px 0 0 0;
    max-width         : 275px;
    width             : auto !important;
    width             : 275px;
    overflow          : hidden;
    white-space       : nowrap;
    text-overflow     : ellipsis;
   -ms-text-overflow  : ellipsis;
   -o-text-overflow   : ellipsis;
    border            : none;
    outline           : none;
    background        : none;
    color             : #FFFFFF;
    font-size         : 16px;
    font-weight       : bold;
    word-wrap         : nowrap;
    cursor            : pointer;
}


/* close btn */
.po-webparts-modal-container.style0 .po-button-close-outer.po-button-outer
{
    height   : 22px;
    width    : 22px;
    display  : inline-block;
    margin   : 0 0 0 0;
    position : absolute;
    top      : 0;
    right    : 0;
    cursor   : pointer;

    background-image    : url("images/close_btn.png");
    background-position : 0 50%;
    background-repeat   : no-repeat;
}


.po-webparts-modal-container.style0 .po-button-close-inner.po-button-inner
{
    display : none;
}


.po-webparts-modal-container.style0 button.po-button-close
{
    padding     : 0;
    border      : none;
    outline     : none;
    line-height : 1.5;
    cursor      : pointer;

    background-image    : none;
    background-position : 0 0;
    background-repeat   : no-repeat;
    background-color    : transparent;
}


.po-webparts-modal-container.style0 .po-button-close-outer.po-button-outer:hover,
.po-webparts-modal-container.style0 button.po-button-close:hover
{
    opacity :0.7;
}


body {
    line-height: 1.8;
    line-height: 2;
    font-size: 16px;
	 font-family: Roboto, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    -webkit-font-smoothing: antialiased;
}


.lead{
	width     : 95%;
    height    : 100%;
    min-width : 550px;
    width     : auto !important;
    max-width:1000px;
	margin:10px auto;
	}


.form{
	position: relative;
	max-width: 1000px;
margin: 0 auto;
}

.comment{
	border:1px solid #eee;
	margin:10px;
	}




@media (max-width: 800px) {
   /* 横幅が800px以下の場合に適用するスタイル */
   .lead { 
   width: 100%;
   margin:0;
   }
    .form { 
   width: 100%;
   margin:0;
   }
    
    
}

/* sp */
@media only screen and (max-width: 1000px) {
    .sp_header .sp_logo img{
        width: 54px;
    }
    .contents{
        padding-top: 70px;
    }
    
    
    .lead{
        min-width: 1px;
    }
    div.po-webparts-container.style0{
        min-width: 1px;
        width: 100%;
    }
    .po-canentryform table{
        display: block;
    }
    .po-webparts-container.style0 table tbody,
    .po-webparts-container.style0 table tr,
    .po-webparts-container.style0 table th,
    .po-webparts-container.style0 table td,
    .po-webparts-container.style0 table .po-double td{
        display: block;
        padding: 0;
        width: 100%;
    }
    .po-webparts-container.style0 table th{
        padding-top: 10px;
        padding-bottom: 1px;
        min-height     : 16px;

    }


    .po-webparts-container.style0 .po-joblist input[type="file"], .po-webparts-modal-container.style0 .po-contents-wrapper input[type="file"]{
        width: 100%;
    }
    .po-webparts-container.style0 .po-required-elem, .po-webparts-modal-container.style0 .po-contents-wrapper .po-required-elem{
        display: inline-block;
    }

    .po-webparts-container.style0 table tr,
    .po-webparts-modal-container.style0 table tr
{
    border-top: none;
}
    
    .po-webparts-container.style0 .po-privacy-policy{
        width: calc(100% - 32px);
        height: 150px !important;
        max-height: none;
        margin-bottom: 0;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: scroll;
        font-size: 12px;
    }
}