@charset "utf-8";


/*******************************
		システムページ共通
********************************/

div.development h2{
	margin-bottom: 0;
	height: 87px;
}

div.development p,div.development ul{
	font-size: 12px;
}

div.development p.top{
	background: #e3e3e3;
	padding:15px 40px;
	font-size: 14px;
	margin-bottom: 20px;
}

div.development h3{
	font-size: 20px;
	padding: 0;
	padding-left: 16px;
	line-height: 22px;
}

div.development h4{
	font-size: 16px;
	padding-left: 16px;
}


div.detail {
	border-top:#ececec 15px solid;
	border-bottom:#ececec 15px solid;
	border-left:#ececec 5px solid;
	border-right:#ececec 5px solid;
	padding: 20px 10px;
	}

div.part{
	margin-bottom: 25px;
}

div.development_contents h3{
	border-left: 5px #54ccff solid;
}

div.development_contents p.h3{
	padding-left: 22px;
}

div.development_contents h4{
	background: url("../images/bbArrowR.png") 0 50% no-repeat;
	margin-bottom: 0;
}

div.development_contents h4.float{
	width: 220px;
	float: left;
}

div.development_contents p.h4{
	padding:0 15px;
	clear: both;
}

div.full h5{
	font-size: 12px;
	background: url("../images/indexBlue.png") 0 50% no-repeat;
	padding-left: 10px;
	border-bottom: solid 1px #004193;
}



/***一番下の関連ページ***/

div.relatedLink{
	border-top: solid 1px #004193;
	overflow: hidden;
	padding-top: 10px;
}

div.relatedLink div{
	width:120px;
	float: left;
	margin-right: 5px;
}

div.relatedLink div.right{
	margin:0;
}

div.relatedLink p.title{
	padding-left: 11px;
	background: url("../images/blueArrowR.png") 0 0 no-repeat;
}

div.relatedLink p.img{
	width: 120px;
	height: 100px;
	background: #ddd;
}

div.relatedLink a p.title{
	color:#0099cc;
	font-size: 9px;
	line-height: 12px;
	height: 24px;
}

div.relatedLink a div:hover{
	color: #0066ff;
}


/*******************************
		システム開発TOPページ
********************************/

div.development h2.index{
	background: url("../images/top_development.png") 0 100% no-repeat;
	background-size: 100% auto;
}


/*********UNISEEDだからできるオーダーメイドシステム開発*********/


div.development_contents div.point h4{
	background:none;
	padding-left: 10%;
	padding-top: 10px;
	margin-top: 20px;
	line-height: 20px;
	min-height: 28px;
	vertical-align: middle;
	border-bottom: 1px solid #004193;
}

div.development_contents div.p1 h4{
	background:url("../images/merit_1.png") 3% 100% no-repeat;
}

div.development_contents div.p2 h4{
	background:url("../images/merit_2.png") 3% 100% no-repeat;
}

div.development_contents div.p3 h4{
	background:url("../images/merit_3.png") 3% 100% no-repeat;
}

div.development_contents div.point p.h4{
	padding:10px 20px 10px 10%;
}


div.pointAll {
	border-top:#ececec 20px solid;
	border-bottom:#ececec 20px solid;
	border-left:#ececec 10px solid;
	border-right:#ececec 10px solid;
	padding: 10px 0px;
	}
div.skill{
	overflow: hidden;
	margin-top: 20px;
	margin-left: 1em;
}

div.skill p.h4{
	float: left;
	width: 300px;
}

div.part div.skill p.banner{
	width:280px;
	float: right;
	padding: 0;
}

/*********他社サービスとの比較*********/

div.part h5{
	padding-top: 15px;
	background: url("../images/indexBlue.png") 0 80% no-repeat;
}

div.part p.img{
	width: 615px;
	margin:15px auto;
}

div.compe table{
	width: 630px;
}

div.compe table th{
	width: 190px;
	background-color: #ececec;
	border: #fff 1px solid;
	padding: 10px 0;
}

div.compe table th.first{
	width:60px; 
	font-size: 11px;
}

div.compe table td{
	font-size: 11px;
	border: #ececec 1px solid;
}

div.compe table th.blue{
	background: #54CCFF;
}

div.compe table td.blue{
	background: #b8e9fc;	
	border: #fff 1px solid;
}



/*******************************
		料金体系　ページ
********************************/
div.development h2.price{
	background: url("../images/top_price.png") 0 100% no-repeat;
	background-size: 100% auto;
}


/***********料金表*********/

div.priceList p.pink{
	color: #fe5a91;
	float: left;
	margin:10px auto;
}

div.priceList p.banner{
	padding-left: 390px;
}

div.priceList table{
	clear: both;
	margin: 15px auto;
}

div.priceList table th{
	background-color: #ececec;
	padding: 10px 0px 10px 50px;
	margin: auto;
	border:1px #fff solid;
	width: 200px;
	text-align: left;
}
div.priceList table th.first{
	border-top:1px solid #ececec;
}

div.priceList table th.last{
	border-bottom:1px solid #ececec;
}

div.priceList table td{
	vertical-align: middle;
	text-align: center;
	border:1px solid #ececec;
	font-size: 16px;
}


div.priceList table tr.grey{
	background-color: #ececec;
	font-size: 11px;	
}


/*********運用までの流れ*********/

div.flow{
	padding: 0;
	margin-bottom: 20px;
	text-align: left;
}

div.flow table th{
	font-size: 16px;
	color: #fe5a91;
	padding:10px;	
	text-align: left;
}

div.flow table tr{
	border-bottom:1px solid #ececec;
}

div.flow table{
	border-top:15px solid #ececec;
	border-bottom:14px solid #ececec;
}

/*****バナー********/


div.part p.banner{
	width:505px;
	margin: auto;
	padding-top: 20px;
}

div.part p.banner a.right{
	margin-left: 20px;
}



/*******************************
		よくある質問ページ
********************************/
div.full h2.qa{
	background: url("../images/top_qa.png") 0 100% no-repeat;
	background-size: 100% auto;
	height: 87px;
}

div.qa_contents dl{
	padding:0 0 15px;
}

div.qa_contents dt,div.qa_contents dd{
	width:532px; 
	margin: 0;
	padding: 15px 15px 15px 83px;

}

div.qa_contents dt{
	height:25px;
	font-size: 16px;
	background: url("../images/qa_q.png") 15px 50% no-repeat;
	margin:15px 0;
}

div.qa_contents dd{
	background: #efefef url("../images/qa_a.png") 15px 50% no-repeat;
	min-height: 60px;
}


}