/* ========== ピックアップ部分 ========== */
@media screen and (min-width: 640px){

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

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


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

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

#service section{
	width:555px;
	margin:0 auto;
	margin-bottom:20px;
	padding:0;
}

#service section h4{
	width:500px;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:3px;
	padding:0 0 2px 40px;
	background: url(../../img/service/line02.gif) no-repeat left bottom;
}



#service section:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#service section p.moji{
	float: left;
	width:268px;
	height:auto;
	font-weight: none;
	color: #333333;
	font-size: 80%;
	line-height:150%;
	margin:15px 18px 0 18px;
}

#service section p.photo{
	float: left;
	width:242px;
	height:153px;
	overflow: hidden;
	margin-top:15px;
}

.servtab_sm{
	display:none;
}


#service section p.photo_sm{
	display:none;
}

p.servicetext01{
	font-weight:bold;
	width:572px;
	color: #333333;
	font-size: 100%;
	margin:10px 20px 5px 30px;
	line-height:150%;
	padding:0;
}

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

.servtabpc{
	width:580px;
	height:auto;
	border-collapse: separate;
	border-spacing:1px;
	background-color: #cccccc;
	margin:0 auto;
}



.serta01{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:98px;
	height:auto;
	font-size: 80%;
	background-color: #00b4ed;
	text-align:center;
}

.serta02{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:98px;
	height:auto;
	font-size: 80%;
	background-color: #ea609e;
	text-align:center;
}

.serta03{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:98px;
	height:auto;
	font-size: 80%;
	background-color: #00ad68;
	text-align:center;
}

.serta04{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:98px;
	height:auto;
	font-size: 80%;
	background-color: #ff9e00;
	text-align:center;
}

.serta05{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:98px;
	height:auto;
	font-size: 80%;
	background-color: #c3d700;
	text-align:center;
}

.serta11{
	font-weight: bold;
	font-size: 80%;
	color: #ffffff;
	padding:5px 0 5px 5px;
	width:100px;
	height:auto;
	font-size: 80%;
	background-color: #91508a;
	text-align:center;
}

.serta12{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:100px;
	height:auto;
	font-size: 80%;
	background-color: #e3d3e9;
	text-align:center;
}

.serta06{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:98px;
	height:auto;
	font-size: 80%;
	background-color: #d3edfb;
	text-align:center;
}

.serta07{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:98px;
	height:auto;
	font-size: 80%;
	background-color: #fadce9;
	text-align:center;
}

.serta08{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:98px;
	height:auto;
	font-size: 80%;
	background-color: #e1f0e2;
	text-align:center;
}

.serta09{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:98px;
	height:auto;
	font-size: 80%;
	background-color: #fdecdb;
	text-align:center;
}

.serta10{
	font-weight: bold;
	font-size: 90%;
	color: #333333;
	padding:5px 0 5px 5px;
	width:98px;
	height:auto;
	font-size: 80%;
	background-color: #f7f7c6;
	text-align:center;
}

}

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

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

}