/*基本*/
body {
    font-family           : "Times New Roman", "MS PGothic","Osaka",Arial,sans-serif;
    font-size             : 12px;
    color                 : #111;
    margin                : 0 auto;
    padding               : 0px;
    background            : #E0D3B6;
}

table {
    border                : 0px solid black;
    border-collapse       : collapse;
    border-spacing        : 0px;
    empty-cells           : show;
    padding               : 0px;
    margin                : 0px;
}

img {
    border                : 0px;
}

a {
    color                 : blue;
}

a:hover {
    color                 : red;
}

/*レイアウト*/
#shadow {
    background-image      : url(../../img/shadowbody.gif);
    background-repeat     : repeat-y;
    margin                : 0 auto;
    width                 : 920px;
}

#all {
    margin                : 0 auto;
    padding               : 0px;
    width                 : 890px;
}

/*ヘッダー*/
#header {
    margin                : 0px;
    padding               : 0px;
    border                : 0px;
    width                 : 894px;
}

#header img {
    border                : 0px;
    padding               : 0px;
    margin                : 0px;
}

#header a {
    border                : 0px;
}

/*ナビ*/
#navi {
    font-size             : 14px;
    background            : transparent url(../../img/bar002.jpg) repeat scroll 0 0;
    height                : 25px;
    padding               : 3px 10px 3px 10px;
    margin                : 0px 0px 0px 0px;
    text-align            : left;
    color                 : white;
}

#navi a {
    color                 : white;
}

#navi a:hover {
    text-decoration:none;
}

/*コンテント*/
#content {
    padding               : 10px 10px 20px 10px;
    margin                : 0px;
}

#content #error {
    background            : #ffc;
    color                 : red;
    font-weight           : 800;
    border                : red 3px solid;
    padding               : 5px 50px 5px 50px;
    margin                : 0px 30px 0px 30px;
}

/*フッター*/
#footer {
    background            : transparent url(../../img/footer.jpg) repeat scroll 0 0;
    border-top            : 3px solid #006;
    border-bottom         : 3px solid #609;
    padding               : 15px 0px 15px 0px;
    margin                : 0px;
    width                 : 894px;
}

#footer .info {
    padding               : 0px 0px 0px 530px;
    margin                : 0px;
}

/********************************************/

/*トップのバナーエリア*/
.top_area {
    padding               : 0px 0px 0px 0px;
    margin                : 0px 0px 10px 0px;
    background            : #E6EEFF;
    border                : 1px solid #888;
    vertical-align        : top;
}

.top_area img {
    padding               : 0px;
    margin                : 5px 0px 5px 7px;
}


/*コンテンツ　モバイルQRコード*/
.qrcode {
    margin                : 0px 0px 10px 0px;
}

/*コンテンツ（新着情報）*/
#news {
    width                 : 420px;
    vertical-align        : top;
}

#news .title {
    background            : transparent url(../../img/tab001.gif) no-repeat scroll 0 0;
    height                : 25px;
}

#news .disp {
    border                : 2px solid #00c;
    padding               : 5px;
    background            : #E6E6FF;
}

#news .disp textarea {
    font-size             : 12px;
    width                 : 400px;
    height                : 200px;
    background            : #fff;
}

/*トップページの求人情報*/
#kyujin_info {
    width                 : 430px;
    border                : 2px solid #00c;
    margin                : 0px 10px 20px 0px;
    padding               : 10px 5px 10px 5px;;
    line-height           : 2em;
}

#kyujin_info img {
    padding               : 2px;
    border                : 1px solid #888;
    margin                : 5px 5px 5px 5px;
}

#kyujin_info td {
    border-bottom         : 1px dotted #888;
}

/*コンテンツ（特徴）*/
#feature {
    width                 : 420px;
    padding               : 0px 0px 10px 0px;
    margin                : 0px;
}

#feature .items {
    background            : #FFEC9D;
    padding               : 5px 0px 5px 0px;
    margin                : 0px;
    border                : 1px solid #f60;
}

#feature ul {
    list-style            : url(../../img/icon005.gif);
    padding               : 0px 5px 0px 28px;
    margin                : 0px;
}

/*コンテンツ（特徴2）*/
#feature2 {
    width                 : 420px;
    padding               : 0px 0px 10px 0px;
    margin                : 0px;
}

#feature2 .items {
    background            : #FFEC9D;
    padding               : 5px 0px 5px 0px;
    margin                : 0px;
    border                : 1px solid #f60;
}

#feature2 ul {
    list-style            : url(../../img/icon005.gif);
    padding               : 0px 5px 0px 28px;
    margin                : 0px;
}

/*コンテンツ（世界地図）*/
#world-map img {
    margin                : 5px 0px 5px 0px;
    border                : 1px solid #888;
}

/*コンテンツ（各国のプログラムリスト）*/
#program_list {
    width                 : 870px;
    font-size             : 11px;
}

#program_list .title {
    background            : transparent url(../../img/tab004.gif) no-repeat scroll 0 0;
    height                : 25px;
}

#program_list .disp {
    border                : 3px solid #00c;
    padding               : 5px;
    background            : #E6E6FF;
    margin                : 0px 0px 20px 0px;
}

#program_list table.wrap {
    width                 : 100%;
    padding               : 0px;
    margin                : 0px;
    border                : 0px solid green;
}

#program_list td.wrap {
    width                 : 50%;
    border                : 0px solid green;
}

#program_list table {
    width                 : 380px;
    margin                : 2px 0px 10px 20px;
    padding               : 0px;
}

#program_list th {
    width                 : 40px;
    background            : #fc6;
    border                : 1px solid blue;
    text-align            : right;
    padding               : 0px 3px 0px 0px;
}

#program_list td {
    border                : 1px solid blue;
    padding               : 0px 0px 0px 2px;
    vertical-align        : top;
}

#program_list td span {
    padding               : 2px 0px 2px 30px;

}

#program_list div.title1 {
    background            : transparent url(../../img/icon003.gif) no-repeat scroll 0 0;
    padding               : 0px 0px 0px 20px;
    margin                : 0px 0px 3px 5px;
    font-size             : 12px;
    font-weight           : 800;
    vertical-align        : top;
}

#program_list div.flag {
    width                 : 98%;
    background            : #C8C8FF;
    padding               : 2px 0px 0px 0px;
    margin                : 0px 0px 3px 0px;
    font-size             : 14px;
    font-weight           : 800;
    vertical-align        : middld;
    border-top            : 4px double #009;
    border-bottom         : 4px double #009;
}

#program_list div.flag img {
    padding               : 0px 5px 0px 0px;
}

#program_list p {
    width                 : 375px;
    padding               : 0px 0px 3px 0px;
    margin                : 0px 0px 0px 25px;
}

#program_list .pic {
    padding               : 30px 0px 0px 0px;
    margin                : 0px 0px 0px 25px;
}

/*コンテンツ（ホテル求人一覧表示）*/
#recruit_list {
    width                 : 870px;
    font-size             : 11px;
    padding               : 0px 0px 10px 0px
}

#recruit_list .title {
    background            : transparent url(../../img/tab005.gif) no-repeat scroll 0 0;
    height                : 25px;
}

#recruit_list .disp {
    border                : 3px solid #00c;
    padding               : 5px;
    background            : #C8C8FF;
}

#recruit_list table {
    border                : 1px solid #f30;
    width                 : 100%;
}

#recruit_list tr.p1 {
    background            : #FFFFFF;
}

#recruit_list tr.p2 {
    background            : #D8D8D8;
}

#recruit_list th {
    color                 : white;
    background            : transparent url(../../img/bar005.gif) repeat scroll 0 0;
    border                : 1px solid white;
    padding               : 5px;
}

#recruit_list th.list-no {
    width                 : 20px;
}

#recruit_list th.list-howmany {
    width                 : 40px;
}

#recruit_list th.list-button {
    width                 : 80px;
}

#recruit_list td {
    border                : 1px solid #03f;
    padding               : 3px;
}

#recruit_list tr:hover {
    background            : #FFFF99;
}

/*コンテンツ（求人リスト詳細表示）*/
#recruit_list_detail {
    padding               : 10px 0px 40px 0px;
}

#recruit_list_detail div.title {
    background            : transparent url(../../img/title007.jpg) no-repeat scroll 50% 0;
    height                : 50px;
    padding               : 0px 0px 5px 0px;
}

#recruit_list_detail div.back {
    text-align            : center;
    padding               : 3px 0px 5px 0px;
}

#recruit_list_detail div.recruit_no {
    text-align            : right;
    padding               : 3px 40px 0px 0px;
}

#recruit_list_detail table.detail {
    border                : 4px double #009;
    width                 : 700px;
    padding               : 0px;
    margin                : 10px 0px 10px 0px;
}

#recruit_list_detail table.detail2 {
    border                : 1px solid #009;
    width                 : 700px;
    padding               : 0px;
    margin                : 0px 0px 0px 0px;
}

#recruit_list_detail th.hotel-name {
    color                 : white;
    background            : transparent url(../../img/bar005.gif) repeat scroll 0 0;
    text-align            : center;
    font-size             : 18px;
}

#recruit_list_detail td.hotel-name {
    background            : #E6E6FF;
    text-align            : center;
    font-size             : 18px;
    font-weight           : 800;
    padding               : 3px;
}

#recruit_list_detail td.photo {
    width                 : 240px;
    border                : 0px;
    vertical-align        : top;
}

#recruit_list_detail td.photo img {
    border                : 0px solid white;
    padding               : 1px;
    margin                : 0px;
}

#recruit_list_detail table.more-info {
    padding               : 0px;
    margin                : 2px 2px 2px 0px;
}

#recruit_list_detail table.more-info th {
    color                 : white;
    background            : transparent url(../../img/bar005.gif) repeat scroll 0 0;
    border-bottom         : 1px solid white;
    text-align            : right;
    vertical-align        : top;
    padding               : 5px 5px 5px 10px;
    white-space           : nowrap;
}

#recruit_list_detail table.more-info td {
    text-align            : left;
    border                : 1px solid #009;
    padding               : 3px 2px 3px 3px;
}

#recruit_list_detail table.more-info .qualification {
    font-weight           : 800;
    border-bottom         : 3px solid #00b;
    width                 : 130px;
}

#recruit_list_detail table.more-info ul {
    padding               : 0px;
    margin                : 0px 0px 0px 25px;
}



#recruit_list_detail div.inquiry_button {
    padding               : 10px 0px 0px 0px;
    text-align            : center;
}

/*コンテンツ（トップページの求人ピックアップ画像）*/
.top_kyujin_pickup .kyujin_pickup {
    margin                      : 0px 0px 20px 0px;
    padding                     : 10px 0px 10px 0px;
    text-align                  : center;
    border                      : 1px solid #888;
    background                  : #E0D3B6;
}

.top_kyujin_pickup .kyujin_pickup img {
    margin                      : 2px 10px 2px 0px;
    padding                     : 2px;
    border                      : 1px solid #888;
}


/*コンテンツ（会社概要）*/
#aboutus {
    margin                : 0px 0px 50px 0px;
    padding               : 20px 20px 30px 40px;
}

#aboutus table {
    width                 : 90%;
    border                : 2px solid blue;
    padding               : 0px;
    margin                : 0px 20px 20px 30px;;
}

#aboutus th {
    background            : transparent url(../../img/bar005.gif) repeat scroll 0 0;
    border                : 1px solid white;
    color                 : white;
    text-align            : right;
    vertical-align        : top;
    padding               : 4px 10px 4px 0px;
    margin                : 0px;
    font-weight           : 800;
    white-space           : nowrap;
}

#aboutus td {
    border                : 1px solid black;
    padding               : 2px 0px 2px 10px;
    vertical-align        : top;
}

#aboutus td.sbar {
    height                : 20px;
}

#aboutus td span {
    padding               : 2px 0px 2px 30px;

}

#aboutus div.title1 {
    background            : transparent url(../../img/icon001.gif) no-repeat scroll 0 0;
    height                : 41px;
    padding               : 5px 0px 0px 30px;
    font-size             : 18px;
    font-weight           : 800;
}

#aboutus .strong {
    color                 : #006;
    font-weight           : 800;
    padding               : 0px 0px 3px 0px;
}

#aboutus p {
    line-height           : 1.6em;
    width                 : 700px;
    border                : 0px double blue;
    padding               : 0px 0px 0px 20px;
    margin                : 0px 20px 20px 20px;;
}

#aboutus div.map {
    text-align            : center;
}

#aboutus td.sbar {
    background            : #575757;
}

/*コンテンツ（お問い合わせ）（お見積もり）*/
#inquiry {
    margin                : 0px;
    padding               : 0px;
}

#inquiry h1 {
    text-align            : center;
}

#inquiry div.top {
    color                 : red;
    padding               : 0px 0px 10px 200px;
}

#inquiry table {
    width                 : 800px;
    border                : 5px double blue;
    padding               : 0px;
    margin                : 0px 20px 20px 20px;
    background-image      : url(../../img/wp004.gif);
}

#inquiry th {
    width                 : 160px;
    color                 : white;
    background-image      : url(../../img/bar005.gif);
    border-bottom         : 1px solid white;
    text-align            : right;
    padding               : 0px 5px 0px 0px;
}

#inquiry td {
    border-bottom         : 1px solid gray;
    padding               : 2px 0px 2px 3px;
}

#inquiry table.country {
    width                 : 600px;
    border                : 0px;
    padding               : 0px;
    margin                : 0px;
}

#inquiry table.country td {
    width                 : 120px;
    border                : 0px;
    padding               : 0px;
    margin                : 0px;
    white-space           : nowrap;
}

#inquiry table.country td.country {
    width                 : 300px;
}

#inquiry td.mandatory {
    color                 : red;
}

#inquiry p {
    padding               : 0px;
    margin                : 0px 0px 3px 20px;
}

#inquiry .thankyou {
    border                : 5px double blue;
    padding               : 30px;
    margin                : 0px 20px 200px 20px;
}




/***************************************
    求人情報　詳細ページ
****************************************/

#kyujin_detail_page #main {
    padding                     : 0px 5px 10px 5px;
    color                       : #660000;
}

#kyujin_detail_page #main .title {
    padding                     : 20px 0px 20px 95px;
}


#kyujin_detail_page .kyujin_pickup {
    width                       : 680px;
    margin                      : 0px 0px 50px 65px;
}

#kyujin_detail_page .kyujin_pickup img {
    border                      : 1px solid #888;
    margin                      : 5px 0px 15px 4px;
    padding                     : 2px;
}

#kyujin_detail_page #main .kyujin_waku {
    padding                     : 0px;
    border                      : 0px solid #888;
    margin                      : 0px 0px 50px 90px;
}

#kyujin_detail_page #main .kyujin_name {
    font-size                   : 16px;
    font-weight                 : 800;
    padding                     : 10px;
    margin                      : 10px 0px 10px 20px;
    border-left                 : 5px solid orange;
}

#kyujin_detail_page #main .pix_area {
    font-size                   : 13px;
    padding                     : 10px;
    line-height                 : 2.0em;
    background                  : #ffe;
}

#kyujin_detail_page #main .pix {
    float                       : left;
    padding                     : 2px;
    margin                      : 0px 20px 0px 0px;
    border                      : 1px solid #888;
}

#kyujin_detail_page #main .pix_width_on {
    width                       : 200px;
}

#kyujin_detail_page #main table {
    width                       : 700px;
    margin                      : 0px 0px 10px 5px;
    border                      : 1px solid #aaa;
}

#kyujin_detail_page #main th {
    border                      : 1px solid #aaa;
    background                  : #eee;
    width                       : 70px;
    padding                     : 6px 5px 6px 10px;
    text-align                  : left;
}

#kyujin_detail_page #main td {
    border                      : 1px solid #aaa;
    padding                     : 6px 10px 6px 10px;
    line-height                 : 1.5em;
}

#kyujin_detail_page #main .name {
    text-align                  : right;
}

#kyujin_detail_page #main fieldset {
    padding                     : 5px 0px 5px 15px;
}

#kyujin_detail_page #main legend {
    color                       : #003300;
    font-weight                 : 600;
}

#kyujin_detail_page #main .btn_assessment {
    text-align                  : center;
    padding                     : 10px 0px 10px 0px;
}