@charset "UTF-8";
@import "header.css";
@import "footer.css";
@import "index.css";
@import "login.css";
@import "registration.css";/*会員登録*/
@import "companySearch.css";/*企業検索*/
@import "sched_bkm.css";/*ブックマーク・スケジュールページ*/
@import "correction.css";/*登録データの変更・退会*/
@import "messageBox.css";/*企業からのメッセージ・DMチェックページ*/


/*--------------初期化--------------*/
* {	
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style:normal;
} 
body{
	line-height:1.4;
	color:#333;
	font-size:12px;
	background:url(../img/body_bg.gif) 0 0 repeat-x;
}
img {
	border:0
}

.fbox {
    zoom: 100%;
}

.fbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
table{
	border-collapse:collapse;
}
input{
	margin:0 2px 0 0;
	vertical-align:middle;
	padding:2px;
}
select {vertical-align:middle;}

li {list-style:none;
}

html{
	overflow-y:scroll;
}


input, button, optgroup, option,textarea{
	vertical-align:middle;
	color:#333;
	font-size:12px;
	line-height:1.1;
	padding:1px;
	}
input[type="radio"],input[type="checkbox"] {padding:0; margin-right:5px;}
textarea {
	padding:3px;
	line-height:1.4;
	}

/*レイアウト系*/

#container{
	width:890px;
	margin:0 auto 10px auto;
}
#main_container {
	padding-left:10px;
}
#footer_area{
	clear:both;
}

.subLeft {
	float:left;
	width:160px;
}
.mainRight{
	width:700px;
	float:right;
}
.subLeft h2{
	margin:0;
	padding:0;
	background:none;
	font-size:12px;
}

/*====================リンク色====================*/
a:link{
	color:#0066CC !important;
	text-decoration:none;
	font-weight:normal;
}
a:visited{
	color:#4D1A73 !important;
	text-decoration:none;
	font-weight:normal;
}
a:hover{
	color:#993399;
	text-decoration:underline;
	font-weight:normal;
}
a:active{
	color:#4D1A73;
	text-decoration:none;
	font-weight:normal;
}



/*====================タイトルh=========

h2{
	height:24px;
	padding:6px 0 0 15px;
	margin:0 0 15px 0;
	background:url(../img/subttl_bg_880.jpg) no-repeat 0 0;
	font-size:14px;
}
h3{
	height:19px;
	padding:2px 0 0 15px;
	margin:0 0 10px 0;
	background:url(../img/subttl_bg04.gif) no-repeat 0 0;
	font-size:14px;
	color:#FFF;
}
h4{
	height:17px;
	padding:3px 0 0 15px;
	margin:0 0 10px 0;
	background:url(../img/subttl_bg05.gif) no-repeat 0 0;
	font-size:12px;
}
h5{
	font-size:12px;
	margin:0 0 10px 0;
}

===========*/

/*====================リードなどのテキスト====================*/
.read_1{
	margin:0 0 30px 0;
}
.read_2{
	margin:0 0 25px 0;
}
.read_3{
	margin:0 0 20px 0;
}
.read_4{
	margin:0 0 15px 0;
}
.read_5{
	margin:0 0 10px 0;
}
.read_6{
	margin:0 0 5px 0;
}




/*====================ドットラインなどの線====================*/

.line_3{
	clear:both;
	background:url(../img/dot_1.gif) repeat-x 0 7px;
	text-indent:-9999px;
	height:15px;
}



/*====================矢印系リンク====================*/
a.arrow_1{
	padding:0 0 0 10px;
	background:url(../img/arrow_1.gif) 0 0.25em no-repeat;
	color:#4D1A73;
}
a.arrow_1:visited{
	color:#4D1A73;
}
a.arrow_2{
	padding:0 0 0 10px;
	background:url(../img/arrow_2.gif) 0 0.3em no-repeat;
	color:#4D1A73;
}
a.arrow_3{
	padding:0 0 0 10px;
	background:url(../img/arrow_3.gif) 0 5px no-repeat;
	color:#4D1A73;
}
a.arrow_4{
	padding:0 0 0 10px;
	background:url(../img/arrow_4.gif) 0 0.25em no-repeat;
	color:#993399;
}
.arrow_5{
	padding:0 0 0 10px;
	background:url(../img/arrow_5.gif) no-repeat 0 3px;
	color:#999;
}

a.arrow_pageTop {
	color:#4D1A73;
	padding:0 0 0 11px;
	background:url(../img/arrow_3.gif) 0 0.5em no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}
.top_link {
	text-align:right;
	margin-bottom:10px;
}

/*====================ソート系リンク====================*/
a.up_down01, a.up_down02, a.up_down03 {
	color:#444;
}

a.up_down01{
	background:url(../img/icon_up_down1.gif) no-repeat right;
	padding-right:13px;
}
a.up_down02{
	background:url(../img/icon_up_down2.gif) no-repeat right;
	padding-right:13px;
}
a.up_down03{
	background:url(../img/icon_up_down3.gif) no-repeat right;
	padding-right:13px;
}


/*====================アイコン系リンク====================*/
a.icon_message01{
	padding:0 0 0 20px;
	background:url(../img/icon_1.gif) 0 0 no-repeat;
	color:#333;
	font-weight:bold;
}
a.icon_message02{
	padding:0 0 0 20px;
	background:url(../img/icon_2.gif) 0 0 no-repeat;
	color:#FF0000;
	font-weight:bold;
}
a.icon_bookmark{
	padding:0 0 0 10px;
	background:url(../img/icon_3.gif) 0 2px no-repeat;
	color:#4D1A73;
	font-size:10px;
}
span.icon_bookmark{
	padding:0 0 0 10px;
	background:url(../img/icon_4.gif) 0 2px no-repeat;
	color:#666;
	font-size:10px;
}
a.icon_5{
	padding:0 0 0 13px;
	background:url(../img/icon_5.gif) 0 2px no-repeat;
	color:#4D1A73;
	font-size:10px;
}
a.icon_blank{
	padding:0 0 0 15px;
	background:url(../img/icon_5.gif) 0 0.2em no-repeat;
	color:#4D1A73;
}
a.icon_5:visited{
	color:#4D1A73;
}

a.icon_delete{
	padding:0 0 0 13px;
	background:url(../img/icon_6.gif) 0 2px no-repeat;
	color:#4D1A73;
}


.icon_dotred{
	padding:0 0 0 5px;
	background:url(../img/icon_dotred.gif) 0 3px no-repeat;
	color:#FF0000;
	font-size:10px;
	font-weight:normal;
}
.icon_dotredFS12{
	padding:0 0 0 10px;
	background:url(../img/icon_dotred.gif) 0 0.3em no-repeat;
	color:#FF0000;
}
.icon_dotblack{
	padding:0 0 0 5px;
	background:url(../img/icon_dotblack.gif) 0 3px no-repeat;
	color:#333;
	font-size:10px;
	font-weight:normal;
}
.icon_dotblackFS12{
	padding:0 0 0 10px;
	background:url(../img/icon_dotblack.gif) 0 0.3em no-repeat;
	color:#333;
}
.icon_help, .obj_ex{
	font-weight:bold;
	padding:0 0 0 15px;
	background:url(../img/obj_ex.gif) no-repeat 0 0.25em;
}

a.icon_close{
	padding:0 0 0 13px;
	background:url(../img/obj_close.gif) 0 1px no-repeat;
	color:#4D1A73;
}
a.icon_close:visited{
	color:#4D1A73;
}

.icon_print{
	padding:1px 0 0 16px;
	background:url(../img/icon_print.gif) no-repeat 0 0;
}
.icon_detail{
	padding-left:16px;
	background:url(../img/icon_detail.gif) no-repeat 0 0;
}


/*====================フォント種類====================*/
.color_1{
	color:#993399;
}
.color_2{
	color:#4D1A73;
}
.color_3{
	color:#333;
}
.color_4{
	color:#FF0000;
}
.coution_mark{
	font-weight:bold;
	color:#FF0000;
}
.bold_txt{
	font-weight:bold;
}
.normal_txt{
	font-weight:normal;
}
.note{
	font-size:10px;
	font-weight:normal;
}




/*====================基本型テーブル====================*/
table{
	width:100%;
	margin:0 0 20px 0;
}
tbody th{
	width:160px;
	padding:8px 10px;
	background:#F3EAFB;
	border:1px solid #CCC;
	text-align:left;
}
tbody td{
	padding:8px 10px;
	border:1px solid #CCC;
	text-align:left;
}
thead th{
	padding:8px 10px;
	border:1px solid #CCC;
	background:#D8D8D8;
	text-align:left;
}
thead th img{
	margin:0 0 -2px 0;
}
.table_wide th{
	width:445px;
}
.table_status{
	text-align:center;
}
.table_digit{
	text-align:right;
}
.table_checkbox{
	text-align:center;
}
.underPages{
	margin-top:-10px;
}
.pages_table td, .pages_table th{
	border:none;
	padding:0 0 10px 0;
}
.pages_selecter td{
	padding:0;
}
.table_notwide, .table_notwide td{
	width:auto;
	border:none;
	padding:0;
}
.link_table td{
	border:none;
}
.tableCheck th{
	background:#EDEDED;
}


span.w200 {display:block;width:200px;}

/*====================ラッパー類====================*/
.step{
	margin:0 0 20px 0;
}
.wrapp_20{
	margin:0 0 20px 0;
}
.wrapp_30{
	margin:0 0 30px 0;
}
.wrapp_40{
	margin:0 0 50px 0;
}
.wrapp_50{
	margin:0 0 50px 0;
}




/*====================テキストフォーム長さ====================*/
.txt_70{
	width:70px;
}
.txt_130{
	width:130px;
}
.txt_180{
	width:180px;
}
.txt_320{
	width:320px;
}
.txt_420{
	width:420px;
}




/*====================特殊テキストフォーム====================*/
.ipt_txtbox_wrapp{
	padding:10px;
	background:#EDEDED;
	border:1px solid #CCC;
}
.ipt_txtbox_1{
	width:100%;
	height:190px;
}



/*====================ラベルタグ色====================*/
label {
	color:#333333;
	font-size:12px;
	}
	
label:hover{
	color:#993399;
	text-decoration:none;
	}
	
label input.r_margin{
	margin-right:10px;
	}



/*====================リスト====================*/

.list_100 li,.list_150 li,.list_200 li,.list_270 li {
	padding:2px 0;}

.list_100 li{
	width:100px;
	float:left;
	list-style:none;
}
.list_150 li{
	width:150px;
	float:left;
	list-style:none;
}
.list_200 li{
	width:200px;
	float:left;
	list-style:none;
}
.list_250 li{
	width:250px;
	float:left;
	list-style:none;
}
.list_270 li{
	width:270px;
	float:left;
	list-style:none;
}


/********************************************
 ヘルプエリア
*********************************************/
.help {
	padding:10px;
	margin:0 0 10px 0; 
	background:#F3EAFB;
	border:1px solid #CCC;
}
.help p, .help dl{
	padding:0 0 0 15px;
}
.help dt{
	clear:both;
	float:left;
}
.help dd{
	padding:0 0 0 55px;
}
.help dd p{
	margin:0 0 3px 0;
	font-weight:bold;
}
.help dt dt{
	font-weight:bold;
}
.help dd dt{
	font-weight:bold;
}
.help dd .dot{
	padding:0 0 3px 100px;
	margin:0 0 3px 0;
	background:url(../img/dot_01.gif) repeat-x top;
}



/********************************************
 レコメンド
*********************************************/
#recommend{
	border:1px solid #4C1A73;
	margin:0 0 20px 0;
}
#recommend h3.recommend {
	height:19px;
	background:url(../img/subttl_bg04.gif) no-repeat 0 0;
	color:#FFF;
	font-size:14px;
	padding:2px 0pt 0 15px;
}
#recommend ul{
	margin:10px 15px;
}
#recommend li{
	margin:4px 0;
}
#recommend li a{
	background:url(../img/arrow_1.gif) no-repeat 0 0.25em;
}
#recommend li em{
	padding-left:10px;
}


/********************************************
 ページャー
*********************************************/

.pageArea {
	text-align:right;
	width:auto;
}
.pageArea img {
}
.pagesNum{
	clear:right;
	margin-bottom:5px;
}
.pagesNum em{
	font-size:16px;
	color:#CC3300;
	font-weight:bold;
}
.pageArea ul{
	float:right;
}
.pageArea ul li{
	list-style:none;
	float:left;
}
.pageArea ul li a{
	padding:1px 6px;
	margin-left:2px;
	border:1px solid #CDCDCD;
	display:block;
	text-decoration:none;
}
.pageArea ul .pages_now{
	padding:1px 6px;
	background:#EFEFEF;
	border:1px solid #CDCDCD;
	color:#666;
	margin-left:2px;
	font-weight:bold;
}

.pageArea ul li a:hover{
	background:#EFEFEF;
	text-decoration:none;
}

/*ページャーの段が2カラムの場合*/

table.column2_pages {
	margin:0 0 5px 0;
}
table.column2_pages td {
	padding:0;
	border:none;
	white-space:nowrap;
	width:50%;
}

.column2_pages .pageArea {
	float:right;
}
.column2_pages .pages_btn,
.column2_pages .bundleTop, .column2_pages .bundleBottom	/*チェックした一括処理*/
  {
	float:left;
}
.column2_pages .bundleTop {
	background:url(../img/img_mt_down.gif) no-repeat left bottom;
	padding-bottom:10px;
}
.column2_pages .bundleBottom {
	background:url(../img/img_mt_up.gif) no-repeat left top;
	padding-top:10px;
}

.column2_pages .bundleTop p,
.column2_pages .bundleBottom p {
	padding:5px 10px;
	border:1px solid #CCC;
}

.column2_pages .bundleTop p {border-bottom:none;}
.column2_pages .bundleBottom p {border-top:none;}

/*すべて選択*/
.checkAll {
	font-weight:normal;
	font-size:10px;
	text-decoration:none;
}
/*ページャー左側二段時の行間空け*/
.duplex{
	padding:0 0 5px 0;
	display:block;
}



/********************************************
 完了画面
*********************************************/

#thanks{
	padding:25px 20px;
	margin:50px 0 100px 0;
	background:#F7F7F7;
	border:1px solid #CCC;
}
#thanks h4{
	width:auto;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	background:url(../img/dot_01.gif) repeat-x bottom;
	font-size:14px;
	font-weight:bold;
	color:#35124F;
	border-bottom:none;
}
#thanks .text {
	margin-bottom:10px;
}

/*-----------完了画面の警告----------*/
#thanks .coution{
	margin:20px 0 10px 0;
	padding:0 0 0 10px;
	background:url(../img/icon_dotred.gif) no-repeat 0 8px;
	color:#FF0000;
}
#thanks .coution .bold_txt{
	color:#FF0000;
}

/********************************************
 エラーエリア
*********************************************/

.error{
	padding:5px;
	margin:0 0 15px 0;
	background:#999999;
}
.error p{
	padding:11px 13px;
	background:#FFFFCC;
	color:#FF0000;
	line-height:130%;
}



/*====================文字カウンタースタイル====================*/
.count{
	line-height:1.1;
	margin:0 0 3px 0;
}
.count span{
	padding:0 5px;
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
}
.count em{
	padding:0 0 0 10px;
	font-size:10px;
	background:url(../img/icon_dotblack.gif) no-repeat 0 4px;
	
}
.txt95p{
	width:99%;
}





/*====================その他====================*/
.btn_area{
	padding:30px 0;
}
.clear{
	clear:both;
}
.atn{
	font-size:10px;
}


/*--------------clearfix--------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/*--------------clearfix--------------*/