body {
margin:0 0 0 0;
padding:0;
text-align:center;
font-family:MS UI Gothic,Arial,Hei,sans-serif;
text-align:center;
background:#FFFFFF;
}





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

#header {
width:430px;
height:100px;
margin:0 auto;
padding:0px 0 0px 0;
text-align:left;
}

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


#container {
	width:905px;
	margin:0 auto;
	padding:0;
	text-align:left;
}

	#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:905px;
	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:10px 0px 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:30px;
margin:0 0 0 10px;
padding:0 0 5px 0;
}

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

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

.ranking table td {
font-size:12px;
line-height:20px;
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 40px;
	display:block;
	}
	
	.ranking td a:hover {
	color:#FF0000;
	text-decoration:underline;
	}

.ranking td a.no01 {
	background:url(/img/bg_ranking_01.png) center left no-repeat;
	margin-left: 10px;
}
.ranking td a.no02 {
	background:url(/img/bg_ranking_02.png) center left no-repeat;
	margin-left: 10px;
}
.ranking td a.no03 {
	background:url(/img/bg_ranking_03.png) center left no-repeat;
	margin-left: 10px;
}
.ranking td a.no04 {
	background:url(/img/bg_ranking_04.png) center left no-repeat;
	margin-left: 10px;
}
.ranking td a.no05 {
	background:url(/img/bg_ranking_05.png) center left no-repeat;
	margin-left: 10px;
}
.ranking td a.no06 {
	background:url(/img/bg_ranking_06.png) center left no-repeat;
	margin-left: 10px;
}










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

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

		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:#FF0000;
		text-decoration:underline;
		}
		
		ul.pc li a {
		color:#333333;
		text-decoration:none;
		line-height:25px;
		padding-left:13px;
		background:url(/img/bg_sidemenu_list_02.gif) top left no-repeat;
		}
		
		ul.pc li a:hover {
		color:#ffa300;
		text-decoration:underline;
		}

		ul.info li a {
		color:#333333;
		text-decoration:none;
		}
		
		ul.info li a:hover {
		color:#18a4d0;
		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 0px 0 0px;
}

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; }

.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; }





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

.name {
	color:#000000;
	font-size:25px;
	margin-left: 73px;
	line-height: 5pt;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

    .name a {
	color:#000000;
	text-decoration:none;}

    .name a:hover {
	color:#FF0000;
	text-decoration:underline;
	}
	

.name2 {
	color:#FF0000;
	font-size:25px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.site_box {  
fontsize:16px;
color:000000; }

.site_box_bold {
	fontsize: 25px;
	font-weight:bold;
	color: #F00;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}


/* ---------- 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;
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:100%;

}

.text_top3 {
	color:#333333;
	font-size:12px;
	padding-left: 17px;
}

.white {
	color:#FFFFFF;
	font-size:14px;
}

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

.orange {
	color:#F90;
	font-size: 16px;
	font-weight:bold;
}

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




/* ---------- sitemap ---------- */
ul,li {
	list-style:none;
	padding:0;
	margin:0;
}


/* ---------- contents ---------- */

.text_contents,
ul.box_underline2 li {
	font-size:14px;
	line-height: 180%;
	margin-left: 15px;
	margin-right: 15px;

}


	

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

h1,h2 {
	font-size:25px;
	margin:3px 0px 0px 0px;
	padding:0;
	font-weight:bold;
	color:#FFFFFF;
}


h3 {
	font-size:16px;
	margin:3px 0px 0px 0px;
	padding:0;
	font-weight:bold;
	color:#000;
}

h4,h5 {
	font-size:14px;
	margin:0px 0px 3px 8px;
	padding:0;
	color:#888888;
	vertical-align:top;
}

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

.contents td,
.contents li,
.contents p {
	font-size:12px;
	line-height:17px;
	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 {
	color:#FF0000;
	font-size: 14px;
	font-weight: bold;
	line-height:28px;
}

.red2 {
	color:#000000;
	font-size: 14px;
}


.box_underline {
	background:url(/img/line_k.gif) bottom left repeat-x ;
}

.box_underline2 {
	background:url(/img/line_k2.gif) bottom left repeat;
}
.side_underline {
	background:url(/img/line_g.gif) bottom left repeat-x;
	background-color: #FFF1F1;
	font-size: 12px;
	color: #000;
	padding: 5px 15px 5px 15px;
	line-height: 15px;
}

.side_underline a {
	font-size: 12px;
	color: #00F;
	font-weight:bold;
	line-height: 17px;
	}



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 5px 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_5_top {
	margin:0 0 5px 0;
	padding-top: 5px;
}

.u_space_5_top2 {
	margin:0 0 5px 0;
	padding-top: 10px;
}

.u_space_5_top3 {
	margin:0 0 10px 0;
	padding-top: 5px;
}


.u_space_10_top {
	margin:0 0 10px 0;
	padding-top: 10px;
}

.u_space_5 { margin:0 0 5px 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:5px 0 0px 0; padding:0 0 10px 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; }
.u_line_30 { margin:0 0 30px 0; padding:0 0 30px 0; }



.yellow{background:#FFCC00; }
.yellow{background:#FFCC00; }
.red_back{background:#FFE1E1; }
.blue{background:#D7EAFF; }

.hyouTh {
	background-color:#06C;
	color:#FFF;
}