@media screen and (min-width: 640px){

/* ========== ピックアップ部分 ========== */
.mainc h2{
	width:622px;
	height:192px;
	marign:0;
	padding:0;
	overflow: hidden;
}

}

.textname{
	width:150px;
	height:1em;

}

.texttel{
	width:170px;
	height:1em;

}

.textmail{
	width:200px;
	height:1em;

}

.area01{
	width:340px;
	height:10em;

}

.area02{
	width:560px;
	height:10em;
	margin-right:5px;
}
@media screen and (min-width: 640px){
.mainc #service{
	width:622px;
	height:auto;
	overflow: hidden;
	text-align: left;
	margin:22px 0 30px 0;
	padding:0;
	background: url(../../img/service/topics_base.gif) no-repeat bottom;
}

.mainc #service h2{
	width:622px;
	height:auto;
	margin:0;
	padding:0;
}


.mainc #service p.txt01{
	width:572px;
	font-weight: none;
	color: #333333;
	font-size: 80%;
	margin:0 20px 5px 30px;
	line-height:150%;
	padding:0;
}

.mainc #service p.txt02{
	width:592px;
	margin: 10px 0 10px 29px;
	padding:0 0 5px 0;
}

.mainc #service p.txt03{
	width:572px;
	font-weight: bold;
	color: #333333;
	font-size: 80%;
	margin:0 0 0 30px;
	line-height:150%;
	padding:0;
}

.mainc #service p.txt04{
	width:560px;
	height:auto;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:20px;
	padding:0 0 5px 0;
}

.mainc #service p.txt05{
	width:350px;
	height:62px;
	margin: 10px 20px 20px 140px;
	overflow: hidden;
	padding:0 0 5px 0;
	border:0px solid;
}


table{
	width:572px;
	height:auto;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:20px;
	border-collapse: separate;
	border-spacing:1px;
	background-color: #cccccc;
}

.recta01{
	font-size: 80%;
	font-weight: bold;
	color: #333333;
	padding:5px 0 5px 5px;
	width:130px;
	height:auto;
	color: #333333;
	font-size: 80%;
	background-color: #ffffff;
}

.recta02{
	font-size: 80%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:442px;
	height:auto;
	background-color: #ffffff;
}

.recta03{
	text-align:center;
	font-size: 80%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:572px;
	height:auto;
	background-color: #ffffff;
}

.recta04{
	font-weight: bold;
	font-size: 110%;
	color: #333333;
	background-color: #ffffff;
}

.recta05{
	font-size: 80%;
	line-height:150%;
	color: #333333;
	padding:5px 0 5px 15px;
	width:432px;
	height:auto;
	background-color: #ffffff;
}

table dl{
	width:442px;
	height:auto;
	margin:0;
	padding:0;
}


table dt{
	font-size: 90%;
	font-weight: bold;
	margin:0 5px 0 0;
	padding:0;
	width:75px;
	text-align:right;
	height:auto;
	float: left;
	line-height:150%;
}

table dd{
	font-size: 90%;
	margin:0;
	padding:0;
	width:362px;
	height:auto;
	float: left;
	line-height:150%;
}

}

.kome{
	font-size: 90%;
	color: #ff0000;
}

.chu{
	font-size: 80%;
	color: #ff0000;
}

@media screen and (min-width: 640px){
.mainc #service h3{
	width:582px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:0 0 5px 0;
	background: url(../../img/recruit/line01.gif) left bottom repeat-x;
	font-weight: bold;
	color: #333333;
	font-size: 100%;
	padding:0 0 0 10px;
}

}

@media screen and (max-width: 640px) {

.mainc section h3{
	width:95%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	font-weight: bold;
	color: #333333;
	font-size: 100%;
	padding:0 0 5px 10px;
	background: url(../../img/toi/line01.gif) left bottom repeat-x;
}

.mainc #service p.txt01{
	width:95%;
	font-weight: none;
	color: #333333;
	font-size: 80%;
	margin:0 auto;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:5px;
	line-height:150%;
	padding:0;
}

.mainc #service p.txt02{
	width:95%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:0 0 5px 0;
}

.mainc #service p.txt03{
	width:95%;
	font-weight: bold;
	color: #333333;
	font-size: 80%;
	margin:0 auto;
	line-height:150%;
	padding:0;
}

.mainc #service p.txt04{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:20px;
	padding:0 0 5px 0;
}

table{
	width:90%;
	height:auto;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:20px;
	border-collapse: separate;
	border-spacing:1px;
	background-color: #cccccc;
}

.recta01{
	font-size: 80%;
	font-weight: bold;
	color: #333333;
	padding:5px 0 5px 5px;
	height:auto;
	color: #333333;
	font-size: 80%;
	background-color: #ffffff;
}

.recta02{
	font-size: 80%;
	color: #333333;
	padding:5px 0 5px 5px;
	height:auto;
	background-color: #ffffff;
}

.recta03{
	text-align:center;
	font-size: 80%;
	color: #333333;
	padding:5px 0 5px 5px;
	height:auto;
	background-color: #ffffff;
}

.recta04{
	font-weight: bold;
	font-size: 110%;
	color: #333333;
	background-color: #ffffff;
}

.recta05{
	font-size: 80%;
	line-height:150%;
	color: #333333;
	padding:5px 0 5px 15px;
	height:auto;
	background-color: #ffffff;
}

table dl{
	height:auto;
	margin:0;
	padding:0;
}


table dt{
	font-size: 90%;
	font-weight: bold;
	margin:0 5px 0 0;
	padding:0;
	text-align:right;
	height:auto;
	float: left;
	line-height:150%;
}

table dd{
	font-size: 90%;
	margin:0;
	padding:0;
	height:auto;
	float: left;
	line-height:150%;
}

}