/*	===========================================================
		rdc_union.css
	===========================================================

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

/*							上右下左*/
*{
	margin:0;
	padding:0;
	/*
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	*/
	font-family: sans-serif;
	-webkit-touch-callout: none;	/* 長押ポップアップ禁止 */

	
}

a {
	text-decoration: none;
}

body {
	text-align				:center;
}

/* =======================================
	メイン
========================================== */
div,layout {
	margin-left:auto;
	margin-right:auto;
}


/*	====================================
	width:800px;
		テーブルエリア		http://192.168.22.81:8080/rdc_union/
		幅 768	64x12列
				69x11列
		高さ228	76x3行 
	==================================== */
	div.HeaderTextArea {
		width:800px;
		height:15px;
		text-align:left;
	}
		div.HeaderTextAreaText {
				font-size: 12px;
				Line-height: 12px;
				font-weight: bold;
				color:#888888;
				text-align:left;
				padding-left:10px;
		}

div.top_logo {
	width:800px;
	height:100px;
	background-image: url("./pic/Header.jpg")
}
div.space1 {
	width:800px;
	height:3px;
			background: -webkit-linear-gradient(#E85335,#ffffff);
    background: -ms-linear-gradient(top, #E85335,#ffffff);
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E85335', endColorstr='#ffffff', GradientType=0)";
}
div.space2 {
	width:800px;
	height:2px;
	background: -webkit-linear-gradient(#ffffff, #E85335);
	background: -ms-linear-gradient(top, #ffffff, #E85335);
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E85335', GradientType=0)";
}

/* Topコンテンツ */
div.contents {
	width:800px;
	height:20px;
	text-align:center;
}
		div.contentsA {
		
			clear:both;
			background-color:red;
			padding-left:40px;
		}
		div.contents1 {
			float:left;	
			height:20px;
			width:85px;
			cursor:pointer;
			text-align:conter;
		}
		div.contents2 {
			float:left;	
			height:20px;
			width:120px;
			cursor:pointer;
			background-color:white;
		}

			div.contentsText {
//				width:100px;
				padding-top:5px;
				font-size: 11px;
				Line-height: 12px;
				font-weight: bold;
				color:#888888;
				
			}
			div.contentsText2 {
				padding-top:5px;
				font-size: 11px;
				Line-height: 14px;
				font-weight: bold;
				color:#888888;
				
			}

/* 主画面 */
div#Main {
	width:800px;
	height:460px;
	background: -webkit-linear-gradient(#ffffff, #E85335);
	background: -ms-linear-gradient(top, #ffffff, #E85335);
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E85335', GradientType=0)";
}
	/* 上部余白 */
	div.MainSpace {
		height:5px;
		width:780px;
	}

	/* 左右エリア */	
	div.MainAll {
		height:450px;
		width:790px;
	}
	/* コンテンツ２以降のメインページ */	
	div.MainAll_2 {
		height:450px;
		width:790px;
		background-color:white;
	}

		/* トップページ 左コンテンツエリア */
		div.MainAll_Left {
			float:left;
			height:450px;
			width:470px;
			background-color:white;
			text-align:left;
		}
			div.MainAll_Left_Contents1 {
				clear:both;
				padding:5px 0 0 16px;
				font-weight: bold;
				color:#888888;
				text-align:left;
				background-color:#f0f0ff;
			}
				span.blue {
					color:blue;
				}
				span.green {
					color:green;
				}
			div.MainAll_Left_Contents2 {
				padding-top:10px;
				height:320px;
			}
				/* 企業理念イメージ */
				img.topPageBG {
					border:0;
					height:310px;
					width:470px;
				}
			div.MainAll_Left_Contents3 {
			}
				/* 事業所表示エリア */
				div.MainAll_Left_Contents3_1 {
					float:left;
					margin-top:-10px;
					margin-left:160px;
					width:235px;
				}
				/* 事業所表示エリアテキスト */
				div.MainAll_Left_Contents3_1_Text {
					padding-left:10px;
					float:left;
					width:235px;
					font-size: 11px;
					Line-height: 12px;
					font-weight: bold;
					color:#888888;
					
				}

			
		/* トップページ 右バナーエリア */
		div.MainAll_Right {
			float:right;
			height:450px;
			width:317px;
			text-align:left;
			cursor:pointer;
			
		}
			/* カラーボックスの上スペース */
			div.MainAll_Right_Spc1 {
				margin:0;
				padding:0;
				clear:both;
				height:2px;
			}
			div.MainAll_Right_Box1 {
				clear:both;
				height:73px;
				width:317px;
				background-color:white;
				text-align:left;
			}
			div.MainAll_Right_Box1h {
				clear:both;
				height:75px;
				width:317px;
				background-color:white;
				text-align:left;
			}

				/* 事業内容 */
				div.MainAll_Right_Box2 {
					float:left;
					width:100px;
					height:60px;
					background-color:#1FB7E8;
					margin:5px 0 0 5px;
				}
				div.MainAll_Right_Box2Txt {
					padding:20px 0 0 20px;
					font-size: 14px;
					Line-height: 18px;
					font-weight: bold;
					color:white;
				}

					/* バナー右側メッセージ */
					div.MainAll_Right_Box2_1 {
						float:left;
						text-align:left;
						
					}
						/* メッセージ1 */
						div.MainAll_Right_Box2_1_txt1 {
							padding:5px 0 0 70px;
							font-size: 12px;
							Line-height: 16px;
							font-weight: bold;
							color:#888888;
							text-align:left;
							
						}
						/* メッセージ1 */
						div.MainAll_Right_Box2_1_txt2 {
							padding:5px 0 0 15px;
							font-size: 10px;
							Line-height: 12px;
							font-weight: bold;
							color:#888888;
							text-align:left;
							width:190px;


						}
						/* メッセージ1 */
						div.MainAll_Right_Box2_1_txt3 {
							padding:5px 0 0 30px;
							font-size: 12px;
							Line-height: 16px;
							font-weight: bold;
							color:#888888;
							text-align:left;
							
						}
						/* メッセージ1 */
						div.MainAll_Right_Box2_1_txt3 {
							padding:5px 0 0 20px;
							font-size: 12px;
							Line-height: 16px;
							font-weight: bold;
							color:#888888;
							text-align:left;
							
						}
						/* メッセージ1 */
						div.MainAll_Right_Box2_1_txt4 {
							padding:5px 0 0 60px;
							font-size: 12px;
							Line-height: 16px;
							font-weight: bold;
							color:#888888;
							text-align:left;
							
						}



				/* 従業員募集 */
				div.MainAll_Right_Box3 {
					float:left;
					width:100px;
					height:60px;
					background-color:#64BD69;
					margin:5px 0 0 5px;
				}
				div.MainAll_Right_Box3Txt {
					padding:20px 0 0 15px;
					font-size: 14px;
					Line-height: 18px;
					font-weight: bold;
					color:white;
				}
				/* お問合せ */
				div.MainAll_Right_Box4 {
					float:left;
					width:100px;
					height:60px;
					background-color:#FEE040;
					margin:5px 0 0 5px;
				}
					span.yellow {
						color:#FEE040;
					}
				div.MainAll_Right_Box4Txt {
					padding:20px 0 0 20px;
					font-size: 14px;
					Line-height: 18px;
					font-weight: bold;
					color:#888888;
				}

				/* Q&A */
				div.MainAll_Right_Box5 {
					float:left;
					width:100px;
					height:60px;
					background-color:#D8664C;
					margin:5px 0 0 5px;
				}

					div.MainAll_Right_Box5Txt {
						padding:20px 0 0 34px;
						font-size: 14px;
						Line-height: 18px;
						font-weight: bold;
						color:white;
					}

				/* 企業理念 */
				div.MainAll_Right_Box6 {
					float:left;
					width:98px;
					height:60px;
					margin:5px 0 0 5px;
					border: 1px solid #888888;
				}
					div.MainAll_Right_Box6Txt {
						padding:20px 0 0 20px;
						font-size: 14px;
						Line-height: 18px;
						font-weight: bold;
						color:#888888;
					}

				/* 会社概要 */
				div.MainAll_Right_Box7 {
					float:left;
					width:100px;
					height:58px;
					background-color:#ffa0a0;
					margin:5px 0 0 5px;
				}
					div.MainAll_Right_Box7Txt {
						padding:20px 0 0 20px;
						font-size: 14px;
						Line-height: 18px;
						font-weight: bold;
						color:black;
					}

/* コンテンツ２以降のメインページ */	
div.MainAll_2 {
	height:450px;
	width:790px;
		overflow-y:auto;
		overflow-x:hidden;
	text-align:left;
}
		/* ページタイトル */	
		div.MainAll_2Title {
			height:50px;
			width:790px;
			text-align:left;
		}
		
			/* タイトルの右ボックス */
			div.MainAll_2Title_BoxRigith {
				float:left;
				text-align:left;
			}
				/* タイトルの右ボックス Q&A テキスト */
				div.MainAll_2Title_BoxRigithText3 {
						padding:10px 0 0 30px;
						font-size: 14px;
						Line-height: 18px;
						font-weight: bold;
						color:#888888;
				}
		
		/* ページコンテンツ スクロール領域 */	
		div.MainAll_2Contents {
			clear:both;
			height:400px;
			width:790px;
				overflow-y:auto;
				overflow-x:hidden;
			text-align:left;
		}

				/* タイトル左カラーボックス内のテキスト */
				div.MainAll_2Title_Box5txt {
					margin-top:10px;
					font-size: 16px;
					font-weight: bold;
					color:black;
				}
				span.black {
					color:#888888;
				}
				span.black2 {
					color:black;
				}
				span.red {
					color:red;
				}

		/* ページコンテンツ スクロール領域 */	
		div.MainAll_2ContentsPic {
			width:790px;
		}
			div.MainAll_2ContentsPic2 {
				float:right;
				padding:0 40px 0 0;
				text-align:right;
			}
			img.contents0201 {
				border:0;
				height:300px;
				width:400px;
			}
			div.contents0201txt {
				clear:both;
				padding:3px 90px 0 0;
				font-size: 10px;
				font-weight: normal;
				color:black;
			}

			div.MainAll_2ContentsPic3 {
				float:right;
				padding:0 20px 0 0;
				text-align:right;
			}

			img.contents0301 {
				border:0;
				height:150px;
				width:200px;
			}
		



/* 2 事業内容 */
/* タイトルの左ボックス */
div.MainAll_2Title_Box2 {
	margin-left:20px;
	float:left;
	width:150px;
	height:35px;
	background-color:#1FB7E8;
	text-align:center;
}
		div.GyomuTxt1 {
			padding:15px 0 0 80px;
			font-size: 16px;
			font-weight: bold;
			color:#1FB7E8;
		}
		div.GyomuTxt2 {
			padding:5px 0 0 0;
		}
		div.GyomuTxt2txt {
			padding:5px 0 0 100px;
			font-size: 13px;
			Line-height: 16px;
			font-weight: bold;
			color:#888888;
		}

/* 3 従業員募集 */
	/* タイトルの左ボックス */
	div.MainAll_2Title_Box3 {
		margin-left:20px;
		float:left;
		width:150px;
		height:35px;
		background-color:#64BD69;
		text-align:center;
	}
		div.BosyuTxt1 {
			padding:15px 0 0 80px;
			font-size: 16px;
			font-weight: bold;
			color:#64BD69;
		}
		div.BosyuTxt2 {
			padding:5px 0 0 0;
		}
		
		div.BosyuTxt2txt {
			padding:20px 0 0 100px;
			font-size: 12px;
			Line-height: 15px;
			font-weight: bold;
			color:#888888;
		}
			span.link {
				color:red;
				text-decoration: underline;
				cursor:pointer;
			}
		div.BosyuTxt3txt {
			padding:5px 0 0 147px;
			font-size: 12px;
			Line-height: 15px;
			font-weight: bold;
			color:#888888;
		}
	

/* 4 お問合せ */
/* タイトルの左ボックス */
div.MainAll_2Title_Box4 {
	margin-left:20px;
	float:left;
	width:150px;
	height:35px;
	background-color:#FEE040;
	text-align:center;
}
	div.ToiawaseTxt1 {
		clear:both;
		padding:15px 0 0 80px;
		font-size: 16px;
		Line-height: 20px;
		font-weight: bold;
		color:#888888;
	}

	div.ToiawaseTxt2 {
		clear:both;
		padding:5px 0 0 120px;
	}
	div.ToiawaseTxt2m {
		clear:both;
		padding:5px 0 0 120px;
		cursor:pointer;
	}
		div.ToiawaseTxt2_1 {
			float:left;
			width:200px;
		}
		div.ToiawaseTxt2_2 {
			float:left;
		}
		div.ToiawaseTxt2_txt {
			font-size: 13px;
			Line-height: 22px;
			font-weight: bold;
			color:#888888;
		}
		div.ToiawaseTxt2_txt_m {
			font-size: 13px;
			Line-height: 22px;
			font-weight: bold;
			color:#888888;
		}
		div.ToiawaseTxt2_txt_m:hover{
			font-size: 14px;
			color:red;
		}


		div.ToiawaseTxt2_3 {
			float:left;
			width:100px;
		}
		div.ToiawaseTxt2_4 {
			float:left;
		}
			select#subject {
				width:135px;
				font-size: 13px;
				font-weight: normal;
				color:black;
			}
			select#subject:focus {
				background:#c0c0ff;
			}
			span.subject {
				font-size: 13px;
				font-weight: bold;
				color:#888888;
			}
			input#c_name {
				width:280px;
				font-size: 13px;
				font-weight: bold;
				color:black;
			}

			input#c_name:focus {
				background:#c0c0ff;
				padding-left:3px;
			}


			input#mail {
				width:500px;
				font-size: 13px;
				font-weight: bold;
				color:black;
				padding-left:3px;
			}
			input#mail:focus {
				background:#c0c0ff;
			}
			
			
			textarea#naiyou {
				width:502px;
				height:70px;
				font-size: 13px;
				font-weight: bold;
				color:black;
				padding-left:3px;
			}
			textarea#naiyou:focus {
				background:#c0c0ff;
			}
			


		div.ToiawaseTxt2_5 {
			clear:both;
			padding:15px 0 0 10px;
		}
		input#sousin {
			width:60px;
			cursor:pointer;
			
		}



/* 5 Q&A コンテンツ 1件分領域*/
div.MainAll_2Title_Box5 {
	margin-left:20px;
	float:left;
	width:150px;
	height:35px;
	background-color:#D8664C;
	text-align:center;
}

	div.QAcontents1 {
		clear:both;
		margin:0;
		padding:0;
				height:100px;
		background-color:white;
	}
		/* Q&A コンテンツ 1件分領域*/	
		div.QAcontents1Line {
			clear:both;
		}
			div.QAcontents1Space {
				clear:both;
				height:1px;
				background-color:#a0a0ff;
			}
			div.QAcontents1Left {
				float:left;
				height:50px;
				width:100px;
				text-align:center;
			}
				div.QAcontents1LeftQ {
					width:50px;
					height:40px;
					background-color:#a0a0ff;
				}
				div.QAcontents1LeftA {
					width:50px;
					height:40px;
					background-color:#ffa0a0;
				}
					div.QAcontents1LeftTxt {
						padding-top:8px;
						font-size: 22px;
						font-weight: bold;
						color:white;
					}
			div.QAcontents1Right {
				float:left;
				height:50px;
				width:650px;
				background-color:right;
			}
				div.QAcontents1RightTxt {
						font-size: 14px;
						Line-height: 22px;
						font-weight: bold;
						color:#888888;
					
				}

/* 6 企業理念 */
/* 企業理念タイトルの左ボックス */
div.MainAll_2Title_Box6 {
	margin-left:20px;
	float:left;
	width:148px;
	height:33px;
	border: 1px solid #888888;
	text-align:center;
}

div.rinenLeft {
	float:left;
	width:320px;
	height:300px;
}
	div.rinenLeftTxt {
		padding:20px 0 0 40px;
			font-size: 14px;
			Line-height: 22px;
			font-weight: bold;
			color:#888888;
	}
div.rinenRight {
	float:left;
}
				/* 企業理念イメージ */
				img.rinenImage {
					border:0;
					height:390px;
					width:470px;
				}

/* 7 会社概要 */
			/* 会社概要タイトルの左ボックス */
			div.MainAll_2Title_Box7 {
				margin-left:20px;
				float:left;
				width:150px;
				height:35px;
				background-color:#ffa0a0;
				text-align:center;
			}



div.gaiyo1 {
	width:750px;

}
	/* 会社概要contents */
	div.gaiyo1 {
		float:left;
		width:470px;
	}
		/* 項目
		*/
		div.gaiyo1txt1 {
			padding-left:60px;
			padding-top:10px;
			font-size: 14px;
			Line-height: 14px;
			font-weight: bold;
			color:#888888;
			text-align: justify;
		}
			div.gaiyo1txt1_2 {
				padding-left:60px;
				padding-top:10px;
				font-size: 14px;
				Line-height: 14px;
				font-weight: bold;
				color:#888888;
				letter-spacing:33px;
			}
			div.gaiyo1txt1_3 {
				padding-left:60px;
				padding-top:10px;
				font-size: 14px;
				Line-height: 14px;
				font-weight: bold;
				color:#888888;
				letter-spacing:9px;
			}
			div.gaiyo1txt1_4 {
				padding-left:60px;
				padding-top:10px;
				font-size: 14px;
				Line-height: 14px;
				font-weight: bold;
				color:#888888;
				letter-spacing:1px;
			}
		
		
		/* 内容 */
		div.gaiyo1txt2 {
			padding-left:100px;
			padding-top:5px;
			font-size: 13px;
			Line-height: 18px;
			font-weight: bold;
			color:#888888;
		
		}
	/* 地図 */
	div.gaiyo2 {
		float:left;
		
	}
		/* 地図 */
		img.map {
			border:0;
			height:390px;	/* 380 */
			width:300px;
		}



/* 8 プライバシーポリシー */
			/* プライバシーポリシータイトルの左ボックス */
			div.MainAll_2Title_Box8 {
				margin-left:20px;
				float:left;
				width:180px;
				height:35px;
				background-color:#64BD69;
				text-align:center;
			}


div.privacy1 {
	width:750px;

}
	div.privacy1Text {
		padding-left:50px;
			font-size: 12px;
			Line-height: 14px;
			font-weight: bold;
			color:#888888;
		
	}
	div.privacy0Text {
		padding:17px 0 0 80px;
			font-size: 13px;
			Line-height: 14px;
			font-weight: bold;
			color:black;
		
	}