@charset "utf-8";
.service{
	clear:both;
	padding:40px 0px 0px 0px;
}
.service_info{
	margin:0px;
	padding:5px 0px 10px 60px;
	font-size:12px;
	letter-spacing:1px;
}
*html body .srvc01{
	float:left;
	margin:0px 5px 0px 30px;
	width:585px;
	height:240px;
	border:solid 1px #cccccc;
}
.srvc01{
	float:left;
	margin:0px 5px 0px 60px;
	width:585px;
	height:240px;
	border:solid 1px #cccccc;
}
.srvc02{
	float:left;
	margin:0px 0px 0px 0px;
	width:285px;
	height:240px;
	border:solid 1px #cccccc;
}
*html body .srvc03, *html body .srvc04, *html body .srvc05, *html body .srvc06{
	margin:0px 0px 0px 2px;
}
.srvc03{
	float:left;
	margin:0px 0px 0px 5px;
	width:215px;
	height:260px;
	border:solid 1px #cccccc;
}
.srvc04{
	float:left;
	margin:0px 0px 0px 5px;
	padding:175px 0px 0px 0px;
	width:215px;
	height:85px;
	background-image:url(../images/line-og02.gif);
	background-position:top;
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
}
.srvc05{
	float:left;
	margin:0px 0px 0px 5px;
	padding:175px 0px 0px 0px;
	width:215px;
	height:85px;
	background-image:url(../images/line-og03.gif);
	background-position:top;
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
}
.srvc06{
	float:left;
	margin:0px 0px 0px 5px;
	padding:175px 0px 0px 0px;
	width:215px;
	height:85px;
	background-image:url(../images/line-og04.gif);
	background-position:top;
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
}
.srvc01 h3 span, .srvc02 h3 span, .srvc03 h3 span, .srvc04 h3 span, .srvc05 h3 span, .srvc06 h3 span{
	display:none;
}
.srvc01 h3 a{
	width:585px;
	height:165px;
	display:block;
	background-image:url(../images/line-hp01.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.srvc02 h3 a{
	width:285px;
	height:165px;
	display:block;
	background-image:url(../images/line-hp02.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.srvc03 h3 a{
	width:215px;
	height:175px;
	display:block;
	background-image:url(../images/line-og01.gif);
	background-position:top;
	background-repeat:no-repeat;
}
.srvc01 h3 a:hover{
	filter:alpha(opacity=60 style=0);
	opacity:0.6;
}
.srvc02 h3 a:hover{
	filter:alpha(opacity=60 style=0);
	opacity:0.6;
}
.srvc03 h3 a:hover{
	filter:alpha(opacity=60 style=0);
	opacity:0.6;
}
/*
.srvc04 h3 a{
	width:215px;
	height:175px;
	display:block;
}
.srvc05 h3 a{
	width:215px;
	height:175px;
	display:block;
}
.srvc06 h3 a{
	width:215px;
	height:175px;
	display:block;
}
*/
.service_box{
	float:left;
	padding:0px 0px 0px 50px;
}
.srvc01 .subtitle{
	margin:0px;
	padding:0px 0px 0px 20px;
	color:#40220f;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:16px;
	letter-spacing:-1px;
}
.srvc02 .subtitle{
	margin:0px;
	padding:0px 0px 0px 20px;
	color:#40220f;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:16px;
	letter-spacing:-1px;
}
.srvc01 .text{
	margin:0px;
	padding:5px 0px 0px 20px;
	font-size:10px;
	letter-spacing:1px;
	line-height:120%;
}
.srvc02 .text{
	margin:0px;
	padding:5px 0px 0px 20px;
	font-size:10px;
	letter-spacing:1px;
	line-height:120%;
}
.srvc03 .subtitle, .srvc04 .subtitle, .srvc05 .subtitle, .srvc06 .subtitle{
	margin:0px;
	padding:0px 0px 0px 10px;
	color:#40220f;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:14px;
	letter-spacing:0px;
}
.srvc03 .text, .srvc04 .text, .srvc05 .text, .srvc06 .text{
	margin:0px;
	padding:5px 0px 0px 10px;
	font-size:10px;
	letter-spacing:1px;
	line-height:120%;
}

.service_logo{
	text-align:center;
}
.service_op{
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 50px;
	list-style:none;
}
*html body .service_op li{
	float:left;
	margin:0px 0px 0px 4px;
	border: solid 1px #cccccc;
}
.service_op li{
	float:left;
	margin:0px 0px 0px 5px;
	border: solid 1px #cccccc;
}



.service01{
	padding:0px 0px 20px 25px;
}
.service02{
	margin:0px 0px 80px 30px;
	height:150px;
	color:#FFFFFF;
}
.service03{
	padding:30px 0px 0px 20px;
	float:left;
	width:200px;
}
.service04{
	text-decoration:underline;
}
.service05{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 3px;
	list-style:square none inside;
	line-height:150%;
	vertical-align:middle;
}
.service05 a{
	color:#FFFFFF;
	text-decoration:none;
}
.service05 a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.service06{
	padding:30px 0px 0px 0px;
	float:left;
	width:200px;
}
.service07{
	padding:30px 0px 0px 20px;
	float:left;
	width:360px;
}
.service08{
	padding:0px 20px 0px 30px;
	float:left;
}
.service09{
	float:left;
	width:220px;
}
.service10{
	padding:0px 60px 0px 60px;
	float:left;
	width:220px;
}
.service11{
	padding:0px 30px 0px 0px;
	float:left;
	width:220px;
}
.service12{
	text-align:center;
	padding:10px 0px 0px 0px;
}
.service13{
	padding:10px 15px 0px 15px;
	margin:0px 0px 0px 0px;
	height:90px;
}
.service14{
	clear:both;
	padding:10px 10px 0px 0px;
	text-align:right;
}
.service15{
	float:left;
	width:220px;
	padding:0px 0px 0px 170px;
}

/*商品・サービス03-----------------------------------------------------------------------------------------*/
/* システム開発内容 lineup03a.html */
#lineup03a{
	font-family:"メイリオ", "Meiryo UI","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}
#lineup03a p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#lineup03a h2{
	clear:both;
	padding:20px 0px 10px 0px;
}
#lineup03a .box01{
	clear:both;
	float:left;
	padding:0px 0px 20px 50px;
}
#lineup03a .list01{
	float:left;
	width:290px;
	height:262px;
	background-image:url(../images/line03a-subtitle01.gif);
	background-repeat:no-repeat;
	background-position:center top;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 1px 1px;
}
#lineup03a .list02{
	float:left;
	width:290px;
	height:262px;
	margin:0px 5px 0px 5px;
	background-image:url(../images/line03a-subtitle02.gif);
	background-repeat:no-repeat;
	background-position:center top;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 1px 1px;
}
#lineup03a .list03{
	float:left;
	width:290px;
	height:262px;
	background-image:url(../images/line03a-subtitle03.gif);
	background-repeat:no-repeat;
	background-position:center top;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 1px 1px;
}
#lineup03a .box01 h3{
	height:115px;
}
#lineup03a .box01 h3 span{
	display:none;
}
#lineup03a .box01 .dtl_subtitle{
	font-family:"ＭＳ Ｐ明朝","細明朝体","ヒラギノ明朝 Pro W3";
	color:#673F29;
	font-size:16px;
	text-align:center;
	font-weight:bold;
}
#lineup03a .box01 .dtl_txt{
	padding:5px 15px 0px 15px;
	font-size:95%;
}

#lineup03a .box02{
	clear:both;
	padding:0px 0px 20px 0px;
	background-image:url(../images/line03a-pht01.jpg);
	background-repeat:no-repeat;
	background-position:660px 10px;
}
#lineup03a .box02 .dtl_txt01{
	padding:5px 0px 0px 65px;
	width:600px;
	line-height:20px;
}
#lineup03a .box02 .dtl_txt02{
	padding:15px 0px 0px 65px;
	width:600px;
	line-height:20px;
	color:#998976;
	font-size:18px;
	font-weight:bold;
}
#lineup03a .box02 .dtl_box{
	padding:5px 0px 0px 65px;
	width:600px;
}
#lineup03a .box02 .dtl_box ul{
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	background-color:#D7CEA3;
	border-color:#998976;
	border-style:solid;
	border-width:2px 2px 2px 2px;
	list-style:none;
	color:#40220F;
}

#lineup03a .box03{
	clear:both;
	padding:0px 0px 20px 0px;
}
#lineup03a .box03 .dtl_txt{
	padding:5px 0px 0px 65px;
	width:600px;
	line-height:20px;
}

#lineup03a .blnk20{
	clear:both;
	height:20px;
}
#lineup03a .blnk150{
	clear:both;
	height:150px;
}


/* ROUNDSシリーズ lineup03b.html */
#lineup03b{
	clear:both;
	float:left;
	padding:0px 0px 0px 45px;
	font-family:"メイリオ", "Meiryo UI","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}
#lineup03b p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#lineup03b h2{
	clear:both;
	padding:20px 0px 10px 5px;
}
#lineup03b .dtl_txt01{
	padding:0px 50px 0px 5px;
}
#lineup03b .box01{
	clear:both;
	float:left;
	margin:30px 0px 0px 0px;
}
#lineup03b .box01 h3{
	height:160px;
}
*html body #lineup03b .dtlbox01, *html body #lineup03b .dtlbox02, *html body #lineup03b .dtlbox03, *html body #lineup03b .dtlbox04{
	margin:0px 0px 0px 2px;
}
#lineup03b .dtlbox01{
	float:left;
	margin:0px 0px 0px 5px;
	width:215px;
	height:260px;
	background-image:url(../images/line03b-og01.gif);
	background-position:top;
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
}
#lineup03b .dtlbox02{
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	width:215px;
	height:260px;
	background-image:url(../images/line03b-og02.gif);
	background-position:top;
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
}
#lineup03b .dtlbox03{
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	width:215px;
	height:260px;
	background-image:url(../images/line03b-og03.gif);
	background-position:top;
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
}
#lineup03b .dtlbox04{
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	width:215px;
	height:260px;
	background-image:url(../images/line03b-og04.gif);
	background-position:top;
	background-repeat:no-repeat;
	border:solid 1px #cccccc;
}
#lineup03b .box01 h3 span{
	display:none;
}
#lineup03b .box01 .subtitle01{
	margin:0px;
	padding:0px 0px 0px 10px;
	color:#40220f;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:125%;
	letter-spacing:-1px;
}
#lineup03b .box01 .text{
	margin:0px;
	padding:5px 10px 0px 10px;
	font-size:95%;
	letter-spacing:1px;
	line-height:120%;
}
#lineup03b .dtlbox01 h3 a{
	width:215px;
	display:block;
}

#lineup03b h2.subtitle02{
	clear:both;
	padding:30px 0px 5px 5px;
}
#lineup03b .dtl_txt02{
	padding:0px 110px 0px 5px;
}

#lineup03b .blnk10{
	clear:both;
	height:10px;
}
#lineup03b .blnk100{
	clear:both;
	height:100px;
}


/* ご依頼の流れ lineup03c.html */
#lineup03c{
	clear:both;
	float:left;
	padding:0px 0px 0px 40px;
	font-family:"メイリオ", "Meiryo UI","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}
#lineup03c p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#lineup03c h2{
	clear:both;
	padding:20px 0px 0px 5px;
	font-weight:bold;
}
#lineup03c .box01{
	clear:both;
	float:left;
	padding:20px 0px 10px 10px;
}
#lineup03c .dtlbox01{
	clear:both;
	float:left;
	width:270px;
	height:200px;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	background-image:url(../images/lineup03i-32.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#lineup03c .dtlbox02{
	float:left;
	width:270px;
	height:200px;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	background-image:url(../images/lineup03i-33.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#lineup03c .dtlbox03{
	float:left;
	width:270px;
	height:200px;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	background-image:url(../images/lineup03-i34.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#lineup03c .dtlbox04{
	clear:both;
	float:left;
	width:270px;
	height:200px;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	background-image:url(../images/lineup03i-35.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#lineup03c .dtlbox05{
	float:left;
	width:270px;
	height:200px;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	background-image:url(../images/lineup03i-36.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#lineup03c .dtlbox06{
	float:left;
	width:270px;
	height:200px;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	background-image:url(../images/lineup03i-37.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#lineup03c .box01 .arrow{
	float:left;
	padding:80px 5px 0px 5px;
	width:25px;
	height:auto;
	text-align:center;
}
#lineup03c .box01 h3{
	height:150px;
}
#lineup03c .box01 h3 span{
	display:none;
}
#lineup03c .dtl_txt01{
	padding:0px 10px 0px 10px;
}
#lineup03c .dtl_txt02{
	padding:3px 10px 5px 40px;
	background-image:url(../images/line03-icon01.gif);
	background-repeat:no-repeat;
	background-position:left top;
	color:#7CAB18;
	font-size:120%;
	font-weight:bold;
}
#lineup03c .dtl_txt03{
	padding:0px 100px 0px 0px;
}

#lineup03c .blnk10{
	clear:both;
	height:10px;
}
#lineup03c .blnk100{
	clear:both;
	height:100px;
}