body {
margin:0;
padding:0;
text-align:center;
font-family:MS UI Gothic,Arial,Hei,sans-serif;
text-align:center;
background:#dcdcdc url(/img/bg_body.gif) top left repeat-x;
}





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

#header {
width:960px;
height:auto;
margin:0 auto;
padding:29px 0 107px 0;
text-align:left;
background-image:url(/img/head_img.jpg);
}

	#header a {
	width:530px;
	height:94px;
	margin:0;
	padding:0;
	display:block;
	text-decoration:none;
	outline:none;
	text-indent:-9876em;
	}


#container {
width:960px;
margin:0 auto;
padding:0;
text-align:left;
background:url(/img/bg_container.gif) top left repeat-y;
}

	#container .pageup {
	font-size:11px;
	padding:11px 15px 0 0;
	text-align:right;
	background:url(/img/bg_pageup_c.gif) top right no-repeat;
	}

#footer {
width:960px;
margin:0 auto;
text-align:center;
background:url(/img/bg_footer.gif) top left repeat-x;
}

	#footer .pageup {
	font-size:11px;
	padding:11px 40px 16px 0;
	text-align:right;
	background:url(/img/bg_pageup.gif) bottom right no-repeat;
	}
	
	
	#footer .copy {
	font-size:12px;
	color:#333333;
	line-height:18px;
	padding:15px 25px 20px 0;
	text-align:right;
	}





/*---------- sidemenu ----------*/

ul.navi {
margin:0;
padding:0 0 5px 0;
list-style:none;
background:url(/img/bg_navi.gif) bottom left;
}

ul.navi li {
line-height:18px;
margin:0 0 0 10px;
padding:0 0 5px 0;
}

.ranking {
padding:5px 10px 10px 15px;
background:url(/img/bg_sidemenu.gif) bottom left;
}

.ranking table { margin:0 0 5px 0; }

.ranking table td {
font-size:12px;
line-height:18px;
list-style:none;
background:url(/img/line_g.gif) bottom left repeat-x;
}

	.ranking td a {
	color:#333333;
	text-decoration:none;
	padding:9px 0 9px 55px;
	display:block;
	}
	
	.ranking td a:hover {
	color:#f00;
	text-decoration:underline;
	}

.ranking td a.no01 { background:url(/img/bg_ranking_01.gif) top left no-repeat; }
.ranking td a.no02 { background:url(/img/bg_ranking_02.gif) top left no-repeat; }
.ranking td a.no03 { background:url(/img/bg_ranking_03.gif) top left no-repeat; }
.ranking td a.no04 { background:url(/img/bg_ranking_04.gif) top left no-repeat; }
.ranking td a.no05 { background:url(/img/bg_ranking_05.gif) top left no-repeat; }



ul.hand,
ul.pc,
ul.info {
margin:0;
padding:5px 0 15px 0;
list-style:none;
background:url(/img/bg_sidemenu.gif) bottom left;
}

	ul.hand li,
	ul.pc li,
	ul.info li {
	line-height:18px;
	margin:0 15px 0 15px;
	padding:3px 0 3px 0;
	background:url(/img/line_g.gif) bottom left repeat-x;
	}

		ul.hand li a {
		color:#333333;
		text-decoration:none;
		padding-left:13px;
		background:url(/img/bg_sidemenu_list_01.gif) top left no-repeat;
		}

		ul.hand li a:hover {
		color:#f00;
		text-decoration:underline;
		}
		
		ul.pc li a {
		color:#333333;
		text-decoration:none;
		padding-left:13px;
		background:url(/img/bg_sidemenu_list_02.gif) top left no-repeat;
		}
		
		ul.pc li a:hover {
		color:#f00;
		text-decoration:underline;
		}

		ul.info li a {
		color:#333333;
		text-decoration:none;
		}
		
		ul.info li a:hover {
		color:#f00;
		text-decoration:underline;
		}

		ul.info li .ya {
		padding-left:13px;
		background:url(/img/bg_sidemenu_list_03.gif) top left no-repeat;
		}



/* ---------- contents [前頁共通] ---------- */

.contents { padding:0 25px 0 20px; }

p.box {font-color:#FF6600;
   border-bottom: 1px solid red;
}
.top_txt_01 {
padding:11px 33px 20px 33px;
background:url(/img/bg_top_01.jpg) top right no-repeat;
}

.space_10 { padding:10px; }

ul.top_qa {
margin:0;
padding:10px 10px 5px 15px;
list-style:none;
}

	ul.top_qa li {
	padding:0 0 5px 10px;
	background:url(/img/bg_qa_list.gif) top left no-repeat;
	}
	
	ul.top_qa li a { text-decoration:none; }
	ul.top_qa li a:hover { text-decoration:underline; }
	
ul.top_qa2 {
margin:0;
padding:5px 10px 10px 15px;
list-style:none;
}

	ul.top_qa2 li {
	padding:0 0 5px 10px;
	background:url(/img/bg_qa_list2.gif) top left no-repeat;
	font-size:11px;
	line-height:100%;
	color:#00F
	}
	
	ul.top_qa2 li a { text-decoration:none; }
	ul.top_qa2 li a:hover { text-decoration:underline; }	

.hellowork {
margin:5px 20px 20px 48px;
text-align:left;
background:#ffffff url(/img/bg_haloowork.gif) top right no-repeat;
}

	.hellowork table th {
	text-align:left;
	color:#ffffff;
	padding-left:28px;
	font-weight:normal;
	background:#18a4d0 url(/img/bg_top_th.gif) bottom left no-repeat;
	}
	
	.hellowork table td { padding-left:10px; }
	.hellowork table tr { background:url(/img/line_g.gif) bottom left repeat-x; }

p.box {font-color:#FF6600;
   border-bottom: 1px solid red;
}




/* ---------- contents [site] ---------- */

.name {
color:#ffffff;
font-size:18px;
line-height:48px;
text-indent:50px;
background:url(/img/bg_st_site.gif) top left no-repeat;
}





/* ---------- contents [会社別データ] ---------- */

.st_data {
color:#ffffff;
font-size:18px;
line-height:60px;
text-indent:60px;
padding-bottom:1px;
background:url(/img/bg_st_data.gif) top left no-repeat;
}

.kanrinin {
width:710px;
font-size:9px;
line-height:100%;
background:url(/img/bg_data_kanrinin.gif) bottom left no-repeat;
}

.kanrinin p { padding:10px 20px 15px 20px; }





/* ---------- contents [手作業のお仕事] ---------- */

.st_hand {
color:#ffffff;
font-size:18px;
line-height:60px;
text-indent:35px;
padding-bottom:20px;
background:url(/img/bg_st_hand.gif) top left no-repeat;
}





/* ---------- contents [パソコンを使ったお仕事] ---------- */

.st_beginner {
color:#ffffff;
font-size:18px;
line-height:60px;
text-indent:35px;
padding-bottom:20px;
background:url(/img/bg_st_biginner.gif) top left no-repeat;
}


.st_pc {
color:#ffffff;
font-size:18px;
line-height:60px;
text-indent:35px;
padding-bottom:20px;
background:url(/img/bg_st_pc.gif) top left no-repeat;
}


/* ---------- contents [婚活サービス] ---------- */

.st_sarbisu {
color:#ffffff;
font-size:18px;
line-height:60px;
text-indent:35px;
padding-bottom:20px;
background:url(/img/bg_st_sarbisu.gif) top left no-repeat;
}


/* ---------- contents [ランキング] ---------- */






/* ---------- contents [内職のよくある質問] ---------- */

.st_qa {
color:#ffffff;
font-size:18px;
line-height:50px;
text-indent:50px;
padding-bottom:1px;
background:url(/img/bg_qa_st.gif) top left no-repeat;
}
.big {
color:#ffffff;
font-size:18px;
line-height:50px;
text-indent:50px;
padding-bottom:1px;
}

.block {
color:#333333;
font-size:12px;
line-height:110%;

}

.side {
color:#666666;
font-size:12px;
font-weight:bold
}
.qa_list {
color:#ffffff;
padding:0 5px 15px 5px;
background:url(/img/bg_qa.gif) bottom left no-repeat;
}

.qa_a {
padding:15px 20px 20px 50px;
background:url(/img/bg_qa_b.gif) bottom left no-repeat;
}





/* ---------- contents [ハローワーク] ---------- */

.text8 {
padding:0 0 10px 0;
text-indent:65px;
background:url(/img/st_haroowork.gif) top left no-repeat;
}

.text8 strong {
font-size:20px;
line-height:60px;
color:#18a4d0;
}





/* ---------- section decoration ---------- */

h1,h2,h3,h4,h5 {
font-size:12px;
line-height:20px;
margin:0;
padding:0;
font-weight:normal;
color:#555555;
}

p,li {
font-size:12px;
margin:0;
padding:0;
line-height:20px;
color:#333333;
}

.contents td,
.contents li,
.contents p {
	font-size:14px;
	line-height:22px;
	color:#333;
}

.contents_b td,
.contents_b li,
.contents_b p {
font-size:14px;
line-height:17px;
color:#333333;
}


#footer p { text-align: center; }

#contents .txt_section {
text-align:justify;
}

br {
margin:0;
padding:0;
font-size:10px;
line-height:10px;
}

.red {

}
.orange { color:#FF6600; }
.blue { color:#19A7D7; }
.blue2 {  
fontsize:11px;
color:0066FF; }

a {
	color:#333333;
	text-decoration:underline;
}
a:hover {
	color:#F00;
	text-decoration:none;
}

img { border:none; vertical-align:top; }

form { margin:0; padding:0; }

.t_space_10 { margin:10px 0 0 0; }
.t_space_20 { margin:20px 0 0 0; }
.t_space_30 { margin:30px 0 0 0; }
.t_space_40 { margin:40px 0 0 0; }

.u_space_10 { margin:0 0 10px 0; }
.u_space_20 { margin:0 0 20px 0; }
.u_space_30 { margin:0 0 30px 0; }
.u_space_40 { margin:0 0 40px 0; }
.u_space_50 { margin:0 0 50px 0; }

.t_line_5 { margin:5px 0 0 0; padding:5px 0 0 0; }
.t_line_10 { margin:10px 0 0 0; padding:10px 0 0 0; }
.t_line_20 { margin:20px 0 0 0; padding:20px 0 0 0; }

.u_line_5 { margin:0 0 5px 0; padding:0 0 5px 0; }
.u_line_10 { margin:0 0 10px 0; padding:0 0 10px 0; }
.u_line_20 { margin:0 0 20px 0; padding:0 0 20px 0; }

.t_line_5,.t_line_10,.t_line_20 { background:url(/img/line_g.gif) top left repeat-x; }
.u_line,.u_line_5,.u_line_10,.u_line_20 { background:url(/img/line_g.gif) bottom left repeat-x; }

.yellow{background:#FDFC77; }
.yellow{background:#FDFC77; }




/* ---------- mokuteki table ---------- */

.mokuteki {
	background-color:#6ad4f6;
}

.mokuteki th {
	background-color:#04afe5;
	font-size:14px;
	color:#FFF;
}

.mokuteki td {
	background-color:#FFF;
	font-size:14px;
	text-align:center
}

.textYellow {
	color:#F90;
}