@charset "Shift_JIS";

/*--------------------------------------------------------------------------------
	common style
--------------------------------------------------------------------------------*/
html {
	letter-spacing: normal;
}
.mod-mainContentContainer {
	font-size: 14px;
	line-height:1.8;
	color: #333333;
}
.mod-mainContentContainer .mod-content{
	background:#eeeeee;
	width:auto;
	min-width: 960px;
}
@media (max-width:640px){
	.mod-mainContentContainer .mod-content{
		display:block!important;
		min-width: 0px;
	}
}
span.txt9 {
	font-size:.9em;
}
span.txt85 {
	font-size:.85em;
	letter-spacing: -1.4px;
	letter-spacing: -2px\9;
}
@-moz-document url-prefix() {
    span.txt85 {
	letter-spacing: -1.5px;
    }
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop,
	span.txt85 {
		letter-spacing: -1.5px;
    } /* IE11 */
}
span.ls-4 {
	letter-spacing: -4px;
}
.tab-label4.onlypc div {
	margin-bottom: 5px;
}
.ml5{
	margin-left:5px;
} 
.mr5{
	margin-right:5px;
} 
.ml10{
	margin-left:10px;
} 
.mr10{
	margin-right:10px;
} 
.ml15{
	margin-left:15px;
} 
.mr15{
	margin-right:15px;
} 
.ml20{
	margin-left:20px;
} 
.mr20{
	margin-right:20px;
}
.red{
	color:#F00;
}
.cinnabar{
	color:#E95807;
}
.purple{
	color:#4571EC;
}
.arrow {
    background: url("/support/imaging-pro/images/arrow_black.png") no-repeat scroll left center;
    margin: 0;
    padding: 0 0 0 10px;
}
.accent {
    color: #ff0000;
}
.notice {
    border: 1px solid #f00;
    margin: 0 0 1.5em;
    padding: 1em;
	font-weight:bold;
}

/*--------------------------------------------------------------------------------
	.mod-linkButton
--------------------------------------------------------------------------------*/
.mod-linkButton {
	display: inline-block;
	width: 130px;
	height: auto;
	vertical-align: middle;
	 background: url("/support/share/images/bg_btnA.png") no-repeat scroll 0 52% transparent; 	border: 1px solid #BCBCBC;
	border-radius: 6px 6px 6px 6px;
	color: #333333;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.4;
	transition: opacity 0.2s ease-in 0s; 
	-webkit-transition: opacity 0.2s ease-in 0s;
	-moz-transition: opacity 0.2s ease-in 0s;
	-ms-transition: opacity 0.2s ease-in 0s;
	-o-transition: opacity 0.2s ease-in 0s;
	letter-spacing: 0.01em;
	font-weight:bold;
}
	.mod-linkButton a {
		display: block;
		padding: 10px 10px 10px 16px;
		color: #333333;
		transition: opacity 0.2s ease-in 0s;
	}
	.mod-linkButton a:hover {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		zoom: 1;
		text-decoration: none;
		letter-spacing: 0.01em;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
	
/*--------------------------------------------------------------------------------
	.mod-linkButton2
--------------------------------------------------------------------------------*/
.mod-linkButton2 {
	display: inline-block;
	width: 180px;
	height: auto;
	vertical-align: middle;
	 background: url("/support/share/images/bg_btnA.png") no-repeat scroll 0 52% transparent; 	border: 1px solid #BCBCBC;
	border-radius: 6px 6px 6px 6px;
	color: #333333;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.4;
	transition: opacity 0.2s ease-in 0s; 
	-webkit-transition: opacity 0.2s ease-in 0s;
	-moz-transition: opacity 0.2s ease-in 0s;
	-ms-transition: opacity 0.2s ease-in 0s;
	-o-transition: opacity 0.2s ease-in 0s;
	letter-spacing: 0.01em;
	font-weight:bold;
}

	.mod-linkButton2 a {
		display: block;
		padding: 10px 10px 10px 16px;
		color: #333333;
		transition: opacity 0.2s ease-in 0s;
	}
	.mod-linkButton2 a:hover {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		zoom: 1;
		text-decoration: none;
		letter-spacing: 0.01em;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}
/*--------------------------------------------------------------------------------
	.text-button
--------------------------------------------------------------------------------*/
.text-button,
.text-button a{
	display:inline-block;
	background:#5787F4;
	color:#FFF;
	-webkit-transition: background-color 0.15s linear;
	-moz-transition: background-color 0.15s linear;
	-ms-transition: background-color 0.15s linear;
	-o-transition: background-color 0.15s linear;
	transition: background-color 0.15s linear;
}
.text-button:hover,
.text-button a:hover{
	text-decoration: none;
	color:#FFF;
	background-color: #5168f1;
}
.text-button a:visited{
	text-decoration: none;
	color:#FFF;
}

/*--------------------------------------------------------------------------------
	.mq-320
--------------------------------------------------------------------------------*/
img.mq-320{
}
@media (max-width:640px){
	img.mq-320{
		width:auto;
		max-width:100%;
		height:auto;
	}
}

/*--------------------------------------------------------------------------------
	.header
--------------------------------------------------------------------------------*/
.header#pageHeader{ 
	margin: 0 auto;
	position: relative;
	background:#000 url('/support/imaging-pro/images/ttl_bk.jpg') no-repeat;
	text-align:center;
}
	.header#pageHeader .header_inner{
		width: 960px;
		height: 300px;
		margin: auto;
		position: relative;
	}
		.header#pageHeader .header_txt_area {
			position: absolute;	
			top: 30px;
			left: 150px;
			width: 800px;
			height: auto;
			text-align: left;
		}		
			.header#pageHeader .header_txt_area h1{
				color: #FFF;
				font-size: 2em;
			}
			.header#pageHeader .header_txt_area h1 span{
				display: block;
			}
			.header#pageHeader .header_txt_area p span.ttl {
				font-size: 20px;
				letter-spacing: -.5px;
			}
			.header#pageHeader .header_txt_area p{
				color: #FFF;
				font-size: 14px;
				font-weight: 600;
			}
				.header#pageHeader .header_txt_area p span{
					display:block;
				}
		.header#pageHeader .header_logo_area{
			width:160px;
			height:150px;
			position :absolute;
			top: 75px;
			left: 0;
		}
			.header#pageHeader .header_logo_area h1{
				line-height:0;
				height:0;
				font-size:0;
				text-indent:-999999px;
			}
			.header#pageHeader .header_logo_area img{
				width:100%;
				height:auto;
			}
		.header#pageHeader img {
			vertical-align: bottom;
		}
		.header#pageHeader .onlypc img {
				width:1140px;
				height:auto;
		}
		.header#pageHeader .onlypc {
			display: block;
			width: auto;
			height: 150px;
		}
		.header#pageHeader .onlymobile {
			display: none;
		}


@media (max-width:640px){
	.header#pageHeader {
		background-color: #2c313c;
	}
		.header#pageHeader .header_inner{
			width: auto;
			height: auto;
		}
			.header#pageHeader .header_logo_area{
				width:25%;
				height:auto;
				position :absolute;			
				top: 10%;
				left: 10%;
			}
			.header#pageHeader .header_txt_area{
				position: static;
				width: 100%;
				height: auto;
			}	
				.header#pageHeader .header_txt_area h1 {
					font-size: 1.15em;
					margin: 0;
					padding: 25px 10% 5px 10%;
					color: #fff;
					display: block;
				}
				.header#pageHeader .header_txt_area p{
					font-size:12px;
					margin: 0;
					padding: 10px 10% 15px 10%;
				}
					.header#pageHeader .header_txt_area p span{
						display:inline;
					}
			.header#pageHeader img {
				width: 100%;
			}
			.header#pageHeader .onlypc {
				display: none;
			}
			.header#pageHeader .onlymobile {
				display: block;
				width: auto;
				height: auto;
			}
}


/*--------------------------------------------------------------------------------
	.mod-nav
--------------------------------------------------------------------------------*/
.mod-nav{
	background:#3b3b3b;
}
	.mod-nav .navi {
		overflow: hidden;
		width:960px;
		margin:0 auto;
	}
	.mod-nav .navi.onlymenu {
		width:1055px;
	}
		.mod-nav .navi ul {
			margin: 0;
			padding:0;
			list-style: none;
		}
			.mod-nav .navi li{
				float: left;
			}
				.mod-nav .navi li.active{
					display:block;
					_height:92px;
					border-right: 1px solid #FFF;
					background:#FFF;
				}		
				.mod-nav .navi li a{
					display:block;
					width: 84px;
					height: 90px;
					_height:92px;
					border-right: 1px solid #FFF;
					padding: 5px 10px 8px 10px;
				}
				.mod-nav .navi li a:hover{
						cursor:pointer;
						background-color:#FFF;
						text-decoration:none;
					}
				.mod-nav .navi li.active a{
					background-color: #fff;
					box-shadow: 2px 0 3px rgba(255, 255, 255, 0.1);
					z-index: 2;
				}
					.mod-nav .navi li.active a:hover{
						background-color: #fff;
						cursor:default;
					}
					.mod-nav .navi li .ghost-center {
						max-width: 100%;
						max-height: 100%;
						text-align: center;
					}
					.mod-nav .navi li .icon {
						overflow: hidden;
						width: 50px;
						height: 50px;
						margin: 0 auto;
					}
					.mod-nav .navi li .tab-label {
						margin: 10px auto 0px auto;
						line-height: 1.3em;
						width: 100%;
						color: #FFF;
					}
					.mod-nav .navi li a:hover .tab-label,
					.mod-nav .navi li a:hover .tab-label2,
					.mod-nav .navi li a:hover .tab-label3,
					.mod-nav .navi li a:hover .tab-label4 {
						color:#000;
					}
					.mod-nav .navi li.active .tab-label,
					.mod-nav .navi li.active .tab-label2,
					.mod-nav .navi li.active .tab-label3,
					.mod-nav .navi li.active .tab-label4 {
						color: #000;
					}
					.mod-nav .navi li .tab-label2 {
						margin: 40px auto 0px auto;
						line-height: 1.3em;
						width: 100%;
						color: #FFF;
					}
					.mod-nav .navi li .tab-label3 {
						margin: 20px auto 0px auto;
						line-height: 1.3em;
						width: 100%;
						color: #FFF;
					}
					.mod-nav .navi li .tab-label4 {
						margin: 10px auto 0px auto;
						line-height: 1.3em;
						width: 100%;
						color: #FFF;
					}
					.mod-nav .navi li#home .icon{
						background-image: url('/support/imaging-pro/images/ico_home.jpg');
					}
					.mod-nav .navi li.active#home .icon,
					.mod-nav .navi li#home a:hover .icon{
						background-image: url('/support/imaging-pro/images/ico_home_on.jpg');
					}
					.mod-nav .navi li#service .icon {
						background-image: url('/support/imaging-pro/images/ico_menu01.jpg');
					}
					.mod-nav .navi li.active#service .icon,
					.mod-nav .navi li#service a:hover .icon{
						background-image: url('/support/imaging-pro/images/ico_menu01_on.jpg');
					}
					.mod-nav .navi li#entry .icon{
						background-image: url('/support/imaging-pro/images/ico_menu03.jpg');
					}
					.mod-nav .navi li.active#entry .icon,
					.mod-nav .navi li#entry a:hover .icon{
						background-image: url('/support/imaging-pro/images/ico_menu03_on.jpg');
					}			
@media (max-width:640px){
	.mod-nav .navi,
	.mod-nav .navi.onlymenu {
		width:auto;
	}
		.mod-nav .navi ul {
			margin: 0;
			padding:0;
			background:#FFF;
		}
			.mod-nav .navi li{
				padding: 0;
				width: 50%;
				height: 60px;
				white-space: normal;
				background-color: #fff;
				text-align: center;
				float: left;
				cursor: pointer;
				z-index: 1;
				position: relative;
				border-right: 1px solid #dedfe4;
				border-bottom: 1px solid #dedfe4;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
			}
			.mod-nav .navi li.active{
				width: 50%;
				height: 60px;
				white-space: normal;
				background-color: #fff;
				text-align: center;
				float: left;
				cursor: pointer;
				z-index: 1;
				position: relative;
				border-right: 1px solid #dedfe4;
				border-bottom: 1px solid #dedfe4;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				-o-box-sizing: border-box;
				box-sizing: border-box;
			}		
			.mod-nav .navi li a{
				padding: 8px 10px;
			}
			.mod-nav .navi li a:hover,
			.mod-nav .navi li.active a,
			.mod-nav .navi li.active a:hover{
				background-color: transparent;
				cursor: pointer;
			}
			.mod-nav .navi li.adjustWidth{
				border-right:none;
				width: 100%;
			}
			.mod-nav .navi li:nth-child(odd) {
				border-left:none;
				margin-left: 0;
			}
			.mod-nav .navi li:nth-child(even){
				border-right:none;
			} 
				.mod-nav .navi li a{
					width:auto;
					height:100%;
				}
				.mod-nav .navi li .ghost-center {
					display: inline-block;
					width: 100%;
					height: auto;
					vertical-align: middle;
					text-align: left;
					padding: 7px 0;
					background-image: url(/support/imaging-pro/images/navarrowunder.png);
					background-repeat: no-repeat;
					background-position: 96% center;
					background-size: 12px 6px;
				}
				.mod-nav .navi li.adjustWidth .ghost-center{
					background-position: 97.8% 50%;
				}
				.mod-nav .navi li .icon {
					display: inline-block;
					vertical-align: middle;
					overflow: hidden;
					width:30px;
					height:30px;
					background-repeat: no-repeat;
				}
				.mod-nav .navi li .tab-label {
					padding:0;
					vertical-align: middle;
					margin: 0;
					width: 55%;
					line-height: 1.3em;
					color: #212430;
					word-wrap: break-word;
					display: inline-block;
					font-size: 0.8125em;
				}
				.mod-nav .navi li .tab-label2 {
					padding:0;
					vertical-align: middle;
					margin: 0;
					width: 85%;
					line-height: 1.3em;
					color: #212430;
					word-wrap: break-word;
					display: inline-block;
					font-size: 0.8125em;
				}
				.mod-nav .navi li#home .icon{
					background-image: url('/support/imaging-pro/images/ico_home_sp.jpg');
				}
				.mod-nav .navi li.active#home .icon,
				.mod-nav .navi li#home a:hover .icon{
					background-image: url('/support/imaging-pro/images/ico_home_on_sp.jpg');
				}
				.mod-nav .navi li#service .icon{
					background-image: url('/support/imaging-pro/images/ico_menu01_sp.jpg');
				}
				.mod-nav .navi li.active#service .icon,
				.mod-nav .navi li#service a:hover .icon{
					background-image: url('/support/imaging-pro/images/ico_menu01_on_sp.jpg');
				}
				.mod-nav .navi li#entry .icon{
					background-image: url('/support/imaging-pro/images/ico_menu03_sp.jpg');
				}
				.mod-nav .navi li.active#entry .icon,
				.mod-nav .navi li#entry a:hover .icon{
					background-image: url('/support/imaging-pro/images/ico_menu03_on_sp.jpg');
				}	
}

/*--------------------------------------------------------------------------------
	#sp
--------------------------------------------------------------------------------*/
#sp{

}
@media (max-width:640px){
	#sp{
		display:block!important;
	}
}

/* #pageMainContent,#pageSubContent
--------------------------------------------------------------------------------*/
#sp #pageMainContent{
	padding:25px 0;
	float:none;
	width:960px;
	margin:0 auto;
}
	#sp #pageMainContent .section {
		margin-top: 45px;
	}
	#sp #pageMainContent .white{
		background:#FFF;
		padding:20px;
	}
		#sp #pageMainContent ul{
			padding:0;
			/margin-left:0;
			/margin-top:5px;
			list-style:none;
		}
			#sp #pageMainContent li {
				position:static;
			}

		/* list styles */
		#sp #pageMainContent ul.indent{
			padding:0 0 0 0.5em;
		}
		#sp #pageMainContent ul.ico-disc{
		}
			#sp #pageMainContent ul.ico-disc li.ico{
				padding-left:10px;
				background-image: url(/support/share/images/disc_black2.gif);
				background-repeat: no-repeat;
				background-position: left 9px;
				text-indent:0;
			}
			#sp #pageMainContent ul.ico-disc li.ico.multiline{
				padding-left:10px;
				background-position: left 7px;
			}
				#sp #pageMainContent ul.ico-disc li.ico.multiline dl dt,
				#sp #pageMainContent ul.ico-disc li.ico.multiline dl dd{
					line-height:1.4;
				}
		
		#sp #pageMainContent .unit {
			padding:0 15px;
			margin: 10px 0 40px 0 !important;
			/margin:10px 0 60px 0!important;
		}
		#sp #pageMainContent .unit.inner {
			margin: 0px 0 30px 0 !important;
		}
		#sp #pageMainContent .wrapper .unit_1st{
			border-bottom: none !important;
			padding:0px 20px;
			margin-top:0px;
		}
		
			#sp #pageMainContent .title {
				margin-bottom: 30px;
				border-bottom: 2px solid #E95807;
				overflow: hidden;	
			}
			.mod-content .title a {
				cursor: pointer;
			}
				#sp #pageMainContent h2 {
					font-size: 18px;
					color:#30353B;
					float: left;
				}
			#sp  #pageMainContent h3{
				font-size: 16px;
				color:#3A3A3A;
			}
			
			#sp #pageMainContent .desk-info{
				width:435px;
				margin-left:15px;
			}
				
				#sp #pageMainContent .desk-info dl{
				}
					#sp #pageMainContent .desk-info dl dt{
						width:62px;
					}
					
					
				#sp #pageMainContent .desk-info ul{
				}
					#sp #pageMainContent .desk-info ul li{
						line-height:150%;
						margin-bottom:10px;
					}
					

			#sp #pageMainContent .no-break-list{
			}
				#sp #pageMainContent .no-break-list dt{
					clear:left;
					float:left;
					/line-height:1.2;
				}
				#sp #pageMainContent .no-break-list dd{
					float: left;
					/line-height:1.2;
				}
					#sp #pageMainContent .no-break-list dd span{
						display:inline-block;
						/display:inline;
						/zoom:1;
						vertical-align:top;
						width:1em;
						text-align:center;
					}
					#sp #pageMainContent .no-break-list dd span.multiline{
						display:inline-block;
						/display:inline;
						/zoom:1;
						width:auto;
						text-align:left;
					}
			
			#sp #pageMainContent .indent-list{
			}
				#sp #pageMainContent .indent-list li,
				#sp #pageMainContent .indent-list dt,
				#sp #pageMainContent .indent-list dd{
					margin-left: 1em;
					text-indent: -1em;
					_margin-left: 0;
					_text-indent: 0;
				}
			#sp #pageMainContent .symbolic-list{
			}
				#sp #pageMainContent .symbolic-list li span.ico,
				#sp #pageMainContent .symbolic-list dt span.ico{
					margin-right:0.5em;
					display:inline-block;
					vertical-align:top;
					_display:inline;
					_zoom:1;
				}
				#sp #pageMainContent .symbolic-list li span.cont,
				#sp #pageMainContent .symbolic-list dt span.cont{
					display:inline-block;
					width:830px;
					_display:inline;
					_zoom:1;
					
				}
			#sp #pageMainContent .no-indent{
			}
				#sp #pageMainContent .no-indent li,
				#sp #pageMainContent .no-indent dt,
				#sp #pageMainContent .no-indent dd{
					margin-left: 0;
					text-indent: 0;
				}

			#sp #pageMainContent .no-separator dt{
				margin-right: 1em;
			}
		
.mod-pageTop {
	clear: both;
	width:960px;
	margin: 20px auto;
	font-size: 0.76923em;
	text-align: right;
	_margin-bottom:0;
}
	.mod-pageTop a {
		color: #000;
		text-decoration: none;
		padding-left: 10px;
		background: url(/support/imaging-pro/images/arrow_top.gif) no-repeat 0 48%;
	}
	.mod-pageTop a, .mod-pageTop a:link, .mod-pageTop a:visited {
		color: #000;
	}

@media (max-width:640px){
	#sp #pageMainContent{
		margin:0 ;
		padding: 0;
		display:block!important;
		width:auto;
	}
		#sp #pageMainContent #contents{
			padding: 30px 10px 0px 10px;
		}
			#sp #pageMainContent .section {
				margin-top: 25px;
				margin-bottom: 30px;
			}
			#sp #pageMainContent .section:last-child{
				margin-bottom:0;
			}
			#sp #pageMainContent .title {
				margin-bottom: 20px;
				font-size: 18px;
			}
				#sp #pageMainContent h2{
					line-height:1.2;
				}
				#sp  #pageMainContent h3{
				}
		#sp #pageMainContent .white{
			padding:20px 1em;
		}
			#sp #pageMainContent ul{
				list-style:none;
			}
		#sp #pageMainContent .unit{
			padding-right:5px;
			padding-left:5px;
		}
		#sp #pageMainContent .section:last-child .unit{
			margin-bottom:0!important;
		}
		#sp #pageMainContent .unit.inner,
		#sp #pageMainContent .unit.inner2 {
			padding:0;
		}

		/* list styles */
		#sp #pageMainContent ul.indent{
			padding-left:0;
		}
		#sp #pageMainContent ul.ico-disc{
			margin-left:0;
		}
			#sp #pageMainContent ul.ico-disc li.ico{
				padding-left: 1em;
				background-position: 3px 9px;
				text-indent:0;
			}
			#sp #pageMainContent ul.ico-disc li.ico.multiline {
				padding-left: 1em;
				background-position: 3px 7px;
			}
		#sp #pageMainContent .no-break-list{
			overflow:hidden;
		}
			#sp #pageMainContent .no-break-list dt{
				float:none;
				width:auto;
			}
			#sp #pageMainContent .no-break-list dd{
				float:none;
				width:auto;
				margin:0 0 10px 0;
				line-height:1.2;
			}
				#sp #pageMainContent .no-break-list dd span{
					display:none;
				}
				#sp #pageMainContent .no-break-list dd span.line-2{
					display:inline;
				}
		
		#sp #pageMainContent .symbolic-list{
		}
			#sp #pageMainContent .symbolic-list li span.ico,
			#sp #pageMainContent .symbolic-list dt span.ico{
				width:3%;
			}
			#sp #pageMainContent .symbolic-list li span.cont,
			#sp #pageMainContent .symbolic-list dt span.cont{
				width:93%;
			}
		#sp #pageMainContent .desk-info{
			width:auto;
			margin-left:0;
		}
			#sp #pageMainContent .desk-info ul{
				margin-top:10px;
			}
			#sp #pageMainContent .desk-info dl{
			}
				#sp #pageMainContent .desk-info dl dt{
					width:auto;
				}
				#sp #pageMainContent .desk-info dl dd.multiline{
					text-indent: 0;
					margin-left: 0;
				}
		
	.mod-pageTop {
		width:auto;
		padding:0 15px;
	}
}	

/* tab-home
--------------------------------------------------------------------------------*/
#sp #tab-home-wrap #cat-01{
	margin-top: 0;
	padding:25px;
}
#sp #tab-home-wrap #inner-list-03 dt{
	/*width:110px;
	margin-right:10px;*/
}
#sp #tab-home-wrap #inner-list-03 dd{
	/*width: 725px;*/
	margin-left:10px;
	margin-bottom:10px;
	background-attachment: scroll;
	background-image: url(/support/imaging-pro/images/arrow_black.png);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	padding-left: 1em;
}
@media (max-width:640px){
	#sp #tab-home-wrap #cat-01{
		padding:20px 1em;
	}
	#sp #tab-home-wrap #inner-list-03 dt,
	#sp #tab-home-wrap #inner-list-03 dd{
		width: auto;
	}
}


@media screen and (max-width: 640px) {
#sp #tab-home-wrap .img-wrapper img { 
	max-width: 100%;
	height: auto;
}
}

/* tab-menu
--------------------------------------------------------------------------------*/
#sp #tab-menu-wrap #cat-01  #inner-list-01{
}
	#sp #tab-menu-wrap #cat-01  #inner-list-01 dd{
		padding-left:16px;
	}
	#sp #tab-menu-wrap #cat-01  #inner-list-01 dd.indent{
		text-indent: -1em;
		margin-left: 1em;
	}
#sp #tab-menu-wrap .desk-info{
	margin-left:0;
}
	#sp #tab-menu-wrap .desk-info h3{
		font-size: 100%;
		border-bottom:1px solid #333;
		margin-bottom:8px;
	}

#sp #tab-menu-wrap .text-button{
	font-size:85%;
	font-weight:normal;
	vertical-align: top;
}
	#sp #tab-menu-wrap .text-button a{
		padding:0 5px;
	}
#sp #tab-menu-wrap .right-area{	
	float:left;
	/*padding-top: 20px;*/
	width:25%;
}
	#sp #tab-menu-wrap .img-wrapper{	
		text-align:center;
	}
		#sp #tab-menu-wrap .img-wrapper img{			
			width:70%;
			height:auto;
			vertical-align:bottom;
		}
#sp #tab-menu-wrap #desk-info-wrapper{
}
#sp #tab-menu-wrap .left-area{	
	float:left;
	width:52%;
}
	#sp #tab-menu-wrap .left-area .img-wrapper{	
		margin:30px auto 10px;
	}
#sp #tab-menu-wrap .js-toggleArea{
	clear:both;
}
	#sp #tab-menu-wrap .js-toggleArea .js-slideArea{
		display:none;
		padding:10px 20px;
		background:#FFF;
	}
	#sp #tab-menu-wrap .js-toggleArea .js-openButton a{
		background-image: url("/support/imaging-pro/images/arrow.png");
		_background-image: url("/support/imaging-pro/images/arrow.gif");
		background-repeat:no-repeat;
		background-position:5px center;
	    margin: 0;
	    padding: 0 10px 0 15px;
	}
	#sp #tab-menu-wrap .js-toggleArea .js-openButton.active a{
		background-image: url("/support/imaging-pro/images/arrow_active.png");
		_background-image: url("/support/imaging-pro/images/arrow_active.gif");
	}
	
	#sp #tab-menu-wrap .js-toggleArea .buttonArea p{
		display: inline-block;
		/display: inline;
		/zoom:1;
		margin-right:5px;
	}
		#sp #tab-menu-wrap .js-toggleArea .buttonArea .text-button img{
			_vertical-align:middle;
			_padding:6px 0;
		}
	#sp #tab-menu-wrap .js-toggleArea .js-slideArea-inner{
		padding:10px 20px;
		border-top:1px solid #333;
	}
		#sp #tab-menu-wrap .js-toggleArea .js-slideArea-inner div{
			display:inline-block;
			/display:inline;
			/zoom:1;
			vertical-align: top;
		}
			#sp #tab-menu-wrap .js-toggleArea .js-slideArea-inner div img{
				margin:3px 20px 0 0;
			}
			#sp #tab-menu-wrap .js-toggleArea .js-slideArea-inner div h4{
				font-weight:normal;
				background: url(/support/imaging-pro/images/ico_here.jpg) no-repeat left 3px;
				margin-bottom:5px;
				padding-left:25px;
			}
			#sp #tab-menu-wrap .js-toggleArea .js-slideArea-inner div p{
				padding-left:25px;
			}
			#sp #tab-menu-wrap .js-toggleArea .js-slideArea-inner div span{
				display:block;
			}

@media (max-width:640px){
	#sp #tab-menu-wrap .desk-info h3{	
	}
	#sp #tab-menu-wrap .text-button{
		font-size:85%;
	}
	#sp #tab-menu-wrap #desk-info-wrapper{
		width:100%;
	}
	#sp #tab-menu-wrap .img-wrapper{	
		width: auto;
		margin: 0 auto;
	}
		#sp #tab-menu-wrap .img-wrapper img{	
			width: auto;
			max-width:100%;
		}
	#sp #tab-menu-wrap .left-area{
		display:table-header-group;
		float:none;
		width:auto;
		margin:0 auto;
	}
		
	#sp #tab-menu-wrap .right-area{
		display:table-footer-group;	
		float:none;
		width:auto;
		margin:0 auto 20px 0;
		padding:0;
	}
		#sp #tab-menu-wrap .right-area .img-wrapper{	
			width: auto;
			margin-top:0;
		}
	#sp #tab-menu-wrap .buttonArea{
	}
	#sp #tab-menu-wrap .js-toggleArea{
		display:table-row-group;	
		padding: 0;
	}
		#sp #tab-menu-wrap .js-slideArea img{
			width:auto;
			max-width:100%;
			height:auto;
		}
		#sp #tab-menu-wrap .js-toggleArea .js-slideArea-inner{
			padding:10px 0;
		}
			#sp #tab-menu-wrap .js-toggleArea .js-slideArea-inner div{
				display:block;
			}
				#sp #tab-menu-wrap .js-toggleArea .js-slideArea-inner div img{
					width: 50px;
					height:auto;
					margin:0;
				}
				#sp #tab-menu-wrap .js-toggleArea .js-slideArea-inner div span{
					display:inline;
				}	
}

/* tab-qa
--------------------------------------------------------------------------------*/
#sp #tab-qa-wrap .qa-list{
}
	#sp #tab-qa-wrap .qa-list dt{
		font-weight: bold;
		margin-bottom: 5px;
	}
	#sp #tab-qa-wrap .qa-list dd{
		margin-bottom: 25px;
	}
	#sp #tab-qa-wrap .qa-list .qa01{
		display:inline-block;
		/display:inline;
		/zoom:1;
		width:1.8em;
		vertical-align:top;
	}
	#sp #tab-qa-wrap .qa-list .qa02{
		display:inline-block;
		/display:inline;
		/zoom:1;
		vertical-align:top;
		width:890px;
	}
		
	#sp #tab-qa-wrap #cat-02  #inner-list-02 dt,
	#sp #tab-qa-wrap #cat-02  #inner-list-02 dd{
		font-weight:normal;
		margin-bottom:0;
		text-indent: 0;
	}
	#sp #tab-qa-wrap #cat-02 #inner-list-03 dt{
		font-weight:normal;
		margin-bottom:0;
		width:90px;
	}
	#sp #tab-qa-wrap #cat-02 #inner-list-03 li.ico{
		/background-position: left 5px;
	}
	#sp #tab-qa-wrap #cat-02 #inner-list-03 dd{
		font-weight:normal;
		margin-bottom:0;
	}
	#sp #tab-qa-wrap .anchorbox{
	}
		#sp #tab-qa-wrap .anchorbox li{
			display:inline-block;
			/display:inline;
			/zoom:1;
			/margin-right:5px;
		}
	    .unit_1st dt{
			float:left;
			clear:left;
			width:180px;
		}
		.unit_1st dd{
			word-break: break-all;
			margin-left: 170px !important;
		}
		
@media (max-width:640px){
	.unit_1st{
		padding:0 10px !important;
	}
    .unit_1st dt{
		float:none;
		clear:none;
		width:auto;
		font-weight:bold;
		margin-top:15px;
	}
	.unit_1st dd{
		word-break: break-all;
		margin-left: 0 !important;
	}
}
		  
span.anchorButtonA {
    border: 1px solid #D4D4D4;
	background: url(/support/share/images/arrow_underline.gif) no-repeat 15px 52% #FFF;
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	margin-right: 5px;
	padding: 10px 10px 10px 25px;
	transition: opacity 0.2s ease-in 0s;
	/*width: 180px;*/
}
a:hover span.anchorButtonA {
	color: #333;
	text-decoration: none;
	filter: alpha(opacity=50);
	opacity: .5;
}

	
@media (max-width:640px){
	#sp #tab-qa-wrap .qa-list .qa01{
		width:1.5em;		
	}
	#sp #tab-qa-wrap .qa-list .qa02{
		width:93%;
	}
	
	#sp #tab-qa-wrap #cat-02 #inner-list-02 dd,
	#sp #tab-qa-wrap #cat-02 #inner-list-03 dd{
		line-height:1.8;
		margin: 0 0 0 10px;
	}
	#sp #tab-qa-wrap #cat-02 #inner-list-02 dt,
	#sp #tab-qa-wrap #cat-02 #inner-list-02 dd,
	#sp #tab-qa-wrap #cat-02 #inner-list-03 dt,
	#sp #tab-qa-wrap #cat-02 #inner-list-03 dd{
		float:left;
	}
	#sp #tab-qa-wrap .anchorbox{
		padding:0!important;
	}
		#sp #tab-qa-wrap .anchorbox li{
			display:block;
			margin-bottom:10px;
		}
			span.anchorButtonA {
				vertical-align:top;
				font-size:15px;
			}
			
  span.anchorButtonA {
	  width:80%;
	  margin-left:auto;
	  margin-right:auto;
  }
	
}	
/* tab-entry
--------------------------------------------------------------------------------*/
#sp #tab-entry-wrap #cat-01 .img-wrapper{
	margin-top:10px;
}
#sp #tab-entry-wrap #cat-01 #inner-list-03{
}
	#sp #tab-entry-wrap #cat-01 #inner-list-03 dd{
		padding-left:16px;
	}
	#sp #tab-entry-wrap #cat-01 #inner-list-03 dd.indent{
		text-indent: 0em;
		margin-left: 0em;
	}	
	
#sp #tab-entry-wrap #cat-01 #inner-list-05 dt{
		font-weight:normal;
		margin-bottom:0;
		width:90px;
	}
	#sp #tab-entry-wrap #cat-01 #inner-list-05 li.ico{
		/background-position: left 5px;
	}
	#sp #tab-entry-wrap #cat-01 #inner-list-05 dd{
		font-weight:normal;
		margin-bottom:0;
	}
#sp #tab-entry-wrap #cat-03 .desk-info{
	margin:0;
	width:auto;
}
	#sp #tab-entry-wrap #cat-03 .desk-info dl dt{
		width:60px;
	}
	#sp #tab-entry-wrap #cat-03 .desk-info dl dd{
		width:500px;
	}

#sp #tab-entry-wrap .repair_left_box_atte {
	font-size: 85%;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#sp #tab-entry-wrap .mod-linkButton.pdf a{
	background-image:url(/support/share/images/pdf_icon.gif);
	background-repeat:no-repeat;
	background-position:80% center;
}



@media (max-width:640px){
	#sp #tab-entry-wrap #cat-01 .img-wrapper{
		text-align: center;
	}
	#sp #tab-entry-wrap #cat-01 #inner-list-04 dd,
	#sp #tab-entry-wrap #cat-01 #inner-list-05 dd{
		line-height:1.8;
		margin: 0 0 0 10px;
	}
	#sp #tab-entry-wrap #cat-01 #inner-list-04 dt,
	#sp #tab-entry-wrap #cat-01 #inner-list-04 dd,
	#sp #tab-entry-wrap #cat-01 #inner-list-05 dt,
	#sp #tab-entry-wrap #cat-01 #inner-list-05 dd{
		float:left;
	}
	#sp #tab-entry-wrap #cat-03 .desk-info{
		margin-top:10px;
	}
		
}	

/*--------------------------------------------------------------------------------
	.freedial
--------------------------------------------------------------------------------*/
.free{
	background-image:url(../images/freedial_mark.gif);
	background-position:0 100%;
	background-repeat:no-repeat;
	padding:0 0 0 50px;
	margin-bottom:10px;
}

.free p{
	line-height:115%;
}

.free .text{
	font-size:9px;
}

.free .number{
	font-size:20px;
	font-weight:bold;
}

/*--------------------------------------------------------------------------------
	title-List_1
--------------------------------------------------------------------------------*/
.title-List_1 {
    display: inline;
    /* font-size: 13px !important; */
	float: right;
    padding-left: 10px;
    /* position: absolute; */
    right: 5px;
    top: 0;
    background: url(/share/images/arrow_black.gif) left 50% no-repeat;
    font-weight: normal;
}

@media (max-width: 640px){
.title-List_1 {
	display: inline;
    float: right;
    text-align: right;
    width: 45px;
}
.title-List_1 {
    margin: 0 0 0 10px;
    font-size: 16px !important;
    padding-left: 0;
    position: static;
    text-align: left;
    background: url(/support/share/images/mq/ico_02.png) left 50% no-repeat;
}
}

/*--------------------------------------------------------------------------------
	link_out
--------------------------------------------------------------------------------*/
span.link_out {
    background: url(/support/imaging-pro/images/icon_blank.gif) no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 9px 0 0;
    vertical-align: baseline;
	*vertical-align: middle;	/* for IE */
    width: 11px;
	margin-left: 3px;
}

/*===========================================
	margin
=============================================*/
.mt0 {
	margin-top: 0px !important;
}
.mt2{
	margin-top: 2px !important;
}
.mt3{
	margin-top: 3px !important;
}
.mt5{
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.ml0 { 
	margin-left:0 !important; 
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.pb0 {
	padding-bottom: 0px !important;
}

/*

/*
	====================================
		option
	====================================
*/
.notice_w {
	background: #fff;
	border: 1px solid #ccc;
	margin: 1em 0;
    padding: 1.25em;
}
.notice_b {
	border: 1px solid #000;
	margin: 1em 0;
    padding: 1.25em;
}
.notice_gray {
	border: 1px solid #CCCCCC;
	margin: 1em 0;
    padding: 1.25em;
    overflow: hidden;
}
.notice_gray_b {
	background: none repeat scroll 0 0 #EBEBEB;
	border: 1px solid #999999;
	margin: 1em 0;
    padding: 1.25em;
}
.notice_blue {
	border: 2px solid #4C96C8;
	margin: 1em 0;
    padding: 1.25em;
}
.accent {
	color: #ff0000;
}

.notice_w p,
.notice_b p,
.notice_gray p,
.notice_gray_b p,
.notice_blue p,
.accent p {
	margin-left: 0;
}


/*
	====================================
		index fee button
	====================================
*/
.buttonArea.fee {
	display: inline;
	margin-left: 30px;
	*zoom: 1;
}
.buttonArea.fee .text-button {
	background:transparent;
}
.buttonArea.fee .text-button#feb {
	display:inline-block;
	background:#f60;
	color:#fff;
	padding: 1px 25px;
	padding: 5px 30px 2px\9;
	border-radius: 6px 6px 6px 6px;
	-webkit-transition: background-color 0.15s linear;
	-moz-transition: background-color 0.15s linear;
	-ms-transition: background-color 0.15s linear;
	-o-transition: background-color 0.15s linear;
	transition: background-color 0.15s linear;
}
.buttonArea.fee .text-button a {
	display:inline-block;
	background:#f60;
	color:#fff;
	padding: 5px 30px 2px\9;
	border-radius: 6px 6px 6px 6px;
	-webkit-transition: background-color 0.15s linear;
	-moz-transition: background-color 0.15s linear;
	-ms-transition: background-color 0.15s linear;
	-o-transition: background-color 0.15s linear;
	transition: background-color 0.15s linear;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.buttonArea.fee .text-button a {
    padding: 5px 30px 2px;
  }
}
.buttonArea.fee .text-button:hover{
	background:transparent;
}
.buttonArea.fee .text-button a:hover {
	text-decoration: none;
	color:#fff;
	background-color: #E95807;
}
.buttonArea.fee .text-button a:visited{
	text-decoration: none;
	color:#fff;
}

/*
	====================================
		/support/imaging-pro/　ファーストビュー説明文
	====================================
*/
.updateOnline {
	color:#f60;	
}
.header_txt_area a {
    transition: color .2s ease;
    color: #e95807;
    text-decoration: none;
}
/*
	====================================
		a9 告知バナー
	====================================
*/
#contents .bnr_area {
	text-align: left;
}
.bnr_area .bnr {
	width: 480px;
	float: left;
}

.bnr_area .txt {
	width: 480px;
	float: left;
}
.bnr_area .txt span.mobile {
	display: none;
}

@media screen and (max-width: 640px) { 
	.bnr_area .bnr,
	.bnr_area .txt {
		width: auto;
		clear: clear;
	}
	.bnr_area .bnr img {
		width: 100%;
	}
	.bnr_area .txt br,
	.bnr_area .txt span.pc {
		display: none;
	}
	.bnr_area .txt span.mobile {
		display: inline;
	}
}


/*
	====================================
		2020/1/20追加 infoスタイル
	====================================
*/
.sp_disc > li.second {
	margin-top: 15px;
}
.pro_menu .sign_in_area {
	padding: 10px 10px 17px;
}
.sign_in_area .info {
	text-align: left;
}

/*
	====================================
		2020/4/10追加 緊急のお知らせ枠
	====================================
*/
div.urgent {
	font-weight: bold;
	width: 90%;
    margin: 20px auto 0;
    box-sizing: border-box;
}
div.urgent .notice a{
	text-decoration: underline !important;
}

@media screen and (max-width: 640px) { 
div.urgent {
	width: 100%;
}

}


div.sp_inner_wrapper span.mod-linkButton2{
	display: inline-block;
    width: 400px;
    height: auto;
    vertical-align: middle;
    background: url(/support/share/images/bg_btnA.png) no-repeat scroll 0 52% transparent;
    border: 1px solid #BCBCBC;
    border-radius: 6px 6px 6px 6px;
    color: #333333;
    cursor: pointer;
    font-size: 12px;
    line-height: 1.4;
    transition: opacity 0.2s ease-in 0s;
    -webkit-transition: opacity 0.2s ease-in 0s;
    -moz-transition: opacity 0.2s ease-in 0s;
    -ms-transition: opacity 0.2s ease-in 0s;
    -o-transition: opacity 0.2s ease-in 0s;
    letter-spacing: 0.01em;
    font-weight: bold;
}
div.sp_inner_wrapper span.mod-linkButton2 a{
	background-image: url(/support/share/images/pdf_icon.gif);
    background-repeat: no-repeat;
    background-position: 96% center;
	padding-left: 1.5em;
	padding-right: 30px;
}

@media screen and (max-width: 640px){
	div.sp_inner_wrapper span.mod-linkButton2{
		width: auto;
	}
}

/* 20201217 */

div.urgent a.textLink{
	text-decoration: none;
}

a.textLink.ilb{
	display: inline-block !important;
	background-position: 0 12px !important;
}

@media screen and (max-width: 640px){
	span.mq_block{
		display: block;
		margin-bottom: 8px;
	}
	.ml30{
		margin-left: 0 !important;
	}
}

/* 20210413 */
@media screen and (min-width: 641px){
	div.sp_inner_wrapper span.mod-linkButton2.pdf {
		width: 424px !important;
	}
}