@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 840px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#wrapper {
    width: 800px;
    text-align: left;
    font-family:"ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}

body >#all_new{
        height: auto;
}
/*---------スマホインクルードをＰＣで表示させないためのクラス--------------------*/
.nonepc{
    display:none;
}
/*---------スマホインクルードをＰＣで表示させないためのクラス--------------------*/
/* ===================================================================

    この下に画面サイズ710px以上のスタイルを記述

=================================================================== */

.wrap{
    width:680px;
    height:auto;
    padding:0 15px 0 75px;
}

.phrase {
    width: 598px;
    height: auto;
    padding: 0 21px 8px 0px;
    background: url(../images/eigo_back.jpg) repeat;
    line-height: 15px;
    margin-left: 30px;
}


.pic{
    width:auto;
    height:auto;
    margin:15px 0 50px;
}

.footer{
    width:680px;
    height:145px;
    margin-bottom:15px;
    background:url(../images/eigo_Footer.jpg) no-repeat;
    
}

.one{
    width:407px;
    height:0;
    float:right;
    padding-right:40px;
    position:relative;
    top:-70px;
}

.one238,.one240{
    width:407px;
    height:96px;
    float:right;
    padding-right:40px;
    position:relative;
    top:-150px;
}

.pic001{
    width:auto;
    height:auto;
    float:right;
    padding-top:25px;
    padding-right:20px;
}

.red{
    color:#FF0000;
}

/*=================
    本文スタイル
=================*/
.customer{
    float:left;
    padding-top:13px;
    padding-right:20px;
     padding-left: 10px;
}

.customer_top{
    float:left;
    padding-top:23px;
    padding-right:20px;
}

.customerab{
    float:left;
    padding-top:13px;
    padding-right:5px;
}

.kana{
    font-size:85%;
    line-height:12px;
}

.bunsyou01{
    margin-top:10px;
    margin-bottom:10px;
     padding-left: 10px;
}

.bunsyou02{
    margin-top:5px;
    margin-bottom:15px;
    padding-left:103px;
}

.bunsyou03{
    margin-top:5px;
    margin-bottom:15px;
    padding-left:102px;
}

.margin01{
    margin-top:30px;
    margin-bottom:30px;
}

.margin02,.margin242{
    margin-bottom:60px;
}

.staff{
    float:left;
    padding-top:13px;
    padding-right:43px;
     padding-left: 10px;
}

.staff_top{
    float:left;
    padding-top:23px;
    padding-right:43px;
     padding-left: 10px;
}
/* 261号のみ適応（COSTOMER(A)となっているため） */
.staff2{
    float:left;
    padding-top:13px;
    padding-right:60px;
}

.staff2_top{
    float:left;
    padding-top:23px;
    padding-right:60px;
}

.english{
    font-size:123.1%;
    color:#FF0000;
}



/* 311号のみ適応（COSTOMER(A)となっているため） */
.EnglishB{
    border-bottom:none !important;
    margin-bottom:0px!important;
}
.ChinaPlusB{
    margin-top:10px;
}

/*=================
    バックナンバー
=================*/

.backnumber{
    clear:both;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    color:EF8200;
}


/* 20151201追加分 */
.phraseSecond{
    width: 680px;
    height:1080px;
    line-height:15px;
}

.UndercoNtents{
    height:280px;
}



.TopcoNtents{
    margin:20px 0 20px 0;
}

.LeftcoNtents{
    width:320px;
    float:left;
    margin-left:10px;
}

.RightcoNtents{
    width:330px;
    float:left;
    margin:10px 0 0 10px;
}

.PickupcoNtents{
    background-color:#fff;
    padding:8px 8px 8px 8px;
    margin-top:-10px;
    border:solid 2px #000;
    border-radius:4px;
}

.CheckcoNtents{
    background-color:#fff;
    padding:8px 8px 16px 8px;
    margin-top:-10px;
    border:solid 2px #bc0c16;
    border-radius:4px;
    position:relative;
    text-align:center;
     z-index: 1;
}

.CheckcoNtents:before {
    border:solid transparent;
    border-width:10px 8px 0;
border-top-color:#fff;
border-bottom-width:0;
bottom:-9px;
content:"";
display:block;
left:322px;
position:absolute;
width:0;
z-index:1;
}
 
.CheckcoNtents:after {
border:10px solid transparent;
border-top-color:#bc0c16;
border-bottom-width:0;
bottom:-10px;
content:"";
display:block;
left:320px;
position:absolute;
width:0;

}
.checklogo{
    margin:-14px 4px -10px 0;
     z-index: 2;
     position: absolute;

    }
.checkbox{
    margin-top:12px;
    }
.blue{
    text-align:center;
    }
.line{
    background-color:#002a53;
    border-radius:8px;
    color:#fff;
    margin:6px 0 6px 0;
    font-size:15px;
    padding:2px 4px 2px 4px;
    }
    
.pickupmark{
    margin-top:10px;
}
.strong{
    font-weight:bold;
    font-size:17px;
    font-style:normal;
}

.PickupcoNtents p{
    line-height:20px;
    font-size:15px;
}
.EnglishPlus{
    font-size:large;
    font-weight:bold;
    color:#FF0000;
}

.EpSecond{
    padding-bottom:10px;
    border-bottom:2px #bc0c16 dotted;
    margin-bottom:10px;
}

.ChinaPlus{
    font-size:large;
    font-weight:bold;
    color:#FF0000;
}
.TransLate{
    margin-top:4px;
    font-size:15px;
}
.footerNew{
    clear:both;
    margin:-10px 0 10px 0;
}
.KanaPlus{
    font-size:15px;
}

.TrianGle {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 10px solid #bc0c16;
}


.TrianGle.Left{
    margin-left:64px;
}

.TrianGle.center{
    margin-left:164px;
}

.TrianGle.right{
    margin-left:284px;
}

/*2016/04/14追加分*/

.flag{
    margin-right:2px;
}

/* ===================================================================

    この上に画面サイズ710px以上のスタイルを記述

=================================================================== */
}

@media screen and (max-width: 839px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#wrapper {
    width:auto;
    text-align: left;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#all_new{
    width:auto;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    position: relative;
    min-height: 100%;
    _height: 100%; /* for IE6 */
}

body >#all_new{
        height: auto;
}

/*---------ＰＣインクルードを表示させないためのクラス--------------------*/
.none{
    display:none;
}
/*---------ＰＣインクルードを表示させないためのクラス--------------------*/

/* ===================================================================

    この下に画面サイズ709px以上のスタイルを記述

=================================================================== */
.wrap{
    width:auto;
    height:auto;
    padding-top:7px;
}

.lesson{
    padding:10px;
    margin:0 10px 5px 10px;
    background-color:#ce8e5c;
    color:#FFFFFF;
    font-weight:bold;
    font-size:1.5em;
    width: 85px;
    border-radius: 25px;
}

.phrase{
    width:auto;
    height:auto;
    background: url(../images/eigo_back.jpg) repeat;
    line-height:15px;
    padding-left:4em;
    padding-right:4em;
    background-size:100%;
    font-size:9px;
    /*padding-bottom:180px;*/
    margin: 0 18px 0 18px;
}


.phrase p{
    font-size: 1.1rem;
}
.pic{
    width:auto;
    height:auto;
    margin:15px 0 0px;
    padding-bottom: 9em;
}

.footer{
    width:auto;
    height:auto;
}

.one,.one238,.one240{
    width:auto;
    height:auto;
    padding-left:30px;
    padding-left: 5em;
    padding-right: 4em;
    text-align: right;
    background:url(../images/eigo_Back.jpg)repeat;
    background-size:100%;
    /*margin-bottom:-250px;
    position:relative;
    z-index:1;
    top:-210px;*/
        margin-top: -112px;
}

.pic238{
    width:auto;
    height:auto;
    padding-top:25px;
    padding-right:20px;
}

.red{
    color:#FF0000;
}
/* 311号のみ適応（COSTOMER(A)となっているため） */
.EnglishB{
    border-bottom:none !important;
    margin-bottom:0%!important;
}
.ChinaPlusB{
    margin-top:2%;
}
/*=================
    本文スタイル
=================*/
.customer,.customerab,.staff,.customer_top,.staff_top,.staff2,.staff2_top{
    font-weight:bold;
    margin-top:15px;
    margin-bottom:0;
}

.bunsyou01,.bunsyou02,.bunsyou03{
    padding-left:10px;
}

.margin00{
    margin-bottom:0;
}




.english{
    font-size:150%;
    color:#FF0000;
}

.margin242{
    margin-bottom:0;
}

/*=================
    バックナンバー
=================*/

.backnumber{
    clear:both;
    text-align:center;
    font-size:15px;
    font-weight:bold;
    color:EF8200;
    margin-top:15px;
    margin-bottom:15px;
}

/* ===================================================================

    この上に画面サイズ709px以上のスタイルを記述

=================================================================== */
/*----------------widthをautoにする設定--------------------------------ここから---------------------*/

#header{
    width:auto;
    height:auto;
    margin: 0px auto;
}

#navigation{
    width:auto;
    height: 40px;
    margin: 5px auto 5px;
    padding: 0px;
}

#main{
    width:auto;
    background-color:#fff;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;

}

#left{
    float: none;
    width:auto;
    list-style: none;
    position: static;
    background-color:#FFFFFF;
    text-align:left;
    padding-right:5px;
    padding-left:5px;
}
adress{
    width:auto;
}
/*----------------widthをautoにする設定-----------------------------ここまで------------------------*/

/*---------ココから下はIPXのCSSからもってきたヘッダーとフッターのスタイルシート--------------------*/
/* ------全体------ */
body {
    font: 14px/1.231 "ヒラギノ角ゴ Pro W3";
    -webkit-text-size-adjust: none;
}

a {
    color: #000000;
}

#wrap {
    padding: 0 10px;
}

p {
    margin-bottom: 1em;
}

aside {
    padding: 10px;
}

aside p:last-child {
    margin-bottom: 0;
}

/* ------clearfix------ */
.clearfix:after {
    clear: both;
    height: 0;
    display: block; /* ブロックレベル要素に */
    visibility: hidden;
    content: "."; /* 新しい要素を作る */
}

/* ------ヘッダー------ */
header {
    height: auto;
    margin-bottom:2px;
    padding: 5px 10px;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F2F5F6), color-stop(0.00, #FAFAFA));
    background: -webkit-linear-gradient(top, #FAFAFA 0%, #F2F5F6 100%);
    -webkit-box-shadow: 0px 1px 0px #777777;
    text-align:left;
}

/* ------飲食求人・飲食店転職グルメキャリー関西------ */
h1 {
    margin-bottom: 5px;
    font-size: 60%;
    color: #666666;
}

header h1 a{
    text-decoration:none;
}

/* ------ロゴ------ */
#logo {
    float: left;
    width: 150px;
    height: auto;
}


/* ------エリア表記------  */
h2 {
    float: right;
    margin-top: 5px;
    padding: 5px 10px;
    font-size: 70%;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    border-radius: 2px;
    background-color: #FF9933;
}


/* ------フッター------ */
footer {
    height: auto;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    line-height: 1.7em;
    text-align: center;
    color: #FFFFFF;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FF7400), color-stop(0.00, #FFA443));
    background: -webkit-linear-gradient(top, #FFA443 0%, #FF7400 100%);
    background: -moz-linear-gradient(top, #FFA443 0%, #FF7400 100%);
    background: -o-linear-gradient(top, #FFA443 0%, #FF7400 100%);
    background: -ms-linear-gradient(top, #FFA443 0%, #FF7400 100%);
    background: linear-gradient(top, #FFA443 0%, #FF7400 100%);
}

footer a {
    text-decoration: none;
    color: #FFFFFF;
}

footer p {
    color: #000000;
}

address {
    color: #CCCCCC;
    font-style: normal;
    height: 30px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    width: auto;
    background-color:transparent;
}

footer p a {
    text-decoration: underline;
    color: #000000;
}

footer p:last-child {
    margin: 0;
}

/* 20151201追加分 */
.phraseSecond{
    text-align:center;
    padding-bottom:18px;
}

.PickupcoNtents{
    background-color:#fff;
    padding:8px 8px 8px 8px;
    margin:-24px 0 10px 0;
    border:solid 2px #000;
    border-radius:4px;
}

.CheckcoNtents{
    background-color:#fff;
    padding:8px 8px 8px 8px;
    margin:20px 0 20px 0;
    border:solid 2px #bc0c16;
    border-radius:4px;
    z-index: 1;
    position:relative;
}

.CheckcoNtents:before {
    border:solid transparent;
    border-width:10px 8px 0;
border-top-color:#fff;
border-bottom-width:0;
bottom:-9px;
content:"";
display:block;
left:50%;
position:absolute;
width:0;
z-index:1;
}
 
.CheckcoNtents:after {
border:10px solid transparent;
border-top-color:#bc0c16;
border-bottom-width:0;
bottom:-10px;
content:"";
display:block;
left:49.6%;
position:absolute;
width:0;

}


.checklogo{
    margin:-18px 0 -10px -30px;
    z-index: 2;
     position: absolute;
    }
    
.RightcoNtents .checkbox{
    margin-top:12px;
    }
        
.line{
    background-color:#002a53;
    border-radius:8px;
    color:#fff;
    margin:6px 0 6px 0;
    padding:2px 4px 2px 4px;
    }
    
.pickupmark{
    margin-top:10px;
}

.strong{
    font-weight:bold;
    font-size:large;
    font-style:normal;
}

.PickupcoNtents p{
    line-height:20px;
    padding-top:6px;
}


.EnglishPlus{
    color:#FF0000;
    font-size:large;
    font-weight:bold;
    padding-bottom:10px;
    border-bottom:2px #bc0c16 dotted;
    margin-bottom:10px;
}
.ChinaPlus{
    font-size:large;
    font-weight:bold;
    color:#FF0000;
}


.footerNew {
    margin-top:-10px;
}
.footerIn{
    color:#fff;
    font-size:85%;
    padding:8px;
    background-color:#38250e;
}
.TransLate{
    margin-top:4px;
}
/*2016/04/14追加分*/
.flag{
    margin-right:2px;
}

}