/* ========== ピックアップ部分 ========== */

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

.mainc section{
	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 section h2{
	width:622px;
	height:auto;
	margin:0;
	padding:0;
}



.mainc section p.toitext01{
	width:572px;
	font-weight: none;
	color: #333333;
	font-size: 80%;
	margin:0 20px 15px 30px;
	line-height:150%;
	padding:0;
}
@media screen and (min-width: 640px){
.mainc section p.toitext02{
	width:592px;
	margin: 10px 0 10px 29px;
	padding:0 0 5px 0;
}

.mainc section h3{
	width:582px;
	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;
}
}

@media screen and (max-width: 640px) {
.mainc section p.toitext02{
	width:100%;
	margin: 10px 0 10px 0;
	padding:0 0 5px 0;
}

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

}