@charset "UTF-8";

/* :::::::::::::::::::::::::::::::::::::::::::::

	name:			service.css;
	created:		2009-05-13;
	last-modified:	2009-05-13;

::::::::::::::::::::::::::::::::::::::::::::: */


/* css start ------------ */


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	common
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

div#header {
	background: url(../img/head_bg.jpg) repeat-x 50% 0%;
}

div#main {
	padding: 0 0 48px 0;
}

p.lead {
	width: 660px;
	margin: 0 0 0 30px;
	padding: 16px 0 0 0;
	font-size: 75%;
	line-height: 1.75;
}


/* お問い合わせ ------------------- */

div#inquiry {
	position: relative;
	width: 720px;
	margin: 60px 0 0 0;
	border-top: 8px solid #dddddd;
}

div#inquiry h3 {
	padding: 0 0 0 20px;
	border-bottom: 1px solid #ebebeb;
}

div#inquiry dl img {
	vertical-align: bottom;
}

div#inquiry dl.online {
	padding: 0 0 0 20px;
}

div#inquiry dl.tel {
	position: relative;
	margin: -62px 0 0 211px;
	padding: 0 0 18px 20px;
	border-left: 1px solid #ebebeb;
}




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	index
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#serviceIdx div#content {
	background: url(../../common/img/lead_bg.gif) no-repeat 50% 40px;
}

body#serviceIdx p.lead {
	padding: 26px 0 0 0;
}

body#serviceIdx p.chart {
	margin: 65px 0 0 30px;
}

body#serviceIdx ul#case {
	margin: 0 0 0 30px;
	padding: 48px 0 0 0;
}

body#serviceIdx ul#case li {
	position: relative;
	width: 660px;
	margin: 32px 0 0 0;
	background: url(../../common/img/dot_y_1_1.gif) repeat-y 201px 0px;
}
/* clearfix: Ver. 2007.05.31 ---------------- */
body#serviceIdx ul#case li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
body#serviceIdx ul#case li { display:inline-block; }
/*\*/
* html body#serviceIdx ul#case li { height:1%; }
body#serviceIdx ul#case li { display:block; }
/**/


body#serviceIdx ul#case li h3 {
	float: left;
	width: 220px;
}

body#serviceIdx ul#case li p.text {
	float: left;
	width: 315px;
}

body#serviceIdx ul#case li p.btn {
	position: absolute;
	top: 4px; right: 0px;
}




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	workflow
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#serviceFlow div.step {
	width: 720px;
	background: url(../img/wf_step_bg.gif) repeat-y 25px 0px;
}
body#serviceFlow div#step4 {
	background: none;
}

body#serviceFlow div.step h3 {
	padding: 30px 0 0 0;
	background: url(../img/wf_step_bg_arw.gif) no-repeat 25px 0px;
}
body#serviceFlow div#step1 h3 {
	padding: 45px 0 0 0;
	background: #ffffff;
}

body#serviceFlow div.step p {
	padding: 20px 40px 0 80px;
}

body#serviceFlow div.step ul {
	padding: 10px 0 0 80px;
}

body#serviceFlow div.step ul li {
	padding: 10px 0 0 0;
}

body#serviceFlow div.step ul li img {
	display: block;
}




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	case
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* 扉ページ :::::::::::::::::::::::::::::::::::: */

body#serviceCase0 ul#index {
	margin: 44px 0 0 0;
}

body#serviceCase0 ul#index li {
	position: relative;
	width: 720px;
	background: url(../case/img/idx_bg.gif) repeat-y;
	border-top: 1px solid #eeeeee;
}
/* clearfix: Ver. 2007.05.31 ---------------- */
body#serviceCase0 ul#index li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
body#serviceCase0 ul#index li { display:inline-block; }
/*\*/
* html body#serviceCase0 ul#index li { height:1%; }
body#serviceCase0 ul#indexe li { display:block; }
/**/


body#serviceCase0 ul#index li h3 {
	float: left;
	width: 260px;
}

body#serviceCase0 ul#index li p.text {
	float: left;
	width: 445px;
	padding: 16px 0 30px 0;
	color: #ffffff;
}

body#serviceCase0 ul#index li p.btn {
	position: absolute;
	bottom: 0px; right: 0px;
}



/* 中ページ共通 :::::::::::::::::::::::::::::::::::: */

body.serviceCase div#content {
	background: url(../case/img/lnav_bg.gif) no-repeat 50% 38px;
}

body.serviceCase div#main {
	padding: 38px 0 48px 0;
}

/* nav ------------------------- */

body.serviceCase ul#caseNav {
	border-left: 8px solid #000000;
}

body.serviceCase ul#caseFootNav {
	margin: 60px 0 0 0;
}

body.serviceCase ul#caseNav li,
body.serviceCase ul#caseFootNav li {
	float: left;
}

body.serviceCase ul#caseNav li a,
body.serviceCase ul#caseFootNav li a {
	color: #efefef;
}

body.serviceCase ul#caseNav li img,
body.serviceCase ul#caseFootNav li img {
	display: block;
}


body.serviceCase div#main h2 {
	padding: 52px 0 0 0;
}

body.serviceCase div#main p.lead {
	padding: 37px 0 0 0;
}


/* case ------------------------- */

body.serviceCase div#case {
	width: 690px;
	margin: 24px 0 0 0;
	padding: 0 0 10px 0;
	background: #e7eecc;
}

body.serviceCase div#case div.textArea {
	float: left;
	width: 200px;
}

body.serviceCase div#case div.textArea p.text {
	width: 170px;
	margin: 0 0 0 30px;
	padding: 19px 0 0 0;
}

body.serviceCase div#case p.img {
	float: right;
	width: 480px;
}



/* inquiry ------------------------- */

body.serviceCase div#inquiry {
	width: 690px;
	margin: 63px 0 0 0;
}




/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	development
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#serviceDev p.lead {
	margin: 0 0 -5px 30px;
}

body#serviceDev div.capset,
body#serviceDev div.row {
	width: 760px;
	padding: 0 0 5px 0;
}

body#serviceDev div.capset div.set {
	float: left;
	width: 443px;
	padding: 30px 0 0 0;
}

body#serviceDev div.capset p.capture {
	float: left;
	width: 277px;
	padding: 30px 0 0 0;
}

body#serviceDev div.row div.set {
	float: left;
	width: 380px;
	padding: 30px 0 0 0;
}

body#serviceDev div.set h3 {
	padding: 0 0 0 0;
}

body#serviceDev div.set p {
	width: 340px;
}

body#serviceDev div.set p.client {
	padding: 6px 0 6px 0;
	font-size: 75%;
	line-height: 1.75;
	font-weight: bold;
}

body#serviceDev div.set p.tech {
	width: 324px;
	padding: 4px 8px 4px 8px;
	background: #ebebeb;
	font-size: 68.8%;
	line-height: 1.727;
}

body#serviceDev div.set p.term {
	padding: 9px 0 0 0;
	font-size: 62.5%;
	line-height: 1.6;
}

body#serviceDev div.set p.text {
	padding: 9px 0 0 0;
	font-size: 75%;
	line-height: 1.75;
}

body#serviceDev div.set p.note {
	padding: 9px 0 0 1em;
	text-indent: -1em;
	font-size: 68.8%;
	line-height: 1.727;
}

body#serviceDev div.set p.url {
	padding: 9px 0 0 0;
	font-size: 68.8%;
	line-height: 1.455;
	color: #0077bb;
}

body#serviceDev div.set p.url a {
	padding: 0 0 0 20px;
	background: url(../img/dev_arw.gif) no-repeat 1px 0.3em;
}
* html body#serviceDev div.set p.url a { background-position: 1px 0.35em; }
*:first-child+html body#serviceDev div.set p.url a { background-position: 1px 0.5em; }

body#serviceDev div.set p.url a:link { color: #0077bb; text-decoration: none; }
body#serviceDev div.set p.url a:visited { color: #0077bb; text-decoration: none; }
body#serviceDev div.set p.url a:hover { color: #0077bb; text-decoration: underline; }
body#serviceDev div.set p.url a:active { color: #0077bb; text-decoration: underline; }





/* css end ------------ */