/* Copyright (C) Ultimate, Inc. */

/* area */

#waku {
	border: 1px;
	border-style: solid;
	border-color: #BBBBBB;
	background-color: #ffffff;
	margin:2px 0;
	padding: 5px 10px;
}
.icon{
	border: 1px;
	border-style: solid;
	border-color: #64992C;
	background-color: #64992C;
	font-size:12px;
	color:#fff;
	margin: 0;
	padding: 5px 10px;
}
.area_white {
	border: 1px;
	border-style: solid;
	border-color: #BBBBBB;
	background-color: #ffffff;
	margin: 10px 0;
	padding: 5px 10px;
}
.area_yellow {
	border: 1px;
	border-style: solid;
	border-color: #E3E3E3;
	background-color: #ffffcc;
	margin: 10px 0;
	padding: 5px 10px;
}
.area_gray {
	border: 1px;
	border-style: solid;
	border-color: #E3E3E3;
	background-color: #F5F5F5;
	margin: 10px 0;
	padding: 5px 10px;
}
.area_red {
	border: 1px;
	border-style: solid;
	border-color: #ff0000;
	margin: 30px 0;
	padding:20px 50px;
	color:#ff0000;
	background: #ffdddd url(img/cancel.png) no-repeat;
	background-position: 10px 20px;
}
.area_blue {
	border: 1px;
	border-style: solid;
	border-color: #336699;
	background-color: #E3F4FF;
	margin: 10px 0;
	padding: 5px 10px;
}
.area_green {
	border: 1px;
	border-style: solid;
	border-color: #008000;
	margin: 30px 0;
	padding:20px 50px;
	color:#497D26;
	background: #EBFADA url(img/accept.png) no-repeat;
	background-position: 10px 20px;
}
.area_green_n {
	border: 1px;
	border-style: solid;
	border-color: #008000;
	margin: 0;
	padding:20px 50px;
	color:#497D26;
	background: #EBFADA url(img/accept.png) no-repeat;
	background-position: 10px 20px;
}


span{
	font-size:16px;
	font-weight:boldE;
	line-height:28px;
}

.head {
	padding: 5px;
	BACKGROUND: #A9A9A9;
	COLOR: #ffffff;
}
.head_n {
	BACKGROUND: #A9A9A9;
	COLOR: #ffffff;
}
.detail {
	padding: 5px;
	background: #f7f7f7;
}
.detail_n {
	background: #f7f7f7;
}
.punk{
	margin:0 0 10px 0;
}
textarea {
	width:100%;
}

#alljob a{
	font-size:12px;
	color:#fff;
}

.auth_update a{
	margin:-30px 3px 0;
	float:right;
	background:url(img/btn_auth_update.jpg) no-repeat;
	width:180px;
	height:55px;
	text-indent:-9999px;
	outline:none;
}
.depend_job a{
	margin:-30px 3px 0;
	float:right;
	background:url(img/btn_newjob.jpg) no-repeat;
	width:180px;
	height:55px;
	text-indent:-9999px;
	outline:none;
}
.update_job a{
	margin:-30px 3px 0;
	float:right;
	background:url(img/btn_upjob.jpg) no-repeat;
	width:180px;
	height:55px;
	text-indent:-9999px;
	outline:none;
}

.bg_gray{
	float:right;
	background-color:#f3f3f3;
	white-space: normal;
	padding:5px 10px;

   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
}


/* 会員登録
---------------------------------------------------------------*/

.stay{
	text-align:right;
	margin:5px 50px 5px 0;
}

#signup_form{
	display:block;
	float:center;
	background: url(img/bg_signup.png) no-repeat;
	width:851px;
	height:188px;
	margin: 0 auto 20px;
	padding:50px 0 0 0;
}
#signup_form td{
	padding:5px;
	color:#666666;
}
.agreement {
	float:center;
	background:#ECE9D8;
	width:50%;
	margin:0 auto;
	padding:10px;
}

#submit {
	float:center;
	margin:0 auto;
	background:#99CCFF;
	margin:30px auto 0;
	padding:5px;
	width:30%;
	text-align:center;
}

#signup_error {
	float:center;
	width:660px;
	background:#FCFCFC;
	border: 1px  solid red;
	color:red;
	padding:10px;
	margin: 0 auto 10px;
}


/* ========================================  member_side とmember_main の外枠 */
#member_content {
	margin:20px 0 0 0;
}

/* ========================================  左サイドメニュー */
#member_side {
	color:#333333;
	float: left;
	width: 450px;
	margin: 0px 0px 20px;
	background-color: #FFF;
	font-size:12px;
}
#member_side h3{
	background:url(img/bg_mem_h3.gif) repeat-x;
	border:1px solid #CCCCCC;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0 0 10px 0;
	padding:5px 10px 3px
}
#member_side .border{
	margin:5px 0;
	border-bottom:1px dotted #000;
}

/* ========================================  右サイドメニュー */
#member_main {
	float: right;
	width: 450px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin: 0px 0px 20px 20px;
	background-color: #FBF7E2;
}
#member_main h3{
	color:#FFF;
	background:url(img/bg_mem_h3_orange.gif) repeat-x;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0 0 20px 0;
	padding:5px 10px 3px
}
#member_main .status{
	margin:  -15px 10px 10px 10px;
}
#member_main .border{
	margin:5px 0;
	border-bottom:1px dotted #000;
}


/* ========================================  その他詳細 */
#member_other {
	float: right;
	width: 450px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin: 0px 0px 20px 20px;
	background-color: #FBF7E2;
}
#member_other h3{
	color:#FFF;
	background:url(img/bg_mem_h3_orange.gif) repeat-x;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0 0 0 0;
	padding:5px 10px 3px
}
#member_other .status{
	margin:  -25px 10px 0 10px;
}
#member_other .border{
	margin:5px 0;
	border-bottom:1px dotted #000;
}



/* ========================================  job_side とjob_main の外枠 */
#job_content {
	display:block;
	width:100%;
	float:left;
	margin:15px 0 0 0;
}

/* ========================================  左サイドメニュー */
#job_side {
	color:#333333;
	float: left;
	width: 700px;
	margin: 0px 0px 20px;
	background-color: #FFF;
	font-size:12px;
}
#job_side h3{
	background:url(img/bg_mem_h3.gif) repeat-x;
	border:1px solid #CCCCCC;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0 0 10px 0;
	padding:5px 10px 3px;
}
#job_side .border{
	margin:5px 0;
	border-bottom:1px dotted #000;
}

/* ========================================  右サイドメニュー */
#job_main {
	text-align:center;
	float: right;
	width: 200px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	margin: 0px 0px 20px 20px;
	background-color: #FBF7E2;
}
#job_main h3{
	color:#FFF;
	background:url(img/bg_mem_h3_orange.gif) repeat-x;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0 0 10px 0;
	padding:5px 10px 3px
}
#job_main .status{
	text-align:center;
	margin:  -15px 10px 10px 10px;
}
#job_main .border{
	margin:5px 0;
	border-bottom:1px dotted #000;
}


/* ========================================  estimate */
#estimate_content {
	display:block;
	width:98%;
	float:left;
	margin:5px 0 30px 0;
	padding:10px;
	border:1px solid #999999;
}

#estimate_content h3{
	background:url(img/bg_mem_h3.gif) repeat-x;
	border:1px solid #CCCCCC;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0 0 10px 0;
	padding:5px 10px 3px;
}


/* ========================================  table */
table#table-01 {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
	background:url(img/bg_mem_h3.gif) repeat-x;
    font-weight: bold;
    line-height: 120%;
    white-space: nowrap; 
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
table#table-02, table#table-02 th, table#table-02 td{
    width: 100%;
    border: 0px;
}


/* ========================================  tooltipヒント */

div.tooltip {  
    width: 250px;  
    position: absolute;  
    left: -9999px;  
    background: #EEE;  
    padding: 5px;  
    border: 1px solid #AAA;
}  
  
div.tooltip p{
    color: #FFF;  
    background: #222;  
    padding: 5px 10px;
    font-size:12px;
}  

/* ========================================  Pager */

.pager {
    margin:10px 0;
}
.pager a {
	padding:3px 5px;
    color: #008CCF;
    background-color: #fff;
    border: 1px solid #9aafe5;
    text-decoration: none;
}

.pager span.current {
	padding:3px 5px;
    color: #fff;
    background-color: #008CCF;
    border: 1px solid #008CCF;
    font-weight: bold;
}