@charset "shift_jis";

/**********************************************************************

/business/security/goods/css_v2/goods.css

create 12/04/20
**********************************************************************/

/* ------------------------------------------------
common
------------------------------------------------ */
.w300{
	width: 300px !important;
}
.w490 {
	width: 490px !important;
}
.w530 {
	width: 530px !important;
}
.w610 {
	width: 610px !important;
}
.w670 {
	width: 670px !important;
}
.mAuto {
	margin: auto;
}

.tRight {
	text-align: right;
}

/* ------------------------------------------------
kinko.html
------------------------------------------------ */

.bgGrayBorder {
	background-color: #f6f6f6;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 10px;
}

h3 span.bk {
	color: #333333;
}

table.small {
	width: 100%;
}

	table.small th {
		padding: 4px 6px;
		background: #f7f7f7;
		border: 1px solid #d9d9d9;
		text-align: center;
		font-weight: normal;
	}

		table.small th.firstHead {
			background: #ebebeb;
			font-weight: bold;
		}

	table.small td {
		padding: 4px 6px;
		border: 1px solid #d9d9d9;
	}

table.small pre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

.btnArea {
	background-color: #e1ebf5;
	padding: 10px 0;
	height: 51px;
}

.btnArea ul {
	margin-left: 105px;
}

/* ------------------------------------------------
camera
------------------------------------------------ */
h3.dot {
	border-bottom: 1px dotted #009ea7;
	margin-bottom: 10px;
}

h3.dot span {
	color: #333333;
	border-left: 2px solid #009ea7;
	padding: 2px 0 1px 5px;
	font-weight: bold;
}

div.lineupE {
	margin-top: 5px;
}

div.lineupE p.img {
	float: left;
	margin-right: 20px;
}

div.lineupE div.detail {
	float: left;
	width: 430px;
}

div.lineupE div.detail h4 {
	margin: 0 0 10px 0 !important;
}

div.lineupE {
	/zoom:1;
}

div.lineupE:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


/* ------------------------------------------------
 lineup
------------------------------------------------ */
.lineupTools {
	margin-top:20px;
}

.lineupTools ul {
	margin:15px 0 0 0;
	overflow: hidden;
}

.lineupTools ul li {
	float:left;
	width: 50%;
	margin-bottom: 15px;
}

.lineupTools ul li .thumb img {
	width: 90px;
}

.lineupTools li > div {
	display: table-cell;
	vertical-align: top;
}

.lineupTools li > div.thumb {
	width: 105px;
}

.lineupTools li > div.btn {
	width: 200px;
}

.lineupTools .btn a {
	background:-moz-linear-gradient(top,  #ffffff 0%, #e2e3e3 100%);
	background:-webkit-linear-gradient(top,  #ffffff 0%,#e2e3e3 100%);
	background:linear-gradient(to bottom,  #ffffff 0%,#e2e3e3 100%);
	border:1px solid #CCC;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	display:block;
	text-align:left;
}

.lineupTools .btn a span {
	display:block;
	padding:10px 5px;
	position:relative;
}

.lineupTools .btn a span:before {
	background:url(/business/security/goods/img/icon_anchor.png) no-repeat;
	content:"";
	display:inline-block;
	height:9px;
	margin:-2px 0.5em 0 10px;
	vertical-align:middle;
	width:6px;
}

.lineupbox {
	border:2px solid #f8c6c5;
	margin-top:10px;
}

.lineupbox.func {	border:2px solid #999fdc;}
.lineupbox.lens {	border:2px solid #c9e09f;}
.lineupbox.form {	border:2px solid #ffd5aa;}

.lineupbox h3,
.lineupbox h4 {
	margin-top:0;
	padding:8px 10px;
}

.lineupbox h4 a:before {
	background:url(/business/security/goods/img/icon_anchor.png) no-repeat;
	content:"";
	display:inline-block;
	height:9px;
	margin:-2px 0.5em 0 0;
	vertical-align:middle;
	width:6px;
}

body.business .lineupbox h3 {	background:#fdeeed;	color:#333;	margin-bottom:10px; border-bottom:2px solid #f8c6c5;}
body.business .lineupbox.func h3 {	background:#e0e2f4;	border-bottom:2px solid #999fdc;}
body.business .lineupbox.lens h3 {	background:#eff6e2;	border-bottom:2px solid #c9e09f;}
body.business .lineupbox.form h3 {	background:#fff2e5;	border-bottom:2px solid #ffd5aa;}

.lineupbox h4 {
	padding:10px 0;
}

.lineupbox > .clearfix,
.lineuppack {
	margin:0 15px;
}

.lineuppack,
.lineupbox .clearfix > .clearfix {
	padding-bottom:15px;
	position:relative;
}

body.business .lineupbox h4 span {
	border-left:none;
	padding-left:0;
	margin-left:0;
}

.lineupIcon,
.lineupbox h4 span {
	display:block;
	top:5px;
	position:absolute;
	right:10px;
	width:30px;
}

.lineupIcon img,
.lineupbox h4 span img {
	height:auto;
	width:100%;
}

#lineup01 h3 span {
	color:#555;
	font-size:92.8%;
	font-weight:normal;
	margin-left:1em;
}

#lineup01 .section .clearfix .w90 img {
	height:auto;
	width:100%;
}

dl.lineupIconlist {
	margin-bottom:10px;
}

dl.lineupIconlist dt {
	float:left;
	line-height:1;
	width:65px;
}

dl.lineupIconlist dd ul {
	letter-spacing:-.40em;
	line-height:1;
}

dl.lineupIconlist dd ul li {
	display:inline-block;
	letter-spacing:normal;
	margin-right:5px;
	vertical-align:top;
}

dl.lineupIconlist dd ul li img,
dl.lineupIconlist dt img {
	height:30px;
	width:auto;
}

dl.specData {
	clear: both;
	overflow: hidden;
}


dl.specData dt,
dl.specData dd {
	display: inline-block;
	float: left;
}

dl.specData dt { clear: both;}
.lineupLns {
	width:90px;
}

.lineupLns img {
	height:auto;
	width:100%;
}