/* CSS Document */

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

#rContent {
	text-align: left;
}

/** -------------------------------------------------------
 ** hdgNavBtn
 ** ------------------------------------------------------- */
body.responsive-sp #hdgNavBtn {
	font-size: 100%;
}

/** -------------------------------------------------------
 ** bread
 ** ------------------------------------------------------- */
#bread {
	width: 500px;
}

/** -------------------------------------------------------
 ** rSolutionCaseSect
 ** ------------------------------------------------------- */
.rSolutionCaseSect .rLayoutLeft img {
	display: block;
	width: 100%;
}


/** -------------------------------------------------------
 ** cmnTitArea
 ** ------------------------------------------------------- */
#cmnTitArea01 {
	background: #000 url(/business/solution/office/images_global/n_bg_titarea_01.jpg) no-repeat top center;
}
/** -------------------------------------------------------
 ** cmnNavArea
 ** ------------------------------------------------------- */
#cmnNavArea01 ul {
	width: 950px;
	margin: 0 auto;
}
#cmnNavArea01 li {
	float: left;
}
/** -------------------------------------------------------
 ** cmnBoxLink01
 ** ------------------------------------------------------- */
.cmnBoxLink01 {
	cursor: pointer;
}

/** -------------------------------------------------------
 ** rContentsSecondInner
 ** ------------------------------------------------------- */
.rContentsSecondInner {
	margin-top: 40px;
}

body.responsive-sp .rContentsSecondInner {
	margin-top: 0;
}


/** -------------------------------------------------------
 ** rSecondIdx
 ** ------------------------------------------------------- */
.rSecondIdx {
	width: 966px;
	margin-top: 40px;
}

/* -- SP -- */
body.responsive-sp .rSecondIdx {
	width: auto;
	margin-top: 0;
	padding: 5% 3.125%;
}

/* rSecondIdxSec
----------------------------------------------------------- */
.rSecondIdxSec {
	float: left;
	width: 427px;
	padding: 19px 19px 23px 19px;
	margin: 0 16px 16px 0;
	background-color: #fff;
	border: 1px solid #bbbec1;
	text-align: left;
}
.rSecondIdxSecInner {
	margin: 16px 0 0 0;
}
.rSecondIdxSecInner .rSecondIdxSecTit {
	font-size: 138%;
	font-weight: bold;
}
.rSecondIdxSecInner strong {
	display: block;
	margin: 8px 0 0 0;
	color: #5b6771;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.6;
}
.rSecondIdxSecInner p {
	margin: 8px 0 0 0;
	font-size: 108%;
	line-height: 1.6;
}
.rSecondIdxSecBtn {
	margin: 22px 0 0 0;
}
.rSecondIdxSecBtn li {
	float: left;
	width: 48%;
	margin-left: 4%;
}
.rSecondIdxSecBtn li:first-child {
	margin-left: 0;
}
.rSecondIdxSecBtn a {
	font-size: 100%;
	line-height: 1.2;
}
.rSecondIdxSecBtn a.rBtnLink,
.rSecondIdxSecBtn a.rBtnBlank {
	padding-top: 1em;
	padding-bottom: 1em;
}
.rSecondIdxSecBtn a.rBtnBlank:before {
	width: 1.5em;
	height: 1.5em;
	background-image: url(/business/images_global/r_ico_blank_01_sp.png);
	margin-top: -0.2em;
	margin-bottom: -0.2em;
}

/* -- SP -- */
body.responsive-sp .rSecondIdxSec {
	float: none;
	width: auto;
	padding: 10px;
	margin: 3.125% auto 0;
}
body.responsive-sp .rSecondIdxSec:first-child {
	margin-top: 0;
}
body.responsive-sp .rSecondIdxSecBtn li {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
}
body.responsive-sp .rSecondIdxSecBtn li:first-child {
	margin-top: 0;
}
body.responsive-sp .rSecondIdxSecBtn a {
	font-size: 116%;
}
/** -------------------------------------------------------
 ** 追記
 ** ------------------------------------------------------- */
body.responsive-sp .rBtnGroup li{
	margin-right: 0!important;
}


/** -------------------------------------------------------
 ** rCategoryIndex
 ** ------------------------------------------------------- */
#rCategoryIndex {
	margin-top: 40px;
}

/* -- SP -- */
body.responsive-sp #rCategoryIndex {
	margin-top: 0;
}

/** -------------------------------------------------------
 ** pickupHead
 ** ------------------------------------------------------- */
.pickupHead .flLeft {
	width: 385px;
}
.pickupHead .flRight {
	width: 480px;
}
.pickupHead .flRight p,
.pickupHead .flRight ul {
	font-size: 100%;
	line-height: 1.5;
}

/* -- SP -- */
body.responsive-sp .pickupHead .flLeft {
	float: none;
	width: auto;
}
body.responsive-sp .pickupHead .flLeft img {
	display: block;
	width: 100%;
	height: auto;
}
body.responsive-sp .pickupHead .flRight {
	float: none;
	width: auto;
	padding: 15px;
}

/** -------------------------------------------------------
 ** pickupSect
 ** ------------------------------------------------------- */
.pickupSect {
	margin-top: 32px;
}
.pickupSect .figure01 img {
	display: block;
	width: 100%;
	height: auto;
}
.pickupSect .catch01 {
	margin: 0 0 20px 0;
}

/* -- SP -- */
body.responsive-sp .pickupSect {
	margin-top: 0;
}
body.responsive-sp .pickupSect .figure01 {
	padding: 15px;
}
body.responsive-sp .pickupSect .catch01 {
	padding: 15px;
	margin: 0;
}
body.responsive-sp .pickupSect .rBlockSectHeader {
	margin-bottom: 0;
	padding-left: 10px;
	padding-right: 10px;
}

/** -------------------------------------------------------
 ** pickupBox
 ** ------------------------------------------------------- */
.pickupBox01 {
	background: #ebeff2;
	padding: 20px 0 0 20px;
}
.pickupBox01 .box01 {
	width: 276px;
	float: left;
	margin: 0 20px 20px 0;
	background: #fff;
}
.pickupBox01 .box01 .tit01,
.pickupBox01 .box01 .tit02 {
	background: #4b4b4b url(/business/solution/office/images_global/n_icon_check_01.gif) no-repeat 14px 0.8em;
	color: #fff;
	font-weight: bold;
	padding: 10px 10px 10px 37px;
}
.pickupBox01 .box01 .tit02 {
	font-size: 114.28%;
}
.pickupBox01 .box01 .tit01 span,
.pickupBox01 .box01 .tit02 span {
	font-size: 71.42%;
	font-weight: normal;
}
.pickupBox01 .box01 .txt01 {
	padding: 15px;
}
.pickupBox01 .box01 .txt01 strong {
	display: block;
	margin: 0 0 5px;
}
.pickupBox01 .box01 img {
	display: block;
	width: 100%;
	height: auto;
}
.pickupBox01 .box01 .notesList01 {
	padding: 0 15px 15px;
}

/* -- SP -- */
body.responsive-sp .pickupBox01 {
	padding: 10px;
}
body.responsive-sp .pickupBox01 .box01 {
	float: none;
	width: auto;
	margin: 10px 0 0 0;
}
body.responsive-sp .pickupBox01 .box01:first-child {
	margin: 0;
}
body.responsive-sp .pickupBox01 .box01 .notesList01 {
	padding: 0 15px 15px;
}

/** -------------------------------------------------------
 ** issueBox
 ** ------------------------------------------------------- */
.issueBox01 {
	background: #ebeff2;
	padding: 20px 0 0 20px;
}
.issueBox01Inner {
	width: 620px;
	overflow: hidden;
}
.issueBox01 ul {
	margin: 0 0 20px;
	width: 100%;
}
.issueBox01 li {
	width: 183px;
	display: table;
	float: left;
	padding: 0 0 0 35px;
	background: url("/business/solution/office/images_global/r_issue_arw.png") no-repeat 7px center;
}
.issueBox01 li:first-child {
	padding: 0;
	background-image: none;
}
.issueBox01 li span {
	display: table-cell;
	background: #4b4b4b url(/business/solution/office/images_global/n_icon_check_01.gif) no-repeat 9px center;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 10px 10px 30px;
}

/* -- SP -- */
body.responsive-sp .issueBox01 {
	padding: 10px;
}
body.responsive-sp .issueBox01Inner {
	width: 100%;
}
body.responsive-sp .issueBox01 ul {
	margin: 30px 0 0 0;
}
body.responsive-sp .issueBox01 ul:first-child {
	margin: 0;
}
body.responsive-sp .issueBox01 li {
	width: 100%!important;
	display: block;
	float: none;
	padding: 35px 0 0 0;
	background: url("/business/solution/office/images_global/r_issue_arw_s.png") no-repeat center 7px;
}
body.responsive-sp .issueBox01 li:first-child {
	padding: 0;
	background-image: none;
}
body.responsive-sp .issueBox01 li span {
	display: block;s
}


.issueBox02 {
	background: #ebeff2;
	padding: 20px 0 0 20px;
}
.issueBox02Inner {
	width: 690px;
	overflow: hidden;
}
.issueBox02 ul {
	background: url(/business/solution/office/images_global/n_icon_arrow_03.gif) no-repeat left center;
	margin: 0 0 20px;
	width: 725px;
}
.issueBox02 li {
	width: 327px;
	display: table;
	float: left;
	margin: 0 35px 0 0;
}
.issueBox02 li span {
	display: table-cell;
	background: #4b4b4b url(/business/solution/office/images_global/n_icon_check_01.gif) no-repeat 9px center;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 10px 10px 30px;
}
.issueBox03 {
	background: #ebeff2;
	padding: 20px 0 0 20px;
}
.issueBox03Inner {
	width: 690px;
	overflow: hidden;
}
.issueBox03 ul {
	margin: 0 0 20px;
}
.issueBox03 li {
	width: 100%;
	display: table;
}
.issueBox03 li span {
	display: table-cell;
	background: #4b4b4b url(/business/solution/office/images_global/n_icon_check_01.gif) no-repeat 9px center;
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	padding: 10px 10px 10px 30px;
}

/** -------------------------------------------------------
 ** rRecLinkBox
 ** ------------------------------------------------------- */
.rRecLink {
	float: left;
	width: 50%;
	display: table;
}
.rRecLinkThumb,
.rRecLinkLink {
	display: table-cell;
}
.rRecLinkThumb {
	width: 35%;
}
.rRecLinkLink {
	width: 65%;
	padding: 10px;
	box-sizing: border-box;
	vertical-align: middle;
}

/* -- SP -- */
body.responsive-sp .rRecLinkBox {
	margin-bottom: 0;
	padding-bottom: 5%;
}
body.responsive-sp .rRecLink {
	float: none;
	width: 100%;
	margin-top: 20px;
}
body.responsive-sp .rRecLink:first-child {
	margin-top: 0;
}


/** -------------------------------------------------------
 ** cmnArrow01
 ** ------------------------------------------------------- */
.cmnArrow01 li {
	position: relative;
	padding: 0 0 0 24px;
}
.cmnArrow01 li:before {
	position: absolute;
	left: 0;
	top: 3px;
	display: block;
	width: 16px;
	height: 15px;
	background: url("/business/images_global/r_title_link.png") no-repeat;
	content: "";
}

/** -------------------------------------------------------
 ** same style as the upper
 ** ------------------------------------------------------- */
 
/* Arrow Links */
#main p.arrowIcon01{
	line-height: 1.4em;
 }
 
#main p.arrowIcon01 a{
	padding: 0 0 3px 22px;
	background: url(/common/img/global/icon_arrow.gif) no-repeat left 0.2em;
 }
 
/* External Links */


/** -------------------------------------------------------
 ** for notesList
 ** ------------------------------------------------------- */
 
.notesList{
	margin: 10px 0 10px 0;
}
.notesList li{
	padding-left: 1em;
	text-indent: -1em;
}

.notesList01{
	padding:0 15px 0 15px ;
}
.notesList01 li{
	font-size: 77%;
	color: #666;
	padding-left: 1em;
	text-indent: -1em;
}

#content div.notesList02{
	margin: 5px 10px 5px 10px;
	font-size: 77%;
}
#content div.notesList02 span{
	display:block;
	padding-left: 1em;
	text-indent: -1em;
}


/*----------------------------------------------------
	※レスポンシブ
	コンテンツ下部 ご購入ご相談窓口
----------------------------------------------------*/
#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.rInfoBtn {
	font-size: 100%;
}

/* --- SP --- */
body.responsive-sp #footerInfoBox {
	border-radius: 0;
}
body.responsive-sp #footerInfoBoxInner {
	padding: 5%;
}
body.responsive-sp #footerInfoBoxInner .infoCatch {
	text-align: left;
}
body.responsive-sp #footerInfoBoxInner .infoBtn {
	width: auto;
}
body.responsive-sp #footerInfoBoxInner .infoBtn a.rInfoBtn {
	font-size: 123.1%;
}



/** -------------------------------------------------------
 ** cmnPlusBox01
 ** ------------------------------------------------------- */
.cmnPlusBox01 {
	margin: 0 0 20px;
}
.cmnPlusBox01 strong {
	color: #fff;
	padding: 10px;
	background: #4b4b4b;
	line-height: 3.5;
}
.cmnPlusBox01 img {
	margin: 0 10px;
	vertical-align: middle;
}


/** -------------------------------------------------------
 ** font
 ** ------------------------------------------------------- */
.rFs-L {
	font-size:123.1% !important;
	line-height: 1.7;
}