@charset "utf-8";
/* ===================================================================
 CSS Document
 file name  : common.css
 style info : clear
=================================================================== */
	main {
		width: 100%;
		min-width: 980px;
		overflow: hidden;
		font-size: 16px;
		color: #333;
		word-break: normal !important;
	}


	/*-----------------------------
	相殺
	------------------------------*/
	img {
		max-width: none;
	}
	* {
		box-sizing: border-box;
	}
	a {
		transition: opacity .6s ease;
	}
	a:hover {
		opacity: .8;
	}
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}

	.l-header {
		width: 100%;
		height: 67px;
		min-width: 980px;
	}
	.header {
		height: 67px;
		border-bottom: #D9D9D9 1px solid;
	}
	.header_utility_menu_li > a,
	.header_utility_menu_li > span {
		height: 66px;
		padding-top: 37px;
	}
	.header_utility_menu_li > a i.is-global,
	.header_utility_menu_li > span i.is-global {
		top: 12px;
	}
	.header_utility_menu_li > a i.is-search,
	.header_utility_menu_li > span i.is-search {
		top: 13px;
	}
	.header_utility_menu_li > a i.is-close,
	.header_utility_menu_li > span i.is-close {
		top: 18px;
	}
	.header_search {
		top: 66px;
		z-index: 11;
	}
	.header_title {
		margin: 16px 25px 0 30px;
	}
	.header_title_logo img {
		width: 104px;
	}
	.header_nav_menu_li a {
		height: 66px;
		line-height: 66px;
		position: relative;
	}
	.header_nav_menu_li.cr a {
		color: #E90000;
	}
	.header_nav_menu_li.cr a:after {
		content: '';
		display: block;
		width: 18px;
		height: 4px;
		background: #E90000;
		position: absolute;
		bottom: 1px;
		left: 50%;
		margin-left: -9px;
	}
	
	/* clear */
	.clearfix:after {
		content:".";
		clear: both;
		display: block;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}
	.clearfix {
		zoom: 1;
	}
	.clearfix {
		overflow: hidden;
	}
	
	/* imgChange */
	.imgChange {
		line-height: 0.1px;
		margin: 0;
		padding: 0;
		font-style: normal;
		font-weight: normal;
		font-size: 1px;
		text-indent: -9999px;
	}
/* align
-------------------------------- */

.alignLeft {
	text-align: left;
}

.alignCenter {
	text-align: center;
}

.alignRight {
	text-align: right;
}


/* sentence
-------------------------------- */

.sentence {
	margin-bottom: 25px;
}

.paragraph {
	margin-bottom: 1em;
}

.mgbList {
	margin-bottom: 0.5em;
}


/* display
-------------------------------- */

.displayNone {
	display: none;
}

/* margin-top
----------------------------- */
.mgt0	{ margin-top:0 !important; }
.mgt5	{ margin-top:5px !important; }
.mgt10 { margin-top:10px !important; }
.mgt15 { margin-top:15px !important; }
.mgt20 { margin-top:20px !important; }
.mgt25 { margin-top:25px !important; }
.mgt30 { margin-top:30px !important; }
.mgt35 { margin-top:35px !important; }
.mgt40 { margin-top:40px !important; }
.mgt45 { margin-top:45px !important; }
.mgt50 { margin-top:50px !important; }

/* margin-bottom
----------------------------- */
.mgb0	{ margin-bottom:0 !important; }
.mgb5	{ margin-bottom:5px !important; }
.mgb10 { margin-bottom:10px !important; }
.mgb15 { margin-bottom:15px !important; }
.mgb20 { margin-bottom:20px !important; }
.mgb25 { margin-bottom:25px !important; }
.mgb30 { margin-bottom:30px !important; }
.mgb35 { margin-bottom:35px !important; }
.mgb40 { margin-bottom:40px !important; }
.mgb45 { margin-bottom:45px !important; }
.mgb50 { margin-bottom:50px !important; }

/* margin-left
----------------------------- */
.mgl0	{ margin-left:0 !important; }
.mgl5	{ margin-left:5px !important; }
.mgl10 { margin-left:10px !important; }
.mgl15 { margin-left:15px !important; }
.mgl20 { margin-left:20px !important; }
.mgl25 { margin-left:25px !important; }
.mgl30 { margin-left:30px !important; }
.mgl35 { margin-left:35px !important; }
.mgl40 { margin-left:40px !important; }
.mgl45 { margin-left:40px !important; }
.mgl50 { margin-left:50px !important; }

/* margin-right
----------------------------- */
.mgr0	{ margin-right:0 !important; }
.mgr5	{ margin-right:5px !important; }
.mgr10 { margin-right:10px !important; }
.mgr15 { margin-right:15px !important; }
.mgr20 { margin-right:20px !important; }
.mgr25 { margin-right:25px !important; }
.mgr30 { margin-right:30px !important; }
.mgr35 { margin-right:35px !important; }
.mgr40 { margin-right:40px !important; }
.mgr45 { margin-right:40px !important; }
.mgr50 { margin-right:50px !important; }


/* padding-top
----------------------------- */
.pdt0	{ padding-top:0 !important; }
.pdt5	{ padding-top:5px !important; }
.pdt10 { padding-top:10px !important; }
.pdt15 { padding-top:15px !important; }
.pdt20 { padding-top:20px !important; }
.pdt25 { padding-top:25px !important; }
.pdt30 { padding-top:30px !important; }
.pdt35 { padding-top:35px !important; }
.pdt40 { padding-top:40px !important; }
.pdt45 { padding-top:40px !important; }
.pdt50 { padding-top:50px !important; }

/* padding-bottom
----------------------------- */
.pdb0	{ padding-bottom:0 !important; }
.pdb5	{ padding-bottom:5px !important; }
.pdb10 { padding-bottom:10px !important; }
.pdb15 { padding-bottom:15px !important; }
.pdb20 { padding-bottom:20px !important; }
.pdb25 { padding-bottom:25px !important; }
.pdb30 { padding-bottom:30px !important; }
.pdb35 { padding-bottom:35px !important; }
.pdb40 { padding-bottom:40px !important; }
.pdb45 { padding-bottom:40px !important; }
.pdb50 { padding-bottom:50px !important; }

/* padding-left
----------------------------- */
.pdl0	{ padding-left:0 !important; }
.pdl5	{ padding-left:5px !important; }
.pdl10 { padding-left:10px !important; }
.pdl15 { padding-left:15px !important; }
.pdl20 { padding-left:20px !important; }
.pdl25 { padding-left:25px !important; }
.pdl30 { padding-left:30px !important; }
.pdl35 { padding-left:35px !important; }
.pdl40 { padding-left:40px !important; }
.pdl45 { padding-left:40px !important; }
.pdl50 { padding-left:50px !important; }

/* padding-right
----------------------------- */
.pdr0	{ padding-right:0 !important; }
.pdr5	{ padding-right:5px !important; }
.pdr10 { padding-right:10px !important; }
.pdr15 { padding-right:15px !important; }
.pdr20 { padding-right:20px !important; }
.pdr25 { padding-right:25px !important; }
.pdr30 { padding-right:30px !important; }
.pdr35 { padding-right:35px !important; }
.pdr40 { padding-right:40px !important; }
.pdr45 { padding-right:40px !important; }
.pdr50 { padding-right:50px !important; }

/* ---------------------------------------------------------- contents */

#contentArea {
	margin: 15px auto 0 auto;
	padding-top: 10px;
	width: 1012px;
}

#wrapContentTtl {
	clear: both;
	margin: 10px 0;
}

#contentTtl {
	color: #000000;
	font-family: 'Droid Sans', sans-serif;
	font-size: 163%;
	line-height: 1.2;
}

/*2col*/
#contentBody{
	margin:0px auto 0 auto;
	width:990px;
	font-size: 13px !important;
}

#maincontents{
	background-color:#FFF;
	float:left;
	width:770px;
}

#side{
	float:right;
	width:200px;
}
#sideNavi{
	/*text-indent:-9999px;*/
	font-size: 97.7% !important;
}
#sideNavi ul li div a,
#sideNavi ul li div a:hover{
	color:#FFFFFF;
	text-decoration:none;
	line-height: 30px;
	padding-left:10px;
}

#sideNavi ul li li a,
#sideNavi ul li li a:hover{
	text-decoration: underline;
}
#sideNavi .sNavi00 a {
	color: #ffffff;
}

.sNavi00 a{
	font-size:130%;
	color:#FFFFFF;
	background-color:#000000;
	background-image:url(https://global.sharp/products/copier/img/products/snavi00.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	min-height:56px;
	text-decoration:none;
	line-height: 56px;
	padding-left:10px;
	font-weight: bold;
}
.sNavi00 a:hover{
	background-color:#1f1f1f;
	background-position:0 -56px;
	line-height: 56px;
	padding-left:10px;
}

.sNavi01,
.sNavi02,
.sNavi03,
.sNavi04,
.sNavi05,
.sNavi06,
.sNavi07{
	display:block;
	min-height:33px;
}
.sNavi07 {
	line-height: 1.2;
	padding: 5px 0 3px;
}
#sideNavi .itrg a,
#sideNavi .active a{
	background-color:#000;
	border-top:1px solid #FFF;
	display:block;
}
#sideNavi .itrg a:hover,
#sideNavi .active a:hover{
	background-color:#1f1f1f;
}

/* side */
#sideNavi ul.o > li {
	background-image:url(https://global.sharp/products/copier/img/products/all_model.gif);
	margin-top:1px;
}

#sideNavi ul.o > li a{
	background-image:url(https://global.sharp/products/copier/img/products/all_model.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	min-height:20px;
	height: auto !important;
	height: 20px;
	padding: 8px 2px 8px 20px;
	color: #3399cc;
}

#sideNavi ul.o > li a:hover{
	background-image:url(https://global.sharp/products/copier/img/products/all_model.gif);
	background-position:0 -83px;
}


#sideNavi .plus a{
	background-image:url(https://global.sharp/products/copier/common/img/ic_plus.gif);
	background-position:182px center;
	background-repeat:no-repeat;	
}

#sideNavi .minus a{
	background-image:url(https://global.sharp/products/copier/common/img/ic_minus.gif);
	background-position:182px center;
	background-repeat:no-repeat;	
}
#sideNavi ul li ul li{
	background-image:url(https://global.sharp/products/copier/img/products/all_model.gif);
	margin-top:1px;
}

#sideNavi ul li ul li .activeLi{
	background-image:url(https://global.sharp/products/copier/img/products/all_model.gif);
	background-position:0 -166px;
	color: #333333;
	text-decoration: none;
}

#sideNavi ul li ul li a{
	background-image:url(https://global.sharp/products/copier/img/products/all_model.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	min-height:20px;
	height: auto !important;
	height: 20px;
	padding: 8px 2px 8px 20px;
	color: #3399cc;
}

#sideNavi ul li ul li a:hover{
	background-image:url(https://global.sharp/products/copier/img/products/all_model.gif);
	background-position:0 -166px;
}

#sideNavi ul li ul .paperSize {
	background-image: none;
	background: #858484;
	color: #fff;
	line-height: 33px;
    padding-left: 10px;
}
.box{
	width:770px;
}











.barTtl,
.barTtlNomal{
/*	background:url(/products/copier/common/img/bg_ttlbar_off.gif) left top no-repeat;*/
	line-height:33px;
	font-family: 'Droid Sans', sans-serif;
	font-size:133%;
	font-weight:normal;
	color:#333333;
	width: 100%;
	box-sizing: border-box;
	border-left:6px solid #0e71b7;
}

.noAcd{
	padding-left:15px;
	background-color: #ededed;
	background-image: url(https://global.sharp/products/copier/common/img/bg_ttlbar.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
}

.fTtlNormal{
	font-size:110% !important;
}


.barTtl a,
.barTtlNomal a {
	height: 33px;
	line-height: 30px;
	text-decoration:none;
	display:block;
	padding-left:15px;
	width: 100%;
	box-sizing: border-box;
	color: #494e52;
	background-color: #ededed;
	background-image: url(https://global.sharp/products/copier/common/img/bg_ttlbar.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
}

.barTtl a:hover,
.barTtlNomal a:hover {
	background-color: #f3f3f3;
}

.barTtl span,
.barTtlNomal span {
	display: block;
}

.ttlMinus span {
	background:url(https://global.sharp/products/copier/common/img/ic_ttlminus.gif) 99% center no-repeat;
}

.ttlPlus span {
	background:url(https://global.sharp/products/copier/common/img/ic_ttlplus.gif) 99% center no-repeat;
}



#brochuresAcco table {
	width: 100%;
	box-sizing: border-box;
}
#brochuresAcco th {
	width: 100%;
	box-sizing: border-box;
}
#brochuresAcco td {
	width: 50%;
	box-sizing: border-box;
}


.broTbl{}
.broTbl td{
	text-align:left;
	padding: 8px 13px;
}
.broTbl th {
	text-align:left;
	padding: 4px 13px;
}
.broTbl tbody th,
.broTbl tbody td{
	text-align:left;
	vertical-align:top;
	border:1px solid #999;
}
.broTbl tbody .th01,
.broTbl tbody .th02,
.broTbl tbody .th03,
.broTbl tbody .th04{
	font-weight:bold;
}
.broTbl tbody .th01{
	background-color:#ccc;
}
.broTbl tbody .th02{
	background-color:#e7e6e6;
}
.broTbl tbody .th03{
	background-color:#c9e3f1;
}
.broTbl tbody .th04{
	background-color:#c9e3f1;
}
.broTbl tbody .th05{
	border-left:1px solid #ffffff;
	background-color:#c9e3f1;
	font-weight:normal;
}
.broTbl tbody .th06{
	background-color:#c9e3f1;
	border-left:none;
}
.broTbl tbody .th07{
	background-color:#fff;
}
.broTbl tbody .td01{
	background-color:#ffffff;
}
.broTbl tbody .td02{
	background-color:#f3f4f4;
}
.broTbl tbody .td1st {
	border-left: 1px solid #ffffff !important;
}
.broTbl tbody .txtBlueBold {
	color: #0e71b7;
	font-weight: bold;
}
.broTbl tbody .alignCenter {
	text-align: center !important;
}
.broTbl tbody a{
	color: #065492;
    text-decoration: underline;
	cursor: pointer;
}
.broTbl tbody .a00{
	padding-left: 0px;
}
.broTbl tbody .a01{
	padding-left: 10px;
}
.broTbl tbody .a02{
	padding-left: 20px;
}

/*Print CSS------------------------------------------ add CSS*/
@media print{
.broTbl td {
	border:1px solid #666666 !important;
}

.broTbl thead{
	border-bottom:2px solid #666666 !important;
}
.broTbl thead th{
	border:1px solid #666666 !important;
}
.broTbl tbody .th01,
.broTbl tbody .th02,
.broTbl tbody .th03,
.broTbl tbody .th04{
	border:1px solid #666666 !important;
}
.broTbl tbody .th05{
	border-left:1px solid #666666 !important;
}
}
/*--------------------------------------------------- add CSS*/

















.sTtl{
	font-family: 'Droid Sans', sans-serif;
	font-size:280%;
	font-weight:normal;
	line-height:1.1;
}
.sTtl span{
	font-size:70%;
}
.sTtl02{
	font-family: 'Droid Sans', sans-serif;
	font-size:210%;
	font-weight:normal;
	line-height:1.2;
	color: #494e52;
}
.sTtl02 span{
	font-size:70%;
}
.sTtl2nd{
	font-family: 'Droid Sans', sans-serif;
	font-size:140%;
	font-weight:bold;
	line-height:1.2;
	color: #000;
}
.tblTtl {
	width: 770px;
}
.tblTtl dt {
	width: 520px;
	float: left;
	display: inline;
	font-family: 'Droid Sans', sans-serif;
	font-size:150%;
	font-weight:normal;
	line-height:1.2;
	color: #0e71b7;
}
.tblTtl dt span {
	font-size:80%;
	color: #494e52;
	padding-left: 1em;
}
.tblTtl dt .smallGray {
	font-size:80%;
	color: #494e52;
	padding-left: 0;
}
.tblTtl dt.txtGray {
	color: #494e52;
}
.tblTtl dd {
	width: 250px;
	float: right;
	display: inline;
	text-align: right;
	padding-top: 5px;
}
.tblTtl dd a {
	color: #666;
	background:url(https://global.sharp/products/copier/img/products/icon_back_sys.gif) no-repeat left center;
	padding-left: 15px;
	text-decoration: none;
}
.tableTopTtl {
	color: #494E52;
	font-family: 'Droid Sans', sans-serif;
	font-size:150%;
	font-weight:normal;
	line-height:1.2;
}
.tableTopTtl span {
	font-size: 80%;
}

.note01{
	text-indent:-1.5em;
	padding-left:1.5em;
	font-size:83%;
	line-height:1.2;
}
.note02{
	text-indent:-0.5em;
	padding-left:0.5em;
	font-size:83%;
	line-height:1.2;
}
.noteList{
	color:#000;
	position:relative;
	background-color:#f4f4f4;
	font-size:83%;
	padding:10px 15px 10px 15px;
}
.noteList dt{
	position:absolute;
	left:15px;
	width:2em;
}
.noteList dd{
	padding-left:2.5em;
}


/*--------------------------------------------------- add CSS*/
/*noteRed*/
.noteRed{
	color:#ff4949;
}

/*noteBule*/
.noteBule{
	color:#53c3f7;
}

/*noteWhite*/
.noteWhite {
	color: #fff;
}

/* text #000000 */
#maincontents,
#pdContents {
	color: #333;
}

/*note*/
.noteNote{
	text-indent:-2.5em;
	padding-left:2.5em;
	font-size:83%;
	line-height:1.2;
}

/*Notes Other*/
.noteOther {
	clear:both;
	background:url(https://global.sharp/products/copier/img/products/bg_dotline.gif) repeat-x left top;
	padding-top:10px;
	margin-top:50px;
}

/*sup spacing*/
span.withTop {
	font-weight: normal;
	position: relative;
}

.withTop sup {
	position: relative;
	top: -4px;
	vertical-align: baseline;
}

/* Note 1: */
.noteNum {
    font-size: 83%;
    line-height: 1.4;
    padding-left: 3.5em;
    text-indent: -3.5em;
}



/* ---------------------------------------------------------- localNaviArea */

#wrapLocalNaviArea {
	width: 100%;
	margin-top:65px;
	padding-bottom: 0;
}

#localNaviArea {
	position: relative;
	margin: 0 auto;
	height: 30px;
	width: 990px;
}

#localNaviArea p,
#localNaviArea h1 {
	position: absolute;
	left: 0;
	top: 18px;
	z-index: 10;
	font-weight: bold;
}

#localNaviArea p a,
#localNaviArea h1 a {
	text-decoration: none;
	color: #555;
}

#localNaviArea #lNavi {
	position: absolute;
	right: 0;
	top: 18px;
	letter-spacing:-.40em;
	width: 80%;
	text-align: right;
	color: #929292;
}

#localNaviArea #lNavi li {
	vertical-align: top;
	display: inline-block;
	letter-spacing: normal;
	margin-left: 20px;
}

* html #localNaviArea #lNavi li { /* IE 6 */
	display: inline;
	zoom: 1;
}

*:first-child+html #localNaviArea #lNavi li { /* IE 7 */
	display: inline;
	zoom: 1;
}

#localNaviArea #lNavi li a {
	text-decoration: none;
	color: #252525;
	position: relative;
	display: inline-block;
	padding-left: 13px;
	vertical-align: middle;
	text-decoration: none;
}

#localNaviArea #lNavi li a:hover {
	opacity: .5;
}

#localNaviArea #lNavi li a:before {
  content: "";
  position: absolute;
  top: 0.75em;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #999999;
}


	/*-----------------------------
	sub-nav
	------------------------------*/
	.sub-nav {
		width: 100%;
		min-width: 980px;
		position: absolute;
		top: 66px;
		left: 0;
		z-index: 10;
		background: #403D32;
		padding: 0 0 0 40px;
		transform: translate3d(0,0,0);
	}
	.sub-nav h3,
	.sub-nav ul {
		display: inline-block;
		vertical-align: middle;
	}
	.sub-nav h3 {
		font-size: 20px;
		font-weight: normal;
		color: #FFF;
		margin: 1px 46px 0 0;
	}
	.sub-nav h3 a {
		color: #FFF;
		text-decoration: none;
	}
	.sub-nav li {
		display: inline-block;
		vertical-align: middle;
		margin: 0 25px 0 0;
	}
	.sub-nav li a {
		font-size: 15px;
		color: #FFF;
		text-decoration: none;
		display: block;
		padding: 12px 14px;
		position: relative;
	}
	.sub-nav li a:after {
		content: '';
		display: block;
		width: 5px;
		height: 5px;
		border-top: #fff 1px solid;
		border-left: #fff 1px solid;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -4px;
	}


	/*-----------------------------
	Section Common
	------------------------------*/
	.sec {
		min-width: 980px;
		overflow: hidden;
	}


	/*-----------------------------
	fnav
	------------------------------*/
	.fnav{
		width: 100%;
		min-width: 980px;
		margin: 50px auto 0 auto;
	}
	.fnav .ul01 {
		display: table;
		width: 100%;
	}
	.fnav .ul01 li {
		display: table-cell;
		vertical-align: middle;
		width: 25%;
		border-left: #999 1px solid;
	}
	.fnav .ul01 li:first-child {
		border-left: none;
	}
	.fnav .ul01 a {
		display: block;
		width: 100%;
		padding: 16px 0 17px 0;
		color: #fff;
		text-align: center;
		text-decoration: none;
		background: #403d33;
		transition: background .6s ease;
	}
	.fnav .ul01 a:hover {
		background: #000;
		opacity: 1;
	}
	.fnav .ul01 img {
		margin-right: 7px;
		position: relative;
		top: -2px;
		height: 24px;
	}
	.fnav .ul01 li:first-child img {
		height: 22px;
		margin: 0 7px 2px 0;
	}
	.fnav .box {
		width: 100%;
		max-width: 1290px;
		letter-spacing: -.4em;
		padding: 30px 1.9% 0;
		margin: 0 auto 50px;
	}
	.fnav .box h3 {
		margin: 0 0 26px;
	}
	.fnav [class^="list0"] {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		margin-right: 60px;
		overflow: hidden;
	}
	.fnav .list05 {
		margin: 0;
	}
	.fnav .list05 ul {
		float: left;
	}
	.fnav .list05 ul:first-of-type {
		margin-right: 10px;
	}
	.fnav .box h4 {
		font-size: 13px;
		position: relative;
		padding: 0 0 11px 12px;
	}
	.fnav .box h4:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-top: transparent 4px solid;
		border-left: #999 5px solid;
		border-bottom: transparent 4px solid;
		position: absolute;
		top: 6px;
		left: 0;
	}
	.fnav .box li {
		margin: 0 0 8px;
		padding: 0 0 0 25px;
		position: relative;
	}
	.fnav .box li:before {
		content: '-';
		color: #E6000D;
		position: absolute;
		top: 1px;
		left: 12px;
	}
	.fnav .box a {
		font-size: 12px;
		text-decoration: none;
	}



	/*-----------------------------
	Choose your region site 修正
	------------------------------*/

.header_utility_menu_li.is-global > a,
.header_utility_menu_li.is-global > span {
  padding-top: 40px !important;
  line-height: 11px !important;
}