@charset "utf-8";


/* default style reset
------------------------*/

body,div,dl,dt,dd,ul,li,ol,li,
h1,h2,h3,h4,h5,form,p,table,th,td,
address,input{
	margin:0;
	padding:0;
}

body{
	line-height:1;
}

a img,img{
	border:0;
}

table{
    border-collapse:collapse;
   	border-spacing:0;
}

caption,th{
    text-align:left;
}

ul,li,ol,li{
	list-style:none;
}

a{
	color:#109c9d;
	outline:none;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

address{
	font-style:normal;
}

textarea{
	width:98%;
	margin:5px 0;
}



/* clearfix
------------------------*/

.clearfix{
	/zoom:1;
}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}



/* common
------------------------*/

.r_txt{
	text-align:right !important;
}

.l_txt{
	text-align:left !important;
}

.c_txt{
	text-align:center !important;
}

.lnk{
	padding:0 0 0 20px;
	background:url(img/icon_arrow1.gif) no-repeat 0 50%;
}

.lnk a{
	font-size:75%;
}



/* layout
------------------------*/

body{
	color:#333;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#555;
}

#wrapper{
	width:100%;
	margin:0 auto;
	position:relative;
	background:url(img/bg.gif) repeat;
}

#header{
	border-top:5px solid #e188b5;
	padding:20px 0 0 0;
}

#contents{
	width:980px;
	margin:0 auto;
	padding:0 0 50px 0;
}

#footer{
	width:100%;
	height:90px;
	position:relative;
	background:#f8f8f8 url(img/footer_bg.gif) repeat-x 0 0;
}



/* module head
------------------------*/

.head{
	width:980px;
	margin:0 auto;
}

/*______ logo ______*/

#logo{
	margin:10px 0 0 0;
	float:left;
}

#logo a{
	width:370px;
	height:60px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/logo_crient.gif) no-repeat 0 0;
}

#logo a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/*______ header navi ______*/

#h_navi{
	float:right;
}

#h_navi li{
	float:left;
}

#h_navi li a{
	color:#666;
	font-size:75%;
	font-weight:bold;
	width:130px;
	height:21px;
	text-align:center;
	text-decoration:none;
	display:block;
	overflow:hidden;
	padding:9px 0 0 0;
	margin:0 0 0 10px;
	background:url(img/h_navi.gif) no-repeat 0 0;
}

#h_navi li a:hover{
	background-position:0 -30px;
}

/*______ login name ______*/

.login_name{
	/width:400px;
	color:#109c9d;
	font-size:75%;
	font-weight:bold;
	text-align:right;
	margin:20px 0 0 0;
	float:right;
	clear:right;
}



/* module foot
------------------------*/

.foot{
	width:980px;
	margin:0 auto;
}

.copy{
	color:#fff;
	width:100%;
	height:20px;
	font-size:68.75%;
	text-align:center;
	background:#555;
	padding:10px 0 0 0;
	position:absolute;
	bottom:0;
}

.copy a{
	color:#fff;
}

/*______ footer navi ______*/

.f_navi{
	width:980px;
	padding:20px 0 0 0;
}

.f_navi ul{
	text-align:center;
}

.f_navi li{
	font-size:75%;
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 5px;
	margin:5px 0;
	border-left:1px solid #ccc;
}

.f_navi li a{
	color:#878787;
}

.f_navi li.home{
	border-left:none;
}



/* module navi
------------------------*/

#g_navi{
	width:980px;
	height:150px;
	margin:30px auto 0 auto;
	background:url(img/g_navi_bg.png) no-repeat 0 0;
}

#g_navi ul{
	width:210px;
	margin:17px 10px 0 22px;
	float:left;
}

#g_navi li{
	width:210px;
}

#g_navi .title{
	color:#fff;
	font-size:87.5%;
	font-weight:bold;
	width:165px;
	height:20px;
	padding:13px 0 0 45px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#g_navi .g_01 .title{
	background-image:url(img/g_01.gif);
}

#g_navi .g_02 .title{
	background-image:url(img/g_02.gif);
}

#g_navi .g_03 .title{
	background-image:url(img/g_03.gif);
}

#g_navi .g_04 .title{
	background-image:url(img/g_04.gif);
}

#g_navi li a{
	font-size:87.5%;
	color:#555;
	width:180px;
	height:21px;
	overflow:hidden;
	display:block;
	text-decoration:none;
	padding:9px 0 0 30px;
	margin:10px 0 0 0;
	background:url(img/g_navi.gif) no-repeat 0 0;
}

#g_navi li a:hover{
	color:#fff;
	background:url(img/g_navi.gif) no-repeat 0 -30px;
}



/* module common
------------------------*/

/*______ contents ______*/

#main{
	width:980px;
}

h2{
	font-size:87.5%;
	color:#fff;
	width:960px;
	height:21px;
	padding:9px 0 0 20px;
	margin:0 0 15px 0;
	background:url(img/title_bg_full.gif) no-repeat 0 0;
	clear:both;
}


/*______ topicpath ______*/

#topicpath{
	width:980px;
	margin:20px auto;
}

#topicpath li{
	font-size:75%;
	line-height:150%;
	display:inline;
	padding:0 6px 0 12px;
	background:url(img/topicpath.gif) no-repeat 0 51%;
}

#topicpath li a{
	color:#666;
}

#topicpath li.home{
	background: url(img/home.gif) no-repeat 0 0;
	padding:0 0 0 20px;
}

#topicpath li strong{
	color:#555;
}

#topicpath li span{
	color:#bbb;
}

/*______ text______*/

.ex{
	font-size:75%;
	line-height:160%;
	margin:0 0 10px 0;
}

.ap_state{
	font-size:85%;
	line-height:160%;
	margin:0 0 10px 0;
}

.ap_state label{
	margin-right:10px;
}

.note{
	color:#878787;
	line-height:160%;
	display:block;
}

/*______ box______*/

.box{
	padding:20px 30px 10px 30px;
	background:url(img/box_body_full.png) repeat-y 0 0;
}

/*______ page top______*/

#page-top{
	position:fixed;
    bottom:0;
    right:0;
}

#page-top a{
	width:60px;
	height:45px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/pagetop.png) no-repeat left top;
}

#page-top a:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}



/* module button
------------------------*/

.btn{
	width:100%;
	text-align:center;
	margin:20px 0 0 0;
}

.btn p,
.action p{
	margin:0 10px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.action p{
	margin:0 0 0 10px;
}

.action{
	float:right;
	position:absolute;
	top:30px;
	right:30px;
}

.btn_copy a,
.btn_copy_info a,
.btn_delete a,
.btn_answer a,
.btn_more a,
.btn_detail a,
.btn_edit a,
.btn_csv a,
.btn_job a,
.btn_entry a,
.btn_message a,
.btn_entry_info a,
.btn_member a{
	width:190px;
	height:30px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
}

.btn_copy a:hover,
.btn_copy_info a:hover,
.btn_detail a:hover,
.btn_delete a:hover,
.btn_edit a:hover,
.btn_answer a:hover,
.btn_csv a:hover,
.btn_job a:hover,
.btn_entry a:hover,
.btn_message a:hover,
.btn_entry_info a:hover,
.btn_member a:hover{
	background-position:0 -30px;
}

/*______ btn copy ______*/

.btn_copy a{
	width:100px;
	margin:0 auto;
	background-image:url(img/btn_copy01.gif) ;
}

/*______ btn copy_info ______*/

.btn_copy_info a{
	width:130px;
	margin:0 auto;
	background-image:url(img/btn_copy02.gif) ;
}

/*______ btn detail ______*/

.btn_detail a{
	width:100px;
	margin:0 auto;
	background-image:url(img/btn_detail.gif) ;
}

/*______ btn delete ______*/

.btn_delete a{
	width:130px;
	background-image:url(img/btn_delete.gif) ;
}

/*______ 編集 ______*/

.btn_edit a{
	width:130px;
	background-image:url(img/btn_edit.gif) ;
}

/*______ btn snswer ______*/

.btn_answer a{
	width:130px;
	background-image:url(img/btn_answer.gif) ;
}

/*______ btn mroe ______*/

.btn_more a{
	width:90px;
	height:18px;
	background-image:url(img/btn_more.gif) ;
	position:absolute;
	top:6px;
	right:10px;
}

.btn_more a:hover{
	background-position:0 -18px;
}

/*______ CSV ______*/

.btn_csv{
	float:right;
	margin:0 0 20px 0;
}

.btn_csv a{
	width:250px;
	background:url(img/btn_csv.gif) no-repeat 0 0;
}

/*______ btn job ______*/

.btn_job{
	float:right;
	margin:0 0 20px 0;
}

.btn_job a{
	background:url(img/btn_job.gif) no-repeat 0 0;
}


/*______ btn entry ______*/

.btn_entry a{
	background:url(img/btn_entry.gif) no-repeat 0 0;
}

/*______ btn message ______*/

.btn_message a{
	background:url(img/btn_message.gif) no-repeat 0 0;
}

/*______ btn member ______*/

.btn_member a{
	background:url(img/btn_member.gif) no-repeat 0 0;
}

/*______ btn entry info ______*/

.btn_entry_info a{
	background:url(img/btn_entry_info.gif) no-repeat 0 0;
}


/* =10 module form
------------------------*/

/*______ submit ______*/

.submit{
	width:100%;
	text-align:center;
	clear:both;
}

.submit p{
	margin:0 20px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.submit .sbmt_preview,
.submit .sbmt_regist_btn,
.submit .sbmt_back,
.submit .sbmt_check,
.submit .sbmt_send,
.submit .sbmt_regist,
.submit .sbmt_edit,
.submit .sbmt_delete,
.submit .sbmt_login{
	width:190px;
	height:35px;
	text-indent:-9999px;
	overflow:hidden;
	display:inline-block;
	float:left;
	cursor:pointer;
	border:none;
}

.submit .sbmt_back{
	background:url(img/sbmt_back.gif) no-repeat 0 0;
}

.submit .sbmt_check{
	background:url(img/sbmt_check.gif) no-repeat 0 0;
}

.submit .sbmt_preview{
	background:url(img/sbmt_preview.gif) no-repeat 0 0;
}

.submit .sbmt_send{
	background:url(img/sbmt_send.gif) no-repeat 0 0;
}

.submit .sbmt_regist{
	background:url(img/sbmt_regist.gif) no-repeat 0 0;
}

.submit .sbmt_regist_btn{
	background:url(img/sbmt_regist_btn.gif) no-repeat 0 0;
}

.submit .sbmt_edit{
	/* takadama update sbmt_edit.gif → sbmt_regist.gif */
	background:url(img/sbmt_regist.gif) no-repeat 0 0;
}

.submit .sbmt_delete{
	background:url(img/sbmt_delete.gif) no-repeat 0 0;
}

.submit .sbmt_login{
	background:url(img/sbmt_login.gif) no-repeat 0 0;
}

.submit .sbmt_back:hover,
.submit .sbmt_check:hover,
.submit .sbmt_preview:hover,
.submit .sbmt_send:hover,
.submit .sbmt_regist:hover,
.submit .sbmt_regist_btn:hover,
.submit .sbmt_edit:hover,
.submit .sbmt_delete:hover,
.submit .sbmt_login:hover{
	background-position:0 -35px;
}

/*______ form ______*/

.form{
	padding:30px;
	margin:20px 0;
	border:double #bbb;
	border-radius:5px;
	position:relative;
	behavior:url(http://www.lwsandbox.net/sop_job/common/design/shop/css/js/PIE.htc);
}

.form table{
	width:100%;
	margin:0 0 30px 0;
}

.form caption{
	color:#fff;
	font-size:87.5%;
	padding:7px;
	background:#555;
}

.form th,
.form td{
	line-height:150%;
	padding:10px;
	border-bottom:1px dotted #bbb;
}

.form th{
	width:25%;
	font-size:75%;
	text-align:center;
}

.form .even th,
.form .even td{
	background:#f8f8f8;
}

.form td{
	font-size:75%;
	text-align:left;
}

.form td table{
	font-size:125%;
	text-align:left;
}

.form td input{
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
}

.form th .nec{
    color:#ff0000;
	font-weight:normal;
	margin:0 0 0 10px;
}

.form td.row label{
	width:25%;
	margin:3px 0;
	float:left;
}

.form .submit{
	margin:20px 0 0 0;
}

/*______ check ______*/

.check{
	padding:30px;
	margin:20px 0;
	border:1px solid #bbb;
	border-radius:5px;
	position:relative;
	behavior:url(http://www.lwsandbox.net/sop_job/common/design/shop/css/js/PIE.htc);
}

.check table{
	width:100%;
	margin:0 0 30px 0;
}

.check caption{
	color:#fff;
	font-size:87.5%;
	padding:7px;
	background:#555;
}

caption span{
	color:#80bfff;
	margin-left: 10px;
}

.check th,
.check td{
	line-height:160%;
	padding:7px;
	border-bottom:1px dotted #bbb;
}

.check .even th,
.check .even td{
	background:#f8f8f8;
}

.check th{
	width:20%;
	font-size:75%;
	text-align:right;
}

.check td{
	font-size:75%;
	text-align:left;
}

.check .submit{
	margin:20px 0 0 0;
}

/*______ job info ______*/

.job_info{
	padding:20px 30px 10px 30px;
	background:url(img/box_body_full.png) repeat-y 0 0;
}

.job_info table{
	width:100%;
	margin:0 0 30px 0;
}

.job_info caption{
	color:#fff;
	font-size:87.5%;
	padding:7px;
	background:#555;
}

.job_info th,
.job_info td{
	line-height:160%;
	padding:7px;
	border-bottom:1px dotted #bbb;
}

.job_info .even th,
.job_info .even td{
	background:#f8f8f8;
}

.job_info th{
	width:20%;
	font-size:75%;
	text-align:right;
}

.job_info td{
	font-size:75%;
	text-align:left;
}

/*______ error ______*/

.error{
	padding:0 10px 10px 10px;
	margin:0 0 20px 0;
	border:1px solid #ff0000;
}

.error .msg{
	font-size:75%;
	color:#ff0000;
	font-weight:bold;
	padding:15px 0 10px 35px;
	margin:0 0 10px 0;
	background:url(img/alert.gif) no-repeat 0 50%;
	border-bottom:1px dotted #ff0000;
}

.error li{
	font-size:75%;
	color:#ff0000;
	margin:10px 0 0 0;
}

/*______ comp ______*/

.comp dl{
	padding:20px;
	margin:20px 0 0 0;
	border:double #bbb;
}

.comp dt{
	font-size:87.5%;
	line-height:160%;
	margin:0 0 20px 0;
}

.comp dd{
	text-align:center;
}

.comp dd p{
	font-size:75%;
	line-height:150%;
	display:inline;
	margin:0 10px;
	padding:2px 0 2px 18px;
	background:url(img/icon_arrow1.gif) no-repeat left 50%;
}


/* module search
------------------------*/

.search{
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:url(img/box_bottom_full.png) no-repeat 0 bottom;
}

.search h2{
	font-size:140%;
	color:#ff9900;
	width:905px;
	height:40px;
	margin:0;
	padding:30px 0 0 75px;
	background:url(img/h2_search_full.png) no-repeat 0 0;
}

.search .box{
	padding-top:0;
}

.search table{
	width:910px;
	margin:0 auto;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

.search th,
.search td{
	font-size:75%;
	padding:7px;
	border-top:1px dotted #bbb;
}

.search th{
	width:19%;
	font-weight:bold;
	text-align:center;
	background:#f8f8f8;
}

.search td input,
.search dd input{
	margin:0 3px 3px 0;
	padding:2px;
	position:relative;
	/position:static;
	top:1px;
}

.search td label{
	width:33%;
	margin:3px 0;
	float:left;
}

.search td.row label{
	width:25%;
	float:left;
}

.search .sbmt{
	width:175px;
	margin:20px auto 0 auto;
}

.sbmt_search{
	width:220px;
	height:40px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
}

.sbmt_search{
	background:url(img/sbmt_search.gif) no-repeat 0 0;
}

.sbmt_search:hover{
	background-position:0 -40px;
}

.search dl{
	width:910px;
	margin:20px auto 0;
}

.search dt{
	font-size:75%;
	padding:7px;
	border-top:1px solid #bbb;
}

.search dt {
  padding: 10px;
  font-weight:bold;
  background:#f8f8f8;
}

.search dd {
  font-size:75%;
  margin-bottom:10px;
  padding:7px;
}

.search dd label{
  display:inline-block;
  margin: 3px 0;
  padding: 7px;
}

/*______ cat list ______*/
.cat_list{
  position: relative;
}

.search td .cat_list label{
	float:none;
  display:block;
	width:auto;
	height: auto;
  text-indent: -1.25em;
  margin-left: 1.25em;
}

.search td .cat_list li{
  display:block;
	width:33%;
	margin:3px 0;
	float:left;
}

.form_cbox{
  display:block;
  min-height:180px;
  margin:0 10px 0 0;
  padding:10px;
  border:1px solid #bbb;
  border-radius:0.25em;
}

.user_edit_job{
  display:block;
  margin-top:5px;
  padding: 0 0 0 15px;
}

/*______ page navi ______*/

.page_navi p{
	font-size:75%;
	padding:3px 0;
	font-weight:bold;
	float:left;
}

.page_navi p strong{
	font-size:150%;
	color:#ff9900;
	margin:0 5px 0 0;
}

.page_navi ul{
	float:right;
}

.page_navi li{
	font-size:75%;
	display:inline;
}

.page_navi li span{
	color:#666;
	display:inline-block; /*Modern*/
	/display:inline; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	padding:6px 10px;
	background-color:#ddd;
	border:1px #666 solid;
	font-weight:bold;
}

.page_navi li a{
	color:#666;
	display:inline-block; /*Modern*/
	/display:inline; /*IE5～7*/
	/zoom:1; /*IE5～7*/
	padding:6px 10px;
	border:1px #666 solid;
}

.page_navi li a:link,
.page_navi li a:visited{
	border-color:#666;
}

.page_navi li a:hover,
.page_navi li a:active{
	color:#fff;
	border-color:#666;
	background-color:#666;
}



/* module item list
------------------------*/

.item li{
	float:left;
	padding:0 0 10px 0;
	margin:0 5px 10px 5px;
	border-bottom:1px dotted #ccc;
}

.item li:hover{
	background:#fff0f0;
}

.item li .thumb{
	width:80px;
	margin:0 10px 0 0;
	float:left
}

.item li .info{
	float:right;
}

.item li h3{
	color:#17abcb;
	font-size:87.5%;
	margin:0 0 7px 0;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.item li .catch{
	font-size:75%;
	margin:0 0 5px 0;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.item li .date{
	font-size:75%;
}

/*______ icon ______*/

.icon li{
	font-size:100%;
	text-align:center;
	padding:3px 7px;
	margin:5px 5px 0 0;
	border:1px solid #109c9d;
	float:left;
}

.icon .emp{
	color:#fff;
	background:#109c9d;
}

.icon .bus{
	color:#109c9d;
	background:#fff;
}

.icon .cate{
	color:#109c9d;
	background:#fff;
}

/*______ item box ______*/

.item_box{
	padding:20px;
}

.item_box .info{
	/*float:right;*/
	text-align:left;
}

.item_box .info .icon{
	margin:0 0 7px 0;
}

.item_box h3{
	color:#17abcb;
	font-size:100%;
	margin:0 0 7px 0;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	padding: 1px 0 0 0;
}

.item_box .date{
	font-size:100%;
}

/*______ list table ______*/

table.list{
	width:100%;
	margin:10px 0;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

table.list th,
table.list td{
	font-size:75%;
	text-align:center;
	padding:7px;
	border-bottom:1px solid #bbb;
	border-right:1px dotted #bbb;
	border-left:1px dotted #bbb;
}

table.list .even th,
table.list .even td{
	background:#f8f8f8;
}

table.list th{
	border-bottom:1px solid #bbb;
}

table.list td.text{
	text-align:left;
	line-height:160%;
}

table.list td .state{
	color:#ff9900;
	font-weight:bold;
}

/* module item info
------------------------*/

.item_info{
	padding:0 0 20px 0;
	background:url(img/box_bottom_full.png) no-repeat 0 bottom;
	position:relative;
}

.item_info h2{
	width:935px;
	height:25px;
	font-size:112.5%;
	color:#333;
	padding:35px 0 0 45px;
	margin:0;
	background:url(img/title_bg_full.png) no-repeat 0 0;
}

.item_info h2 span{
	color:#ff9900;
	margin:0 10px 0 0;
}

.item_info h3{
	font-size:87.5%;
	color:#ff9900;
	padding:0 0 10px 20px;
	margin:20px 0;
	background:url(img/icon_arrow3.gif) no-repeat 0 0;
	border-bottom:1px solid #ff9900;
	clear:both;
}

/*______ table______*/

table.detail{
	width:100%;
	table-layout:fixed;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	clear:both;
}

table.detail th,
table.detail td{
	font-size:75%;
	line-height:160%;
	padding:7px;
	border-top:1px dotted #bbb;
	border-bottom:1px dotted #bbb;
}

table.detail .even th,
table.detail .even td{
	background:#f8f8f8;
}

table.detail th{
	width:25%;
	text-align:center;
}

table.detail td{
	border-left:1px dotted #bbb;
}

table.detail td ul{
	margin:0 0 -10px 0;
}

table.detail td li{
	width:94px;
	color:#fff;
	text-align:center;
	padding:3px 5px;
	margin:0 5px 5px 0;
	background:#bbb;
	float:left;
}



/* module index
------------------------*/

/*______ new message ______*/

.index .message_list{
	margin:30px 0 0 0;
	clear:both;
}

.index .message_list h2{
	margin:0 0 20px 0;
}

/*______ new entry ______*/

.index .entry_list{
	margin:30px 0 0 0;
}

.index .entry_list h2{
	margin:0 0 20px 0;
}

/*______ news ______*/

.index .arrived{
	font-size:75%;
	font-weight:bold;
	padding:0 0 0 20px;
	margin:20px 0 -5px 0;
	background:url(img/icon_arrow1.gif) no-repeat 0 50%;
}

.index .arrived a{
	color:#FF8888;
}

/* module job list
------------------------*/

/*______ item box ______*/

.job_list .item_box{
	width:320px;
	padding:0;
	background:none;
}

.job_list .item_box .info{
	width:320px;
}

.job_list .item_box .info h3{
	/width:320px;
}

.job_list .list td.text p{
	width:230px;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}



/* module job info
------------------------*/

.job .icon li{
	font-size:75%;
}

.job .name{
	color:#2eb9b9;
	font-size:120%;
	font-weight:bold;
	margin:10px 0 20px 0;
}

.job .detail h3{
	margin-top:0;
}

.job .detail .info{
	width:610px;
	float:right;
}

/*______ main photo ______*/

.job .detail .main_photo{
	width:240px;
	margin:0 20px 0 0;
	float:left;
}

.job .detail .main_photo img{
	padding:5px;
	border:1px solid #bbb;
}

.job .detail .main_photo span{
	font-size:75%;
	line-height:150%;
	text-align:left;
	display:block;
	margin:10px 0 0 0;
}

/*______ photo ______*/

.photo{
	padding:10px 10px 0 10px;
	/padding:10px;
	margin:20px 0 0 0;
	background:#eee;
}

.photo ul{
	margin:0 -11px 0 0;
}

.photo li{
	float:left;
	margin:0 11px 10px 0;
	/margin:0 8px 8px 0;
	text-align:center;
}

.photo li img{
	padding:5px;
	background:#fff;
	border:1px solid #bbb;
}

.photo li p{
	font-size:75%;
	line-height:150%;
	text-align:left;
	margin:10px 0 0 0;
}



/* module member list
------------------------*/

/*______ list table ______*/

.member_list .list td{
	line-height:160%;
}

/* module member info
------------------------*/

.member .detail table{
	margin-bottom:30px;
}

/* module entry list
------------------------*/

.index .entry_list{
	position:relative;
}

/*______ item box ______*/

.entry_list .item_box{
	padding:0;
}

.entry_list .item_box .info{
	width:400px;
}

.entry_list .item_box .info h3{
	/width:400px;
}

.entry_list .list td.text p{
	width:290px;
	color:#17abcb;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}



/* module entry info
------------------------*/

.entry .detail{}



/* module message list
------------------------*/

.index .message_list{
	position:relative;
}

.message_list .lnk{
	margin:15px 0 15px 0;
}

/*______ tab ______*/

.tab{
	margin:0 0 20px 0;
	border-bottom:3px solid #ff9900;
}

.tab p{
	float:left;
}

.tab .receive,
.tab .receive a,
.tab .receive_on a,
.tab .send,
.tab .send a,
.tab .send_on a{
	width:190px;
	height:40px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.tab .receive{
	background:url(img/tab_receive.gif) no-repeat 0 -40px;
}

.tab .receive a{
	background:url(img/tab_receive.gif) no-repeat 0 0;
}

.tab .receive_on a{
	background:url(img/tab_receive.gif) no-repeat 0 -40px;
}

.tab .send{
	background:url(img/tab_send.gif) no-repeat 0 -40px;
}

.tab .send a{
	background:url(img/tab_send.gif) no-repeat 0 0;
}

.tab .send_on a{
	background:url(img/tab_send.gif) no-repeat 0 -40px;
}

.tab p a:hover{
	background-position:0 -40px;
}

/*______ list table ______*/

.message_list .list tr.unread{
	font-weight:bold;
}

.message_list .list td{
	line-height:160%;
}

.message_list .list td p{
	width:590px;
	color:#17abcb;
	text-align:left;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}



/* module message info
------------------------*/

.message .from{
	float:left;
}

.message .from p{
	font-size:75%;
	margin:0 0 10px 0;
}

.message .sub{
	font-size:100%;
	font-weight:bold;
	line-height:160%;
	padding:0 0 5px 0;
	margin:30px 0 20px 0;
	border-bottom:1px dashed #bbb;
	clear:both;
}

.message .info{
	font-size:75%;
	line-height:170%;
}


/* module login form
------------------------*/

body#login{
	background:url(img/bg.gif) repeat 0 0;
	margin:150px auto 0 auto;
}

body#login #logo{
	width:265px;
	height:105px;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/logo.gif) no-repeat 0 0;
	float:none;
}

.login_form{
	width:300px;
	padding:30px;
	margin:0 auto;
	border:5px solid #e188b5;
	background:#fff;
	border-radius:10px;
	position:relative;
	behavior:urlhttp://www.lwsandbox.net/sop_job/design/shop/css/js/PIE.htc);
}

.login_form dl{
	width:280px;
	margin:30px auto 0 auto;
}

.login_form dt{
	font-size:87.5%;
	font-weight:bold;
	padding:2px 0 2px 20px;
	margin:10px 0 0 0;
	background-position:0 0;
	background-repeat:no-repeat;
}

.login_form dd{
	margin:10px 0 0 0;
}

.login_form dd input{
	width:98%;
	padding:3px;
	height:20px;
}

.login_form .mail{
	background-image:url(img/icon_mail.gif);
}

.login_form .pass{
	background-image:url(img/icon_lock.gif);
}

.login_form .submit{
	margin:20px 0 0 0;
}

/*______ error ______*/

.login_form .login_error{
	color:#F00;
	font-weight:bold;
	font-size:90%;
	text-align:center;
	padding-top:30px;
}

#search_oc a{
	color:#FF9900;
	text-decoration:none;
}

@-moz-document url-prefix(){
	input,
	select,
	textarea{
		font-family:MS UI Gothic;
	}
}

#job_business table{
	font-size:125%;
	border-top:none;
}

#job_business td{
	border-top:none;
}

.shop_login_foot{
	margin-top:15px;
	text-align:center;
	line-height:180%;
}

.shop_login_foot span{
	color:#F00;
}

/*______ view ______*/
.job_info_view{
	width:980px;
}

.job_info_view .list_box{
	margin:0 0 30px 0;
}

.job_info_view .list_box .detail dl.info{
	width:520px;
}

.list_box{
	padding:10px;
	margin:10px 0;
	background:#fff;
	border:1px solid #bbb;
}

.list_box .job_title{
	color:#fff;
	font-size:112.5%;
	padding:10px;
	margin:0 0 10px 0;
	background:#e188b5;
	border-radius:3px;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.list_box .pay{
	color:#ff0000;
	width:147px;
	height:24px;
	font-size:100%;
	font-weight:bold;
	text-align:right;
	padding:13px 10px 0 0;
	margin:0 0 10px 0;
	background:url(img/pay.png) no-repeat 0 0;
	float:right;
}
.list_box .catch{
	color:#109c9d;
	font-size:120%;
	font-weight:bold;
	line-height:150%;
	padding:0 0 5px 0;
	margin:0 0 20px 0;
	border-bottom:1px dotted #bbb;
	clear:both;
}
.job_view{
	font-size:75%;
	line-height:160%;
	min-height:21px;
	padding:5px 0 0 90px;
	margin:0 0 30px 0;
	position:relative;
}
.job_view span{
	width:93px;
	height:32px;
	text-indent:-9999px;
	background:url(img/job_info.png) no-repeat 0 0;
	position:absolute;
	top:0;
	left:-18px;
}
.list_box .detail{
	margin:0 0 20px 0;
}

.list_box .detail dl.info{
	width:440px;
	float:right;
}

.list_box .detail dl.info dt{
	color:#ff9900;
	font-size:87.5%;
	font-weight:bold;
	padding:0 0 5px 20px;
	margin:0 0 10px 0;
	background:url(img/icon_arrow4.gif) no-repeat 0 0;
	border-bottom:1px solid #ff9900;
}

.list_box .detail dl.info dd{
	font-size:75%;
	line-height: 150%;
	margin:0 0 15px 0;
}

.main_photo{
	float:left;
	text-align:center;
}

.main_photo img{
	padding:5px;
	border:1px solid #bbb;
}

.main_photo span{
	font-size:75%;
	line-height:150%;
	text-align:left;
	display:block;
	margin:10px 0 0 0;
}
.list_box .feature{
	margin:0 -5px 0 0;
}

.list_box .feature li{
	width:29.9%;
	color:#666;
	font-size:100%;
	text-align:center;
	background:#f8f8f8;
	border:1px solid #bbb;
	padding:3px 4px;
	margin:0 5px 5px 0;
	float:left;
}
/*----- photo -----*/
.photo_view{
	padding:10px 20px 10px 20px;
	margin:20px 0 0 0;
	border:5px solid #eee;
}

.photo_view h4{
	font-size:125%;
	height:35px;
	padding:25px 0 0 130px;
	margin:0 0 10px 0;
	background:url(img/check.gif) no-repeat 0 50%;
}

.photo_view ul{
	margin:0 -12px 0 0;
}

.photo_view li{
	float:left;
	margin:0 10px 10px 0;
	text-align:center;
}

.photo_view li img{
	padding:5px;
	border:1px solid #bbb;
}

.photo_view li p{
	color:#109c9d;
	font-size:75%;
	line-height:150%;
	text-align:left;
	margin:10px 0 0 0;
}
/*----- entry info -----*/
.entry_info{
	margin:30px 0 0 0;
}

.entry_info h4{
	width:960px;
	height:21px;
	color:#fff;
	font-size:87.5%;
	font-weight:normal;
	padding:9px 0 0 20px;
	margin:0 0 15px 0;
	background:url(img/title_bg_full.gif) no-repeat 0 0;
}
/*----- interview -----*/
.interview h4{
	width:960px;
	height:25px;
	color:#fff;
	font-size:87.5%;
	padding:10px 0 0 20px;
	margin:20px 0 15px 0;
	background:url(img/title_bg_full.gif) no-repeat 0 0;
}

.interview .map{
	width:500px;
	float:left;
}

.interview dl{
	width:450px;
	float:right;
}

.interview dt,
.interview dd{
	font-size:75%;
	padding:7px;
}

.interview dt{
	color:#1C2A53;
	font-weight:bold;
	padding:0 0 5px 20px;
	margin:0 0 5px 0;
	background:url(img/icon_arrow5.gif) no-repeat 0 0;
	border-bottom:1px solid #1C2A53;
}

.interview dd{
	margin:0 0 10px 0;
	line-height:150%;
}
/*----- table -----*/
table.common{
	width:100%;
	table-layout:fixed;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

table.common caption{
	font-size:87.5%;
	font-weight:bold;
	padding:5px 7px;
	background:#eee;
	border-top:1px solid #bbb;
}
table.common th,
table.common td{
	font-size:75%;
	line-height:160%;
	padding:7px;
	border-top:1px dotted #bbb;
	border-bottom:1px dotted #bbb;
}
table.common .even th,
table.common .even td{
	background:#f8f8f8;
}

table.common th{
	width:30%;
	text-align:center;
}

table.common td{
	border-left:1px dotted #bbb;
}
/*----- company info -----*/
.com_info{
	margin:20px 0 0 0;
}

.com_info h4{
	width:960px;
	height:22px;
	font-size:87.5%;
	padding:8px 0 0 20px;
	margin:0 0 15px 0;
	background:url(img/title2_bg_full.gif) no-repeat 0 0;
}

.com_info .com_photo{
	width:278px;
	float:left;
	padding:10px;
	border:1px solid #bbb;
	text-align:center;
}

.com_info .detail{
	width:650px;
	float:right;
}