@charset "utf-8";


/* ============================================
      base
============================================ */
#contentsArea .dppContentArea {
	color: #3e3a39;
	font: 116.66% / 1.72 Arial,Helvetica,sans-serif; 
}

#contentsArea .dppContentArea img {
	vertical-align: bottom;
}

#contentsArea .dppContentArea ul,
#contentsArea .dppContentArea ol,
#contentsArea .dppContentArea dl,
#contentsArea .dppContentArea dl.notation,
#contentsArea .dppContentArea table {
	line-height: 1.64;
	margin: 0 0 20px;
}

#contentsArea .dppContentArea p,
#contentsArea .dppContentArea figure {
	margin: 0 0 15px;
}

#contentsArea .dppContentArea figure {
	text-align: center;
}

#contentsArea .dppContentArea figcaption {
	text-align: left;
	margin: 5px 0 0;
}

#contentsArea .dppContentArea img.iconNewWin {
	vertical-align: -2px;
	margin: 0 0 0 5px;
}

#contentsArea .dppContentArea ol {
	padding: 0 0 0 1.5em;
}

#contentsArea .dppContentArea li,
#contentsArea .dppContentArea dl dd {
	margin: 0 0 8px;
}

#contentsArea .dppContentArea dl {
	border-bottom: #b6b4b4 1px solid;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

#contentsArea .dppContentArea dt {
	font-weight: bold;
	margin: 0 0 3px;
}

#contentsArea .dppBottpmAres {
	margin: 40px 0;
}

/*margin none*/
#contentsArea .dppLocalNav > :last-child,
#contentsArea .dppContentArea th > :last-child,
#contentsArea .dppContentArea td > :last-child {
	margin-bottom: 0;
}

/* ============================================
      font-family
============================================ */
#contentsArea .dppBnrArea03,
#contentsArea .dppHeadArea h1,
#contentsArea .topPage .dppLeadTxt01 {
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic W3 JIS2004, "メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

#contentsArea .dppContentArea h2.type01 .subTitle,
#contentsArea .dppContentArea .dppBtnList03,
#contentsArea .dppLargeTxt,
#contentsArea .dppContentArea .dppBtnList02,
#contentsArea .dppContentArea .dppBtnList01,
#contentsArea .topPage .dppHeadWrapper {
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W4", Hiragino Kaku Gothic W4 JIS2004, "メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

#contentsArea .dppBnrArea02,
#contentsArea .dppHeadArea .campaign,
#contentsArea .topPage .dppHeadWrapper dt {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W5", Hiragino Kaku Gothic W5 JIS2004, "メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

#contentsArea .dppLocalNav,
#contentsArea .dppBnrArea01,
#contentsArea .dppBnrArea03 .infoTel dd,
#contentsArea .dppContentArea h2,
#contentsArea .dppOrderList02,
#contentsArea .dppContentArea h3.type01,
#contentsArea .dppTopPageEx01 p,
#contentsArea .dppTopPageEx02 h3,
#contentsArea .dppTopPageEx02 h4,
#contentsArea .dppTopPageEx02 .unit p {
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6", Hiragino Kaku Gothic W6 JIS2004, "メイリオ","ＭＳ Ｐゴシック",sans-serif;
}


/* ============================================
      font-size (base 14px)
============================================ 
6px 42.90%
7px 50.00%
8px 57.10%
9px 64.30%
10px 71.40%
11px 78.60%
12px 85.70%
13px 92.90%
14px 100.00%
15px 107.10%
16px 114.30%
17px 121.40%
18px 128.60%
19px 135.70%
20px 142.90%
21px 150.00%
22px 157.10%
23px 164.30%
24px 171.40%*/

/*40px*/
#contentsArea .dppHeadArea h1 {
	font-size: 285.71%;
}
	/*22px*/
	#contentsArea .dppHeadArea h1 .subTitle {
		font-size: 55%;
	}


/*24px*/
#contentsArea .dppProductName,
#contentsArea .dppContentArea h2.type01,
#contentsArea .dppContentArea .dppBtnList02,
#contentsArea .dppContentArea .dppBtnList03,
#contentsArea .dppTopPageEx02 .unit p:last-of-type {
	font-size: 171.40%;
}
	/*16px*/
	#contentsArea .dppContentArea h2.type01 .subTitle {
		font-size: 66.66%;
	}
	/*12px*/
	#contentsArea .dppTopPageEx02 .unit p:last-of-type span {
		font-size: 50%;
	}

/*22px*/
#contentsArea .topPage .dppLeadTxt01 {
	font-size: 157.10%;
}

/*20px*/
#contentsArea .dppBnrArea01,
#contentsArea .dppContentArea .dppBtnList01,
#contentsArea .topPage .dppHeadArea + p {
	font-size: 142.90%;
}

/*18px*/
#contentsArea .dppContentArea .dppUserCases h3,
#contentsArea .dppContentArea .dppHeading01,
#contentsArea .dppTopPageEx01 p,
#contentsArea .dppContentArea .dppTopPageEx02 h3 {
	font-size: 128.60%;
}
	/*14px*/
	#contentsArea .dppContentArea h3.type01 {
		font-size: 77.77%;
	}

/*17px*/
#contentsArea .dppTopPageEx02 .unit p:first-of-type {
	font-size: 121.40%;
}

/*16px*/
#contentsArea .dppContentArea h2,
#contentsArea .dppContentArea h3,
#contentsArea .dppHeadArea .campaign,
#contentsArea ol.dppOrderList01,
#contentsArea .dppLargeTxt,
#contentsArea .topPage .dppHeadWrapper dt {
	font-size: 114.30%;
}
	/*24px*/
	#contentsArea .dppHeadArea .campaign span {
		font-size: 150%;
	}



/*13px*/
#contentsArea .dppBnrArea02,
#contentsArea .topPage .dppHeadWrapper dd,
#contentsArea .dppContentArea figure,
#contentsArea .dppTopPageEx02 h4 {
	font-size: 92.90%;
}
	/*20px*/
	#contentsArea .dppBnrArea02 strong {
		font-size: 153.84%;
	}

/*12px*/
#contentsArea .dppBnrArea03 {
	font-size: 85.70%;
}
	/*36px*/
	#contentsArea .dppBnrArea03 .infoTel dd {
		font-size: 300%;
	}
	/*16px*/
	#contentsArea .dppBnrArea03 .infoTime dt {
		font-size: 133.33%;
	}


/* ============================================
      color
============================================ */
#contentsArea .dppContentArea a,
#contentsArea .dppContentArea a:hover,
#contentsArea .dppContentArea a:visited,
#contentsArea .dppBnrArea02 a strong,
#contentsArea .dppBnrArea03 a .infoTel dt,
#contentsArea .dppContentArea thead th,
#contentsArea .dppHeadArea h1 .subTitle,
#contentsArea .dppContentArea .dppUserCases h3 {
	color: #341a5f;
}

#contentsArea .dppBnrArea01 a,
#contentsArea .dppBnrArea01 a:hover,
#contentsArea .dppBnrArea01 a:visited,
#contentsArea .dppContentArea h2,
#contentsArea .dppHeadArea .campaign a,
#contentsArea .dppContentArea .dppBtnList01 a,
#contentsArea .dppContentArea .dppBtnList03 a,
#contentsArea .dppContentArea .dppBtnList02 a,
#contentsArea .dppContentArea h3.type01,
#contentsArea .topPage .dppHeadWrapper,
#contentsArea .topPage .dppLeadTxt01 {
	color: #fff;
}
#contentsArea .dppBnrArea03 a .infoTel dd {
	color: #3e3a39;
}

#contentsArea .dppProductName {
	color: #222;
}

#contentsArea .dppContentArea h2.type01 {
	color: #9b0940;
}

#contentsArea .dppContentArea h2.type01 .subTitle,
#contentsArea .dppBnrArea02 a,
#contentsArea .dppBnrArea02 a:hover,
#contentsArea .dppBnrArea02 a:visited {
	color: #000;
}

#contentsArea .topPage .dppHeadArea + p,
#contentsArea .topPage .dppHeadWrapper dt {
	color: #fffc00;
}

#contentsArea .dppTopPageEx01 p {
	color: #9b0940;
}

#contentsArea .dppTopPageEx02 .unit p:last-of-type {
	color: #9b0940;
}

#contentsArea .dppTopPageEx02 h3 strong,
#contentsArea .dppTopPageEx02 .unit p:last-of-type span {
	color: #341a5f;
}

#contentsArea .dppTopPageEx02 .unit:first-child h4 {
	color: #658f2e;
}

#contentsArea .dppTopPageEx02 .unit:nth-child(2) h4 {
	color: #339c8b;
}

#contentsArea .dppTopPageEx02 .unit:nth-child(3) h4 {
	color: #ca3133;
}


/* ============================================
      text-decoration
============================================ */
#contentsArea .dppLocalNav a,
#contentsArea [class^="dppBnrArea"] a,
#contentsArea .dppLinkList01 a,
#contentsArea .dppHeadArea .campaign a,
#contentsArea .dppLinkList02 a,
#contentsArea .dppContentArea .dppBtnList01 a,
#contentsArea .dppContentArea .dppBtnList03 a,
#contentsArea .dppContentArea .dppBtnList02 a {
	text-decoration: none;
}

#contentsArea .dppLocalNav a:hover,
#contentsArea .dppLinkList01 a:hover,
#contentsArea .dppLinkList02 a:hover {
	text-decoration: underline;
}


/* ============================================
      box-sizing
============================================ */
#contentsArea .dppLocalNav li,
#contentsArea .dppLocalNav a,
#contentsArea [class^="dppBnrArea"] a,
#contentsArea .dppBnrArea01 a p:first-child,
#contentsArea .dppHeadArea .campaign a,
#contentsArea.column #sideEnclosingArea .dppContentArea h2.type01,
#contentsArea .dppContentArea .dppBtnList03 a span,
#contentsArea .dppContentArea .dppBtnList02 a,
#contentsArea .dppContentArea h3.type01,
#contentsArea .topPage .dppHeadWrapper ul li,
#contentsArea .dppHeadArea h1 {
	box-sizing: border-box;
}


/* ============================================
      transition
============================================ */
#contentsArea [class^="dppBnrArea"] a,
#contentsArea .dppLocalNav a,
#contentsArea .dppHeadArea .campaign a,
#contentsArea .dppContentArea .dppBtnList01 a,
#contentsArea .dppContentArea .dppBtnList03 a,
#contentsArea .dppContentArea .dppBtnList02 a,
#contentsArea .dppContentArea figure a img {
	transition: .2s;
}


/* ============================================
      opacity
============================================ */
#contentsArea .dppLocalNav a:hover,
#contentsArea [class^="dppBnrArea"] a:not([href="javascript:void(0)"]):hover,
#contentsArea .dppHeadArea .campaign a:hover,
#contentsArea .dppContentArea .dppBtnList01 a:hover,
#contentsArea .dppContentArea .dppBtnList03 a:hover,
#contentsArea .dppContentArea .dppBtnList02 a:hover,
#contentsArea .dppContentArea figure a:hover img {
	opacity: .7;
}


/* ============================================
      heading
============================================ */
/*h2*/
#contentsArea .dppContentArea h2,
#contentsArea.column #sideEnclosingArea .dppContentArea h2 {
	background: #341a5f;
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 50px 0 15px;
	padding: 6px 20px 5px;
}

#contentsArea.column #sideEnclosingArea .dppContentArea section:first-child h2 {
	margin-top: 0;
}

/*h2 for 30days trial*/
#contentsArea.column #sideEnclosingArea .dppContentArea h2.type01 {
	line-height: 1.5;
	letter-spacing: -.05em;
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_flow_001.png) no-repeat 0 bottom;
	width: 680px;
	min-height: 127px;
	margin: 0 auto 40px;
	padding: 41px 32px 22px 135px;
}

#contentsArea.column #sideEnclosingArea article .dppContentArea h2.type01 .subTitle {
	letter-spacing: 0;
	background: none;
	padding: 0;
}


/*h3*/
#contentsArea .dppContentArea h3 {
	line-height: 1.5;
	border-bottom: #b6a883 1px solid;
	position: relative;
	margin: 30px 0 15px;
	padding: 0 0 0 14px;
}

#contentsArea .dppContentArea h3:before {
	content: "";
	display: block;
	width: 8px;
	background: #977fa3;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	box-sizing: border-box;
	margin: 0 0 3px;
}

/*h3 type01*/
#contentsArea .dppContentArea h3.type01 {
	background: #977fa3;
	border-radius: 17px;
	padding: 9px 15px 8px;
}

#contentsArea .dppContentArea h3.type01:before {
	display: none;
}


/*h3 for user cases*/
#contentsArea .dppContentArea .dppUserCases h3 {
	border: none;
	margin: 0 0 10px;
	padding: 0;
}

#contentsArea .dppContentArea .dppUserCases h3:before {
	display: none;
}


/* ============================================
      headingArea
============================================ */
#contentsArea .dppContentArea .dppHeading01 {
	display: table;
	width: 100%;
	margin: 30px 0;
}

#contentsArea .dppContentArea .dppHeading01 > * {
	vertical-align: middle;
	display: table-cell;
}

#contentsArea .dppContentArea .dppHeading01 h3.type01 {
	text-align: center;
	width: 120px;
}

#contentsArea .dppContentArea .dppHeading01 > :last-child {
	padding-left: 13px;
}


/* ============================================
      ul
============================================ */
#contentsArea .dppContentArea ul li {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_dot_001.svg) no-repeat 0 .75em;
	padding: 0 0 0 1em;
}

#contentsArea .dppContentArea .dppLinkList01 li,
#contentsArea .dppContentArea .dppLinkList02 li,
#contentsArea .dppContentArea .dppBtnList01 li,
#contentsArea .dppContentArea .dppBtnList02 li,
#contentsArea .dppContentArea .dppBtnList03 li {
	background: none;
	padding: 0;
}

/*dppLinkList01*/
#contentsArea .dppContentArea .dppLinkList01 a {
	display: block;
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_arrow_002.svg) no-repeat 0 .4em;
	padding: 0 0 0 1em;
}

#contentsArea .dppContentArea .dppLinkList01 .iconNewWin a {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_nwewin_001.svg) no-repeat 0 .3em;
	padding: 0 0 0 1.5em;
}

/*dppLinkList02*/
#contentsArea .dppContentArea .dppLinkList02 a {
	display: inline-block;
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_arrow_002.svg) no-repeat right .4em;
	padding: 0 1em 0 0;
}

#contentsArea .dppContentArea .dppLinkList02 .iconNewWin a { 
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_nwewin_001.svg) no-repeat right .3em;
	padding: 0 1.5em 0 0;
}

/*dppBtnList01*/
#contentsArea .dppContentArea .dppBtnList01 {
	text-align: center;
}

#contentsArea .dppContentArea .dppBtnList01 li {
	display: inline-block;
}

#contentsArea .dppContentArea .dppBtnList01 a {
	display: block;
	background: #886f99;
	border-radius: 7px;
	box-shadow:0px 2px 0px 0px #977fa3;
	padding: 6px 20px 4px;
}

#contentsArea .dppContentArea .dppBtnList01 span {	
	display: inline-block;
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_arrow_003.svg) no-repeat 0 center;
	padding: 0 0 0 42px;
}

/*dppBtnList02/dppBtnList03*/
#contentsArea .dppContentArea .dppBtnList02,
#contentsArea .dppContentArea .dppBtnList03 {
	text-align: center;
}

#contentsArea .dppContentArea .dppBtnList02 li,
#contentsArea .dppContentArea .dppBtnList03 li {
	margin-bottom: 13px;
}

#contentsArea .dppContentArea .dppBtnList02 a,
#contentsArea .dppContentArea .dppBtnList03 a {
	background: #231a50 url(/business/products/software/document_management/dispatcher_phoenix/img/icon_arrow_004.svg) no-repeat;
	background-position: calc(100% - 22px) center;
	box-shadow:0px 5px 0px 0px #7d7797;
	border-radius: 7px;
}


/*dppBtnList02（幅可変／小）*/
#contentsArea .dppContentArea .dppBtnList02 a {
	display: inline-block;
	background-size: 42px;
	background-position: calc(100% - 27px) center;
	min-width: 380px;
	padding: 22px 75px 13px 20px;
}
 
/*dppBtnList03（幅コンテンツいっぱい／大）*/
#contentsArea .dppContentArea .dppBtnList03 a {
	display: block;
	padding: 29px 75px 29px 10px;
}

#contentsArea .dppContentArea .dppBtnList03 .iconTrial a {
	padding: 28px 75px 19px 10px;
}

#contentsArea .dppContentArea .dppBtnList03 .iconTrial span {
	display: inline-block;
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_flow_005.svg) no-repeat 0 center;
	min-height: 44px;
	padding: 4px 0 4px 60px;
}


/* ============================================
      ol
============================================ */
/*dppOrderList01*/
#contentsArea ol.dppOrderList01,
#contentsArea ol.dppOrderList01 li {
	display: -webkit-flex;
	display: flex;
}

#contentsArea ol.dppOrderList01 {
	width: 616px;
	list-style: none;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 0 auto 50px;
	padding: 0;
}

#contentsArea .dppOrderList01 li {
	background: #f2e9d4 no-repeat 15px center;
	background-size: 74px auto;
	border-radius: 5px;
	-webkit-flex: 1 0 56px;
	flex: 1 0 56px;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
	margin: 0 0 27px;
	padding: 20px;
}

#contentsArea .dppOrderList01 li:last-child {
	margin: 0;
}

#contentsArea .dppOrderList01 li:before,
#contentsArea .dppOrderList01 li:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}

#contentsArea .dppOrderList01 li:before {
	border-width: 16px 25px 0 25px;
	border-color: #ffffff transparent transparent transparent;
	top: 0;
}

#contentsArea .dppOrderList01 li:after {
	border-width: 28px 40px 0 40px;
	border-color: #f2e9d4 transparent transparent transparent;
	bottom: -27px;
}

#contentsArea .dppOrderList01 li:first-child:before {
	display: none;
}

/*dppOrderList02*/
#contentsArea .dppContentArea .dppOrderList02 {
	list-style: none;
	padding: 0;
}

#contentsArea .dppOrderList02 li {
	border-bottom: #b6a883 1px solid;
	background: no-repeat 20px center;
	background-size: 32px auto;
	margin: 0;
	padding: 30px 0 30px 125px;
}

#contentsArea .dppOrderList02 li:first-child {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_number_001.png);
}
#contentsArea .dppOrderList02 li:nth-child(2) {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_number_002.png);
	background-size: 43px auto;
}

#contentsArea .dppOrderList02 li:last-child {
	border: none;
}

/*dppOrderList03*/
#contentsArea .dppContentArea .dppOrderList03 {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contentsArea .dppContentArea .dppOrderList03 li {
	width: 240px;	
	float: left;
	position: relative;
	margin: 0 0 10px;
	padding:0 26px 0 0;
}

#contentsArea .dppContentArea .dppOrderList03 li:after {
	content: "";
	display: block;
	width: 26px;
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_arrow_005.svg) no-repeat;
	background-position: calc(100% - 5px) center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

#contentsArea .dppContentArea .dppOrderList03 li:nth-child(3n) {
	padding: 0;
}

#contentsArea .dppContentArea .dppOrderList03 li:nth-child(3n):after {
	display: none;
}


/* ============================================
      dl
============================================ */
/*notation*/
#contentsArea .dppContentArea .notation {
	border: none;
	margin: 4px 0 -0.2em;
	padding: 0;
}

#contentsArea .dppContentArea .notation dt {
	font-weight: normal;
}

#contentsArea .dppContentArea .notation dd {
	margin: 0 0 0 0.8em;
}

#contentsArea .dppContentArea table + .notation {
	margin-top: -15px;
}

/*dppSquareList01*/
#contentsArea .dppContentArea .dppSquareList01 dd {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_square_001.svg) no-repeat 0 .4em;
	padding: 0 0 0 1.5em;
}


/* ============================================
      table
============================================ */
#contentsArea .dppContentArea table,
#contentsArea .dppContentArea th,
#contentsArea .dppContentArea td {
	border-color: #b9b9ba;
}

#contentsArea .dppContentArea th,
#contentsArea .dppContentArea td {
	padding: 5px 19px;
}

#contentsArea .dppContentArea th {
	background: #e0d8e3;
}

#contentsArea #sideEnclosingArea .dppContentArea thead th,
#contentsArea #sideEnclosingArea .dppContentArea table tbody th a {
	font-weight: normal;
}

#contentsArea #sideEnclosingArea .dppContentArea thead th{
	text-align: left;
	background: #e0dee3;
}


/* ============================================
      text
============================================ */
#contentsArea .dppContentArea .dppProductName {
	font-weight: bold;
	line-height: 1;
	margin: 7px 0 24px;
}


/* ============================================
      unit
============================================ */
#contentsArea article .unit:last-child,
#contentsArea.column #sideEnclosingArea article .dppContentArea .unit:last-child {
	margin-right: 0;
}


/* ============================================
      size
============================================ */
#contentsArea.column #sideEnclosingArea article .dppContentArea .size3of4 {
	width: 574px;
}


/* ============================================
      dppHeadArea
============================================ */
#contentsArea .dppHeadArea {
	border: #341a5f 1px solid;
	display: -webkit-flex;
	display: flex;
}

/*h1*/
#contentsArea article .dppHeadArea h1 {
	text-shadow: 0 0 5px #fff;
	background: no-repeat left center;
	background-size: auto 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	min-height: 167px;
	margin: 0;
	padding: 10px 25px;
}

#contentsArea .dppHeadArea h1 .subTitle {
	font-weight: bold;
	display: block;
	margin: 0 0 20px;
}

#contentsArea .spec_price .dppHeadArea h1 {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/bg_spec_price_001.jpg);
}
#contentsArea .user_case .dppHeadArea h1 {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/bg_user_case_001.jpg);
}
#contentsArea .download .dppHeadArea h1 {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/bg_download_001.jpg);
}
#contentsArea .flow .dppHeadArea h1 {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/bg_flow_001.jpg);
}
#contentsArea .automation .dppHeadArea h1 {
	letter-spacing: -.05em;
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/bg_automation_001.jpg);
}
#contentsArea .automation .dppHeadArea h1 .subTitle {
	letter-spacing: 0;
}

/*.campaign*/
#contentsArea .dppHeadArea .campaign {
	text-align: center;
	line-height: 1.375;
	background: #fff;
	width: 216px;
}

#contentsArea .dppHeadArea .campaign a {
	display: block;
	background: #341a5f;
	border: #341a5f 6px solid;
}

#contentsArea .dppHeadArea .campaign p {
	border: #fff 1px solid;
	margin: 0;
	padding: 17px 0 14px;
}

#contentsArea .dppHeadArea .campaign .campaignLogo {
	background: #fff;
	padding: 8px 0 5px;
}


/* ============================================
      トップページ
============================================ */
/*dppHeadWrapper*/
#contentsArea .topPage .dppHeadWrapper {
	text-align: center;
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/bg_index_001.png) no-repeat center center;
	background-size: cover;
	padding: 10px 10px 11px;
	margin: 24px 0 0;
}

#contentsArea .topPage .dppHeadArea {
	border: none;
	border-bottom: #64655f 1px solid;
	-webkit-align-items: center;
	align-items: center;
}

#contentsArea .topPage .dppHeadArea > p:first-child {
	text-align: left;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

#contentsArea .topPage .dppHeadArea .campaign {
	-webkit-transform: scale(.83);
	transform: scale(.83);
	-webkit-transform-origin: 100% 0 0;
	transform-origin: 100% 0 0;
	margin-bottom: -15px;
}

#contentsArea .topPage .dppHeadArea + p {
	border-bottom: #64655f 1px solid;
	margin: 0 0 10px;
	padding: 3px 0;
}

#contentsArea .topPage .dppHeadWrapper dl,
#contentsArea .topPage .dppHeadWrapper dt,
#contentsArea .topPage .dppHeadWrapper dd {
	margin: 0;
}

#contentsArea .topPage .dppHeadWrapper dl {
	width: 250px;
	float: left;
	background: none;
	border-bottom: none;
	border-right: #64655f 1px solid;
	padding: 90px 0 0;
}

#contentsArea .topPage .dppHeadWrapper dl:first-child {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_index_001.png) no-repeat center 10px;
	background-size: 60px auto;
}

#contentsArea .topPage .dppHeadWrapper dl:nth-child(2) {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_index_002.png) no-repeat center 7px;
	background-size: 54px auto;
}

#contentsArea .topPage .dppHeadWrapper dl:last-child {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_index_003.png) no-repeat center 14px;
	background-size: 65px auto;
	border: none;
}

#contentsArea .topPage .dppLeadTxt01 {
	text-align: center;
	background: #684f97;
	margin: 0;
	padding: 8px 0 9px;
}

/*dppTopPageEx01*/
#contentsArea .dppTopPageEx01 p {
	line-height: 1.33;
	letter-spacing: -0.08em;
	background: #f8f4ea no-repeat 0 bottom;
	border: #c1bdc8 4px solid;
	position: relative;
	margin: 0 0 23px;
	padding: 30px 5px 20px 95px;
}

#contentsArea .dppTopPageEx01 p:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	border-width: 15px 16px 0 16px;
	border-color: #c1bdc8 transparent transparent transparent;
	bottom: -17px;
}

#contentsArea .dppTopPageEx01 .unit:first-child p {
	background-image:url(/business/products/software/document_management/dispatcher_phoenix/img/icon_index_004.png);
}
#contentsArea .dppTopPageEx01 .unit:nth-child(2) p {
	background-image:url(/business/products/software/document_management/dispatcher_phoenix/img/icon_index_005.png);
}
#contentsArea .dppTopPageEx01 .unit:nth-child(3) p {
	background-image:url(/business/products/software/document_management/dispatcher_phoenix/img/icon_index_006.png);
}

#contentsArea .dppTopPageEx01 ul {
	background: #e3e1dc;
	padding: 20px 10px 20px 20px;
}

#contentsArea .dppTopPageEx01 li {
	margin-bottom: 0;
}

/*dppTopPageEx02*/
#contentsArea .dppTopPageEx02 {
	background: #f8f4ea;
}

#contentsArea .dppTopPageEx02 h3 {
	line-height: 1.944;
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_index_007.png) no-repeat 31px center;
	border-color: #eae6db;
	margin-bottom: 0;
	padding: 39px 20px 25px 145px;
}

#contentsArea .dppTopPageEx02 h3:before {
	display: none;
}

#contentsArea .dppTopPageEx02 .line {
	text-align: center;
	border-top: #fbf9f3 1px solid;
	padding: 17px 20px 20px;
}

#contentsArea.column #sideEnclosingArea article .dppTopPageEx02 .size1of3 {
	width: 220px;
	margin-right: 36px;
}

#contentsArea .dppTopPageEx02 h4 {
	line-height: 1.69;
	background: no-repeat center 0;
	border-bottom: #b6a883 1px solid;
	margin: 0 0 7px;
	padding: 156px 0 6px;
}

#contentsArea .dppTopPageEx02 .unit:first-child h4 {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_index_008.png);
}
#contentsArea .dppTopPageEx02 .unit:nth-child(2) h4 {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_index_009.png);
}
#contentsArea .dppTopPageEx02 .unit:nth-child(3) h4 {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_index_010.png);
}

#contentsArea .dppTopPageEx02 .unit p {
	margin: 0 0 2px;
}

#contentsArea .dppTopPageEx02 .unit p:last-of-type {
	line-height: 2.16;
}

#contentsArea .dppTopPageEx02 .unit p:last-of-type span {
	display: block;
	margin: 0 0 18px;
}

#contentsArea .dppTopPageEx02 .unit p:last-of-type img {
	vertical-align: middle;
	margin: -15px 5px 0 0;
}


/* ============================================
      オートメーション化の仕組み
============================================ */
#contentsArea .automation .dppOrderList02 li {
	padding-left: 255px;
	padding-top: 80px;
}

#contentsArea .automation .dppOrderList02 li:first-child {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_number_001.png) no-repeat 20px center, url(/business/products/software/document_management/dispatcher_phoenix/img/bg_automation_002.png) no-repeat 133px 15px;
	background-size: 32px auto, 206px auto;
}

#contentsArea .automation .dppOrderList02 li:nth-child(2) {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_number_002.png) no-repeat 20px center, url(/business/products/software/document_management/dispatcher_phoenix/img/bg_automation_003.png) no-repeat 127px center;
	background-size: 43px auto, 90px auto;
}


/* ============================================
      導入までの流れ
============================================ */
#contentsArea .dppContentArea .dppFlow {
	width: 616px;
	border-bottom: #b7a786 1px solid;
	margin: 0 auto 10px;
	padding: 0 0 20px;
}

#contentsArea .dppFlow .dppOrderList01 li {
	padding: 20px 5px 20px 100px;
}

#contentsArea .dppFlow .dppOrderList01 li:first-child {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_flow_002.png);
}

#contentsArea .dppFlow .dppOrderList01 li:nth-child(2) {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_flow_003.png);
}

#contentsArea .dppFlow .dppOrderList01 li:nth-child(3) {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_flow_004.png);
}


/* ============================================
      導入事例
============================================ */
#contentsArea .dppContentArea .dppUserCases {
	margin: 25px 0;
	border-bottom: #b6a883 1px solid;
}


/* ============================================
      資料ダウンロード
============================================ */
#contentsArea .dppContentArea .dppDownloadFiles {
	text-align: center;
	width: 580px;
	margin: 0 auto;
}

#contentsArea.column #sideEnclosingArea article .dppContentArea .dppDownloadFiles .unit {
	margin: 0 100px 40px 0;
}

#contentsArea.column #sideEnclosingArea article .dppContentArea .dppDownloadFiles .unit:last-child {
	margin-right: 0;
}

#contentsArea.column #sideEnclosingArea article .dppContentArea .dppDownloadFiles .line:last-child .unit {
	margin-bottom: 0;
}

#contentsArea.column #sideEnclosingArea article .dppContentArea .dppDownloadFiles .size1of2 {
	width: 240px;
}

#contentsArea .dppContentArea .dppDownloadFiles figure {
	margin-bottom: 5px;
}

#contentsArea .dppContentArea .dppDownloadFiles p {
	margin-bottom: 10px;
}

#contentsArea .dppContentArea .dppDownloadFiles .dppBtnList01 li {
	width: 100%;
}


/* ============================================
      bottomArea
============================================ */
/*******dppLocalNav*******/
#contentsArea .dppLocalNav {
	line-height: 1.42;
	border-bottom: #d6d1df 2px solid;
	border-top: #d6d1df 2px solid;
	margin: 40px 0;
	padding: 20px 0 0;
}

#contentsArea .dppLocalNav ul li {
	background: none;
	float: left;
	width: 240px;
	margin: 0 26px 20px 0;
	padding: 0;
}

#contentsArea .dppLocalNav ul li:nth-child(3n),
#contentsArea .dppLocalNav ul li:last-child {
	margin-right: 0;
}

#contentsArea .dppLocalNav li.typeLong {
	width: 506px;
}

#contentsArea .dppLocalNav a {
	display: table;
	width: 100%;
	background: #fff url(/business/products/software/document_management/dispatcher_phoenix/img/icon_arrow_001.svg) no-repeat;
	background-position: calc(100% - 4px) calc(100% - 5px);
	background-size: 15px auto;
	border: #b5b5b6 solid 1px;
	padding: 0 20px 0 0;
}

#contentsArea .dppLocalNav .iconNewWin a {
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_nwewin_002.svg);
	background-size: 14px auto;
}

#contentsArea .dppLocalNav li.typeLong a {
	background-color: #ddd6e2;
}

#contentsArea .dppLocalNav li.current a {
	background-color: #dadcdc;
}

#contentsArea .dppLocalNav figure,
#contentsArea .dppLocalNav p {
	vertical-align: middle;
	display: table-cell;
	margin: 0;
}

#contentsArea .dppLocalNav figure {
	border-right: #b5b5b6 solid 1px;
	width: 58px;
}

#contentsArea .dppLocalNav p {
	padding: 0 0 0 9px;
}

/*******dppBnrArea*******/
#contentsArea [class^="dppBnrArea"] {
	margin: 0 0 20px;
}

#contentsArea [class^="dppBnrArea"] a {
	text-align: left;
	display: table;
	width: 100%;
}

#contentsArea [class^="dppBnrArea"] a > * {
	vertical-align: middle;
	display: table-cell;
}

#contentsArea .dppBnrArea02 a,
#contentsArea .dppBnrArea03 a {
	border: #b5b5b6 1px solid;
}

#contentsArea .dppBnrArea01 p,
#contentsArea .dppBnrArea02 p {
	margin-bottom: 0;
}

/*.dppBnrArea01*/
#contentsArea .dppBnrArea01 a {
	letter-spacing: .08em;
	background: #341a5f url(/business/products/software/document_management/dispatcher_phoenix/img/bg_bnt01_001.jpg) no-repeat center center;
	border: #341a5f 3px solid;
	padding: 7px 0 13px;
}

#contentsArea .dppBnrArea01 a p:first-child {
	text-align: center;
	width: 641px;
	padding: 13px 10px 0;
}

/*.dppBnrArea02*/
#contentsArea .dppBnrArea02 a {
	line-height: 1.4;
	text-shadow: 0 0 5px #fff;
	background: #fff url(/business/products/software/document_management/dispatcher_phoenix/img/bg_bnt02_001.jpg) no-repeat top right;
	background-size: auto 100%;
	padding: 11px 10px 9px 20px;
}

#contentsArea .dppBnrArea02 .text p:first-child {
	margin-bottom: 5px;
}

/*.dppBnrArea03*/
#contentsArea .dppBnrArea03 a {
	background: #f8f4ea;
}

#contentsArea .dppBnrArea03 dl {
	border: none;
	padding: 0;
	margin: 0;
}

#contentsArea .dppBnrArea03 dt {
	font-weight: normal;
}

#contentsArea .dppBnrArea03 .infoTel {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_tel_001.svg) no-repeat 23px center;
	background-size: 88px auto;
	width: 328px;
	padding: 16px 0 0 130px;
}

#contentsArea .dppBnrArea03 .infoTel dt {
	margin-bottom: 12px;
}

#contentsArea .dppBnrArea03 .infoTel dd {
	line-height: 1;
}

#contentsArea .dppBnrArea03 .infoTime {
	background-color: #fff;
	padding: 12px 0 13px 12px;
}

#contentsArea .dppBnrArea03 .infoTime dt {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_info_001.svg) no-repeat right 0;	
	background-size: 34px auto;
	display: inline-block;
	padding: 17px 50px 0 0;
}


/* ============================================
      ajustment
============================================ */
.alignR {
	text-align: right !important;
}
.alignC {
	text-align: center !important;
}
.alignL {
	text-align: left !important;
}

.valignM {
	vertical-align: middle !important;
}
.valignT {
	vertical-align: top !important;
}

.marginBottom0 {
	margin-bottom: 0 !important;
}

.marginBottom10 {
	margin-bottom: 10px !important;
}

.marginBottom20 {
	margin-bottom: 20px !important;
}

.marginBottom30 {
	margin-bottom: 30px !important;
}

.marginBottom40 {
	margin-bottom: 40px !important;
}

.marginBottom50 {
	margin-bottom: 50px !important;
}

.marginBottom60 {
	margin-bottom: 60px !important;
}

.marginTop0 {
	margin-top: 0 !important;
}

.marginTop10 {
	margin-top: 10px !important;
}

.marginTop20 {
	margin-top: 20px !important;
}

.marginTop30 {
	margin-top: 30px !important;
}

.marginTop40 {
	margin-top: 40px !important;
}

.marginTop50 {
	margin-top: 50px !important;
}

.marginTop60 {
	margin-top: 60px !important;
}

#contentsArea .dppBorderBottom01 {
	border-bottom: #b6a883 1px solid;
	margin-bottom: 30px;
	padding: 0 0 30px;
}


/* ============================================
      clearfix
============================================ */
#contentsArea .dppContentArea .dppOrderList03:after,
#contentsArea .dppLocalNav ul:after {
	content: "";
	display: block;
	clear: both;
}



@media only screen and (max-width: 599px) { /* device-width: 320px ～ 599px  for Smartphone */


#contentsArea .dppBottpmAres {
	margin-bottom: 0;
}

/* ============================================
      width reset
============================================ */
#contentsArea.column #sideEnclosingArea .dppContentArea h2.type01,
#contentsArea ol.dppOrderList01,
#contentsArea .dppContentArea .dppOrderList03 li,
#contentsArea.column #sideEnclosingArea article .dppContentArea .size3of4,
#contentsArea .topPage .dppHeadWrapper dl,
#contentsArea.column #sideEnclosingArea article .dppTopPageEx02 .size1of3,
#contentsArea .dppContentArea .dppFlow,
#contentsArea .dppContentArea .dppDownloadFiles,
#contentsArea .dppLocalNav ul li,
#contentsArea .dppLocalNav li.typeLong,
#contentsArea .dppBnrArea03 .infoTel {
	width: 100%;
}

#contentsArea .dppContentArea .dppBtnList02 a {
	min-width: 0;
}

#contentsArea .dppContentArea img {
	max-width: 100%;
	height: auto;
}


/* ============================================
      font-size (base 14px)
============================================ 
6px 42.90%
7px 50.00%
8px 57.10%
9px 64.30%
10px 71.40%
11px 78.60%
12px 85.70%
13px 92.90%
14px 100.00%
15px 107.10%
16px 114.30%
17px 121.40%
18px 128.60%
19px 135.70%
20px 142.90%
21px 150.00%
22px 157.10%
23px 164.30%
24px 171.40%*/
/*24px*/
#contentsArea .dppHeadArea h1 {
	font-size: 171.40%;
}
	/*14px*/
	#contentsArea .dppHeadArea h1 .subTitle {
		font-size: 58.33%;
	}


/*20px*/
#contentsArea .dppContentArea .dppBtnList02,
#contentsArea .dppContentArea .dppBtnList03,
#contentsArea .dppContentArea h2.type01,
#contentsArea .topPage .dppLeadTxt01 {
	font-size: 142.90%;
}
	/*16px*/
	#contentsArea .dppContentArea h2.type01 .subTitle {
		font-size: 66.66%;
	}

/*18px*/
#contentsArea .topPage .dppHeadArea + p {
	font-size: 128.60%;
}

/*16px*/
#contentsArea .dppTopPageEx01 p,
#contentsArea .dppContentArea .dppTopPageEx02 h3,
#contentsArea .dppBnrArea01 {
	font-size: 114.30%;
}

/*14px*/
#contentsArea .dppHeadArea .campaign {
	font-size: 100%;
}

/*12px*/
#contentsArea .dppBnrArea02 {
	font-size: 85.70%;
}
	/*27px*/
	#contentsArea .dppBnrArea03 .infoTel dd {
	font-size: 225%;
	}	
	/*15px*/
	#contentsArea .dppBnrArea02 strong {
		font-size: 125%;
	}


/* ============================================
      box-sizing
============================================ */
#contentsArea .dppTopPageEx01 p,
#contentsArea .dppBnrArea03 .infoTel {
	box-sizing: border-box;
}


/* ============================================
      heading
============================================ */
/*h2*/
#contentsArea .dppContentArea h2,
#contentsArea.column #sideEnclosingArea .dppContentArea h2 {
	line-height: 1.25;
	padding: 6px 10px 5px;
}

/*h2 for 30days trial*/
#contentsArea.column #sideEnclosingArea .dppContentArea h2.type01 {
	line-height: 1.4;
	background-image: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_flow_006.png);
	background-size: auto 65px;
	min-height: 65px;
	margin: 0 0 20px;
	padding: 0 0 9px 74px;
}

#contentsArea.column #sideEnclosingArea article .dppContentArea h2.type01 .subTitle {
	margin: 0 0 3px;
}

/* ============================================
      headingArea
============================================ */
#contentsArea .dppContentArea .dppHeading01 {
	margin: 0;
	display: block;
}

#contentsArea .dppContentArea .dppHeading01 > *,
#contentsArea .dppContentArea .dppHeading01 > :last-child {
	display: inline-block;
	margin: 0 0 13px;
}

#contentsArea .dppContentArea .dppHeading01 > :last-child {
	display: block;
	padding: 0;
}


/* ============================================
      ul
============================================ */
/*dppBtnList02/dppBtnList03*/
#contentsArea .dppContentArea .dppBtnList02 a,
#contentsArea .dppContentArea .dppBtnList03 a {
	box-shadow:0px 4px 0px 0px #7d7797;
}


/*dppBtnList02（幅可変／小）*/
#contentsArea .dppContentArea .dppBtnList02 a {
	background-size: 30px;
	background-position: calc(100% - 10px) center;
	padding: 10px 50px 10px 15px;
}

.webkit.android4 #contentsArea .dppContentArea .dppBtnList02 a {
	background-position: 95% center;
}

/*dppBtnList03（幅コンテンツいっぱい／大）*/
#contentsArea .dppContentArea .dppBtnList03 a {
	padding: 29px 75px 29px 10px;
}

#contentsArea .dppContentArea .dppBtnList03 .iconTrial a {
	background-size: 35px;
	background-position: calc(100% - 10px) center;
	padding: 13px 55px 10px 10px;
}

.webkit.android4 #contentsArea .dppContentArea .dppBtnList03 .iconTrial a {
	background-position: 97% center;
}

#contentsArea .dppContentArea .dppBtnList03 .iconTrial span {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_flow_005.svg) no-repeat 0 center;
	background-size: auto 35px;
	min-height: 45px;
	padding: 4px 0 4px 45px;
}


/* ============================================
      ol
============================================ */
/*dppOrderList01*/
#contentsArea ol.dppOrderList01,
#contentsArea ol.dppOrderList01 li {
	display: block;
}

#contentsArea ol.dppOrderList01 {
	margin-bottom: 25px;
}

#contentsArea .dppOrderList01 li {
	background: #f2e9d4 no-repeat 10px center;
	background-size: 50px auto;
	border-radius: 5px;
	margin: 0 0 13px;
}

#contentsArea .dppOrderList01 li:before {
	border-width: 8px 13px 0 13px;
}

#contentsArea .dppOrderList01 li:after {
	border-width: 14px 20px 0 20px;
	bottom: -13px;
}

/*dppOrderList02*/
#contentsArea .dppOrderList02 li {
	background: no-repeat 10px center;
	background-size: 16px auto;
	margin: 0;
	padding: 15px 0 15px 63px;
}

#contentsArea .dppOrderList02 li:nth-child(2) {
	background-size: 21px auto;
}

/*dppOrderList03*/
#contentsArea .dppContentArea .dppOrderList03 {
	text-align: center;
}

#contentsArea .dppContentArea .dppOrderList03 li {
	float: none;
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_arrow_006.svg) no-repeat center bottom;
	margin: 0 0 6px;
	padding:0 0 20px;
}

#contentsArea .dppContentArea .dppOrderList03 li:after {
	display: none;
}

#contentsArea .dppContentArea .dppOrderList03 li:nth-child(3n) {
	background: none;
}


/* ============================================
      table
============================================ */
#contentsArea .dppContentArea th,
#contentsArea .dppContentArea td {
	padding: 5px 10px;
}


/* ============================================
      dppHeadArea
============================================ */
#contentsArea .dppContentArea .dppHeadArea {
	display: block;
	border: none;
}

/*h1*/
#contentsArea article .dppHeadArea h1 {
	background-size: cover;
	display: block;
	min-height: 0;
	border: 1px solid #341a5f;
	padding: 15px 10px;
}

#contentsArea .dppHeadArea h1 .subTitle {
	margin: 0 0 10px;
}

/*.campaign*/
#contentsArea .dppHeadArea .campaign {
	margin: 25px auto 0;
}

#contentsArea .dppHeadArea .campaign p {
	padding: 11px 0 10px;
}

#contentsArea .dppHeadArea .campaign .campaignLogo {
	padding: 4px 0 3px;
}



/* ============================================
      トップページ
============================================ */
/*dppHeadWrapper*/
#contentsArea .topPage .dppHeadWrapper {
	padding: 20px 10px 11px;
}

#contentsArea .topPage .dppHeadArea {
	border-bottom: #64655f 1px solid;
	padding-bottom: 10px;
}

#contentsArea .topPage .dppHeadArea > p:first-child {
	text-align: center;
}

#contentsArea .topPage .dppHeadArea .campaign {
	-webkit-transform: scale(1);
	transform: scale(1);
	margin: 0 auto;
}

#contentsArea .topPage .dppHeadWrapper dl {
	float: none;
	border-right: none;
	border-bottom: #64655f 1px solid;
	padding: 90px 0 10px;
}

#contentsArea .topPage .dppHeadWrapper dl:last-child {
	border: none;
}

#contentsArea .topPage .dppLeadTxt01 {
	line-height: 1.3;
	padding: 8px 10px 9px;
}

/*dppTopPageEx01*/
#contentsArea .dppTopPageEx01 p {
	background-size: auto 60px;
	padding: 27px 5px 20px 63px;
}

#contentsArea .dppTopPageEx01 ul {
	padding: 10px 20px;
}


/*dppTopPageEx02*/
#contentsArea .dppTopPageEx02 h3 {
	line-height: 1.388;
	background-position: 10px center;
	background-size: 55px auto;
	padding: 15px 15px 15px 70px;
}

#contentsArea .dppTopPageEx02 .line {
	padding: 15px;
}

#contentsArea.column #sideEnclosingArea article .dppTopPageEx02 .size1of3 {
	margin: 0 0 40px;
}

#contentsArea.column #sideEnclosingArea article .dppTopPageEx02 .size1of3:last-child {
	margin: 0;
}

#contentsArea .dppTopPageEx02 h4 {
	background-size: 100px auto;
	padding: 105px 0 6px;
}

#contentsArea .dppTopPageEx02 .unit p:last-of-type span {
	margin: 0 0 10px;
}


/* ============================================
      オートメーション化の仕組み
============================================ */
#contentsArea .automation .dppOrderList02 li {
	padding-left: 105px;
	padding-top: 27px;
}

#contentsArea .automation .dppOrderList02 li:first-child {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_number_001.png) no-repeat 10px center, url(/business/products/software/document_management/dispatcher_phoenix/img/bg_automation_002.png) no-repeat 50px 0;
	background-size: 16px auto, 103px auto;
}

#contentsArea .automation .dppOrderList02 li:nth-child(2) {
	background: url(/business/products/software/document_management/dispatcher_phoenix/img/icon_number_002.png) no-repeat 10px center, url(/business/products/software/document_management/dispatcher_phoenix/img/bg_automation_003.png) no-repeat 50px center;
	background-size: 22px auto, 45px auto;
}


/* ============================================
      導入までの流れ
============================================ */
#contentsArea .dppFlow .dppOrderList01 li {
	padding: 20px 10px 20px 70px;
}


/* ============================================
      資料ダウンロード
============================================ */
#contentsArea.column #sideEnclosingArea article .dppContentArea .dppDownloadFiles .unit,
#contentsArea.column #sideEnclosingArea article .dppContentArea .dppDownloadFiles .unit:last-child {
	margin: 0 auto 40px;
}


/* ============================================
      bottomArea
============================================ */
/*******dppLocalNav*******/
#contentsArea .dppLocalNav {
	padding-bottom: 20px;
}

#contentsArea .dppLocalNav ul li {
	margin: 0 0 15px;
}

#contentsArea .dppLocalNav ul li:last-child {
	margin-bottom: 0;
}

.webkit.android4 #contentsArea .dppLocalNav a {
	background-position: 98.5% 90%;
}


/*******dppBnrArea*******/
#contentsArea [class^="dppBnrArea"]:last-child {
	margin: 0;
}

/*.dppBnrArea01*/
#contentsArea .dppBnrArea01 a {
	line-height: 1.5;
	letter-spacing: 0;
	background-size: cover;
	padding: 10px 5px;
}

#contentsArea .dppBnrArea01 a p:first-child {
	text-align: left;
	width: auto;
	padding: 0 5px 0 0;
}

#contentsArea .dppBnrArea01 a p:last-child {
	width: 60px;
}

/*.dppBnrArea02*/
#contentsArea .dppBnrArea02 a {
	line-height: 1.33;
	padding: 12px 7px;
}

#contentsArea .dppBnrArea02 .text {
	padding: 0 3px 0 0;
}

#contentsArea .dppBnrArea02 strong {
	letter-spacing: -0.08em;
}

#contentsArea .dppBnrArea02 .text + p {
	width: 60px;
}

/*.dppBnrArea03*/
#contentsArea .dppBnrArea03 a,
#contentsArea .dppBnrArea03 a > * {
	display: block;
}

#contentsArea .dppBnrArea03 .infoTel {
	background-size: 44px auto;
	background-position: 11px center;
	padding: 12px 7px 1px 65px;
}

#contentsArea .dppBnrArea03 .infoTel dt {
	line-height: 1.33;
	margin-bottom: 5px;
}

#contentsArea .dppBnrArea03 .infoTel dd {
	line-height: 1;
}

#contentsArea .dppBnrArea03 .infoTime {
	background-color: #fff;
	padding: 5px 7px 12px;
}

#contentsArea .dppBnrArea03 .infoTime dt {
	background-size: 25px auto;
	padding: 10px 35px 0 0;
}

}