@charset "utf-8";


/*/////////////////////////////////////////////////////////////


user.css

ver.2011/01/24


//////////////////////////////////////////////////////////////*/


/*--------------------------------------------------------------
 1. 汎用設定
--------------------------------------------------------------*/

/* 1-1 リンク下線なし
------------------------------------------------------------- */

/*--------------------------------------------------------------
 2. トップページ
--------------------------------------------------------------*/
#btn_cntct-dev{ margin-bottom:20px;}
#btn_cntct-dev a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/* 1 newjob
------------------------------------------------------------- */
#newjob{
	padding:5px 5px 0 5px;
	margin-bottom: 20px;
}
#newjob dl{padding:0;font-size:1.2em;}
#newjob dt{
	margin:0 0 5px 0;
	background:transparent url(../images/common/ico_lv2_red.gif) left center no-repeat;
	padding:0 0 0 16px;
	width:9em;
	float:left;
}
#newjob dd{
	padding:0;
	margin-left:9.5em;
	margin-bottom: 5px;
}


/* 2 spjob
------------------------------------------------------------- */
#spjob{
	padding:2px;
	margin-bottom: 20px;
}


#spjob01{
	background:#fff;
	margin:0 2px 0 0;
	width: 233px;
	display:inline;
	float:left;
}
#spjob01_01{
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
#spjob01_01 dl{
	padding:5px 5px 0 5px;
	font-size:1.2em;
}
#spjob01_01 dt{
	margin:0 0 5px 0;
	background:transparent url(../images/common/ico_lv2_green.gif) left center no-repeat;
	padding:0 0 0 16px;
}
#spjob01_01 dd{
	padding:0;
	margin-bottom: 10px;
	margin-left: 14px;
}
#spjob01 p{
	background:#E6F7E6;
	padding:5px;
}
#spjob01 p span{
	background:transparent url(../images/common/ico_lv1_green.gif) left center no-repeat;
	padding:0 0 0 16px;
	font-weight:bold;
	font-size:1.2em;
}

#spjob02{
	background:#fff;
	margin:0 2px 0 0;
	width: 234px;
	display:inline;
	float:left;
}
#spjob02_01{
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
#spjob02_01 dl{
	padding:5px 5px 0 5px;
	font-size:1.2em;
}
#spjob02_01 dt{
	margin:0 0 5px 0;
	background:transparent url(../images/common/ico_lv2_orange.gif) left center no-repeat;
	padding:0 0 0 16px;
}
#spjob02_01 dd{
	padding:0;
	margin-bottom: 10px;
	margin-left: 14px;
}
#spjob02 p{
	background:#FFF3E1;
	padding:5px;
}
#spjob02 p span{
	background:transparent url(../images/common/ico_lv1_orange.gif) left center no-repeat;
	padding:0 0 0 16px;
	font-weight:bold;
	font-size:1.2em;
}


#spjob03{
	background:#fff;
	margin:0 0 0 0;
	width: 233px;
	display:inline;
	float:left;
}
#spjob03_01{
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
#spjob03_01 dl{
	padding:5px 5px 0 5px;
	font-size:1.2em;
}
#spjob03_01 dt{
	margin:0 0 5px 0;
	background:transparent url(../images/common/ico_lv2_blue.gif) left center no-repeat;
	padding:0 0 0 16px;
}
#spjob03_01 dd{
	padding:0;
	margin-bottom: 10px;
	margin-left: 14px;
}
#spjob03 p{
	background:#E8EEFD;
	padding:5px;
}
#spjob03 p span{
	background:transparent url(../images/common/ico_lv1_blue.gif) left center no-repeat;
	padding:0 0 0 16px;
	font-weight:bold;
	font-size:1.2em;
}





/*--------------------------------------------------------------
 3. MAIN
--------------------------------------------------------------*/


/* 1 案件検索一覧ページ
------------------------------------------------------------- */
.search_result_nav {
	padding:10px 0 10px 5px;
	margin: 0 0 10px 0;
	background-color:#F3F3F3;
	border-top:#999 1px solid;
	border-bottom:#999 1px solid;
}
.search_result_nav p{
	font-size:1.2em;
	display:block;
	float:left;
	width:200px;
}
.search_result_nav p span{
	font-size:1.2em;
}
.search_result_nav select{
	display:block;
	float:right;
	width:100px;
}

/**/
.job-list{
	margin-bottom:20px;
	clear: both;
}

.job-list-ttl{
	background-color: #FFE8E8;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	position:relative;
}
.job-list-ttl h3{
	border-top: #fff 1px solid;
	border-left: #fff 1px solid;
	padding:10px 5px 10px 5px;
	color:#ff0000;
	font-size:1.4em;
	font-weight: bold;
}
.job-list-ttl h3 em{
	display:block;
	color: #cc0000;
	font-size:1.6em;
	font-weight: bold;
	line-height: 1.5;
}

.job-list-ttl_2{
	background-color: #F3F3F3;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	position:relative;
}
.job-list-ttl_2 h3{
	/*border-top: #fff 1px solid;*/
	/*border-left: #fff 1px solid;*/

	padding:10px 5px 10px 5px;
	/*color:#ff0000;*/
	font-size:1.4em;
	font-weight: bold;
	display:inline-block;

}

.job-list-ttl_2 span{


	padding:10px 5px 10px 5px;

	font-size:1.4em;
	font-weight: bold;


}


.job-list-ttl_2 h3 em{
	display:block;
	color: #cc0000;
	font-size:1.6em;
	font-weight: bold;
	line-height: 1.5;
}



/*リンク色*/
.job-list-ttl  a {

	color: #cc0000;
	text-decoration: none;
}
.job-list-ttl a:link {
	color: #cc0000;
	text-decoration: none;
}
.job-list-ttl a:visited {
	color: #cc0000;
	text-decoration: none;
}
.job-list-ttl a:hover {
	color: #ee0000;
	text-decoration: none;
}
.job-list-ttl a:active {
 	color: #cc0000;
 	text-decoration: none;
}

.job-list-ttl h3 a {
	color: #cc0000;
	font-weight:bold;
	font-size:1.2em;
	text-decoration: none;
}
.job-list-ttl h3 a:link {
	color: #cc0000;
	text-decoration: none;
}
.job-list-ttl h3 a:visited {
	color: #cc0000;
	text-decoration: none;
}
.job-list-ttl h3 a:hover {
	color: #ee0000;
	text-decoration: none;
}
.job-list-ttl h3 a:active {
 	color: #cc0000;
 	text-decoration: none;
}

.job-list-ttl h3 span{ padding:0;font-size: 1.2em; position:absolute; right:5px; top:10px;}


.job-list table{
	padding:0;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
}
.job-list table th{
	padding:5px;
	background-color: #F3F3F3;
	text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	border-bottom: #ccc 1px solid;
	width: 9em;
}
.job-list table td{
	padding:5px;
	font-size: 1.2em;
	border-bottom: #ccc 1px solid;
	background-color: #fff;
	line-height: 1.4;
}


.job-list-btn{
	display:block;
	text-align: center;
	margin: 0;
	padding:10px 0 9px 0;
	background:#fff url(../images/common/bg_top_gray03.jpg) left top repeat-x;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}
.job-list-btn a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/**/

.job-list-contact{
	margin: 0;
	clear: both;
	padding: 0;
}
/*.job-list-contact h3{
	background:transparent url(../images/common/ico_lv1_red.gif) left center no-repeat;
	padding:0 0 0 16px;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}*/
.job-list-contact a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.job-list3{
	margin-bottom:5px;
	clear: both;
	font-size:1.2em;
	padding-bottom:5px;
	border-bottom:#ccc 1px solid;
}
.job-list3 table{
	padding:0;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	margin-top:5px;
}
.job-list3 table th{
	/*padding:5px;*/
	background-color: #F3F3F3;
	text-align: left;
	font-weight: normal;
	border-bottom: #ccc 1px solid;
	white-space: nowrap;
	/*width: 9em;*/
}
.job-list3 table td{
	/*padding:5px;*/
	border-bottom: #ccc 1px solid;
	background-color: #fff;
	line-height: 1.4;
}


#entrybtn{
	display:block;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 10px;
	background-color:#F2F2D9;
}


.job-list-contact input,
.job-list-contact textarea,
.job-list-contact iframe{
	border: #ccc 1px solid;
	font-size:1.2em;
	padding:2px;
}

.job-list-contact input:focus   {
	background-color:#FFFFFC;
}
.job-list-contact input:hover   { background-color:#FFFFFC;}
.job-list-contact textarea:focus   { background-color:#FFFFFC;}
.job-list-contact textarea:hover   { background-color:#FFFFFC;}


job-list-ttl2  a {

	color: #000;
	text-decoration: none;
}
.job-list-ttl2 a:link {
	color: #000;
	text-decoration: none;
}
.job-list-ttl2 a:visited {
	color: #000;
	text-decoration: none;
}
.job-list-ttl2 a:hover {
	color: #000;
	text-decoration: none;
}
.job-list-ttl2 a:active {
 	color: #000;
 	text-decoration: none;
}


/* 2
------------------------------------------------------------- */

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

#regist_member{padding:0; margin:0;}

/*会員登録内フォーム*/
#regist_member #contact_ttl{ padding:0;}

#regist_member #contact_ttl h3 {
    margin-bottom: 10px;
    background: url(../images/common/ico_lv1.gif) no-repeat scroll left 4px transparent;
    padding: 0 0 3px 15px ;
    font-weight: bold ;
    font-size: 1.6em;
	letter-spacing:0.1em;
	border-bottom:2px solid #cc0000;

}

#regist_member #contact_ttl p{
	font-size: 1.3em;
	line-height: 1.5;
	margin: 0 0 5px 0;
}
#regist_member table {
	border-collapse: separate;
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #ddd;
	margin: 0 0 20px 0;
}
#regist_member th {
	background-color:#FFE8E8;
	border-bottom:1px solid #ddd;
	line-height:1.5;
	padding:5px;
	text-align:left;
	vertical-align:top;
	/*white-space:nowrap;*/
	font-weight: normal;
	font-size:1.3em;
	width: 25%;
}
#regist_member td {
	border-bottom:1px solid #ddd;
	empty-cells:show;
	line-height:1.5;
	padding:5px;
	vertical-align:top;
	font-size:1.3em;
}
#regist_member ul {
	margin:0;
	padding:0 0 0 1em;
}
#regist_member ul li {
	/*font-size:0.9em;*/
	line-height:1.5;
	list-style-position:outside;
	list-style-type:square;
}
#regist_member .center #btn_cntct-cnfrm {
	display:block;
	margin:30px 0 0;
	padding:0;
	text-align:center;
}
#regist_member #btn_cntct-cnfrm li {
	display:inline;
	list-style:none outside none;
}
#regist_member #btn_cntct-cnfrm li img,
#regist_member #btn_cntct-cnfrm li input {
	margin:0;
	padding:2px;
	vertical-align:bottom;
}

#regist_member input,
#regist_member textarea,
#regist_member iframe{
	border: #ccc 1px solid;
	font-size:0.9em;
	padding:2px;
}

#regist_member input:focus   {
	background-color:#FFFFEF;
}
#regist_member input:hover   { background-color:#FFFFEF;}
#regist_member textarea:focus   { background-color:#FFFFEF;}
#regist_member textarea:hover   { background-color:#FFFFEF;}


/**/

.rgst_ss{ padding:0;}
.rgst_ss input{ margin-bottom:10px;}

.rgst_ss_dl{
	display:block;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}
.rgst_ss_dl a{
	background: url(../images/common/ico_zip01.gif) no-repeat scroll left center transparent;
	padding:8px 0 5px 33px;
}
.rgst_ss_txt{
	display:block;
	margin-bottom:5px;
}
.rgst_ss_txt span{
	color:#cc0000;
}



/*お問い合わせ
-------------------------------------------*/
#contact {padding:0; margin:0;}

/*お問い合わせ内フォーム*/
#contact_ttl{ padding:0;}

#contact_ttl h3{
	margin-bottom: 10px;
	background: url(../images/common/ico_lv1.gif) no-repeat scroll left 4px transparent;
	padding: 0 0 3px 15px;
	font-weight: bold;
	font-size: 1.6em;
	letter-spacing:0.1em;
	border-bottom:2px solid #cc0000;
	clear: both;
}


#contact_ttl p {
	font-size: 1.3em;
	line-height: 1.5;
	margin: 0 0 5px 0;
}


#contact table {
	border-collapse: separate;
	border-spacing:0;
	empty-cells:show;
	border-top:1px dotted #aaa;
	margin: 0 0 20px 0;
	/*width: 100%;*/
}
#contact th {
	border-bottom:1px dotted #aaa;
	line-height:1.5;
	padding:5px;
	text-align:left;
	vertical-align:top;
	/*white-space:nowrap;*/
	font-weight: normal;
	font-size:1.3em;
	background-color: #f9f9f9;
	width: 20%;
}
#contact td {
	border-bottom:1px dotted #aaa;
	empty-cells:show;
	line-height:1.5;
	padding:5px;
	vertical-align:top;
	font-size:1.3em;
}
#contact ul {
	margin:0;
	padding:0 0 0 0;
}
#contact ul li {
	font-size:0.9em;
	line-height:1.5;
	list-style-position:outside;
	/*list-style-type:square;*/
}


#contact input,
#contact textarea,
#contact iframe{
	border: #ccc 1px solid;
	font-size:0.9em;
	padding:5px;
}

#contact input:focus   {
	background-color:#FFFFEF;
}
#contact input:hover   { background-color:#FFFFEF;}
#contact textarea:focus   { background-color:#FFFFEF;}
#contact textarea:hover   { background-color:#FFFFEF;}



/*開発案件お問い合わせ
-------------------------------------------*/
.contact_develop {padding:0; margin:0;}

/*お問い合わせ内フォーム*/
.contact_develop_ttl{ padding:0;}

.contact_develop_ttl h3{
	margin-bottom: 10px;
	background: url(../images/common/ico_lv1.gif) no-repeat scroll left 4px transparent;
	padding: 0 0 3px 15px;
	font-weight: bold;
	font-size: 1.6em;
	letter-spacing:0.1em;
	border-bottom:2px solid #cc0000;
	clear: both;
}


.contact_develop_ttl p {
	font-size: 1.3em;
	line-height: 1.5;
	margin: 0 0 5px 0;
}


.contact_develop table {
	border-collapse: separate;
	border-spacing:0;
	empty-cells:show;
	border-top:1px dotted #aaa;
	margin: 0 0 20px 0;
	/*width: 100%;*/
}
.contact_develop th {
	border-bottom:1px dotted #aaa;
	line-height:1.5;
	padding:5px;
	text-align:left;
	vertical-align:top;
	/*white-space:nowrap;*/
	font-weight: normal;
	font-size:1.3em;
	background-color: #f9f9f9;
	width: 20%;
}
.contact_develop td {
	border-bottom:1px dotted #aaa;
	empty-cells:show;
	line-height:1.5;
	padding:5px;
	vertical-align:top;
	font-size:1.3em;
}
.contact_develop ul {
	margin:0;
	padding:0 0 0 0;
}
.contact_develop ul li {
	font-size:0.9em;
	line-height:1.5;
	list-style-position:outside;
	/*list-style-type:square;*/
}


.contact_develop input,
.contact_develop textarea,
.contact_develop iframe{
	border: #ccc 1px solid;
	font-size:0.9em;
	padding:5px;
	vertical-align:middle;
}

.contact_develop input:focus   {
	background-color:#FFFFEF;
}
.contact_develop input:hover   { background-color:#FFFFEF;}
.contact_develop textarea:focus   { background-color:#FFFFEF;}
.contact_develop textarea:hover   { background-color:#FFFFEF;}


/* フォーム共通　テキスト項目大きさ
----------------------------------------------------------- */
#NAME {width:30%;}
#NAME_KANA {width:30%;}
#COMPANY_NAME {width:45%;}
#COMPANY_NAME_KANA {width:45%;}
#URL {width:30%;}
#DEPARTMENT {width:30%;}
#PHONE1 {width:30%;}
#EMAIL1 {width:30%;}
#EMAIL2 {width:30%;}
#zip1 {width:30px;}
#zip2 {width:40px;}
#ADDRESS2 {width:45%;}
#ADDRESS3 {width:45%;}
#ADDRESS4 {width:45%;}
#COMMENT {width:95%;}
#AGREEMENT {margin-bottom: 4px;}
#INPUT_LICENSE {width:95%;}
#INPUT_BUSINESS_CONTENT {width:95%;}
#INPUT_MAIN_CLIENT {width:95%;}
#INPUT_PAYMENT_SITE {width:30%;}
#INPUT_RUNNING_EMPLOYEE {width:20%;}
#REQUEST {width:95%;}
#DELIVERY_DATE {width:45%;}
#REMARKS {width:95%;}
#VISIT_HOPE_DATE {width:45%;}
@media screen and (max-width: 480px) {
	#NAME {width:95%;}
	#NAME_KANA {width:95%;}
	#COMPANY_NAME  {width:95%;}
	#COMPANY_NAME_KANA  {width:95%;}
	#URL {width:95%;}
	#DEPARTMENT  {width:95%;}
	#PHONE1  {width:95%;}
	#EMAIL1  {width:95%;}
	#EMAIL2  {width:95%;}
	#ADDRESS2  {width:95%;}
	#ADDRESS3  {width:95%;}
	#ADDRESS4  {width:95%;}
	#DELIVERY_DATE  {width:95%;}
	#VISIT_HOPE_DATE {width:95%;}
	#INPUT_PAYMENT_SITE {width:50%;}
	#INPUT_RUNNING_EMPLOYEE {width:40%;}
}


/*フォーム共通 ボタン*/

#btn_cntct-cnfrm {
	display:block;
	margin:30px 0 0;
	padding:0;
	text-align:center;
}
#btn_cntct-cnfrm li {
	display:inline;
	list-style:none outside none;
}
#btn_cntct-cnfrm li img,
#btn_cntct-cnfrm li input {
	margin:0;
	padding:2px;
	vertical-align:bottom;
}


/*フォーム共通*/
.form_txt{
	font-size:1.4em;
	line-height:1.5;
	margin-bottom:10px;
	clear: both;
}

ul.form_cnt_2col{ padding:0!important;}
.form_cnt_2col li{
	width:50%;
	height:1.5em;
	float:left;
	list-style:none!important;
}

/*現在位置*//*赤*/
ol#form_path {
	clear:both;
	display: block;
	margin-bottom: 20px;
}
ol#form_path li {
	float: left;
	list-style-type:none;
	font-size:1.4em;
	font-weight:bold;
	width: 33%;/*231px*/
}
ol#form_path li span {
	background:#D7D7D7 url(../images/contact/form_path_gray.gif) no-repeat scroll right center;
	display: block;
	padding: 4px 40px 4px 20px;
	text-decoration: none;
	line-height: 1.5;
	text-align: center;
}
ol#form_path li em {
	/*background: url(../images/contact/form_path_red.gif) no-repeat scroll right center #CC0000;*/
	background: url(../images/contact/form_path_orange.gif) no-repeat scroll right center #ff9900;
	color: #FFFFFF;
	display: block;
	padding: 4px 40px 4px 20px;
	line-height: 1.5;
	margin:0;
	text-align: center;
}
ol#form_path span.form_path_last {
    background:#D7D7D7 url(../images/contact/form_path_gray.gif) no-repeat scroll right center!important;
}


/*アラート*/
.tbl_alert { background-color:#FFEFEF; /*background-color:#FFFBCF;*/}
.tbl_alert .att { color:#C60000; display:block;}




/*フォーム共通規約*/
.form_terms { padding:0;}
.form_terms h3 {
	padding:0;
	font-size:1.4em;
	font-weight: bold;
}
.form_terms h4 {
	padding:0;
	font-size:1.2em;
	margin-bottom: 5px;
	margin-top: 10px;
}
.form_terms p {
	padding:0;
	font-size:1.1em;
	line-height: 1.4;
	margin-left: 2em;
}
.form_terms ol {
	padding:0;
	margin-left:4.5em;
	margin-bottom:10px;
}
.form_terms li { padding:0;font-size:1.1em; line-height:1.4;}

.form_terms_note{
	display:block;
	margin-top:10px;
	margin-bottom: 20px;
	line-height: 1.5;
	background-color: #f6f6f6;
	padding: 5px;
}


/*メリット
-------------------------------------------*/
#advantage{margin: 0;}
#advantage h3{
	background:transparent url(../images/common/bg_top_red01.jpg) left top repeat-x;
	padding: 8px 5px 15px 10px;
	margin: 0;
	border-top:#cc0000 2px solid;
	font-weight:bold;
	font-size: 1.5em;
}
.adv01{
	padding:0 10px;
	margin-bottom:20px;
}
.adv01_01{
	/*	border:#EFEFE0 3px solid;*/
	padding: 0 0 10px 0;
	/*	border:#FFAFAF 3px solid;*/

border:#c00 1px solid;
	background-color: #FFFFEF;
	box-shadow: 1px 1px 3px #666;

-moz-box-shadow: 1px 1px 3px #666;
-webkit-box-shadow: 1px 1px 3px #666;
	/*-webkit-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-border-radius: 4px;*/
	margin-bottom: 10px;
	clear: both;
}
.adv01_01 .adv_photo{
	width:160px;
	float:left;
	display: inline;
	margin-top: 10px;
	margin-left: 10px;
}
.adv01_01 .adv_txt{
	margin-left:180px;
	font-size: 1.2em;
	line-height: 1.5;
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	padding: 0 10px 0 0;
}
/*
.adv01 h4{
background: url("../images/common/ico_lv1.gif") no-repeat scroll left 4px transparent;
padding: 0 0 3px 15px;
    border-bottom: 2px solid #CC0000;
    clear: both;
    font-size: 1.6em;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 10px;

}
*/
.adv01 h4{
	background:#CC0000 url(../images/common/bg_ttl_red710_01.jpg) center top no-repeat;
	padding:6px 5px;
}
.adv01 h4 span{
	background:transparent url(../images/common/ico_lv2_red.gif) left center no-repeat;
	padding:0 0 0 14px;
	color:#fff;
	font-weight:bold;
	font-size:1.4em;
	letter-spacing: 0.1em;
	text-shadow: 0 -2px 1px #AF0003;
}


.adv01 p{
	font-size:1.2em;
	line-height: 1.5;
}

.adv02{padding:10px; }
.adv02 p{
	font-size:1.2em;
	line-height: 1.5;
}





/*共通
-------------------------------------------*/
dl#hdr_ttl{
	padding:0;
	display: block;
	margin-bottom: 20px;
	font-size: 1.2em;
}
#hdr_ttl dt{
	padding:0;
	display: block;
	width: 100px;
	float: left;
}
#hdr_ttl dd{
	padding:0;
	line-height: 1.5;
	margin-left: 110px;
}
#hdr_ttl ul{
	display:inline;
	width: 48%;
	float: left;
	margin-right: 20px;
}


/*初めての方へ
-------------------------------------------*/

#first{margin: 0;}


/**/

#first h3{
	margin: 0 0 10px 0;
	font-size: 1.4em;
	background:url(../images/common/ico_lv1_red.gif) left center no-repeat;
	font-weight:bold;
	color:#CC0000;
	padding: 0 0 0 16px;
}

#first h4{
	background:transparent url(../images/common/bg_top_red01.jpg) left top repeat-x;
	padding: 8px 5px 15px 10px;
	margin: 0;
	border-top:#cc0000 2px solid;
	font-weight:bold;
	font-size: 1.5em;
}

.first01{padding:0 10px; margin-bottom:20px; }
.first01 h5{
	padding:0 0 0 16px;
	background:transparent url(../images/common/ico_lv1_red.gif) left 3px no-repeat;
	clear: both;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing: 0.1em;
	line-height:1.5;
	margin: 0 0 5px 0;
}

/*
#first table {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	margin: 0 0 20px 0;
}
#first table th {
	border-bottom: 1px solid #ccc;
	padding: 2px 5px;
	text-align: left;
	font-size:1.2em;
	width: 18%;
	background:#f3f3f3;
}
#first table td {
	border-bottom: 1px solid #ccc;
	padding:5px;
	font-size:1.2em;
	background:#fff;
	line-height:1.5;
}*/

#first table {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 0 20px 0;
}
#first table th {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 5px;
	text-align: left;
	font-size:1.2em;
	background:#f3f3f3;
	white-space:nowrap;
	width:100px;
}
#first table td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding:5px;
	font-size:1.2em;
	background:#fff;
	line-height:1.5;
}
#first table td ol { margin-left:2em;}


/*フリーのやること
-------------------------------------------*/
#doit {margin: 0;}

.doit01{
	padding:0 10px;
	margin-bottom:40px;
	clear: both;
}

#doit .gray_box01_01 p{font-size:1.4em; line-height:1.5;}

#doit h3{
	margin: 0 0 10px 0;
	font-size: 1.4em;
	background:url(../images/common/ico_lv1_red.gif) left center no-repeat;
	font-weight:bold;
	color:#CC0000;
	padding: 0 0 0 16px;
	clear: both;
}

#doit h4{
	background:transparent url(../images/common/bg_top_red01.jpg) left top repeat-x;
	padding: 8px 5px 15px 10px;
	margin: 0;
	border-top:#cc0000 2px solid;
	font-weight:bold;
	font-size: 1.5em;
}

.doit01{padding:0 10px; margin-bottom:20px; }
.doit01 h5{
	padding:0 0 0 16px;
	background:transparent url(../images/common/ico_lv1_red.gif) left 3px no-repeat;
	clear: both;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing: 0.1em;
	line-height:1.5;
	margin: 0 0 5px 0;
}

#doitHdr ul:hover{ background-color:#f3f3f3;}


#doit table {
	border-collapse: collapse;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 0 20px 0;
}
#doit table th {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 5px;
	text-align: left;
	font-size:1.2em;
	background:#f3f3f3;
}
#doit table td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding:5px;
	font-size:1.2em;
	background:#fff;
	line-height:1.5;
}
#doit table td ol { margin-left:2em;}


/*仕事までの流れ
-------------------------------------------*/
#flow{ margin:0;}

.flowBox1-1 {
	border-top:#ccc 3px solid;
	background:url(../images/flow/bg_step-btm.jpg) left bottom repeat-x;
	padding:0 0 4px 0;
	margin:0;
	clear: both;
}
.flowBox1-2{
	border-right:#ccc 3px solid;
	border-left:#ccc 3px solid;
	padding:10px;
	margin:0;
	/*background:transparent url(../images/flow/bg_step02.jpg) left top repeat-x*/
    /* グラデーションの指定 */
    background: -moz-linear-gradient(top, #f5f5f5, #ffffff);
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff));

	/* 今まで */
	background:-ms-linear-gradient(top, #f5f5f5, #ffffff);
	/* IE10 */
	background:linear-gradient(to bottom, #f5f5f5, #ffffff);

    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f5f5f5, endcolorstr=#ffffff));
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f5f5f5, endcolorstr=#ffffff))";
}
.flowBox1-2 p{
	padding:0;
	font-size: 1.1em;
	/* [disabled]margin-bottom: 10px; */
	line-height: 1.5;
}

/**/

.flowBox1-1 h3 {
	border-bottom:#666 1px dotted;
	padding:0 0 8px 0;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 10px 0;
	/*color: #0066FF;*/
	color:#cc0000;
	letter-spacing: 0.1em;

}

.flowBox1-1 h3 em {
	background:transparent url(../images/common/bg_ttl_red710_01.jpg) center center no-repeat;
	border:#ccc 1px solid;
	font-size:0.8em;
	font-weight:bold;
	color:#fff;
	padding:5px;
	margin:0 5px 0 0;
	text-shadow: 0 -2px 1px #AF0003;
	letter-spacing: 0.1em;
}

.flowBox1-1 .flow_photo{
	width:160px;
	float:right;
	display: block;
}
.flowBox1-1 .flow_txt{
	/*margin-left:170px;*/
	font-size: 1.2em;
	line-height: 1.5;
	margin-bottom: 5px;
	display: block;
	float:left;
}

.flowBox3-1 {
	border-top:#ccc 3px solid;
	background:url(../images/flow/bg_step-btm.jpg) left bottom repeat-x;
	padding:0 0 4px 0;
	margin:0;
	clear: both;
}

.flowBox3-1 h3 {
	padding:0 0 0px 0;
	font-size:1.4em;
	font-weight:bold;
	margin:0 0 0px 0;
	/*color: #0066FF;*/
	color:#cc0000;
	letter-spacing: 0.1em;

}

/**/

.flow_ar{ text-align:center; clear:both; display:block;}


.flow01{
	padding:0;
	line-height: 1.5;
	margin-bottom: 20px;
	font-size: 1.4em!important;
}
.flow02{ padding:0;}


@media (max-width: 320px) {
	.flowBox1-1 h3 {
		border-bottom:#666 1px dotted;
		padding:0 0 8px 0;
		font-size:1.2em;
		font-weight:bold;
		margin:0 0 10px 0;
		/*color: #0066FF;*/
		color:#cc0000;
		letter-spacing: 0.1em;

	}

	.flowBox1-1 h3 em {
		background:transparent url(../images/common/bg_ttl_red710_01.jpg) center center no-repeat;
		border:#ccc 1px solid;
		font-size:0.61em;
		font-weight:bold;
		color:#fff;
		padding:5px;
		margin:0 5px 0 0;
		text-shadow: 0 -2px 1px #AF0003;
		letter-spacing: 0.1em;
	}
}

/*
会社概要
-------------------------------------------*/
#company {
	margin: 0;
}

#company table {border-collapse: collapse;}
#company table th {
	border: 1px solid #ccc;
	font-weight: normal;
	padding: 2px 5px;
	background-color:#f3f3f3;
	text-align: left;
	font-size:1.2em;
	width: 19%;
}
#company table td {
	border: 1px solid #ccc;
	padding:5px;
	font-size:1.2em;
}



#company td dl { padding:0;}
#company td dt { padding:0;}
#company td dd { padding:0; margin-bottom:10px;}
#company td dd:last-child {margin-bottom:0;}
#company td ul { padding:0;}
#company td ul li { padding:0;}

/*-----faq-----*/
#faq {
	margin:0;
	padding:0;
	line-height:1.5;
}


.faqBox {
	/*background: #FFFBFB;*/
	background-color:#fff;
	border:#FFAFAF 3px solid;
	margin-bottom:20px;
	padding: 10px;
	box-shadow: 0 1px 2px #999;
	-moz-box-shadow: 0 1px 2px #999;　/* Firefox用 */
	-webkit-box-shadow: 0 1px 2px #999;　/* Safari,Google Chrome用 */
}

.faqBox h3 {
	margin: 0 0 10px;
	font-weight: bold;
	font-size: 1.5em;
	background: url(../images/common/ico_lv1.gif) no-repeat scroll left center transparent;
    padding: 0 0 0 16px;
	border-bottom: 1px dotted #666666;

	/*border-bottom: 2px solid #CC0000;*/
}
.faqBox ul li {
    margin: 0 0 5px;
}
.faqBox a {
    background: url(../images/common/ico_lv3_red.gif) no-repeat scroll left 2px transparent;
    padding: 0 0 0 16px;
	font-size:1.2em;
}
.faqBox a {
    overflow: hidden;
}
.faqBox a:link {
    color: #cc0000;
    text-decoration: none;
}
.faqBox a:active {
    color: #cc0000;
    text-decoration: none;
}
.faqBox a:visited {
    color: #cc0000;
    text-decoration: none;
}
.faqBox a:hover {
    color: #aa0000;
    text-decoration: underline;
}

.ttl_faq {
	background:transparent url(../images/common/bg_top_red01.jpg) left top repeat-x;
	padding: 8px 5px 15px 10px;
	margin: 0;
	border-top:#cc0000 2px solid;
	font-weight:bold;
	font-size: 1.5em;
}

.question {
	background:transparent url(../images/common/line_dashed02.gif) left bottom repeat-x;
	margin: 0 auto 20px;
	padding: 0 0 1px;
	clear: both;
}
.question .questionQ {
	background: url(../images/faq/ico_q.gif) no-repeat scroll 5px top transparent;
	font-weight: bold;
	margin: 0;
	padding: 0 0 20px 40px;
	font-size: 1.4em;
	color: #FF6600;

}
.question .questionA {
	background: url(../images/faq/ico_a.gif) no-repeat scroll 5px top transparent;
	margin: 0;
	padding: 0 0 20px 40px;
	font-size: 1.1em;
}

.qBlock{ clear:both;}
.qBlock p{ margin-bottom:10px;}
.qBlock .left{ float:left;}
.qBlock .left a{ line-height:1;}
.qBlock .left img{ margin:0 10px 10px 0;}
.qBlock .right{ float:right;}
.qBlock .right a{ line-height:1;}
.qBlock .right img{ margin:0 0 10px 10px;}


.qBlock table {border-collapse: collapse; margin-bottom:10px;}
.qBlock table th {
    border: 1px solid #ccc;
    font-weight: normal;
	padding: 2px 5px;
	background-color:#FFEFEF;
}
.qBlock table td {
    border: 1px solid #ccc;
	padding: 2px 5px;
}



/*CKエディタ*/
qBlock ul{ list-style-type: disc; margin-left:1.2em;}
qBlock ol{ margin-left:1.5em;}

qBlock table {border-collapse: collapse; margin-bottom:10px;}
qBlock table caption {
    border: 1px solid #ccc;
    font-weight: normal;
    padding: 2px 5px;
	background-color:#EFFFF2;
}
qBlock table td {
    border: 1px solid #ccc;
    padding: 2px 5px;
}



/*-----client企業採用担当者様へ-----*/
#client { margin:0;}


#hdr_ttl_client{
	margin:0 0 20px 0;
	background:transparent url(../images/client/img_client01.jpg) right bottom no-repeat;
	padding: 10px 0;
}
#hdr_ttl_client h2{
	margin: 0 0 10px 0;
	font-size: 3em;
}
#hdr_ttl_client p{
	margin: 0 0 5px 0;
	font-size:1.4em;
}
.client01 img{
	text-align:center!important;
}
.client01{padding:10px 10px 0 10px; margin-bottom:20px;}
.client01 p{
	font-size:1.2em;
	margin-bottom: 5px;
}

#client h3{
	padding: 8px 5px 5px 10px;
	margin: 0px 0px 10px 0px;
	border-top:#cc0000 2px solid;
	font-weight:bold;
	font-size: 1.5em;

	/*background:transparent url(../images/flow/bg_step02.jpg) left top repeat-x*/
    /* グラデーションの指定 */
    background: -moz-linear-gradient(top, #fee9e8, #ffffff);
    background: -webkit-gradient(linear, left top, left bottom, from(#fee9e8), to(#ffffff));

	/* 今まで */
	background:-ms-linear-gradient(top, #fee9e8, #ffffff);
	/* IE10 */
	background:linear-gradient(to bottom, #fee9e8, #ffffff);

    /*IE6 IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fee9e8, endcolorstr=#ffffff));
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fee9e8, endcolorstr=#ffffff))";


}
@media (max-width: 480px) {
	#client h3{
		/*background:transparent url(../images/common/bg_top_red01.jpg) left top repeat-x;*/
		padding: 8px 1px 15px 1px;
		margin: 0;
		border-top:#cc0000 2px solid;
		font-weight:bold;
		font-size: 1.4em;
	}
}
@media (max-width: 320px) {
	#client h3{
		/*background:transparent url(../images/common/bg_top_red01.jpg) left top repeat-x;*/
		padding: 8px 1px 15px 1px;
		margin: 0;
		border-top:#cc0000 2px solid;
		font-weight:bold;
		font-size: 1.2em;
	}
}
/**/





/*-----privacy-----*/
#privacy {
	margin:0;
	/* [disabled]padding:0; */
	/* [disabled]font-size:1.1em; */
	line-height:1.5;
	font-size: 1.2em;
}
#privacy h3 {



    background: url("../images/common/ico_lv1.gif") no-repeat scroll left 4px transparent;
    border-bottom: 2px solid #CC0000;
    clear: both;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin:20px 0 10px 0;
    padding: 0 0 3px 15px;
}

#privacy h3:first-child { margin-top:0;}
#privacy h4 {
	margin-top:10px;
	margin-bottom:5px;
}
#privacy p {margin-bottom: 5px;}
#privacy p:last-child { margin-bottom:0;}

#privacy ul { display:block; margin-top:20px; text-align:right;}
#privacy dl { display:block; margin-top:20px;}



/*-----sitemapページ-----*/

#sitemap {
	margin:0;
}
#sitemap dl {
    display: block;
    padding: 0;
}
#sitemap dt {
    background: url("../images/common/ico_lv1.gif") no-repeat scroll left 50% transparent;
    font-size: 1.2em;
    line-height: 1.6;
    margin: 0;
    padding: 0 0 0 16px;
}
#sitemap dd {
    background: url("../images/common/ico_lv2.gif") no-repeat scroll left 50% transparent;
    font-size: 1.2em;
    line-height: 1.6;
    margin: 0;
    padding: 0 0 0 16px;
}
#sitemap .smlv2 {
    background: none repeat scroll 0 0 transparent;
    clear: both;
    font-size: 1em;
    line-height: 1.6;
    margin: 0 0 0 1em;
}
#sitemap .smlv2 dt {
    background: url("../images/common/ico_lv2.gif") no-repeat scroll left 50% transparent;
    font-size: 1.2em;
    line-height: 1.6;
    margin: 0;
    padding: 0 0 0 16px;
}
#sitemap dd dd {
    background: url("../images/common/ico_lv3.gif") no-repeat scroll left 5px transparent;
    font-size: 1.2em;
    line-height: 1.6;
    margin: 0 0 0 2em;
    padding: 0 0 0 16px;
}
.fl_l dt {
    clear: both;
    display: block;
}
.fl_l dd {
    float: left;
    width: 180px;
}
#sitemap .line01 {
    clear: both;
    display: block;
    height: 20px !important;
}
div#sitemap a:link {
    line-height: 1.6;
    margin: 0;
    text-decoration: underline;
}
div#sitemap a:visited {
    line-height: 1.6;
    margin: 0;
    text-decoration: underline;
}
div#sitemap a:hover {
    line-height: 1.6;
    margin: 0;
    text-decoration: none;
}
div#sitemap a:active {
    line-height: 1.6;
    margin: 0;
    text-decoration: none;
}

/*-----loginページ-----*/
#login_wrap{ padding:0 10px 10px 10px;}
#login_wrap h1{ width:690px; margin:0!important; padding:10px 0;}
#login_wrap a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#login{ margin:0;}


/**/

#login_wrap .message{ font-size:1.1em; margin-top:10px;}

/**/


/**/

/*
#login input{
	padding:2px;
	border:#ccc 1px solid;
	font-size: 1.2em;
}
#login input:focus   {
	background-color:#FFFFDF;
}
#login input:hover   { background-color:#FFFFDF;}
*/


#login_pass{
	display: block;
	margin: 10px 0px 0px 240px;
}
#login_pass input{
	padding:2px;
	border:#ccc 1px solid;
	font-size: 1.1em;
}
#login_pass input:focus   {
	background-color:#FFFFDF;
}
#login_pass input:hover   { background-color:#FFFFDF;}

#ttl_login_pass {
	padding:0;
	width: 60px;
	float: left;
	display: inline;
	margin-right: 5px;
}

#login_pass dl{
	padding:5px 0 0 0;
	float:left;
	display:block;
}
#login_pass dt{
	float:left;
	width:80px;
	clear: left;
	padding:4px 0 0 0;
}
#login_pass dd{
	padding:4px 0 0 0;
	margin-left:80px;

}
/* Landscape phones and down */
@media (max-width: 480px) {
	#login_pass{
		display: block;
		margin: 10px 0px 0px 0px;

	}

}
/*#login_pass dd{ padding:0; margin:5px 0 0 0;}*/
/*IE6 IE7*/
/*#login_pass dd {/margin:3px 0 0 0;}*/
/*IE8*/
/*#login_pass dd { margin:4px 0 0 0\9; }*/



#reminder{
	padding:3px 0 0 0;
	display:block;
	margin: 0px 0px 0px 240px;
}
#reminder ul{ padding:0;}
#reminder li{
	padding:0;
	line-height:2.2;
	font-size: 1.1em;
}
#reminder input,
#reminder label{cursor:pointer;}

/* Landscape phones and down */
@media (max-width: 480px) {
	#reminder{
		display: block;
		margin: 0px 0px 0px 0px;

	}

}


#loginbtn{
	display:block;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 10px;
	background-color: #FFF4E2;
}

/**/
#login_regist{ margin:0;}
#login_registbtn{
	display:block;
	text-align: center;
	margin: 0;
	padding: 10px;
	background-color:#E6F7E5;
}
.login_regist_txt{
	font-size:1.6em;
	font-weight:bold;
	text-align:center;
	line-height: 1.5;
	margin: 10px 0 20px 0;
}


/*-----logoutページ-----*/
#logout{ padding:0;}
#logout .message{
	/* [disabled]width:570px; */
	margin:0 auto 20px auto;
	padding:20px 40px;
}
#logout .message p{ font-size:1.8em; font-weight:bold;}
#logout #toTop{ font-size:1.2em; margin:0 0 20px 0; display:block;}




/*-----会員登録ページ-----*/

#regist{padding:0;}
#regist_section01{
	padding:10px;
	border:#ddd 5px solid;
	width: 430px;
	float:left;
}

/**/

#regist_ad01{ padding:0; margin:20px 0; clear:both;}
#regist_ad01 p{
	display:block;
	margin-bottom:20px;
}
/**/

#regist_section02{
	padding:10px;
	border:#ddd 5px solid;
	width: 430px;
	float:right;
}

#regist_section03{
	padding:30px 0 20px 0;
	clear:both;
}

/**/

.regist_section_txt{
	padding:0 0 40px 0;
	/* [disabled]margin-bottom: 20px; */
	background-color: #fff;
}
.regist_section_txt p{
	padding:0;
	font-size:1.4em;
	line-height:1.4;
	display: block;
}