@charset "UTF-8";

* {
	margin		:0;
	padding		:0;
}

html {
	overflow-y:scroll;
}

body {
	background-color:#CBD9DC;
}

a {
	cursor			: pointer;
	text-decoration	: underline;
}

/* 通常リンク文字色指定----------- */
a:link {
	color			: #ff0000;
}

a:visited {
	color			: #cc0000;
}
a:active {
	color			: #ff9900;	
}
a:hover {
	color			: #FD925F;
}

/* ヘッダタブ内リンク文字色指定----------- */

/* アクティブページ----- */
a.stay {
	cursor			: pointer;
	text-decoration	: none;
}

a.stay:link {
	color			: #FFFFFF;
}

a.stay:visited {
	color			: #FFFFFF;
}
a.stay:active {
	color			: #FFFFFF;	
}
a.stay:hover {
	color			: #FFFFFF;
}

/* 非アクティブページ----- */
a.tab {
	cursor			: pointer;
	text-decoration	: none;
}

a.tab:link {
	color			: #4C4C4C;
}

a.tab:visited {
	color			: #4C4C4C;
}
a.tab:active {
	color			: #FFFFFF;	
}
a.tab:hover {
	color			: #FFFFFF;
}

/* ニュース用リンク文字色指定----------- */
a.news:link{
	color			: #38A79B;
}

a.news:visited {
	color			: #73B1AA;
}
a.news:active {
	color			: #6DE0D4;	
}
a.news:hover {
	color			: #6DE0D4;
}


/* 「すべて見る」用文字色リンク----------- */
a.allLook:link{
	color			: #552400;
}

a.allLook:visited {
	color			: #864F27;
}
a.allLook:active {
	color			: #CB5600;	
}
a.allLook:hover {
	color			: #CB5600;
}



/* floatタグの解除 */
.c-both { clear:both }


/* バックグランド色とIE用センター揃え指定 */
#wrapper {
	width	:100%;
	margin-top:0px;
	background-color:#CBD9DC;
	text-align:center;
}


/* コンテンツのセンター揃えとBG */
#main {
	width		:780px;
	margin-left	:auto;
	margin-right:auto;
	background-image:url(/img/bg01.gif);
	background-repeat:repeat-x;
	background-color:#F8F2E3;
}

/* ヘッダ部分 */
/* ヘッダー全体枠指定（ロゴ画像の指定も） */
#header {
	width		:780px;
	height		:121px;
	background-image:url(/img/header_logo.gif);
	background-repeat:no-repeat;
	text-align	:left;
}

/* ヘッダー左側（ロゴ部分）の空BOX指定 */
#headerLeftSpace {
	width		:480px;
	height		:77px;
	float		:left
}

/* ヘッダー内ユーザ名,ログイン等のBOX指定 */
#headerTextSpace {
	width		:240px;
	height		:61px;
	margin-top	:10px;
	margin-right:20px;
	float		:right;
}

#headerTextSpaceB {
	width		:480px;
	height		:61px;
	margin-top	:20px;
	margin-right:20px;
	float		:right;
}

/* ユーザ名,ログイン等の上側空BOX指定 */
#headerRightTopSpace {
	width		:260px;
	height		:12px;
}

/* ユーザ名BOX指定 */
#headerUser {
	font-size	:12px;
	color		:#4c4c4c;
	line-height	:1.5em;
	float		:left
}	

.userName {
	font-size	:13px;
	font-weight	:bold;
	color		:#4c4c4c;
}	

#headerBlogCopy {
	font-size	:18px;
	font-weight:bold;
	color		:#4c4c4c;
	line-height	:1.5em;
	float		:left
}	

/* ログイン/アウトBOX指定 */
#loginOut {
	font-size	:11px;
	line-height	:1.5em;
	float		:right
}	

#NowCheck {
	margin-top	:20px;
	float		:right
}	


/* ナビ部分BOX指定 */
#headerNaviSpace {
	width		:760px;
	height		:36px;
	margin-left	:12px;
}

/* ナビボタンのBOX指定 */
#headerNaviBtn {
	width		:757px;
	height		:36px;
	float		:left
}

#globalNavi {
	width		:757px;
	height		:36px;
	font-size	:13px;
	list-style-type :none;
	overflow	:hidden;
	z-index		:1000;
}

#globalNavi li {
	float		:left;
	width		:95px;
	height		:36px;
	overflow	:hidden;
}

#globalNavi li a {
	display		:block;
	overflow	:hidden;
	width		:100%;
	height		:36px;
	padding-top	:7px;
	text-align	:center;
	background-image:url(/img/navi_btn.gif);
	font-weight :bold;
	color		:#fff;
}
	
/*  NAVIボタン画像の位置指定 ------------------------*/
	
	/* 通常 */
	#nav00 a { background-position: -95px 0px; }
	#nav01 a { background-position: -95px 0px; }
	#nav02 a { background-position: -95px 0px; }
	#nav03 a { background-position: -95px 0px; }
	#nav04 a { background-position: -95px 0px; }
	#nav05 a { background-position: -95px 0px; }
	#nav06 a { background-position: -95px 0px; }
	#nav07 a { background-position: -95px 0px; }

	
	/* ページアクティブ時 */
	#nav00 a.stay { background-position: 0px -36px;font-weight :normal;color:#F54D00 }
	#nav01 a.stay { background-position: 0px -36px;font-weight :normal;color:#F54D00 }
	#nav02 a.stay { background-position: 0px -36px;font-weight :normal;color:#F54D00 }
	#nav03 a.stay { background-position: 0px -36px;font-weight :normal;color:#F54D00 }
	#nav04 a.stay { background-position: 0px -36px;font-weight :normal;color:#F54D00 }
	#nav05 a.stay { background-position: 0px -36px;font-weight :normal;color:#F54D00 }
	#nav06 a.stay { background-position: 0px -36px;font-weight :normal;color:#F54D00 }
	#nav07 a.stay { background-position: 0px -36px;font-weight :normal;color:#F54D00 }

	
	/* ページアクティブ時ロールオーバー時 */
	#nav00 a.stay:hover { background-position: 0px -36px; }
	#nav01 a.stay:hover { background-position: 0px -36px; }
	#nav02 a.stay:hover { background-position: 0px -36px; }
	#nav03 a.stay:hover { background-position: 0px -36px; }
	#nav04 a.stay:hover { background-position: 0px -36px; }
	#nav05 a.stay:hover { background-position: 0px -36px; }
	#nav06 a.stay:hover { background-position: 0px -36px; }
	#nav07 a.stay:hover { background-position: 0px -36px; }

	
	/* ロールオーバー時 */
	#nav00 a:hover { background-position: -95px -36px;color:#F54D00 }
	#nav01 a:hover { background-position: -95px -36px;color:#F54D00 }
	#nav02 a:hover { background-position: -95px -36px;color:#F54D00 }
	#nav03 a:hover { background-position: -95px -36px;color:#F54D00 }
	#nav04 a:hover { background-position: -95px -36px;color:#F54D00 }
	#nav05 a:hover { background-position: -95px -36px;color:#F54D00 }
	#nav06 a:hover { background-position: -95px -36px;color:#F54D00 }
	#nav07 a:hover { background-position: -95px -36px;color:#F54D00 }

/*  end NAVIボタン画像の位置指定 ------------------------*/



/* コンテンツ部分----------- */

/* コンテンツごとの外枠指定（BGグラデ） */
.contentsSpace1 {
	width		:780px;
	margin		:0px;
	padding		:0px;
	background-image:url(/img/bg02.gif);
	background-repeat:repeat-x;
	background-color:#F8F2E3;
}

/* コンテンツごとの外枠指定（BGグリーン） */
.contentsSpace2 {
	width		:780px;
	margin		:0px;
	padding		:0px;
	background-color:#E0E3CD;
}

/* コンテンツごとの外枠指定（BGクリーム） */
.contentsSpace3 {
	margin		:0px;
	padding		:0px;
	width		:780px;
	background-color:#F8F2E3;
}

/* 上部余白 */
.contentsTopSpace {
	width		:780px;
	height		:8px;
}

/* 左余白 */
.contentsLeftSpace {
	width		:20px;
	height		:40px;
	float		:left;
}

/* コンテンツ枠 */
.contentsBox {
	width		:740px;
	background-color:#FFFFFF;
	float		:left;
}

.contentsBoxS {
	width		:365px;
	background-color:#FFFFFF;
	float		:left;
	margin-right:10px;
}

/* コンテンツ最下部の画像指定 */
.contentsBoxBottom {
	width		:740px;
	height		:4px;
}

.contentsBoxBottomS {
	width		:365px;
	height		:4px;
}

/* 下部余白 */
.contentsBotmSpace {
	width		:780px;
	height		:12px;
}

/* コンテンツ最下部の画像指定 */
.contentsAllBottom {
	width		:780px;
	height		:23px;
	background-image:url(/img/contents_botm_bg.gif);
	background-repeat:no-repeat;
}



/* フッタ周り共通------------------- */

/* フッタ利用規約等枠 */
.footerArer1 {
	width		:780px;
	height		:23px;
	background-color:#CBD9DC;
	font-size	:12px;
}

/* フッタコピーライト */
.footerArer2 {
	width		:780px;
	height		:30px;
	background-color:#CBD9DC;
	font-size	:11px;
}



/* タイトル周り共通------------------- */

/* タイトル枠 */
.titleBox {
	width		:740px;
	height		:18px;
	background-image:url(/img/title_bg.gif);
	background-repeat:no-repeat;
}

.titleBoxS {
	width		:365px;
	height		:18px;
	background-image:url(../img/title_bgs.gif);
	background-repeat:no-repeat;
}

/* タイトル上下部余白 */
.titleTopSpace {
	width		:740px;
	height		:4px;
}


.titleTopSpaceS {
	width		:365px;
	height		:4px;
}

/* タイトル左余白 */
.titleLeftSpace {
	width		:38px;
	height		:18px;
	float		:left;
}

/* タイトル名画像枠 */
.titleSpace {
	width		:585px;
	height		:18px;
	text-align	:left;
	float		:left;
}

.titleSpaceS {
	width		:280px;
	height		:18px;
	text-align	:left;
	float		:left;
	font-size	:10pt;
	font-weight :bold;
}

/* 「すべて見る」枠 */
.allLookLinkSpace {
	width		:121px;
	height		:18px;
	background-image:url(/img/all_look_bg.gif);
	background-repeat:no-repeat;
	text-align	:left;
	float		:right;
}

/* 「すべて見る」スペース */
.allLookLinkSpace {
	width		:110px;
	height		:18px;
	float		:right;
}

/* 「すべて見る」右側空白 */
.allLookRSpace {
	width		:7px;
	height		:18px;
	float		:right;
}

/* 「すべて見る」テキスト枠 */
.allLookText {
	width		:62px;
	height		:18px;
	font-size	:12px;
	font-weight	:bold;
	text-align	:right;
	float		:right;
}

/* 「すべて見る」矢印枠 */
.allLookArow {
	width		:16px;
	height		:18px;
	float		:right;
}




/* 記事周り共通------------------- */

/* 記事ベース枠 */
.whiteBox {
	width		:740px;
	margin-top	:6px;
}
.whiteBoxS {
	width		:365px;
	margin-top	:6px;
}
/* 記事左余白 */
.textArerLeftSpace {
	width		:12px;
	height		:20px;
	float		:left;
}

/* 記事テキストエリア枠 */
.textArer {
	width		:720px;
	margin-top	:5px;
	margin-bottom:5px;
	float		:left;
}

.textArerS {
	width		:345px;
	margin-top	:5px;
	margin-bottom:5px;
	float		:left;
}

.textArerS .rank{
	background-color:#7aab00;
	border: 2px solid #cccccc;
	color:#ffffff;
	text-align: center;
	vertical-align:middle;
	width: 20px;
	height: 16px;
	font-weight: bold;
	float:left;
}

.textArerS .rank_text{
	float:left;
	line-height:15px;
	text-indent:10px;
}

/* 記事テキストエリア枠 */
.textBox {
	width		:720px;
	margin-bottom:5px;
	clear		:both
}

.textBoxS {
	width		:345px;
	margin-bottom:5px;
	clear		:both
}


/* お知らせ周り------------------- */

/* 「I」アイコン */
.iIconSpace {
	width		:8px;
	height		:16px;
	background-image:url(/img/i_icon.gif);
	background-repeat:no-repeat;
	float		:left;
}

/* 日付 */
.yyyymmdd01 {
	width		:80px;
	font-size	:11px;
	color		:#000000;
	float		:left;
}

/* 記事テキスト */
.infoText {
	width		:580px;
	font-size	:13px;
	font-weight	:bold;
	color		:#CC0000;
	text-align	:left;
	float		:left;
}




/* 関連ニュース周り------------------- */

/* 「N」アイコン */
.nIconSpace {
	width		:16px;
	height		:16px;
	background-image:url(/img/n_icon.gif);
	background-repeat:no-repeat;
	float		:left;
}

/* 記事テキスト */
.newsText {
	width		:700px;
	font-size	:12px;
	text-align	:left;
	float		:left;
}


/* ランキング周り------------------- */

/* ランキングタイトル */
.rankTitle {
	width		:720px;
	height		:22px;
	font-size	:14px;
	font-weight	:bold;
	text-align	:left;
	float		:left;
}

/* 順位 */
.nomBox {
	width		:16px;
	height		:16px;
	font-size	:12px;
	text-align	:left;
	color		:#000000;
	float		:left;
}

/* 記事テキスト */
.rankText {
	width		:700px;
	height		:16px;
	font-size	:13px;
	text-align	:left;
	float		:left;
}

.rankTextS {
	width		:325px;
	font-size	:12px;
	text-align	:left;
	float		:left;
	margin-bottom:5px;
}



/* ブロガー解析周り------------------- */

/* グラフ部分左側 */
#blogerMainL {
	width		:350px;
	float		:left;
}

/* グラフ部分左側タイトル */
#blogerTitleL {
	width		:350px;
	height		:28px;
	font-size	:14px;
	font-weight	:bold;
	text-align	:center;
}

/* グラフ部分左側円グラフ */
#blogerMainL {
	width		:350px;
}

/* グラフ部分右側 */
#blogerMainR {
	width		:350px;
	float		:left;
}

/* 円グラフ */
#blogerGraph1 {
	width		:350px;
	text-align	:center;
}

/* グラフ部分右側タイトル */
#blogerTitleR {
	width		:350px;
	height		:28px;
	font-size	:14px;
	font-weight	:bold;
	text-align	:center;
}

/* グラフ部分右側表 */
#blogerGraph2 {
	width		:350px;
	text-align	:center;
}

/* 右側表 */
table.Graph01 {
	width		:330px;
	border-collapse:collapse;
	border		:1px solid #FAB9A5;
	float		:right;
}

tr.tr00 {
	background-color:#FF701B;
	color		:#FFFFFF;
	border		:1px solid #FAB9A5;
}

th.th01 {
	border		:1px solid #FAB9A5;
	padding		:2px 3px 2px 3px
}

tr.tr01 {
	background-color:#FFF3EC;
	border		:1px solid #FAB9A5;
}

td.td01 {
	border		:1px solid #FAB9A5;
	padding		:2px 3px 2px 3px
}


/* ドットのライン */
#dotLineUpper {
	width		:720px;
	height		:10px;
	clear		:both
}

/* ドットのライン */
.dotLine1 {
	width		:720px;
	height		:16px;
	background-image:url(/img/dot_line.gif);
	background-repeat:no-repeat;
}

/* ブロガーランクタイトル */
#blogerRankTitle {
	width		:720px;
	height		:28px;
	font-size	:14px;
	font-weight	:bold;
	text-align	:center;
}

/* ブロガーランク下部枠 */
#blogerRankUnderArer {
	width		:720px;
	font-size	:14px;
	text-align	:left;
}

/* ブロガーランク左側テキストエリア枠 */
#blogerRankUnderL {
	width		:210px;
	float		:left;
}

/* ブロガーランク左側テキスト枠1 */
.blogerRankUnderLText1 {
	width		:160px;
	height		:40px;
	float		:left;
}

/* ブロガーランク左側テキスト枠2 */
.blogerRankUnderLText2 {
	width		:82px;
	height		:28px;
	font-weight	:bold;
	color		:#3B7500;
	float		:left;
	text-align  :right;
}

/* ブロガーランクセンターランク表示枠 */
#blogerRankUnderC {
	width		:242px;
	float		:left;
}

/* ブロガーランク☆☆☆☆☆画像枠 */
#blogerRankA {
	width		:200px;
	height		:136px;
	background-image:url(/img/bloggerRank_5.jpg);
	background-repeat:no-repeat;
}

/* ブロガーランク☆☆☆☆画像枠 */
#blogerRankB {
	width		:200px;
	height		:136px;
	background-image:url(/img/bloggerRank_4.jpg);
	background-repeat:no-repeat;
}

/* ブロガーランク☆☆☆画像枠 */
#blogerRankC {
	width		:200px;
	height		:136px;
	background-image:url(/img/bloggerRank_3.jpg);
	background-repeat:no-repeat;
}

/* ブロガーランク☆☆画像枠 */
#blogerRankD {
	width		:200px;
	height		:136px;
	background-image:url(/img/bloggerRank_2.jpg);
	background-repeat:no-repeat;
}

/* ブロガーランク☆画像枠 */
#blogerRankE {
	width		:200px;
	height		:136px;
	background-image:url(/img/bloggerRank_1.jpg);
	background-repeat:no-repeat;
}

/* ブロガーランク総合順位枠 */
#blogerRankNomUpper {
	width		:200px;
	height		:111px;
}

/* ブロガーランク総合順位枠 */
#blogerRankNom {
	width		:200px;
	height		:18px;
	font-weight	:bold;
	text-align	:center;
}

/* ブロガーランク右側テキスト表示枠 */
#blogerRankUnderR {
	width		:252px;
	float		:right;
}

/* ブロガー下部スペース */
#blogerBotmSpace {
	width		:740px;
	height		:10px;
	clear		:both;
}




/* 案件一覧----------------------- */

/* グレー/黒帯 */
.blackGrayBg {
	width		:780px;
	height		:11px;
	_margin-bottom:-8px;
	background-image:url(/img/bg03.gif);
	background-repeat:repeat-x;
}

/* タブ＆入力フォーム全体 */
#jobListTabFormSpace {
	width		:716px;
	height		:42px;
	_margin-bottom:-20px;
	background-image:url(/img/job_list_tab_bg.gif);
	background-repeat:no-repeat;
}

/* タブ側全体 */
#jobListTabSpace {
	width		:172px;
	height		:35px;
	float		:left;
}

/* タブ上スペース */
#jobListTabTopSpace {
	width		:172px;
	height		:10px;
	_margin-bottom:-4px;
}

/* タブ左スペース */
#jobListTabLeftSpace {
	width		:12px;
	height		:26px;
	float		:left;
}

/* タブ１ */
#jobListTab1 {
	width		:74px;
	height		:26px;
	padding-top	:3px;
	background-image:url(/img/list_tab1.gif);
	background-repeat:no-repeat;
	font-size	:14px;
	font-weight	:bold;
	color		:#FF0000;
	text-align	:center;
	float		:left;
}
#jobListTab1 a:link {
	color			:#ff0000;
	text-decoration :none;
}
#jobListTab1 a:visited {
	color			: #ff0000;
	text-decoration :none;
}
#jobListTab1 a:active {
	color			: #ff9900;	
}
#jobListTab1 a:hover {
	color			: #ff9900;
}

/* タブ２ */
#jobListTab2 {
	width		:74px;
	height		:26px;
	padding-top	:3px;
	background-image:url(/img/list_tab2.gif);
	background-repeat:no-repeat;
	font-size	:14px;
	font-weight	:bold;
	color		:#FFFFFF;
	text-align	:center;
	float		:left;
}
#jobListTab2 a:link {
	color			:#ffffff;
	text-decoration :none;
}
#jobListTab2 a:visited {
	color			: #ffffff;
	text-decoration :none;
}
#jobListTab2 a:active {
	color			: #ff9900;	
}
#jobListTab2 a:hover {
	color			: #ff9900;
}

/* フォーム側全体 */
#jobListFormSpace {
	width		:544px;
	height		:35px;
	float		:right;
}

/* フォーム左スペース */
#jobListFormLeftSpace {
	width		:21px;
	height		:23px;
	float		:left;
}

/* フォームテキスト部分 */
#jobListFormText {
	width		:140px;
	height		:23px;
	font-size	:12px;
	text-align	:left;
	float		:left;
}

/* フォームテキスト部分 */
#jobListForm {
	width		:195px;
	height		:23px;
	font-size	:12px;
	text-align	:left;
	float		:left;
}

/* フォームサイズ */
#jobForm {
	width		:195px;
	height		:23px;
	float		:left;
}

/* フォーム中スペース */
#jobListFormCenterSpace {
	width		:10px;
	height		:23px;
	float		:left;
}

/* フォーム中スペース */
#jobListSubmit {
	width		:62px;
	height		:23px;
	float		:left;
}

/* フォーム中スペース */
#jobListFormUnderSpace {
	width		:544px;
	height		:5px;
	clear		:both
}

/* フォーム中スペース */
#jobListFormUnder {
	width		:544px;
	height		:7px;
	background-image:url(/img/list_tab_mid.gif);
	background-repeat:no-repeat;
}

/* リスト上部BG画像 */
#jobListTopBg {
	width		:716px;
	height		:4px;
	background-image:url(/img/list_top_bg.gif);
	background-repeat:no-repeat;
	clear		:both
}

/* リストエリア */
#jobListArer {
	width		:716px;
	background-image:url(/img/list_bg.gif);
	background-repeat:repeat-y;
	font-size	:13px;
	text-align	:left;
}

/* リスト下部BG画像 */
#jobListBotmBg {
	width		:716px;
	height		:11px;
	background-image:url(/img/list_bottom_bg.gif);
	background-repeat:no-repeat;
	clear		:both;
}

/* リスト左スペース */
#jobListLeftSpace {
	width		:20px;
	height		:20px;
	float		:left;
}

/* リストエリア */
.jobList {
	width		:679px;
	float		:left;
}

/* リストボックス */
.jobListBox {
	width		:679px;
	height		:28px;
	padding-top	:4px;
	border-bottom:1px solid #E5E5E5;
}

/* リストボックス内テキストスペース */
.jobListInBoxTextTitle {
	width		:335px;
	height		:26px;
	padding-top	:6px;
	float		:left;
	font-weight :bold;
}
.jobListInBoxText {
	width		:310px;
	height		:26px;
	padding-top	:6px;
	float		:left;
}
.jobListInBoxDateTitle {
	width		:150px;
	height		:26px;
	padding-top	:6px;
	float		:left;
	font-weight :bold;
}
.jobListInBoxDate {
	width		:160px;
	height		:26px;
	padding-top	:6px;
	float		:left;
}
.jobListInBoxBloggerCountTitle {
	width		:175px;
	height		:26px;
	padding-top	:6px;
	float		:left;
	font-weight :bold;
	
}
.jobListInBoxBloggerCount {
	width		:180px;
	height		:26px;
	padding-top	:6px;
	float		:left;
	text-align	:center;
}
.jobListInBoxBtnTitle {
	width		:30px;
	height		:26px;
	padding-top	:6px;
	float		:left;
	font-weight :bold;
}
.jobListInBoxBtn {
	width		:100px;
	height		:26px;
	padding-top	:6px;
	float		:left;
}

/* リストボックス */
.jobListBoxTable {
	width		:679px;
	margin-top	:10px;
	margin-bottom:10px;
	font-size	:10pt;
	border-collapse:collapse;
	border-left	:0;
	border-right:0;
}

.jobListBoxTable td{
	text-align	:center;
	padding-top:5px;
	padding-bottom:5px;
	border:0px;
	border-bottom	:1px solid #ccc;
	
}

.jobListBoxTable .jobListBoxTitleTr{
	font-weight:bold;
}

.searchPagerTable{
	font-size:10pt;
}

/* 案件一覧ページ用--------------------- */

/* タブ＆入力フォーム全体 */
#jobListTabFormSpace2 {
	width		:716px;
	height		:42px;
	background-image:url(/img/job_list_tab_bg.gif);
	background-repeat:no-repeat;
}
/* タブなしトップ */
#jobListTopFormSpace2 {
	width		:716px;
	height		:19px;
	background-image:url(/img/job_list_top_bg2.gif);
	background-repeat:no-repeat;
}

/* この企業の広告リンク枠--------------------- */
#jobListCorpAdText {
	width		:544px;
	height		:35px;
	padding-top	:5px;
	font-size	:12px;
	text-align	:right;
	float		:right;
}


/* モノ リクエスト ページ用--------------------- */

/* 上部余白 */
.searchTopSpace {
	width		:740px;
	height		:8px;
}

/* 検索 左余白 */
.searchLeftSpace {
	width		:230px;
	height		:40px;
	float		:left;
}
/* 検索タイトル---------- */
.RqSearchTitleBox {
	width		:740px;
	height		:22px;
}

/* 検索タイトルテキスト---------- */
.RqSearchTitleText {
	width		:400px;
	height		:16px;
	font-size	:13px;
	font-weight	:bold;
	color		:#F76B00;
	text-align	:left;
	float		:left;
}
/* 検索 フォーム */
.RqSearchForm {
	width		:630px;
	border		:1px solid #FAB9A5;
	font-size	:11pt;
	color		:#F76B00;
	font-weight	:bold;
	padding		:10px;
}
/* 検索結果 左余白 */
.RqResultLeftSpace {
	width		:43px;
	height		:40px;
	float		:left;
}

/* 検索結果表 */
table.RequestTb {
	width		:630px;
	border-collapse:collapse;
	border		:1px solid #FAB9A5;
	float		:left;
}

/* リクエストランキング */
table.ReqrankingTb {
	width		:630px;
	border-collapse:collapse;
	font-size: 0.8em;
	margin-left:auto;
	margin-right:auto;
}

.ReqrankingTb th{
	font-weight: bold;
	height: 45px;
	background-color:#c1c9bc;
	text-align: left;
	color: #FFFFFF;
		
}
.ReqrankingTb .tr01{
	font-weight: normal;
	height: 35px;
	background-color:#FFFFFF;
	border: 0px;
	
}
.ReqrankingTb .tr02{
	font-weight: normal;
	height: 35px;
	background-color:#e4ebdf;
	border: 0px;
	
}
.ReqrankingTb .td01{
	font-weight: normal;
	border: 0px;
}
.ReqrankingTb .rank{
	background-color:#7aab00;
	border: 2px solid #cccccc;
	color:#ffffff;
	text-align: center;
	vertical-align:middle;
	width: 20px;
	height: 16px;
	margin-left:5px;
	font-weight: bold;
}

.padleft15{
	padding-left: 15px;
}

/* 会員情報ページ用--------------------- */

/* グレーライントップ------------ */
.grayLineTop {
	width		:716px;
	height		:12px;
	_margin-bottom	:-7px;
	background-image:url(/img/memb_info_line_top.gif);
	background-repeat:no-repeat;
}

/* グレーラインボトム---------- */
.grayLineBottom {
	width		:716px;
	height		:11px;
	background-image:url(/img/memb_info_line_botm.gif);
	background-repeat:no-repeat;
}

/* フォームエリア----------- */
.formArea {
	width		:716px;
	background-image:url(/img/memb_info_line_bg.gif);
	background-repeat:repeat-y;
}

/* フォームエリア左スペース----------- */
.formAreaLeft {
	width		:36px;
	height		:30px;
	margin-top	:10px;
	float		:left;
}

/* フォームエリア左スペース------------ */
.formAreaMain {
	width		:630px;
	margin-top	:10px;
	float		:left;
}

/* フォームエリアタイトル---------- */
.formAreaTitleBox {
	width		:630px;
	height		:22px;
}

/* Cアイコン----------- */
.cIcon {
	width		:16px;
	height		:15px;
	background-image:url(/img/c_icon.gif);
	background-repeat:no-repeat;
	float		:left;
}

/* フォームエリアタイトルテキスト---------- */
.formTitleText {
	width		:590px;
	height		:16px;
	font-size	:13px;
	font-weight	:bold;
	color		:#F76B00;
	text-align	:left;
	float		:left;
}


/* フォームテーブル指定--------------------- */

table.memberTable {
	width		:630px;
	border-collapse:collapse;
	table-layout:fixed;
}

tr.memberFormTr {
	border-collapse:collapse;
	border		:1px solid #FFFFFF;
}

td.memberFormColor {
	width		:8px;
	background-color:#C1C9BC;
	border-top	:1px solid #FFFFFF;
	border-bottom	:1px solid #FFFFFF;
	border-left	:0px;
	border-right	:0px;
}

td.memberFormTitle {
	*width		:132px;
	width		:120px;
	padding		:6px 6px 6px 6px;
	background-color:#E4EBDF;
	font-size	:12px;
	font-weight	:bold;
	text-align	:left;
	border-top	:1px solid #FFFFFF;
	border-bottom	:1px solid #FFFFFF;
	border-left	:0px;
	border-right	:0px;
}

td.memberFormArow {
	width		:10px;
	padding		:6px 0px 6px 0px;
	border-top	:1px solid #FFFFFF;
	border-bottom	:1px solid #FFFFFF;
	border-left	:0px;
	border-right	:0px;
}

td.memberFormInput {
	*width		:480px;
	width		:468px;
	padding		:6px 6px 6px 6px;
	background-color:#EDF1EB;
	font-size	:12px;
	text-align	:left;
	border-top	:1px solid #FFFFFF;
	border-bottom	:1px solid #FFFFFF;
	border-left	:0px;
	border-right	:0px;
}

.pullDown40px{
	min-width: 40px;
}

.pullDown55px{
	min-width: 55px;
}

.pullDown60px{
	min-width: 60px;
}

.pullDown110px{
	min-width: 110px;
}

.pullDown120px{
	min-width: 120px;
}

.pullDown150px{
	min-width: 150px;
}

.pullDown210px{
	min-width: 210px;
}

.inputBox300px {
	width		:300px;
	height		:18px;
}

.inputBox300pxImeAc {
	width		:300px;
	height		:18px;
	ime-mode	:active;
}

.inputBox300pxImeIn {
	width		:300px;
	height		:18px;
	ime-mode	:inactive;
}

.inputBox300pxImeDi {
	width		:300px;
	height		:18px;
	ime-mode	:disabled;
}

.inputBox180px {
	width		:180px;
	height		:18px;
}

.inputBox180pxImeAc {
	width		:180px;
	height		:18px;
	ime-mode	:active;
}

.inputBox180pxImeIn {
	width		:180px;
	height		:18px;
	ime-mode	:inactive;
}

.inputBox180pxImeDi {
	width		:180px;
	height		:18px;
	ime-mode	:disabled;
}

.inputBox160px {
	width		:160px;
	height		:18px;
}

.inputBox160pxImeAc {
	width		:160px;
	height		:18px;
	ime-mode	:active;
}

.inputBox160pxImeIn {
	width		:160px;
	height		:18px;
	ime-mode	:inactive;
}

.inputBox160pxImeDi {
	width		:160px;
	height		:18px;
	ime-mode	:disabled;
}

.inputBox80px {
	width		:80px;
	height		:18px;
}

.inputBox80pxImeAc {
	width		:80px;
	height		:18px;
	ime-mode	:active;
}

.inputBox80pxImeIn {
	width		:80px;
	height		:18px;
	ime-mode	:inactive;
}

.inputBox80pxImeDi {
	width		:80px;
	height		:18px;
	ime-mode	:disabled;
}

.inputBox450px {
	width		:450px;
	height		:18px;
}

.inputBox450pxImeAc {
	width		:450px;
	height		:18px;
	ime-mode	:active;
}

.inputBox100px {
	width		:100px;
	height		:18px;
}

.inputBox100pxImeAc {
	width		:100px;
	height		:18px;
	ime-mode	:active;
}

.inputBox100pxImeIn {
	width		:100px;
	height		:18px;
	ime-mode	:inactive;
}

.inputBox100pxImeDi {
	width		:100px;
	height		:18px;
	ime-mode	:disabled;
}

.inputBox30px {
	width		:30px;
	height		:18px;
}

.inputBox30pxImeAc {
	width		:30px;
	height		:18px;
	ime-mode	:active;
}

.inputBox30pxImeIn {
	width		:30px;
	height		:18px;
	ime-mode	:inactive;
}

.inputBox30pxImeDi {
	width		:30px;
	height		:18px;
	ime-mode	:disabled;
}
/* フォーム内エラーメッセージ------------------ */
.memberFormErrerTop {
	width		:630px;
	border		:1px #FF0000 solid;
	height		:40px;
	margin-bottom:5px;
}
.memberFormErrerTopInner {
	color:#FF0000;
	font-size	:13px;
	font-weight	:bold;
	text-align	:center;
	margin-top	:12px;
}


/* フォーム内テキスト指定--------------------- */

.memberFormTextOrange {
	font-size	:10px;
	color		:#F76B00;
}

.memberFormTextRed {
	font-size	:10px;
	color		:#ff0000;
}

.memberFormErrTextRed {
	font-size	:13px;
	color		:#FF0000;
	font-weight :bold;
}

/* フォーム下部注意書き--------------------- */

.formCautionBox {
	width		:630px;
	height		:20px;
	font-size	:11px;
	color		:#000000;
	text-align	:left;
}

/* フォーム下部--------------------- */

.formBottomBox {
	width		:630px;
	height		:20px;
	font-size	:11px;
	color		:#000000;
	text-align	:left;
}

.formBottomInLeftBox {
	width		:300px;
	height		:20px;
	font-size	:11px;
	color		:#000000;
	text-align	:left;
	float       :left;
}
.formBottomInRightBox {
	width		:200px;
	height		:20px;
	font-size	:13px;
	color		:#000000;
	text-align	:right;
	float       :right;
}

/* 設定ボタン--------------------- */

.submitBtnBox {
	width		:630px;
	height		:25px;
	text-align	:center;
}

/* ブログパーツ設定ページ用　*/
/* 左スペース--------------　*/
.partsLeftSpace {
	width       :20px;
	height      :18px;
	text-align  :center;
	float       :left;
}
.partsLeftArea {
    width       :230px;
	text-align  :center;
	float       :left;
}
.partsRightArea {
	width       :450px;
	text-align  :center;
	float       :left;
}
.partsRightArea {
	width       :450px;
	text-align  :center;
	float       :left;
}
.partsInnerBlock {
	width       :112px;
	height		:150px;
	text-align  :center;
	float       :left;
	margin-bottom:20px;
	font-size	:10pt;
	font-weight	:bold;
}

/* 報酬履歴ページ用　*/
.nowTotalTitle {
	margin-top :10px;
	width      :120px;
	float      :left;
	font-weight:bold;
}
.nowTotalNum {
	margin-top :10px;
	width      :120;
	float      :left;
	font-weight:bold;
	text-align :right;
}

/* 仮会員 登録　*/
/* フォーム上の説明文--------------　*/
.formTopAccount {
	text-align	:left;
	font-size	:12px;
	padding		:5px 10px 5px 10px;
	line-height	:1.4em;
}

/* 利用規約--------------　*/
.formAgreement {
	font-size	:13px;
}
.formAgreementAccount {
	font-weight		:bold;
	padding-top		:5px;
	padding-bottom	:5px;
}
.formAgreementTextarea {
	width	:630px;
	height	:160px;
}
.formAgreementButton {
	padding-top		:12px;
	padding-bottom	:12px;
}

/* キャンペーンバナー--------------　*/
.formCampaignBanner {
	padding-top	:10px;
	width		:740px;
}
.formCampaignBannerBorder{
	margin		:auto;
	width		:718px;
	height		:470px;
	background-color:#FAB9A5;
}
.formCampaignBannerInner {
	padding :1px;
	margin	:auto;
}

#kiyaku {
	padding: 8px !important;
	margin: 5px 5px 0 5px;
	height: 300px; overflow:
	auto; border: solid 1px #C7C7C7;
	background: #FAFAFA;
	text-align:left;
}
#kiyaku h2 {
	margin-top:15px;
	font-size: 13px;
}
#kiyaku ol, #kiyaku li {
	list-style: decimal;
	 margin-left: 20px;
}
 ol.pgf,  li.pgf {
	list-style: decimal;
}
#kiyaku h2, #kiyaku li {
	padding-bottom: 3px;
}
#kiyaku p {
	text-indent   : 1em;
	padding-bottom: 3px;
}
#kiyaku table {
	border: 0;
	margin-top: 25px;
}
#kiyaku th {
	vertical-align: top;
	font-weight: normal;
	padding: 3px 20px 0 0;
}
#kiyaku td li {
	list-style: none;
	margin: 0;
}


/* 最新記事　*/
.articleHead {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.5em;
	text-align	:left;
	font-family: "Helvetica Neue", Arial, sans-serif;	
	padding		:0px 0px 5px 20px;
}
.articleBody{
	font-family: "Helvetica Neue", Arial, sans-serif;	
	text-align	:left;
	padding		:10px 50px 5px 30px;			
}
.articleBody h3{
	font-size:1em;
	border-left:10px solid #FF6633;
	text-decoration: none;
	margin-bottom: 5px;
}
.articleBody h3 a,
.articleBody h3 a:link,
.articleBody h3 a:visited,
.articleBody h3 a:active
{
	color:#FF6633;
	text-decoration: none;
	padding-left: 4px;
}
.articleBody h3 a:hover{
	color:#FFCC99;
}

.articleBody p{
	font-size:0.8em;
	padding-left: 10px;
}
.articleDate{
	text-align	:right;
	color: #A9A9A9;
}
#workdetail_outline_table{
	border:1px dashed #ccc;
	width:680px;
}

.workdetail_outline_td_image{
	width:300px;
	text-align:center;
	vertical-align:middle;
	padding:5px;
}

#workdetail_outline_td_explanation{
	text-align:center;
	vertical-align:top;
	padding:10px 5px 0px 0px;
}

#workdetail_outline_inner_table{
	font-size:10pt;
	width:350px;
	line-height:120%;
}


.workdetail_outline_inner_td_key,
.workdetail_outline_inner_td_val{
	padding:0.5em 1em ;
	border-top:2px solid #ccc;
	border-left:1px solid #ccc;
	color:#333;
}

.workdetail_outline_inner_td_key{
	background:#FBFCEE;
	width:100px;
	font-weight:bold;
}

.workdetail_outline_inner_td_val{
	background:#FFFFEE;
	overflow    : hidden;
	word-break  : break-all;
	width:300px;
	
}

#workdetail_points_table{
	border-collapse:collapse;
	empty-cells:show;
	font-size:10pt;
	line-height:130%;
	border:1px solid #ccc;
	width:680px;
}

.workdetail_work_title{
	margin-left:10px;
	margin-top:15px;
	width:705px;
	background:#FF6600;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFF;
	font-weight:bold;
	text-align:left;
	text-indent:30px;
}	

.workdetail_castingupdate_timestamp {
	width		:220px;
	height		:16px;
	font-size	:13px;
	font-weight	:bold;
	color		:#F76B00;
	float		:right;
}


#workdetail_castingcomment_table{
	border-collapse:collapse;
	empty-cells:show;
	font-size:10pt;
	border:1px solid #ccc;
	width:640px;
}

#workdetail_casting_yesbutton{
    color: #FFF;
    font-size:14px;
	font-weight:bold;
    border: double 2px #FF9933;
    background:#FF6600;
    cursor:pointer
}

#workdetail_casting_nobutton{
    color: #FFF;
    font-size:14px;
	font-weight:bold;
    border: double 2px #FF9933;
    background:#FF6600;
    cursor:pointer
}

#workdetail_casting_confirmbutton{
    color: #FFF;
    font-size:14px;
	font-weight:bold;
    border: double 2px #FF9933;
    background:#FF6600;
    cursor:pointer
}

.workdetail_points_title{
	
}

.workdetail_points_td_key,
.workdetail_points_td_val{
	padding:0.5em 1em ;
	border:1px solid #ccc;
	color:#333;
}

.workdetail_points_title{
	font-size:10pt;
	text-align:center;
}

.workdetail_points_td_key{
	background:#FFFFDD;
	width:200px;
	font-weight:bold;
}

.workdetail_staff_comment_img,
.workdetail_company_comment_img{
	padding:5px;
	border:1px solid #ccc;
	background:#FFFFE0;
	text-align:center;
}

.workdetail_staff_comment_text,
.workdetail_company_comment_text{
	padding:5px;
	border:1px solid #ccc;
	background:#FFFFE0;
	text-align:left;
	vertical-align:top;
	font-size:10pt;
	color:#886644;
}

.matterlist_search_Table{
	font-size:10pt;
	width:680px;
}

.workdetail_casting_area{
	background:#fff;
	width:660px;
	_width:680px;
	margin-bottom:20px;
	padding:10px;
	border:1px solid #CCCCCC;
	float:left;
}

/* 常設フラグ付き案件----- */
.special-job {
	background-color: #fdfddd;
}

/* 20100315追記：オファー内容見出し用----- */
.hl_yellow {
width:450px;
height:30px;
background-image: url(/img/bar_yellow.gif);
background-repeat:no-repeat;
padding-top:9px;
padding-left:38px;
margin-bottom:8px;
font-size:14px;
font-weight:bold;
}
.hl_blue {
width:450px;
height:30px;
background-image: url(/img/bar_blue.gif);
background-repeat:no-repeat;
padding-top:9px;
padding-left:38px;
margin-bottom:8px;
font-size:14px;
font-weight:bold;
}
.hl_red {
width:450px;
height:30px;
background-image: url(/img/bar_red.gif);
background-repeat:no-repeat;
padding-top:9px;
padding-left:38px;
margin-bottom:8px;
color:#ffffff;
font-size:14px;
font-weight:bold;
}
.hl_green {
width:450px;
height:30px;
background-image: url(/img/bar_green.gif);
background-repeat:no-repeat;
padding-top:9px;
padding-left:38px;
margin-bottom:8px;
color:#ffffff;
font-size:14px;
font-weight:bold;
}
.hl_grey {
width:450px;
height:30px;
background-image: url(/img/bar_grey.gif);
background-repeat:no-repeat;
padding-top:9px;
padding-left:38px;
margin-bottom:8px;
font-size:14px;
font-weight:bold;
}
