/** -------------------------------------------------------
 ** header (※SPレイアウトを上書き)
 ** ------------------------------------------------------- */

#rContent {
	text-align: left;
}

#utNavPro:before {
	content: url(/business/images_global/n_ic_arrow_business.gif);
	margin-right: 5px;
	vertical-align: 2px;
}

#bread {
	width: 720px;
}


/** -------------------------------------------------------
 ** 製品共通パーツ
 ** ------------------------------------------------------- */

/* -- lead -- */
.lead01Box {
	margin: 0 17px;
}

.lead01 {
	color: #275e72;
	font-size: 182%;
}

/* -- specs -- */
.specs {
	display: block;
	margin: 16px 0 0 0;
}
.specs span {
	float: left;
	display: block;
	padding: 8px 0;
	line-height: 1;
	text-align: center;
}
.specs2cols span {
	width: 325px;
	margin-left: 10px;
}
.specs span:first-child {
	margin-left: 0;
}
.specs span.spec_blue {
	background-color: #012987;
	color: #fff;
}
.specs span.spec_black {
	background-color: #000;
	color: #fff;
}

/* - SP - */
body.responsive-sp .specs2cols span {
	width: 48%;
	margin-left: 4%;
}
body.responsive-sp .specs span:first-child {
	margin-left: 0;
}

/* -- notes -- */

p.notes {
	font-size: 76.92307%;
	color: #666;
}

/* -- terms -- */

div.terms {
	margin: 1.8em 0 1.8em 0;
	padding:20px;
	border: 1px solid #AEB6BD;
	overflow: auto;
}


/** -------------------------------------------------------
 ** テーブル
 ** ------------------------------------------------------- */

/* -- tbl01 -- */

.tbl01 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border-top: 1px solid #b4b9bd;
	border-left: 1px solid #b4b9bd;
}

.tbl01 th,
.tbl01 td {
	border-right: 1px solid #b4b9bd;
	border-bottom: 1px solid #b4b9bd;
	padding: 7px;
	vertical-align: top;
}

.tbl01 th {
	background: #efece5;
	text-align: center;
}

/* -- tbl02 -- */

.tbl02 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border-top: 1px solid #b4b9bd;
	border-left: 1px solid #b4b9bd;
}

.tbl02 th,
.tbl02 td {
	border-right: 1px solid #b4b9bd;
	border-bottom: 1px solid #b4b9bd;
	padding: 7px;
	vertical-align: top;
}

.tbl02 td {
	text-align: left;
}

.tbl02 thead th {
	color: #fff;
	font-weight: bold;
	background: #666;
	border: 1px solid #414141;
	text-align: center;
	vertical-align: middle;
}

.tbl02 tbody th {
	background: #efece5;
	font-weight: normal;
	word-break: break-all;
	word-wrap: break-word;
}

/* even */

.tbl02 tr.even td {
	background: #eaeef1;
}

/* odd */

.tbl02 tr.odd td {
	background: #eaeef1;
}

/* -- tbl03 -- */

.tbl03 {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border-top: 1px solid #b4b9bd;
	border-left: 1px solid #b4b9bd;
}

.tbl03 th,
.tbl03 td {
	border-right: 1px solid #b4b9bd;
	border-bottom: 1px solid #b4b9bd;
	padding: 7px;
	vertical-align: top;
}

.tbl03 td {
	text-align: center;
}

.tbl03 thead th {
	color: #fff;
	font-weight: bold;
	background: #666;
	border: 1px solid #414141;
	text-align: center;
	vertical-align: middle;
}

.tbl03 tbody th {
	background: #efece5;
	font-weight: normal;
}

/* even */

.tbl03 tr.even td {
	background: #eaeef1;
}

/* odd */

.tbl03 tr.odd td {
	background: #eaeef1;
}

/** -------------------------------------------------------
 ** リスト
 ** ------------------------------------------------------- */

/* ul
----------------------------------------------------*/

/* -- list01 -- */

ul.list01 li {
	background: url(/business/images_global/products/n_ic_circle.gif) no-repeat left 0.2em;
	padding: 0 0 0 16px;
	margin-top: 0.5em;
}
ul.list01 li:first-child {
	margin-top: 0;
}

/* -- list02 -- */

ul.list02 {
	overflow: hidden;
}

ul.list02 li {
	background: url(/business/images_global/products/n_ic_circle.gif) no-repeat left 0.2em;
	padding: 0 0 0 16px;
	margin-right: 1em;
	display: inline-block;
}

.ie6 ul.list02 li,
.ie7 ul.list02 li {
	display: inline;
	white-space: nowrap;
	zoom: 1;
}

/* -- pdfList -- */

ul.pdfList li {
	background: url(/business/images_global/products/n_ic_pdf.gif) no-repeat left 0.1em;
	padding: 0 0 0 20px;
	margin-top: 0.5em;
}
ul.pdfList li:first-child {
	margin-top: 0;
}

/* -- arwList -- */

ul.arwList li {
	background: url(/business/images_global/products/n_ic_arw_08.png) no-repeat left center;
	padding: 0 0 0 15px;
	margin-top: 0.5em;
}
ul.arwList li:first-child {
	margin-top: 0;
}

/* -- arwList02 -- */

ul.arwList02 li {
	background: url(/business/images_global/products/n_ic_arw_06.gif) no-repeat left 0.4em;
	padding: 0 0 0 15px;
}

/* -- notesList -- */

span.notes {
	/*color: #cc0000;*/
}

sup.notes {
	/*color: #cc0000;*/
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

ul.notesList li {
	margin-bottom: 0.5em;
	font-size: 100%;
	color: #666;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

ul.notesList li span {
	/*color: #cc0000;*/
	margin-right: 0.5em;
}

/* -- contentsList -- */

ul.contentsList {
	background: #ebeef0;
	padding: 10px;
	margin: 0 0 20px;
}

ul.contentsList li {
	background: url(/business/images_global/products/n_ic_arw_07.gif) no-repeat left center;
	padding: 0 0 0 23px;
	margin-right: 1em;
	display: inline-block;
}

.ie6 ul.contentsList li,
.ie7 ul.contentsList li {
	display: inline;
	white-space: nowrap;
	zoom: 1;
}

/* -- SP --*/
body.responsive-sp ul.contentsList {
	margin: 0;
}
body.responsive-sp ul.contentsList li {
	display: block;
	margin-right: 0;
	margin-top: 1em;
}
body.responsive-sp ul.contentsList li:first-child {
	margin-top: 0;
}

/* dl
----------------------------------------------------*/

/* -- dl01 -- */

dl.dl01 dt {
	font-weight: bold;
}


/** -------------------------------------------------------
 ** Adobe Reader
 ** ------------------------------------------------------- */`
.getAdobeReader p {
	padding: 10px 0 0;
}

.getAdobeReader p img {
	float: left;
	margin: -10px 10px 10px 0;
}


/** -------------------------------------------------------
 ** 活用シーン
 ** ------------------------------------------------------- */
.sceneBox {
	width: 660px;
	overflow: hidden;
}
.indentBlock .sceneBox {
	margin-left: -10px;
	margin-right: -10px;
}

.sceneBox .fixHeight {
	width: 680px;
}

.sceneBox .fixHeight .fixHeightChild01 {
	width: 320px;
	margin: 0 20px 3em 0;
	float: left;
}

.indentBlock .sceneBox .titStyle01,
.indentBlock .sceneBox .titStyle03 {
	margin-left: 0;
	margin-right: 0;
}

/* --- SP --- */
body.responsive-sp .sceneBox {
	width: auto;
	overflow: visible;
}
body.responsive-sp .indentBlock .sceneBox {
	margin-left: 0;
	margin-right: 0;
}

body.responsive-sp .sceneBox .fixHeight {
	width: auto;
}
body.responsive-sp .sceneBox .fixHeight .fixHeightChild01 {
	float: none;
	width: auto;
	margin: 20px 0 0 0;
}

body.responsive-sp .indentBlock .sceneBox .titStyle01,
body.responsive-sp .indentBlock .sceneBox .titStyle03 {
	margin-left: -10px;
	margin-right: -10px;
}


/*----------------------------------------------------
	※レスポンシブ
	コンテンツ下部 ご購入ご相談窓口
----------------------------------------------------*/
#footerInfoBox {
	padding: 0 8px 8px 8px;
	margin: 40px 0 0 0;
	border-radius: 4px;
	background-color: #3d3d3d;
}
#footerInfoBox .tit {
	padding: 10px 4px;
	margin: 0;
	color: #fff;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.4;
}
#footerInfoBoxInner {
	padding: 11px;
	background-color: #fffecd;
}
#footerInfoBoxInner .infoCatch {
	text-align: center;
}
#footerInfoBoxInner .infoBtn {
	width: 380px;
	margin: 1em auto 0 auto;
}
#footerInfoBoxInner .infoBtn a {
	position: relative;
	display: block;
	padding: 12px 12px 12px 44px;
	background-color: #bc5a00;
	border-radius: 10px;
	color: #fff;
	font-size:108%;
	font-weight: bold;
	text-decoration: none;
	box-sizing: border-box;
}
#footerInfoBoxInner .infoBtn a:before {
	position: absolute;
	left: 13px;
	top: 50%;
	width: 18px;
	height: 19px;
	margin-top: -8px;
	background: url("/business/images_global/r_info_pc_blank.png") no-repeat;
	content: "";
}
#footerInfoBoxInner .infoBtn a:hover {
	opacity: 0.8;
}

/* --- SP --- */
body.responsive-sp #footerInfoBox {
	margin-left: -10px;
	margin-right: -10px;
	border-radius: 0;
}
body.responsive-sp #footerInfoBoxInner .infoBtn {
	width: auto;
}


/*----------------------------------------------------
	※レスポンシブ
	コンテンツ下部 ご購入ご相談窓口・お電話でのお問い合わせ
----------------------------------------------------*/
#footerInfoTelBox {
	display: table;
	margin-top: 40px;
	background-color: #3d3d3d;
	border-radius: 4px;
	border-collapse: separate;
	border-spacing: 11px;
}

#footerInfoTelBox #footerInfoBox {
	display: table-cell;
	width: 280px;
	padding: 11px;
	margin-top: 0;
	background-color: #fffecd;
	border-radius: 0;
}
#footerInfoTelBox #footerInfoBox .tit {
	padding: 0;
	color: #333;
}
#footerInfoTelBox #footerInfoBoxInner {
	padding: 11px 0 0 0;
}
#footerInfoTelBox #footerInfoBoxInner .infoCatch {
	text-align: left;
}
#footerInfoTelBox #footerInfoBoxInner .infoBtn {
	width: 100%;
}
#footerInfoTelBox #footerInfoBoxInner .infoBtn .spInline {
	display: inline;
}

#footerInfoTelBox #footerTelBox {
	display: table-cell;
	width: 330px;
	padding: 11px;
	background-color: #fffecd;
}
#footerInfoTelBox #footerTelBox .tit {
	margin: 0;
	color: #333;
	font-size: 116%;
	font-weight: bold;
	line-height: 1.4;
}
#footerInfoTelBox #footerTelBoxInner {
	padding: 11px 0 0 0;
}
#footerInfoTelBox #footerTelBox .telNumber {
	font-size: 182%;
	font-weight: bold;
}
#footerInfoTelBox #footerTelBox .telNumber p {
	margin-bottom: 0.8em;
}
#footerInfoTelBox #footerTelBox .telNumber img {
	width: 37.5px;
	height: auto;
	vertical-align: middle;
}
#footerInfoTelBox #footerTelBox .telTime dt {
	font-weight: bold;
}

/* --- SP --- */
body.responsive-sp #footerInfoTelBox {
	display: block;
	padding: 11px;
	margin-left: -10px;
	margin-right: -10px;
	border-radius: 0;
}
body.responsive-sp #footerInfoTelBox #footerInfoBox {
	display: block;
	width: auto;
	margin-left: 0;
	margin-right: 0;
}
body.responsive-sp #footerInfoTelBox #footerTelBox {
	display: block;
	width: auto;
	margin-top: 11px;
}


/*----------------------------------------------------
	※レスポンシブ
	バナーカルーセル
----------------------------------------------------*/
.sharchBnr {
	position: relative;
	width: 700px;
	margin: 15px 0 1px 0;
	background-color: #cbd2d7;
	/*box-shadow: 0 0 4px rgba( 0,0,0,0.2 ) inset;*/
	border-radius: 5px;
	overflow: hidden;
}
.sharchBnr .lineup {
	position: absolute;
	top: 10px;
	right: 10px;
	padding-left: 20px;
}
.sharchBnr h2 {
	margin: 0;
}
.sharchBnr h2 span {
	font-size:108%;
	margin: 0px 0 3px 10px;
	padding: 10px 0 0 25px;
	display: block;
	height: 18px;
	background: url(/business/images_global/n_ic_arw_04.gif) no-repeat left 10px;
}
.sharchBnr .lineup a {
	padding: 0 0 3px 20px;
}
#sharchBnrWrap {
	position: relative;
	margin-top: 10px;
}
#sharchBnrContainer {
	width: 90%;
	height: 150px;
	margin: 0 auto;
	position: relative;
}
#sharchBnrContainer ul {
	position: relative;
	left: 0;
	top: 0;
	min-width: 100%;
}
#sharchBnrContainer ul li {
	float: left;
	width: 190px; /* 202 */
	height: 119px; /* 133 */
	padding: 6px;
	border-radius: 4px;
	background-color: #fff;
	text-align: left;
}
#sharchBnrContainer ul li p {
	margin-bottom: 8px;
	padding: 0 1px;
}
#sharchBnrContainer ul li a {
	padding: 0 0 0 2px;
	font-weight: bold;
}
#sharchBnrLeft,
#sharchBnrRight {
	position: absolute;
	top: 50%;
	width: 25px;
	height: 25px;
	margin-top: -12.5px;
	cursor: pointer;
	opacity: 0.7;
}
#sharchBnrLeft {
	left: 0;
}
#sharchBnrRight {
	right: 0;
}

.sharchBnr .pagination {
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	width: 100%;
	height: 20px;
	padding-bottom: 5px;
}
.sharchBnr .pagination li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 5px;
	background-image: url(/business/images_global/n_ic_mainVisual_01.png);
	background-position: left top;
	background-repeat: no-peat;
	cursor: pointer;
}
* html .sharchBnr .pagination li {
	display: inline;
	zoom: 1;
}
*:first-child+html .sharchBnr .pagination li {
	display: inline;
	zoom: 1;
}
.sharchBnr .pagination .current {
	background-position: left -14px;
}

/* --- SP --- */
body.responsive-sp .sharchBnr {
	width: auto;
	overflow: hidden;
	margin-top: 0;
	border-radius: 0;
}
body.responsive-sp .sharchBnr .lineup {
	display: none;
}

/* -----------------------------------------------------------
	※PCのみ
	サイドバナーエリア
----------------------------------------------------------- */
.rBnrBlock {
	margin-top: 10px;
}
.rBnrBlock:first-child {
	margin-top: 0;
}
.rBnrBlock li {
	margin-top: 5px;
}
.rBnrBlock li:first-child {
	margin-top: 0;
}

/* -----------------------------------------------------------
	※PCのみ
	サイドメニュー下リンク
----------------------------------------------------------- */
/* -- recom -- */
.recomBlock li a {
	display: block;
	padding: 6px;
	margin: 0 0 6px;
}
.recomBlock li a:after {
	content: '';
	display: block;
	clear: both;
}
.recomBlock li a {
/zoom : 1;
}
.recomBlock li img {
	float: left;
}

/* -- recom2 -- */
.recomBlock02 {
	margin-top: 10px;
}
.recomBlock02 li span {
	display: block;
	padding: 10px;
	margin: 0 0 6px;
	background: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.recomBlock02 li a {
	background: url(/business/images_global/products/n_ic_arw_09.gif) no-repeat left 0.1em;
	padding: 0 0 0 22px;
	font-size: 107.6923%;
	display: block;
	margin-bottom: 0.5em;
}


/* -----------------------------------------------------------
	※PCのみ
	フッター法人メニュー
----------------------------------------------------------- */
#ftBusiness {
	height: 45px;
	border-top: 1px solid #cbd2d7;
	background: #ebeef0;
	font-family: "源ノ角ゴシック Light", "源ノ角ゴシック", sans-serif;
}

#ftBusinessCon {
	width: 950px;
	margin: auto;
	text-align: left;
}

#ftBusinessCon h4 {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}
#ftBusinessCon h4 a {
	line-height: 44px;
	font-size:96.5%;
	text-decoration: none;
	color: #333;
	font-weight: normal;
}

#ftBusinessCon h4 a:hover {
	text-decoration: underline;
}

#ftBusinessCon ul {
	display: inline-block;
	vertical-align: top;
}
#ftBusiness #ftBusinessCon li {
	display: inline-block;
	vertical-align: top;
	float: none;
	margin-right: 15px;
}

#ftBusinessCon li a {
	line-height: 44px;
	font-size: 96.5%;
	text-decoration: none;
	color: #333;
}

body.responsive-sp #ftBusinessCon li a {
	font-size: 116%;

}

#ftBusinessCon li a:hover {
	text-decoration: underline;
}