@charset "utf-8";
/**
 * IDS.CO.JP/SalesForce
 */


/* section
----------------------------------------------------------*/
div#Content div.section {
	width:670px;
}

div#Content div.section p {
	margin:8px 0px 18px 0px;
}



/* Introduction
----------------------------------------------------------*/
div#Introduction {
	margin-bottom:10px;
}

div#Introduction ul.entry {
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}

div#Introduction ul.entry li {
	position:absolute;
	margin:-127px 0 0 716px;
	padding:0;
	background:url(../../img/index_btn_entr_bg.gif) no-repeat left top;
}

div#Introduction div.section {
	line-height:1.5em;
	width:330px;
	float:left;
	background:url(../../img/index_back.gif) repeat-y top left;
}

div#Introduction div.section h4 {
	margin-bottom:15px;
}

div#Introduction div.section div.indent {
	padding:0px 15px 0px 15px;
}

div#Introduction div.section div.indent p {
	width:302px;
	margin:15px 0px 2px 0px;
}

div#Introduction div.section div.indent p.text1 {
	height:81px;
}

div#Introduction div.section div.indent p.text2 {
	height:121px;
}

div#Introduction div.section ul {
	margin-top:10px;
	padding-bottom:19px;
	background:url(../../img/index_img_02.gif) no-repeat left bottom;
}



div#Introduction div.section ul.right {
	margin-top:12px;
	_margin-top:3px;
}

div#Introduction div.section ul li {
	margin-left:10px;
	list-style:none;
	padding:6px 0px 0px 20px;
	height:26px;
	background:url(../../img/index_icon.gif) no-repeat left top;
}

div#Introduction div.section dl {
	height:298px;
	margin:0px 0px 0px 15px;
}

div#Introduction div.section dl dt {
	height:40px;
	float:left;
	margin:0px 16px 8px 0px;
}

div#Introduction div.section dl dd {
	height:40px;
	margin-bottom:11px;
}

div#Introduction div.section dl dd.line1 {
	height:20px;
	padding:11px 0px 9px 0px;
}

div#Introduction div.section dl dd.line2 {
	height:26px;
	_hieght:11px;
	padding:11px 0px 0px 0px;
}

*+html div#Introduction div.section dl dd.line2 {
	height:10px;
	padding-bottom:0px;
}

div#Consult {
	position:relative;
	z-index:1;
	margin-bottom:-76px;
	width:670px;
}

div#Footer.top p {
	background-color:#fff;
}



/* Feature
----------------------------------------------------------*/
div#Feature div.section {
	position:relative;
	top:-5px;
}

div#Feature div.section div.no_software {
	margin:26px 0px 5px 0px;
	height:95px;
}

div#Feature div.section div.no_software img {
	float:left;
	margin-right:25px;
}

div#Feature div.section div.no_software p {
	width:566px;
	float:left;
}

div#Feature div.section div.comparison {
	margin:26px 0px 25px 0px;
}

div#Feature div.section div.comparison img {
	float:left;
	margin-right:15px;
}


/* Function
----------------------------------------------------------*/
div#Function div.section ol {
	float:left;
	margin:29px 0px 30px 0px;
}
div#Function div.section ol.no_list {
	margin-right:39px;
}

div#Function div.section ol li {
	margin-left:0px;
	padding-top:15px;
	list-style:none;
	width:315px;
}

div#Function div.section ol li.no1 {background:url(../../img/function_icon_01.gif) no-repeat left top;}
div#Function div.section ol li.no2 {background:url(../../img/function_icon_02.gif) no-repeat left top;}
div#Function div.section ol li.no3 {background:url(../../img/function_icon_03.gif) no-repeat left top;}
div#Function div.section ol li.no4 {background:url(../../img/function_icon_04.gif) no-repeat left top;}
div#Function div.section ol li.no5 {background:url(../../img/function_icon_05.gif) no-repeat left top;}
div#Function div.section ol li.no6 {background:url(../../img/function_icon_06.gif) no-repeat left top;}

div#Function div.section ol li h4 {
	padding-left:23px;
	font-size:110%;
}

div#Function div.section ol li p {
	margin:1px 0px 10px 0px;
}


/* Process
----------------------------------------------------------*/
div#Process div.section dl {}

div#Process div.section dl dt {
	float:left;
	margin-right:29px;
	padding-top:3px;
	width:110px;
	height:75px;
}

div#Process div.section dl dt.end {
	height:41px;
}

div#Process div.section dl dd {
	float:left;
	margin-bottom:22px;
	padding-bottom:21px;
	background:url(../../img/process_line.gif) repeat-x left bottom;
	width:528px;
}

div#Process div.section dl dd.line1 {
	padding:13px 0px 35px 0px;
}

div#Process div.section dl dd.end {
	margin-bottom:0;
	padding-bottom:0;
	background:none;
}


/* Trial
----------------------------------------------------------*/
div#Trial {
	width:670px;
}


/* Entry
----------------------------------------------------------*/
div#Entry div.section {}

div#Entry div.section span {
	color:#ff0000;
}

div#Entry div.section dl {
	margin-bottom:19px;
	padding-bottom:20px;
	background:url(../../img/process_line.gif) repeat-x left bottom;
}
div#Entry div.section dl#wp {
	background: none;
	padding-bottom: 7px;
}

div#Entry div.section dl dt,
div#Entry div.section dl dd {
	float:left;
	margin-bottom:13px;
	vertical-align:middle;
}

div#Entry div.section dl dd input {
	margin:2px 0px 0px 5px;
}
div#Entry div.section dl#wp dd input {
	margin: 0;
	padding: 2px 4px;
	font-size: 1em;
}

div#Entry div.section dl.form_01 {
	height:172px;
}
div#Entry div.section dl#wp.form_01 {
	height: auto;
	overflow: hidden;
}

div#Entry div.section dl.form_01 dt,
div#Entry div.section dl.form_02 dt,
div#Entry div.section dl.form_03 dt,
div#Entry div.section dl.form_04 dt {
	margin-right:20px;
	padding-top:2px;
	width:145px;
	height:22px;
	text-align:right;
}
div#Entry div.section dl#wp.form_01 dt {
	clear: both;
}

div#Entry div.section dl.form_01 dd {
	margin-right:145px;
	_margin-right:0px;
	width:360px;
	height:24px;
	background:url(../../img/entry_text_field_01.gif) no-repeat left top;
}
div#Entry div.section dl#wp.form_01 dd {
	background: none;
	height: auto;
}

div#Entry div.section dl.form_01 dd input {
	width:340px;
	background:transparent;
}
div#Entry div.section dl#wp.form_01 dd input {
	border: 1px solid #99908c;
}
div#Entry div.section dl#wp.form_01 dd.radio input {
	margin: 0;
	width: auto;
	border: none;
	vertical-align: middle;
}

div#Entry div.section dl#wp dd select,
div#Entry div.section dl#wp dd textarea {
	padding: 2px 2px 2px 4px;
	border: 1px solid #99908c;
}
div#Entry div.section dl#wp dd textarea {
	width: 340px;
	line-height: 1.6;
}

div#Entry div.section dl.form_02 {
	float:left;
	margin-bottom:0px;
	width:335px;
	height:61px;
}

div#Entry div.section dl.form_02 dd {
	margin-right:10px;
	_margin-right:5px;
	width:160px;
	height:24px;
	background:url(../../img/entry_text_field_02.gif) no-repeat left top;
}

div#Entry div.section dl.form_02 dd input {
	width:150px;
	background:transparent;
}

div#Entry div.section dl.form_03 {
	float:left;
	margin-bottom:0px;
	width:335px;
	height:61px;
}

div#Entry div.section dl.form_03 dt {
	width:135px;
}

div#Entry div.section dl.form_03 dd {
	width:180px;
	height:24px;
	background:url(../../img/entry_text_field_03.gif) no-repeat left top;
}

div#Entry div.section dl.form_03 dd input {
	width:165px;
	background:transparent;
}

div#Entry div.section dl.form_04 {
	margin-top:19px;
	height:98px;
}

div#Entry div.section dl.form_04 dd {
	margin-right:180px;
	_margin-right:30px;
	width:325px;
	height:24px;
	background:url(../../img/entry_text_field_04.gif) no-repeat left top;
}

div#Entry div.section dl.form_04 dd input {
	width:310px;
	background:transparent;
}


div#Entry div.section div.button {}

div#Entry div.section div.button ul {
	float:right;
}
div#Entry div.section div.button ul.wp,
div#Entry div.section div.button ul.campaign {
	float: none;
}

div#Entry div.section div.button ul li {
	float:left;
	list-style:none;
	margin:0px 0px 0px 10px;
	padding:0;
}
div#Entry div.section div.button ul.wp li,
div#Entry div.section div.button ul.campaign li {
	float: none;
	margin: 0 0 20px 0;
	text-align: center;
}

div#Entry div.section div.button ul li span {
	display:none;
}

div#Entry div.section div.button ul li button {
	background-color:#FFFFFF;
	border:medium none;
	cursor:pointer;
	width:180px;
	height:43px;
	margin:0;
	padding:0;
}

div#Entry div.section div.button ul li button.reset {
	background:url(../../img/entry_btn_reset.gif) no-repeat left top;
}

div#Entry div.section div.button ul li button.confirm {
	background:url(../../img/entry_btn_confirm.gif) no-repeat left top;
}

div#Entry div.section div.button ul.wp li button.confirm {
	background:url(../img/entry_btn_download.gif) no-repeat left top;
}

div#Entry div.section div.button ul.campaign li button.confirm {
	background:url(../img/campaign_btn_app.gif) no-repeat left top;
}

div#Entry div.section.confirm dl.form_01 {
	height:auto;
	background:none;
}

div#Entry div.section.confirm dl dd {
	background:none;
	background-color:#edede4;
}

div#Entry div.section.confirm dl dd span {
	padding:0 5px;
	color:#333;
}

div#Entry div.section.confirm p {
	position:relative;
	top:-15px;
}

div#Entry div.section.confirm div.button ul li a.return {
	display:block;
	text-indent:-9999px;
	width:180px;
	height:43px;
	background:url(../../img/confirm_btn_return.gif) no-repeat left top;
}

div#Entry div.section.confirm div.button ul li button.transmission {
	background:url(../../img/confirm_btn_transmission.gif) no-repeat left top;
}

div#Entry div.section ul#campaign_point {
	margin-bottom: 20px;
	padding-top: 16px;
	width: 100%;
	list-style: none outside;
	background: transparent url(../../img/bg_campaign_point.gif) no-repeat 0 0;
}

div#Entry div.section ul#campaign_point li {
	margin: 0;
	padding: 0 0 9px 16px;
}

div#Entry div.section p#campaign_arrow {
	margin-left: 322px;
}

div#Entry h4 {
	margin-bottom: 20px;
	padding-bottom: 2px;
	border-bottom: 1px solid #ecece4;
}

.icon {
	vertical-align: text-bottom;
}

/* Clearfix
----------------------------------------------------------*/
div#Introduction,
div#Feature div.section div.no_software,
div#Feature div.section div.comparison,
div#Process div.section dl,
div#Entry div.section dl,
div#Entry div.section div.participant,
div#Entry div.section div.button ul {
	zoom:1;
}

div#Introduction:after,
div#Feature div.section div.no_software:after,
div#Feature div.section div.comparison:after,
div#Process div.section dl:after,
div#Entry div.section dl:after,
div#Entry div.section div.participant:after,
div#Entry div.section div.button ul:after {
	content:"";display:block;height:0;
	clear:both;visibility:hidden;
}

* html div#Introduction,
* html div#Feature div.section div.no_software,
* html div#Feature div.section div.comparison,
* html div#Process div.section dl,
* html div#Entry div.section dl,
* html div#Entry div.section div.participant,
* html div#Entry div.section div.button ul {
	display:inline-table;
	/*\*/display:block;/**/
}