@charset "utf-8";
/* CSS Document */
/* ASIANジョブ特集 */
#asianjob{
 width:85%;
 margin:0 auto;
}
#asianjob .articleArea{
 padding:60px 0;
 margin:0;
}
#asianjob .articleArea h2{
 font-size:3rem;
 margin:30px 0 0 0 ;
}
#asianjob h2{
 font-size:30px;
 color:#0099cc;
 line-height:40px;
}
#asianjob h3{
 font-size:24px;
 padding-left:15px;
 border-left:10px solid #0099cc;
}
#asianjob h4{
 font-size:18px;
 font-weight:bold;
}
#asianjob #siteasiaimg{
 width:80%;
}
#asianjob .point{
 clear:both;
}
#asianjob .point h3{
 font-size:24px;
 color:#0099cc;
 padding:0;
 border:none;
}
#asianjob .point .point-left{
 width:45%;
 float:left;
}
#asianjob .point .point-left p{
 text-align:justify;
 margin-bottom:10px;
}
#asianjob .point .point-left ul{
 margin:10px 0 10px 15px;
}
#asianjob .point .point-left #strong{
 font-size:18px;
 font-weight:bold;
 color:#333;
 margin-bottom:20px;
 padding:10px 0;
 border-top:3px solid #ccc;
 border-bottom:3px solid #ccc;
}
#asianjob .point .point-right{
 width:45%;
 float:right;
}
#asianjob .point .point-right p{
 font-size:18px;
 font-weight:bold;
 color:#09c;
 border:5px solid #09c;
 border-radius: 10px;        /* CSS3草案 */  
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 10px;   /* Firefox用 */
 padding:30px 10px;
}
#asianjob .result{
 clear:both;
 font-size:16px;
 font-weight:bold;
 color:#09c;
 border:5px solid #09c;
 border-radius: 10px;        /* CSS3草案 */  
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 10px;   /* Firefox用 */
 padding:30px 10px;
 margin-bottom:40px;
}
#asianjob .info{
 clear:both;
}
#asianjob .info h3{
 font-size:24px;
 color:#0099cc;
 padding:0;
 border:none;
}
#asianjob #strong2{
 font-size:18px;
 font-weight:bold;
 color:#333;
 margin:20px 0;
}
#asianjob .info .info-left{
 width:45%;
 float:left;
}
#asianjob .info .info-left p{
 text-align:justify;
 margin-bottom:10px;
}
#asianjob .info .info-left ul{
 margin:10px 0 10px 15px;
}
#asianjob .info .info-right{
 width:45%;
 float:right;
}
#asianjob .info .info-right img{
 margin-bottom:20px;
 width:100%;
}
#asianjob .figure{
 margin:10px 0;
 padding-left:0px;
}
#asianjob .figure li{
 display:inline-block;
 margin-right:20px;
 vertical-align:middle;
}
#asianjob .square{
 padding:30px 10px;
 color:#fafafa;
 background-color:#0099cc;
 border-radius: 10px;        /* CSS3草案 */  
 -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 10px;   /* Firefox用 */
}
#asianjob .circleasia{
 width: 120px;
 height: 70px;
 padding-top:50px;
 margin-bottom:20px;
 text-align:center;
 color:#fafafa;
 -webkit-border-radius: 50%;/* 50%でもOK */
 -moz-border-radius: 50%;
 border-radius: 50%;
 background-color: #09c;/* 円の色 */
}
#asianjob .arrow{
 background:url(/app/webroot/theme/m-single/img/asianjob/arrowright.png) no-repeat;
 width:64px;
 height:64px;
}
#asianjob .arrow2{
 clear:both;
 text-align:center;
 margin-top:20px;
}
#asianjob .arrow2 img{
 margin-top:20px;
}
#regist{
 width:250px;
 height:80px;
 position:fixed;
 z-index:1;
 bottom: 0px;
 right: 20px;
}
/* --------------------------------------------------
   plan Table
-------------------------------------------------- */
.plan {
 width:100%;
 border-spacing: 0;
 -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
      -o-border-radius: 6px;
         border-radius: 6px;
 border-collapse: separate;
}
.plan th,
.plan td {
 padding:10px;
 font-size:16px;
}
.plan th {
 background:#09c;
 color:#fafafa;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:solid 1px #CCC;
 width:40%;
}
.plan td {
 background:#fff;
 border-top:none;
 border-left:none;
 border-right:solid 1px #CCC;
 border-bottom:solid 1px #CCC;
 width:60%
}


/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.plan tr:first-child th:first-child,
.plan tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.plan tr:first-child th:last-child,
.plan tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
    border-top:1px solid #ccc;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.plan tr:last-child th:first-child,
.plan tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
    border-bottom:1px solid #09c;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.plan tr:last-child th:last-child,
.plan tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------------
   plan Table exit
-------------------------------------------------- */
#asianjob ol{
 margin:20px 0 40px 0;
 padding-left:0;
}
#asianjob ol li{
 list-style-position:inside;
 padding:10px 0;
 font-size:18px;
 border-bottom:3px dotted #333;
}
#asianjob #keisai{
 font-size:18px;
 margin:20px 0 40px 0;
 padding-left:0;
}
#asianjob #keisai li{
 list-style-type:none;
 list-style-position:inside;
 padding:10px 0;
 border-bottom:3px dotted #333;
}
#asianjob #keisai .flow{
 text-align:center;
 font-size:12px;
 list-style-type:none;
 list-style-position:inside;
 padding:40px 0;
 border-bottom:none;
 background:url(/app/webroot/theme/m-single/img/asianjob/arrow.png) no-repeat center;
}
/*デバイスの横幅が480以下の場合*/
@media only screen and (max-width: 480px) {
 #asianjob .articleArea{
 padding:30px 0;
 margin:0;
 clear:both;
}
#asianjob .articleArea h2{
 margin:30px 0 0 0;
 font-size:36px;
}
 #asianjob h2{
 font-size:26px;
 color:#0099cc;
 line-height:35px;
 }
 #asianjob h3{
 font-size:22px;
 line-height:32px;
 }
 #asianjob .figure li{
 display:block;
 }
 #asianjob .square{
  width:100%;
  text-align:center;
  padding:30px 0;
  margin:20px 0;
  color:#fafafa;
  background-color:#0099cc;
  border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
 }
 #asianjob .circleasia{
  width: 100%;
  height: 60px;
  padding-top:40px;
  margin-bottom:20px;
  text-align:center;
  color:#fafafa;
  -webkit-border-radius: 50%;/* 50%でもOK */
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #09c;/* 円の色 */
 }
#asianjob .res{
  width:100%;
}
 #asianjob .arrow{
  width:100%;
  height:64px;
  border-style: none;
  margin:0;
  padding:0;
  text-align:center;
  background:url(/app/webroot/theme/m-single/img/asianjob/arrow.png) no-repeat center;
 }
 #asianjob .point .point-left{
 width:100%;
 float:none;
 }
 #asianjob .point .point-right{
 width:100%;
 float:none;
 }
 #asianjob .info .info-left{
 width:100%;
 float:none;
 }
 #asianjob .info .info-right{
 width:100%;
 float:none;
 }
}