* {margin:0;padding:0;color:#333333;font-family:MS UI Gothic;font-size:10pt}
img{border:0;}
.cl{clear:both;}
.attention{color:#ff3333;}
.og{color:#ff6633;font-weight:bold;}

#wrapper {width:970px;
			margin:0 auto 0 auto;}
a.scoutInfo {
	font-size:110%;
	font-weight:bold;
}
a:link.scoutInfo {
	color:#FF8833;
}
a:visited.scoutInfo {
	color: #06C;
}
a:hover.scoutInfo {
	color:#FF8833;
}

a:link,
a:visited {
	color: #06C;
	}
a:hover,
a:active {
	color: #FF3300;
	text-decoration: none;
	}
html {
	width: 100%;
	background: url("/img/common/bg.jpg") repeat-x 0 0;
	}
body {
	width: 100%;
	background: url("./images/tg_head_back.gif") no-repeat 50% 0;
	}
#container {
	width: 956px;
	margin: 0px auto;
	background: transparent url("/img/common/bg_shadow.png") repeat-y 50% 0;
	}
#Head_Area {
	position: relative;
	width: 950px;
	height: 160px;
	margin: 0 auto;
	}
#Head_Area2 {
	position: relative;
	width: 950px;
	height: 160px;
	margin: 0 auto;
	background: url("./images/tg_head_back2.jpg") no-repeat -275px 0;
	}
#Head_Area .logo{width:360px;height:72px;position:absolute;position:absolute;top:22px;left:108px;}
#Head_Area2 .logo{width:360px;height:72px;position:absolute;position:absolute;top:20px;}
#Head_Area .top_button{width:180px;height:32px;position:absolute;right:20px;}
#Head_Area .top_comment{width:170px;position:absolute;top:33px;right:20px;font-size:9pt;line-height:130%;color:#696769;}
#Head_Area .top_button_kojin{width:180px;height:32px;position:absolute;right:220px;}
#Head_Area .top_comment_kojin{width:170px;position:absolute;top:33px;right:220px;font-size:9pt;line-height:130%;color:#696769;}
#favolite{width:200px;height:20px;position:absolute;top:135px;left:10px;}
#favolite img{vertical-align:middle;}
#pankuzu {position:absolute;top:137px;right:10px;}

#tab ul{list-style:none;width:950px;height:28px;position:absolute;top:102px;}
#tab li{float:left;margin:0 0 0 0px;}


/*==================================================================
	3: contents area
===================================================================*/

#contents {
	width: 958px;border:0px solid #cccccc;
	background: url("./images/tg_top_shadow.gif") repeat-y 0 0;
	margin: 0 auto;
	padding: 1px 0 0 0;
	}

#contents {
	display: inline-block;
	position: relative;
}

/* Hides from IE-mac \*/
* html #contents {
	height: 1%;
	}
#contents {
	display: block;
	}

/* enquete banner */
#enquete_banner {
	width:930px;
	margin:10px auto 15px auto;
}
#campaign_bna_2row{width:440px; height:124px; overflow:hidden;}
#campaign_bna_2row a {display:block;}
#campaign_bna_2row a:hover {margin-top:-124px;}


/* enquete banner end */
	
/* campaign banner */
#campaign_bna_201201{width:930px; height:124px; overflow:hidden; margin:10px auto 15px auto;}
#campaign_bna_201201 a {display:block;}
#campaign_bna_201201 a:hover {margin-top:-124px;}

#campaign_bna{width:930px; margin:10px auto;}

#campaign_3bna{
	width:930px;
	list-style:none;
	margin:0 auto;
	padding:0;
}
#campaign_3bna li{
	float:left;
	margin-right:20px;
}
#campaign_3bna li a{
	display:block;
}
#campaign_3bna li img{
	visibility:hidden;
	text-decoration:none;
}
#campaign_3bna li.btn01 a{
	background-image:url(images/qualification_bna_o.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#campaign_3bna li.btn01 a:hover{
	background-image:url(images/qualification_bna_o.jpg);
	background-position:0 -250px;
	background-repeat:no-repeat;
}
#campaign_3bna li.btn02 a{
	background-image:url(images/mail_cam_bna_o.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#campaign_3bna li.btn02 a:hover{
	background-image:url(images/mail_cam_bna_o.jpg);
	background-position:0 -250px;
	background-repeat:no-repeat;
}
#campaign_3bna li.btn03 a{
	background-image:url(images/medy_cam_bna_o.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#campaign_3bna li.btn03 a:hover{
	background-image:url(images/medy_cam_bna_o.jpg);
	background-position:0 -250px;
	background-repeat:no-repeat;
}
/* campaign banner end */

#flash_map {text-align:center; z-index:1;}

#contents_left{float:left;}
#contents_right{width:auto; float:left;margin:0 0 0 10px; background-color:#EBEEEE; padding:10px 7px 10px 7px;}

#contents_box {margin:0 15px 0 15px;}
#contents_left {width:659px;}
#search_box table{border-collapse:collapse;width:659px;margin:5px 0 0 0;}
#search_box td{padding:0px;font-size:10pt;border:0px solid #cccccc;border-collapse:collapse;}
#search_box td.w240{width:160px;}
#search_box td.w300{width:490px;}
#search_box th{padding:5px 0 5px 0;}
#search_box select{font-size:10pt;}
#search_box .w150{width:200px;}


#support_box {width:245px;height:121px;position:relative;background: url("./images/agent-member.gif") no-repeat 0 0;margin:10px 0 0 0;}
#support_box p {border:0px solid #cccccc;font-size:10pt;width:220px;line-height:120%;}
#support_box .first{position:absolute;top:50px;left:10px;}
#support_box .second{position:absolute;top:175px;left:10px;}
#support_box .link_support{position:absolute;top:88px;left:27px;}
#support_box .f_arrow{position:absolute;top:89px;left:10px;}
#support_box .link_mail{position:absolute;top:213px;left:27px;}
#support_box .s_arrow{position:absolute;top:214px;left:10px;}
#support_box a {color:#447700;font-size:10pt;}

#qr_cord_box {width:245px;height:121px;position:relative;background: url("./images/qr_cord.gif") no-repeat 0 0;margin:10px 0 0 0;}
#qr_cord_box p {border:0px solid #cccccc;font-size:10pt;width:220px;line-height:120%;}
#qr_cord_box .first{position:absolute;top:50px;left:10px;}


#dictionary_box {width:245px;height:194px;position:relative;background: url("./images/occupational-term-dictionar.gif") no-repeat 0 0;margin:10px 0 0 0;}
#dictionary_box p {border:0px solid #cccccc;font-size:10pt;width:230px;line-height:120%;}
#dictionary_box .first{position:absolute;top:45px;left:10px;}
#dictionary_box .second{position:absolute;top:150px;left:10px;}
#dictionary_box .link_dictionary_01{position:absolute;top:5px;left:0px;}
#dictionary_box .link_dictionary_02{position:absolute;top:106px;left:0px;}
#dictionary_box a {color:#447700;font-size:10pt;}

#document_box {width:245px;height:118px;position:relative;background: url("./images/document.gif") no-repeat 0 0;margin:10px 0 0 0;}
#document_box p {border:0px solid #cccccc;font-size:10pt;width:220px;line-height:120%;}
#document_box .first{position:absolute;top:100px;left:10px;}
#document_box .second{position:absolute;top:70px;left:10px;}
#document_box .link_support{position:absolute;top:65px;left:27px;}
#document_box .f_arrow{position:absolute;top:65px;left:10px;}
#document_box .link_mail{position:absolute;top:85px;left:27px;}
#document_box .s_arrow{position:absolute;top:85px;left:10px;}
#document_box a {color:#447700;font-size:10pt;}

#useful-site_box {width:245px;height:104px;position:relative;background: url("./images/useful-site.gif") no-repeat 0 0;margin:10px 0 0 0;}
#useful-site_box p {border:0px solid #cccccc;font-size:10pt;width:230px;line-height:120%;}
#useful-site_box .first{position:absolute;top:55px;left:10px;}
#useful-site_box .link_userful{position:absolute;top:17px;left:0px;}
#useful-site_box a {color:#006677;font-size:10pt;}

#link_box {width:245px;height:109px;position:relative;background: url("./images/link.gif") no-repeat 0 0;margin:10px 0 0 0;}
#link_box p {border:0px solid #cccccc;font-size:10pt;width:230px;line-height:120%;}
#link_box .first{position:absolute;top:55px;left:10px;}
#link_box .link_link{position:absolute;top:8px;left:0px;}
#link_box a {color:#006677;font-size:10pt;}

#user_box {width:245px;height:107px;position:relative;margin:0 0 10px 0;}

#company_box {width:245px;height:107px;position:relative;margin:0 0 10px 0;}
#company_box p {border:0px solid #cccccc;font-size:10pt;width:230px;line-height:120%;}
#company_box .first{position:absolute;top:38px;left:10px;}
#company_box .second{position:absolute;top:160px;left:10px;}
#company_box .link_support{position:absolute;top:0px;left:0px;}
#company_box .link_mail{position:absolute;top:210px;left:135px;}
#company_box a {color:#004477;font-size:10pt;}

#enquete_box{width:245px; height:161px; position:relative; margin:0 0 10px 0;}
#enquete_box .link_support{position:absolute; top:0; left:0;}

#facebook_box {width:242px; margin-bottom:10px; text-align:center;}

#twitter_box {width:242px; margin-bottom:10px; text-align:center;}

#job_box {width:242px;height:112px;position:relative; background-color:#ffffff; border:1px solid #d7d0d0; margin:10px 0 0 0;}
#job_box p {position:absolute;top:8px;left:18px; border:1px solid #d7d0d0;}
#job_box .link_support{position:absolute;top:75px;left:27px;}
#job_box .arrow{position:absolute;top:76px;left:10px;}
#job_box a {color:#006677;font-size:10pt;}


#expiration_box {width:245px;height:114px;position:relative;background: url("./images/job-information.gif") no-repeat 0 0;margin:10px 0 0 0;}
#expiration_box p {border:0px solid #cccccc;font-size:10pt;width:230px;line-height:120%;}
#expiration_box .first{position:absolute;top:65px;left:10px;}
#expiration_box .second{position:absolute;top:160px;left:10px;}
#expiration_box .link_support{position:absolute;top:55px;left:27px;}
#expiration_box .arrow{position:absolute;top:56px;left:10px;}
#expiration_box a {color:#006677;font-size:10pt;}



#news_box {margin:0px 0 50px 0;height:200px;}
#news_box_scroll {overflow:scroll; height:200px;overflow-x:hidden;}
#news_box table{border-collapse:collapse;width:600px;margin:0px 0 0 0;}
#news_box td{padding:5px;font-size:10.5pt;}
#news_box .w550{text-indent:1em;width:550px;color:#3b6b7b;}
#news_box .w100{width:100px;text-align:center;padding:0 10px 0 0;}
#news_box th{padding:5px 0 5px 0;}



#Foot_Area{width:950px;height:99px;margin:0 auto 0 auto;clear:both;
			background-image:url("./images/site_foot.gif");background-repeat:no-repeat;clear:both;font-size:10pt;color:#337788;}
#Foot_Area .text_link{text-align:center;padding:10px 0 0 0;}
#Foot_Area a{color:#337788;}
#Foot_Area a:hover{color:#33ddee;}






#readme_div{width: 710px;margin:0 auto 0 auto;}
#readme_div p{font-size: 11pt;width:710px;line-height:150%;margin:5px;}
#readme{width: 700px;height: 300px;overflow-y: auto;overflow-x: hidden;border:1px solid #557060;padding: 8px;margin:10px 0px 0 0px;}
#readme dl{font-size: 10pt;width:670px;}
#readme dt{font-weight: bold;margin:10px 0 0px 0;color: #113459;padding-bottom: 2px;}
#readme dd{line-height: 110%;margin: 0 0 5px 10px;}
#readme p{font-size: 10pt;width:670px;line-height:150%;}
#readme ul {list-style:none;}
#readme_div h5{width:710px;margin:15px auto 0 auto;background-color:#55a090;border:1px solid #ddf0e0;padding:5px 5px 5px 5px;font-size:12pt;
			color:#ffffff;border-bottom:2px solid #557060;border-right:2px solid #557060;}

#back_button {margin:10px 0 0 10px;}
#test{
	position:absolute;
	top:40px;
	left:350px;
	width:200px;
	z-index:5;
	display:block;
	border:0px solid #ccc;
	padding: 5px;
}





#MemLogin {
	position:absolute;
	top:102px;
	right:20px;
	color:#fff;
	background:url(./images/bg_memLogin.gif) no-repeat;
	width:116px;
	height:27px;
}F
#MemLogin a{
	font-size:14px;
}

#user_login_registry{
	padding-top:7px;
	padding-right:15px;
	text-align:right;
}
#user_login_registry span{
	padding-left:14px;
}



/**********************************************************/
/* メールボックス                                         */
/**********************************************************/
#member_management { width:600px; background-image:url(./manage/images/manage_back_02.gif); background-repeat:repeat-y; overflow:visible; }
/*==============================================*/
/* 送受信タブ配置                               */
/*==============================================*/
form.boxtab1{ margin:10px 0 0 20px; float:left; }	/* 受信箱タブ */
form.boxtab2{ margin:10px 0 0 1px;  float:left; }	/* 送信箱タブ */


/*==============================================*/
/* 送受信タブ外枠                               */
/*==============================================*/
.tabline {
	width:550px;
/*	border:2px solid #7fc1bd;
	border:2px solid #ffffff;
	border-bottom-color:#ffffff;	*/
	margin:5px 0 0 10px;
	padding: 0 20px 0 0;
/*	background:#dddddd;	*/
}

/*==============================================*/
/* 一覧表示                                     */
/*==============================================*/
.boxline    { width:550px; border:2px solid #7fc1bd; border-top-color:#7fc1bd; margin:-5px 0 0 10px; padding:10px; background:#ffffff; }	/* メールボックス外枠	*/
table.ml_box{ border:1px solid #cccccc; border-collapse:collapse; margin:10px 0 0 -1px; }													/* 送受信ボックス		*/
th.ml_icon  { width:35px;  border:1px solid; border-bottom:3px double #aaa; text-align:center; vertical-align:middle; background-color:#A0ffff; height:20px; padding:2px; color:#000000; }							/* 削除					*/
th.ml_title {              border:1px solid; border-bottom:3px double #aaa; text-align:left;   vertical-align:middle; background-color:#A0ffff; height:20px; padding:2px; color:#000000; }	/* タイトル欄			*/
td.ml_read  { width:35px;  border:1px solid; text-align:center; vertical-align:middle; }													/* 状態列				*/
td.ml_del   { width:35px;  border:1px solid; text-align:center; vertical-align:middle; }													/* 削除列				*/
td.ml_sub_r { width:180px; border:1px solid; text-align:left  ; vertical-align:middle; padding:5px 0 5px 5px; }								/* メール件名(受信)		*/
td.ml_sub_s { width:215px; border:1px solid; text-align:left  ; vertical-align:middle; padding:5px 0 5px 5px; }								/* メール件名(送信)		*/
td.ml_name  { width:180px; border:1px solid; text-align:left  ; vertical-align:middle; padding:0 5px; }										/* 企業名				*/
td.ml_date  { width:120px; border:1px solid; text-align:center; vertical-align:middle; }													/* 送受信日時			*/

/* 企業側 */
#company_new_regist_m .boxline    { width:550px; border:2px solid #7fc1bd; border-top-color:#7fc1bd; margin:-5px 0 0 10px; padding:10px; background:#ffffff; }	/* メールボックス外枠	*/
#company_new_regist_m table.ml_box{ border:1px solid #cccccc; border-collapse:collapse; margin:10px 0 0 -1px; }													/* 送受信ボックス		*/
#company_new_regist_m th.ml_icon  { width:35px;  border:1px solid; border-bottom:3px double #aaa; text-align:center; vertical-align:middle; background-color:#A0ffff; height:20px; padding:2px; color:#000000; }							/* 削除					*/
#company_new_regist_m th.ml_title {              border:1px solid; border-bottom:3px double #aaa; text-align:left;   vertical-align:middle; background-color:#A0ffff; height:20px; padding:2px; color:#000000; }	/* タイトル欄			*/
#company_new_regist_m td.ml_read  { width:35px;  border:1px solid; border-bottom:1px solid  #aaa; text-align:center; vertical-align:middle; }													/* 状態列				*/
#company_new_regist_m td.ml_del   { width:35px;  border:1px solid; border-bottom:1px solid  #aaa; text-align:center; vertical-align:middle; }													/* 削除列				*/
#company_new_regist_m td.ml_sub_r { width:240px; border:1px solid; border-bottom:1px solid  #aaa; text-align:left  ; vertical-align:middle; padding:5px 0 5px 5px; }								/* メール件名(受信)		*/
#company_new_regist_m td.ml_sub_s { width:275px; border:1px solid; border-bottom:1px solid  #aaa; text-align:left  ; vertical-align:middle; padding:5px 0 5px 5px; }								/* メール件名(送信)		*/
#company_new_regist_m td.ml_name  { width:120px; border:1px solid; border-bottom:1px solid  #aaa; text-align:left  ; vertical-align:middle; padding:0 5px; }										/* 企業名				*/
#company_new_regist_m td.ml_date  { width:120px; border:1px solid; border-bottom:1px solid  #aaa; text-align:center; vertical-align:middle; }													/* 送受信日時			*/

/*==============================================*/
/* 送受信メール表示                             */
/*==============================================*/
#recdata td  { border-bottom:1px solid #cccccc; vertical-align:top; z-index:1; }
table.sr_msg { width:500px; border:0px solid; }	/* 送受信メール */
th.sr_mltitle{ width:80px;  border:1px solid; text-align:center; vertical-align:top; background-color:#f0ffff; }	/*  */
td.sr_name   { border:1px solid; text-align:left; vertical-align:middle; }											/*  */
td.sr_sub    { border:1px solid; text-align:left; vertical-align:middle; }											/*  */
td.sr_msg    { border:1px solid; text-align:left; vertical-align:top; }												/*  */
h3.titleA    { font-weight:bolder; margin:0 0 0 0; font-size:14pt; color:#000000; font-weight:normal; background-color:#bbffbb; width:100%; }
h3.titleB    { font-weight:bolder; margin:0 0 0 0; font-size:14pt; color:#000000; font-weight:normal; background-color:#ffeedd; width:100%; }
.scouts      { font-size:larger; font-weight:bold; }																/*  */
.recdatabox  { float:left; border:1px solid #ccc; margin:2px; width:260px; text-align:left; z-index:1; }
#recdata input { float:left; }
#recdata img.end   {
	position:relative;
	top:350px;
	left:-5px;
	z-index:5;
/*	display:block;*/
	border:0px solid #000000;
 }

/*==============================================*/
/* スカウト案件「派遣・一般」の凡例             */
/*==============================================*/
.title { border:0px solid #66cc66; }
.haken { background-color:#bbffbb; border:1px solid #66cc66; }
.ippan { background-color:#ffeedd; border:1px solid #cc9966; }


/*==============================================*/
/* 右寄せサポート的表示                         */
/*==============================================*/
/*-----------------------------------
  …/mailbox/index.php : メール数
  …/modify/index.php  : 更新日時
 ------------------------------------*/
.supshow { text-align:right; margin:5px 20px 10px 0; }


/*==============================================*/
/*  共通設定                                    */
/*==============================================*/
/*--------------------------*/
/*  テーブル1段             */
/*--------------------------*/
/* タイトル列，データ列がそれぞれ１つ
   …/modyfy/index.php     (一覧表示)
   …/mailbox/scoutrec.php (案件一覧表示)
*/
#mem_table1 table{
	width: 550px;
	margin: 0 0 20px 20px;
	border: 1px solid #99eedd;
	border-collapse: collapse;
}
#mem_table1 th{
	position: relative;
	width: 120px;
	border-top: 1px dotted #99eedd;
	border-bottom: 1px dotted #99eedd;
	background-color: #f0fffa;
	border-collapse: collapse;
	color: #338877;
	vertical-align: top;
	text-align: left;
	text-indent: 5px;
	padding: 10px 2px 2px 2px;
}
#mem_table1 td{
	width: 430px;
	border-top: 1px dotted #99eedd;
	border-bottom: 1px dotted #99eedd;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	padding: 10px 10px;
}
#mem_table1 input.btn{ position:relative; left:305px; top:-3px;}
#mem_table1 th.label { width:500px; font-size:12pt; font-weight:bold; color:#008000; border-top:1px solid; }
#company_new_regist_m th.label { width:500px; font-size:12pt; font-weight:bold; color:#008000; border-top:1px solid #99eedd; }

/*--------------------------*/
/*  テーブル2段             */
/*--------------------------*/
/* タイトル列，データ列がそれぞれ２つ
   …/mailbox/scoutrec.php (案件一覧表示)
*/
#mem_table2 table{
	width: 550px;
	margin: 0 0 20px 20px;
	border: 1px solid #99eedd;
	border-collapse: collapse;
}
#mem_table2 th{
	width: 100px;
	border-top: 1px dotted #99eedd;
	border-bottom: 1px dotted #99eedd;
	background-color: #f0fffa;
	border-collapse: collapse;
	color: #338877;
	vertical-align: top;
	text-align: left;
	text-indent: 5px;
	padding: 5px 2px 2px 2px;
}
#mem_table2 td{
	width: 180px;
	border-top: 1px dotted #99eedd;
	border-bottom: 1px dotted #99eedd;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
	padding: 10px 10px;
}
/* 2段テーブル中、タイトル1列、データ1列(3列結合)の場合にデータ側に使用 */
#mem_table2 td.wdbox{ width:450px }

.text1{
	font-size:15px;
	color:#006668;
}

.text2{
	font-weight:bold;
	color:#FF6600;
}

h3.jishin {
    border: 1px solid #CC0000;
    color: #CC0000;
    font-size: 110%;
    margin-bottom: 7px;
    padding: 3px 5px;
}

p.jishin{
}