@charset "utf-8";

/*--------------------------------------
	Websolution
--------------------------------------*/

#content ol.websolution {
	margin-top: 2em;
}

#content ol.websolution li {
	padding-left: 1em;
	background: url("/img/list.jpg") no-repeat 0 4px;
}

#content div.message {
	background: url("/img/websolution_pc.jpg") no-repeat top right;
}

#content div.resultlink {
	text-align: right;
}

#content div.under {
	margin-top: 3em;
}

#content img.plan {
	margin-left: 0.2em;
}

/*--------------------------------------
			flow
--------------------------------------*/
span.red {
	color: #FF0000;
}

ol.flow li {
	height: 10em;
	background: url("/img/step_arrow.jpg") no-repeat 118px 85px;
}

ol.flow li.noback {
	background-image: none;
}

ol.flow li img {
	float: left;
}

ol.flow li p {
	margin-left: 280px;
	font-size: 90%;
}

/*--------------------------------------
			plan
--------------------------------------*/

div.left {
	float: left;
	width: 300px;
}

div.out {
	border: 1px solid #bfb495;
	margin-bottom: 5px;
}

div.in_solution {
	margin: 4px;
	padding-left: 0.3em;
	background-color: #f2e2bd;
}

div.in_cms {
	margin: 4px;
	padding-left: 0.3em;
	background-color: #d5f7d5;
}

div.in_simple {
	margin: 4px;
	padding-left: 0.3em;
	background-color: #dde7f9;
}

div.in_option {
	margin: 4px;
	padding-left: 0.3em;
	background-color: #ffff99;
}

#content .main  h2.planh2 {
	width: 240px;
	margin-top : 0px;
	margin-left: 10px;
	margin-bottom: 3px;
	padding-top: 1px;
	padding-left: 1.3em;
	border-bottom: 1px solid #bfb495;
	background: url("/img/solution_menut.png") no-repeat 0 5px;
	font-size: 110%;
	background-color: transparent;
}

#content ol.list2 li {
	margin-left: 1em;
	padding-left: 1em;
	background: url("/img/list2.png") no-repeat 0px 5px;
}

div.out p {
	margin-left: 1em;
}

div.solutionoption {
	float: right;
	width: 310px;
	background: url("/img/solution_plus.jpg") no-repeat left 300px;
}

div.solutionbutton {
	padding-left: 5em;
}

div.solutionbutton img {
	margin: 0 auto 0.5em;
}

div.solutionoption div.out {
	float: right;
	width: 260px;
}

#content div.main div.section div.solutionoption h2.planh2 {
	width: 190px;
	margin-top: 0px;
}

div.solutionoption dt {
	margin-top: 1em;
	margin-left: 1em;
	padding-left: 1em;
	background: url("/img/square.jpg") no-repeat left;
}

div.solutionoption dd {
	margin-left: 1em;
	padding-left: 1em;
	background: url("/img/list2.png") no-repeat 0px 4px;
}

div.solutionoption div.out img {
	margin-left: 2em;
}