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

/*-- .listTable_02 --*/
.listTable_02{position:relative;}
.listTable_02 table{width:100%;}
.listTable_02 th{padding:6px 5px;background:#57C0F9;font-size:14px;text-align:center;white-space:nowrap;color:#fff;}
.listTable_02 th a,.listTable_02 th a:visited{text-decoration:underline;color:#fff;}
.listTable_02 th a.do,.listTable_02 th a.ao{padding-left:15px;}
.listTable_02 th a.do{background:url(../img/sortButton.png) no-repeat 0 3px;}
.listTable_02 th a.ao{background:url(../img/sortButton_ao.png) no-repeat 0 3px;}
.listTable_02 td{border-bottom:1px dotted #ccc;padding:10px 5px;font-size:87.5%;text-align:center;line-height:1.3;}
.listTable_02 td p{display:block; margin:0 0 5px 0;}
.listTable_02 td.txt{padding:10px;text-align:left;word-break:break-all;}
.listTable_02 td.val{padding:10px;text-align:right;}
.listTable_02 td img{padding-left:5px;vertical-align:middle;}
.listTable_02 span.date,.listTable_02 span.time{display:block;white-space:nowrap;}
.listTable_02 span.pt,.listTable_02 span.mpt,.listTable_02 em{font-weight:bold;padding-right:3px;white-space:nowrap;}
.listTable_02 span.pt{color:#fa4100;}
.listTable_02 span.mpt{color:#3886fb;}
.listTable_02 tr.clickable:hover td{cursor:pointer;background:#fffacd;transition: background 0.1s;}

/*-- .listTable_02 Title --*/
.listTable_02 h3{font-size: 18px;font-weight: bold;padding:0;margin:8px 0px 2px 0px;}

/*-- .guer --*/
.guer{ margin:0 0 30px 0;}
.guer h3{font-size: 24px;color: #F9792C;}
.guer th{background:#1EBA25;}
.guer .agentTaskList{border-left: 1px solid #888888;border-right: 1px solid #888888;border-bottom: 1px solid #888888;}
.guer td{background:#ffffff;}
.guer tr.clickable:hover td{background:#fffacd;}
.guer .bottom td{border-bottom:none;}

/* apiTop */
.txtApi{padding:10px;text-align:left;word-break:break-all;background:#ffffff;}
.apiTop tr.clickable:hover td{background:#fffacd;}
.apiTop{background: #1EBA25; margin:0 0 25px 0;}
.apiTop .card{padding:0 0 0 1%;}

/*-- .border --*/
.border th{background:#575757;color:#fff;}
.border th a,.border th a:visited{color:#fff;}

/*-- .listTable_02  MULTIPLE --*/

.mg0a {margin: 0px;}
.mg5a {margin: 5px;}
.mg10a{margin: 10px;}
.mg15a{margin: 15px;}
.mg20a{margin: 20px;}
.mg30a{margin: 30px;}
.mg50a{margin: 50px;}

.pd10t{padding: 10px 0 0;}
.pd20t{padding: 20px 0 0;}
.pd30t{padding: 30px 0 0;}
.pd40t{padding: 40px 0 0;}
.pd50t{padding: 50px 0 0;}

/*-- trial --*/
.listTable_02 tr.clickable:hover td.trial-task{
	background:#fffacd url("../img/trial-mark.png") no-repeat left top;
}

/*-- .listTable_02 TextIcon --*/
.listTable_02 td.txt div.selection span{margin:0 5px 0 0;padding:0 10px;background:#333;color:#FFF;font-size:68.7%}
.listTable_02 td.txt ul.category{margin:5px 0 0 0; display: inline-block;}
.listTable_02 td.txt ul.category:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;}
.listTable_02 td.txt ul.category li{float:left;font-size:68.7%; margin: 0 8px 0 0;}
.listTable_02 td.txt div.client{clear:both;}
.listTable_02 td.txt div.client span{padding: 0;font-size:85%;}
.listTable_02 td.txt div.client span.provider{padding: 0 16px 0 0;}

/*-- .category --*/
ul.category:after{clear:both;content: ".";display:block;font-size:0;height:0;visibility:hidden;}
ul.category {display: inline-block;margin: 5px 0 0;}

/* variation */
.listTable_02 .agentTaskList th{width:15%;}
.listTable_02 .agentTaskList td.judg{padding:10px;text-align:center;font-size:110% !important;}
.listTable_02 .agentTaskList td.limit{padding:10px 0;text-align:center;font-size:14px;}
.listTable_02 .agentTaskList td.f14{font-size: 14px;}
.listTable_02 .agentTaskList td.reward{padding:10px 19px;text-align:center;font-size:14px;}
.listTable_02 td.pt{padding:10px 2px;text-align:center;}
.listTable_02 .agentTaskList .taskName{width:65%;}
.listTable_02 .agentTaskList .taskPoint{width:20%;}
.listTable_02 .agentTaskList .taskRest{width:15%;}
.listTable_02 .agentTaskList .taskNameVer2{width:55%;}
.listTable_02 .agentTaskList .taskTimeVer2{width:15%;}
.listTable_02 .agentTaskList .taskPointVer2{width:15%;}
.listTable_02 .agentTaskList .txtLink{display:block;font-size:120%;}
.listTable_02 .agentTaskList .txtTask,.listTable_02 .agentTaskList .timeStart{display:block;padding-top:5px;font-size:small;line-height:1;color:#777;}
.listTable_02 .agentTaskList .txtTask{float:left;margin-right:10px;}
.listTable_02 .agentTaskList .icoAdult{display:block;float:left;margin-top:5px;background:url(../img/icoAdult.png) no-repeat;height:14px;width:30px;overflow:hidden;text-indent:-9999px;}
.listTable_02 .agentTaskList span.icoPtBg{display:block;width:85px;overflow:hidden;margin:20px auto;padding:5px 10px 3px 10px;border:1px solid #b6b6b6;border-radius:4px;background:#eeeeee;text-align:center;font-weight:bold;color:#fa4100;}
.listTable_02 .agentTaskList td.judg span.icoPtBg{ display:block;width:85px;overflow:hidden; margin: 0 auto;padding:5px 10px 3px 10px;border:1px solid #b6b6b6;border-radius:4px;background:#eeeeee;text-align:center;font-weight:bold;color:#fa4100;}
.listTable_02 .agentTaskList span.standard{display:block;font-size:87.5%;}
.listTable_02 .agentTaskList span.gain{background:url(https://s.yimg.jp/images/sicons/point16.gif) no-repeat;padding:0 0 0 18px;}
.listTable_02 .agentTaskList span.gainSecondary{background:url(https://s.yimg.jp/images/sicons/point16.gif) no-repeat left 2px;padding:0 0 0 20px;font-size:120%;}
.listTable_02 .agentTaskList span.timeRates{font-weight:bold;color:#777; background:url(../img/ico_time_rates.png) no-repeat left 2px; padding: 0 0 0 20px;font-size:14px; webkit-background-size: 17px 17px;}
.listTable_02 .agentTaskList span.fee{ display: block;font-weight:bold;color:#777; padding: 0;font-size:14px;margin: 25px auto; min-width: 110px;}
.listTable_02 .agentTaskList span.f14{font-weight:bold;color:#777; background:url(../img/ico_time_rates.png) no-repeat left 3px; padding:0 0 0 20px;font-size:14px; vertical-align:top;}
.listTable_02 .agentTaskList span.strong{display:block;font-weight:bold;color:#777;border-left:1px solid #404040;border-right:1px solid #404040;}
.listTable_02 .agentTaskList span img{padding:0 3px 2px 0; vertical-align:middle;}
.listTable_02 .agentTaskList .timeStart{float:right;}
.listTable_02 .agentTaskList .cntAll{font-size:small;color:#777;}
.listTable_02 .agentTaskList tr.bgwt{background:#fff;}
.listTable_02 .agentTaskList tr.bggray{background:#F3F0E2;}

/*-- #TaskListTitle --*/
.titleList05{margin: 0 0 5px;padding:4px 0;line-height:1;background: #575757;}
.titleList05Api{margin: 0 0 5px;padding:4px 0;line-height:1;background: #1EBA25;}
#easy .titleList05{border-left:13px solid #cc66ff;}
#writing .titleList05{border-left:13px solid #99ff99;}
#skill .titleList05{border-left:13px solid #0c96dd;}
#design .titleList05{border-left:13px solid #ffcc33;}
#development .titleList05{border-left:13px solid #66ccff;}
#others .titleList05{border-left:13px solid #ff99cc;}

.titleList05txtL{float: left;padding: 7px 20px 7px 10px;text-align: left;color: #fff;max-height: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.titleList05txtLApi{float: left;padding: 7px 20px 7px 10px;text-align: left;max-height: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #FFFFFF;;font-size: 24px;}
.titleList05txtR{float: right;font-size:12px;padding: 9px 8px 5px 0;text-align: right;color: #fff;}

/*-- typeIcon --*/
.typeIcon{background: #1b97b1;padding: 4px 14px;color: #fff;text-align: center;font-size: 10px;}

.catetype_02 {background: none repeat scroll 0 0 #6fba3c;padding: 4px 14px;color: #fff;text-align: center;font-size: 10px;}

/* -- hover -- */
a.hover:hover{filter: alpha(opacity=70);opacity: 0.7;-webkit-transition: opacity 0.1s linear;-moz-transition: opacity 0.1s linear;-o-transition: opacity 0.1s linear;transition: opacity 0.1s linear;}

/*-- .taskMeta --*/
.taskMeta{padding:12px 0;background:#eaeaea;border-bottom:1px solid #d3d3d3;border-top:1px solid #fff;text-align:center;}
.taskMeta .entryButton{margin:20px 0;}
.taskMeta dt{margin-top:5px;}
.taskMeta dd{font-size:32px;font-weight:bold;line-height:1;}
.taskMeta dd.entrytype span{font-size:20px;font-weight:bold;line-height:1;color:#FC8719;}
.taskMeta dd.tasktime span{font-size:32px;font-weight:bold;line-height:1;}
.taskMeta dd.worklimit span{font-size:32px;font-weight:bold;line-height:1;}
.taskMeta .category{margin-top:0;}
.taskMeta .catetype{padding:2px 5px;color: #90C41F;text-align: center;font-size: 10px;border: thin solid #90C41F;display:inline-block;background-color:#FFFFFF;margin-right:5px;}
.taskMeta dd.entrycnt span{font-size:32px;font-weight:bold;line-height:1;}
.taskMeta dd.pt span{padding: 2px 0 0 30px;background:url(https://s.yimg.jp/images/sicons/point28.gif) no-repeat 0 7px;}
.taskMeta dd.fee span{padding: 2px 0 0 30px;}
.taskMeta dd.feehourly span{padding: 2px 0 0 30px;background: url("../img/ico_time_rates.png") no-repeat scroll left center rgba(0, 0, 0, 0);}
.taskMeta dd.time span{padding:2px 0 0 30px;background:url(../img/icoCal_l.png) no-repeat 0 8px;}
.taskMeta dd.cnt span{padding:3px 0 0 30px;background:url(../img/icoFlag_l.png) no-repeat 0 8px;}
.taskMetaSub{color:#787878;font-size:0.8em;margin-top:5px;line-height:1;}
.taskMetaMini dt{font-size:14px;float:left;line-height:20px;}
.taskMetaMini dt.task{padding-left:20px;background: url(../img/icoFlag_xs.png) no-repeat;}
.taskMetaMini dt.time{padding-left:20px;background: url(../img/icoTime_xs.png) no-repeat;}
.taskMetaMini dt.owner{padding-left:20px;background: url(../img/icoOwner_xs.png) no-repeat;}
.taskMetaMini dd{font-size:18px;font-weight:bold;text-align:right;line-height:20px;}
.taskMetaMini dd.daytime{font-size:14px;float:right;text-align:right;line-height:20px;}
.taskMetaMini dt.owner{padding-left:20px;background: url(../img/icoOwner_xs.png) no-repeat;}
.taskMeta .consociate{font-size:18px;font-weight: bold;line-height: 1;word-wrap: break-word;}
.taskMetaMini dl{padding:0 12px 15px;line-height:1;}
#taskMetaWrap{border-top:1px solid #fff;background:#eaeaea;padding-top:15px;}
.taskPageTitle{padding:3px 0 10px;}
.taskPageTitle h2{font-size:x-large;font-weight:bold;line-height:30px;}
.taskPageTitle h2 span{font-size:medium;font-weight:normal;}
#taskSpOk{margin-top:20px;margin-left:30px;width:223px;height:193px;;background: url(../img/spok.png) no-repeat;}
.qrcode{margin-left:80px;margin-top:12px;}

/*-- .taskDetail --*/
.taskDetail{margin-bottom:20px;}
.taskDetail .ttl{margin-bottom:10px;padding-left:25px;background: url(../img/icoFlag_s.png) no-repeat;font-weight:bold;}
.taskDetail p{line-height:1.7;margin-bottom:1em; word-wrap: break-word;}
.taskImage{visibility: visible;}

/*-- .taskAlert --*/
.taskalertText {text-align:center;font-size:13px;margin-top:5px;margin-bottom:15px;}
#wrapTaskMain .alertText {width:600px;margin:0 10px 0 0;}
.alertText ul li{list-style: disc outside none;margin: 0 0 5px 20px;}

#wrapTask .entryButton .btnOrangeFrame{padding:10px 40px;font-size:20px;}
#wrapTask .entryButton .btnGrayFrame{padding:10px 30px;font-size:20px;}
.gaibu{margin-top:20px;}

/*-- .nanapi --*/
.ttlWrap{background:#999999; height:20px;color: #FFF;font-size: 14px;padding: 6px 5px;text-align: left;white-space: nowrap;margin-top:20px;}

/* taskEnd */
.stmpEnd{background: url(../img/stmp_taskend.png) no-repeat;margin:0;right: 46px;height:72px;position:absolute;width:72px;z-index: 1;}

/*-- IpadPC表示対応 --*/
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

.listTable_02 th{
    font-size: 16px;
}

.listTable_02 .agentTaskList .txtLink,.listTable_02 .agentTaskList td.judg,
.listTable_02 .agentTaskList span.gainSecondary,{
    font-size: 128%!important;
}

.listTable_02 .agentTaskList td.f14,
.listTable_02 .agentTaskList span.fee{
    font-size: 16px;
}


.listTable_02 td p,.typeIcon,.catetype_02{
	font-size: 14px;
}

.listTable_02 td.txt div.client span{
	font-size:100%;
}

.titleList05txtL{
    font-size:16px;
}
.titleList05txtR{
    font-size:14px;
}

}*/