/* ------------------------------
Clear style
------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;font-family:}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
td{text-align:left; vertical-align:top;}
td.layout-r{text-align:right;}
td.layout-l{text-align:left;}
td.layout-b{vertical-align:bottom;}
td.center{text-align:center;}
td.layout-m{vertical-align:middle;}
.layout-clear {clear:both;}
/* input {border:1px solid #88abcb;} */
select {border:1px solid #88abcb;}


/* ------------------------------
Common
------------------------------ */
.f10 {font-size:10px; line-height:14px;}
.f12 {font-size:12px; line-height:18px;}
.f14 {font-size:14px; line-height:20px;}
.bold {font-weight:bold;}
.white {color:#ffffff;}

a {
color:#003399;
}


/* ------------------------------
body
------------------------------ */
body {
font-family: "ＭＳ Ｐゴシック", "Osaka"
background:#ffffff;
font-size:12px;
}


/* ------------------------------
common background styles
------------------------------ */
tr.top-comment {
background:transparent url('../images/head_bg01.gif') repeat-x left top;
height:32px;
}

tr.comm-header {
background:transparent url('../images/head_bg02.gif') repeat-x left bottom;
}

tr.comm-page {
background:transparent url('../images/head_bg03.gif') repeat-x left top;
}

tr.comm-footer {
background:transparent url('../images/head_bg05.gif') repeat-x left top;
height:50px;
}

span.pankuzu {
font-size:10px;
color:#163c69;
}

span.pankuzu12 {
font-size:12px;
color:#163c69;
}

a.pankuzu {
font-size:10px;
color:#163c69;
}

a.pankuzu12 {
font-size:12px;
color:#163c69;
}

p.head-tab {
height:36px;
width:133px;
cursor:pointer;
}

p#headtab5 {
width:134px;
}

p#headtab8 {
width:134px;
}

p#headtab9 {
width:267px;
text-align:right;
line-height:34px;
font-size:10px;
}

a:hover.review {
color:#ffffff;
}

/* ------------------------------
head tab style
------------------------------ */
.head-tab {float:left;}
img.tab-adjust {position:relative; top:2;}



/* ------------------------------
right bar style
------------------------------ */
.total-jobs-tbl {
background:transparent url('../images/bar_head_01.gif') no-repeat left top;
height:67px;
}
.rightbar-spacer {font-size:0px; height:8px;}


/* ------------------------------
main contents
------------------------------ */
.ecom-contents-table {
width:580px;
}

/* ------------------------------
index contents
------------------------------ */
div.srh-buttons {
text-align:center; vertical-align:middle; background:transparent url('{{IMG_ROOT}}comm/srhpnl_btn1.gif') no-repeat left top; height:45px;
}

/* ------------------------------
search agent contents
------------------------------ */
td.agtsrh-tab {
width:103px;
background:#fff9e3;
border-right:1px solid #909090;
border-bottom:1px solid #909090;	
}
td.agtsrh-tab-val {
background:#ffffff;
width:469px;
border-bottom:1px solid #909090;	
}
div.agtsrhchk {
line-height:24px;;
width:150px;
}


/* ------------------------------
agent detail contents
------------------------------ */
td.agent-tbl-lbl {
vertical-align:middle;
font-size:12px;
padding:5px 5px 5px 8px;
background:#e0e9f0;
width:153px;
}
td.agent-tbl-val {
line-height:16px;
font-size:12px;
padding:5px 5px 5px 8px;
background:#ffffff;
width:390px;
}

/* ------------------------------
search work contents
------------------------------ */
td.agtsrh-tab {
width:103px;
background:#fff9e3;
border-right:1px solid #909090;
border-bottom:1px solid #909090;	
}
td.agtsrh-tab-val {
background:#ffffff;
width:469px;
border-bottom:1px solid #909090;
}
div.wrksrhchk {
line-height:24px;;
width:220px;
}
div.widelong {
width:180px;
}
div.themawide {
width:200px;
padding-right:10px;
}
div.wrksrhchk-s {
line-height:24px;
padding-right:20px;
}
div.work-search-head {
float:left;
font-size:12px;
line-height:16px;
}
div.work-search-head-r {
float:right;
font-size:12px;
line-height:16px;
}
div.pager {
font-size:12px;
padding-left:6px;
}

div.comm-page-top {
color:#003399;
font-size:10px;
padding: 0 10px 10px 0;
text-align:right;
}

p.wrksrh-info {
line-height:16px;
#font-weight:bold;
font-size:12px;
}

p.wrksrh-info-sep {
height:8px;
font-size:1px;
background:transparent url('../images/wrksrh/wsres_long_inline1_v2.gif') no-repeat left;
}

td.work-tbl-lbl {
vertical-align:middle;
font-size:12px;
padding:5px 5px 5px 8px;
background:#e0e9f0;
width:103px;
}

td.work-tbl-val {
line-height:18px;
font-size:12px;
padding:5px 5px 5px 8px;
background:#ffffff;
width:452px;
}

span.ecom-wsparam {
font-size:12px;
}

td.wrksrh-tab-btn {
width:100px;
text-align:center;
vertical-align:middle;
background:#ffffff;
border-bottom:1px solid #909090;
}

/* ------------------------------
WORK
------------------------------ */
div.work-tab {
width:580px;
height:38px;
font-size:0px;
margin:0px;
padding:0px;
border:0px;
clear:both;
background:transparent url('../images/wrksrh/work_head_v2.gif') no-repeat left bottom;
}

div.work-contents {
width:580px;
background:transparent url('../images/wrksrh/work_back_v2.gif') left top;
}

div.work-contents .wc {
width:555px;
margin-left:10px;
}

div.work-tab-end {
width:580px;
height:3px;
font-size:0px;
margin:0px;
padding:0px;
border:0px;
clear:both;
background:transparent url('../images/wrksrh/work_head_v2.gif') no-repeat left top;
}

table#work_main_p1 {
width:555px;
}

table#work_main_p2 {
width:555px;
}

table#work_main_p8 {
width:545px;
}

div.work-spacer {
font-size:0px;
height:14px;
}

span.pickup {
color:#ee3030;
background:#ffffa0;
}

a.decoa:hover {
color:#ff0000;
}


/* ------------------------------
USEFUL
------------------------------ */
#useful-p .yb {
width:575px;
}

#useful-p .fb {
padding-left:5px;
width:575px;
vertical-align:middle;
}

#useful-p .ctl {
height:20px;
margin:auto;
padding:4px 0 0 8px;
float:left;
width:70px;
font-size:14px;
font-weight:bold;
color:rgb(254,103,0);

}

#useful-p .ctl-img {
margin-left:6px;
margin-top:4px;
}

#useful-p .links {
line-height:16px;
margin:2px 0 2px 0;
float:left;
width:492px;
}

.useful-node {
line-height:20px;
font-size:12px;
float:left;
white-space:nowrap;
width:158px;
padding:3px 0 3px 0;
}

#-useful-p .tdcou {
padding:auto; 
margin:auto; 
vertical-align:middle; 
width:90px;
font-size:14px; 
font-weight:bold;
color:rgb(254,103,0);
min-height:50px;
height: auto !important;
height: 50px;
}

.ttl {
 font-size:14px;
 font-weight:bold;
 color:rgb(254,103,0);
 white-space:nowrap;
}

.min50 {
min-height:50px;
height: auto !important;
height: 50px;
}

/* ------------------------------
AREAMAP
------------------------------ */
div#area-link-div {
width:80%;
padding:6px;
border:3px double #e0e0e0;
font-size:10px;
}
table#area-link-tbl {
border:3px double #e0e0e0;
font-size:10px;
}
table#area-link-tbl span {
font-size:10px;
}

/* ------------------------------
POPUP
------------------------------ */
.popup-inner {
width:100%;
}

p.popup-dlg {
margin:0 auto;
background-color:#ffffff;
font-size:12px;
width:641px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
}

.p-areachk {
vertical-align:middle;
line-height:30px;
margin-left:5px;
}

p.btnparts {
padding:6px;
float:left;
}

/* ------------------------------
History BAR
------------------------------ */
.history-bar {
width:800px;
}

.history-bar-head {
height:33px;
background:transparent url('../images/wrksrh/wsres_history_head.gif') no-repeat left top;
text-align:right;
}

.history-bar-body {
height:116px;
border:1px solid #e5e5e5;
background-color:#f5f5f5;

}

.histnode {
width:150px;
text-align:center;
}

.histnottop {
}
.hist-img-p {
}
.hist-cpname-p {
width:130px;
line-height:16px;
overflow:hidden;
height:16px;
text-align:center;
}
.hist-cpname {
font-size:10px;
}

.review-bar-node {
font-size:12px;
line-height:16px;
}

.red {
color:#ff3301;
}

/* -----
REVIEWING
----- */
#head-kentou {
font-size:10px;
text-decoration:none;
width:268px;
height:35px;
line-height:32px;
text-align:right;
vartical-align:middle;
}

th.rltop-th {
border:1px solid #949494;
vertical-align:middle;
margin:0px; padding:0px;
}
th.rl-th {
border-top:1px solid #949494;
border-right:1px solid #949494;
border-bottom:1px solid #949494;
vertical-align:middle;
margin:0px; padding:0px;
}
.rl-head {
font-size:12px;
font-weight:normal;
}

td.rltop-td {
background-color:#ffffff;
border-left:1px solid #949494;
border-bottom:1px solid #949494;
vertical-align:middle;
}
td.rl-td {
background-color:#ffffff;
border-right:1px solid #949494;
border-bottom:1px solid #949494;
vertical-align:middle;
}
div.rl-node {
margin:3px;
font-size:10px;
line-height:14px;
}
input.rl-memo {
width:156px;
height:70px;
border:1px solid #83a5c1;
}

td.reviwing-tab {
background:transparent url('../images/review_tab_back.gif') repeat-x left top;
height:50px;
font-size:12px;
}

span.rl-total {
font-size:12px;
line-height:18px;
}
.rl-total .big-red {
font-size:14px;
font-weight:bold;
color:#fd0100;
}

.rlhowto {
font-size:12px;
line-height:18px;
}

.rlhowto-point {
background:transparent url('../images/rlhowto6.gif') no-repeat left top;
height:115px;
width:218px;
}

.rlhowto-point .txt{
width:204px;
padding:54 0 0 5px;
font-size:12px;
line-height:18px;
}

/* -----
PICKUP
----- */
#pickup #hd {
width:580px;
height:43px;
background:transparent url('../images/pickuphead1.jpg') no-repeat left top;
}

#pickup #ft {
width:580px;
height:3px;
background:transparent url('../images/orgfoot1.gif') no-repeat left top;
}

#pickup #cts {
width:580px;
background:transparent url('../images/orgbk1.gif') repeat-y left top;
text-align:center;
}

#pickup #cts #inner {
margin:auto;
padding:5px 0 10px 0;
width:555px;
}

#pickup .pickupitem {
 float:left;
 text-align:left;
 width:111px;
}

#pickup .pickupitem img {
 border:1px solid #999999;
}

#pickup .pickuptitle {
 padding-top:3px;
 width:100px;
 font-size:10px;
}

#thema-tbl div.tlink {
 padding:0 0 0 15px;
 font-size:12px;
 background:transparent url('../images/comm/icon001.gif') no-repeat left center;
}

.syokunode {
 font-size:12px;
 line-height:18px;
 padding:4px 0 4px 20px;
 background:transparent url('../images/comm/icon001.gif') no-repeat 5px center;
}

.syokunode-ad {
 font-size:12px;
 line-height:18px;
 padding:2px 0 2px 20px;
 background:transparent url('../images/comm/icon001.gif') no-repeat 5px center;
}


#cpinfor1 {
 font-size:12px;
 line-height:18px;
 padding-left:36px;
 text-align:left;
 background:transparent url('../images/bar/rbcpinfor1.gif') no-repeat left 2px;
}

#cpinfor2 {
 font-size:12px;
 line-height:18px;
 padding-left:36px;
 text-align:left;
 background:transparent url('../images/bar/rbcpinfor2.gif') no-repeat left 2px;
}

#cpinfor3 {
 font-size:12px;
 line-height:18px;
 padding-left:36px;
 text-align:left;
 background:transparent url('../images/bar/rbcpinfor3.gif') no-repeat left 2px;
}

.icolink {
 font-size:12px;
 line-height:18px;
 padding:4px 0 4px 20px;
 text-align:left;
 background:transparent url('../images/comm/icon001.gif') no-repeat 5px center;
}

.clr66 {
 color:#666666;
}

#syokurank1 {
 font-size:12px;
 line-height:18px;
 padding-left:36px;
 text-align:left;
 background:transparent url('../images/comm/syokurank1.gif') no-repeat left 2px;
}

#syokurank2 {
 font-size:12px;
 line-height:18px;
 padding-left:36px;
 text-align:left;
 background:transparent url('../images/comm/syokurank2.gif') no-repeat left 2px;
}

#syokurank3 {
 font-size:12px;
 line-height:18px;
 padding-left:36px;
 text-align:left;
 background:transparent url('../images/comm/syokurank3.gif') no-repeat left 2px;
}