@charset "utf-8";

/* コンテンツタイトル */

div#contents_title div h2 {
	width: 245px;
	height: 50px;
	background: url(../../images/trialflow/h2_title.gif) 0 0 no-repeat;
}

/* コンテンツスタイル
----------------------------------------------------------- */
div#main {
	background: url(../../images/trialflow/main_bg_inquiry.jpg) -14px 28px no-repeat;
}

div#main p {
	margin: 0 20px;
}


/* リードスタイル */

div#main div#lead {
	min-height: 84px;
	margin: 0 20px 20px 80px;
	background: url(../../images/trialflow/lead.gif) 0 center no-repeat;
}

* html div#main div#lead {
	height: 84px;
}

div#main div#lead p {
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}


/* 導入フロースタイル */

div#main ol {
	margin: 0 20px;
}

div#main ol li {
	margin: 0 0 10px 0;
}

div#main ol li#flow01,
div#main ol li#flow02 {
	background: url(../../images/trialflow/arrow01.gif) 97px 35px no-repeat;
}

div#main ol li#flow03 {
	background: url(../../images/trialflow/arrow02.gif) 97px 42px no-repeat;
}

div#main ol li#flow02 {
	margin-bottom: 0;
}

div#main ol li dl {
	overflow: hidden;
}

* html div#main ol li dl {
	display: inline-block;
}

div#main ol li#flow02 dl {
	padding-bottom: 10px;
	background: url(../../images/trialflow/arrow_otameshi01.gif) 183px bottom no-repeat;
}

div#main ol li#flow03 dl {
	background: url(../../images/trialflow/arrow_otameshi02.gif) 183px 0 no-repeat;
}

div#main ol li dl dt {
	float: left;
	height: 20px;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

div#main ol li#flow01 dl dt {
	width: 185px;
	background: url(../../images/trialflow/title_flow01.gif) 0 0 no-repeat;
}

div#main ol li#flow02 dl dt {
	width: 140px;
	background: url(../../images/trialflow/title_flow02.gif) 0 0 no-repeat;
}

div#main ol li#flow03 dl dt {
	width: 95px;
	background: url(../../images/trialflow/title_flow03.gif) 0 0 no-repeat;
}

div#main ol li#flow04 dl dt {
	width: 140px;
	background: url(../../images/trialflow/title_flow04.gif) 0 0 no-repeat;
}

div#main ol li dl dd {
	margin: 0 0 0 190px;
}

div#main ol li#flow02 dl dd {
	margin: 0 0 0 248px;
}

div#main ol li#flow03 dl dd {
	margin: 0 0 0 280px;
}

div#main ol li#flow03 dl dd p {
	width: 230px;
	margin: 0;
	padding: 5px 0;
	background: #FFF0C1;
	text-align: center;
	line-height: 1.2;
}

div#main ol li#flow01 dl dd img,
div#main ol li#flow04 dl dd img {
	float: left;
}

div#main ol li#flow01 dl dd p,
div#main ol li#flow04 dl dd p {
	margin: 0 0 0 58px;
}

div#main ol li#flow04 dl dd div {
	margin: 0 0 5px 0;
	overflow: hidden;
}

* html div#main ol li#flow04 dl dd div {
	display: inline-block;
}

div#main ol li#flow04 dl dd em {
	color: #3366FF;
}

div#main ol li#flow04 dl dd span {
	color: #CC0000;
}



/* 無料お試しお申し込みボタンスタイル */

div#main div#btn_trial {
	margin: 50px 211px;
}

div#main div#btn_trial a {
	display: block;
	width: 181px;
	height: 37px;
	background: url(../../images/trialflow/btn_trial.jpg) 0 0 no-repeat;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
	overflow: hidden;
}

div#main div#btn_trial,
div#main div#btn_trial a:hover {
	background: url(../../images/trialflow/btn_trial.jpg) 0 -37px no-repeat;
}