@charset "utf-8";

/*------------------------------------------------------------
	トップバナー用CSS
------------------------------------------------------------*/

.nksp_top_info {
	height:255px;
	margin-bottom:25px;
}

.nksp_top_cost {
	width:403px;
	height:255px;
	float: left;
}
.nksp_top_cost_inner {
	padding:35px 12px;
	background: url(../img/kinko/kinko_cost_bg.jpg) no-repeat center center;
}

.nksp_bnr {
	margin-bottom:15px;
}
.nksp_bnr ul li {
	margin:0 0 5px 20px;;
}

/*--オリジナル--*/

.nksp_bnr_info{
	
}

.nksp_bnr_info p{
	margin-bottom:10px;
	font-size: 1.2em;
}

.for_center{
	font-size: 18px;
	text-align:center;
}

.for_center span{
	color: #ff0000;
}

/*------------------------------------------------------------
	消耗品用CSS_1
------------------------------------------------------------*/

.nksp_lineup {
	
}

.nksphead01  {
	width: 810px;
	height: 73px;
	background: url(/contents/img/page/common/bar810.png) no-repeat center center;
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom:15px;
}

.nksphead01 a {
	font-weight:bold;
	font-size:2em;
	color:#027FB5;
	position: relative;
	top: 23px;
	left: 45px;
}

.nksphead01 span {
	font-weight:bold;
	font-size:2em;
	position: relative;
	top: 23px;
	left: 45px;
}

.nksp_box01 { 
    width: 395px;
    height:144px;
    background: url(../img/kinko/lineup_box01_bg.png) no-repeat center center;
    float: left;
 /*   border:1px solid #C8C8C8;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px; */
	position: relative;
	margin-bottom:15px;
}
.nksp_left {
	margin-right:19px;
}
.nksp_img {
	position: absolute;
	top: 8px;
	left: 30px;
	
}
.nksp_ttl {
	position: absolute;
	top: 10px;
	left: 142px;
	color:#027FB5;
	font-weight:bold;
	font-size:1.5em;
}
.nksp_ttl_s {
	position: absolute;
	top: 10px;
	left: 142px;
	color:#027FB5;
	font-weight:bold;
	font-size:1em;
}
.nksp_txt {
	position: absolute;
	top: 55px;
	left: 142px;
	font-size: 1.2em;
	padding-right:10px
}
.nksp_right {
    width: 395px;
    height:140px;
    float: left;
}

/*------------------------------------------------------------
	消耗品用CSS_2
------------------------------------------------------------*/

nksp02{
	
}

.nksphead02  {
	width: 810px;
	height: 73px;
	background: url(/contents/img/page/common/bar810.png) no-repeat center center;
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom:15px;
}

.nksphead02 a {
	font-weight:bold;
	font-size:2em;
	color:#027FB5;
	position: relative;
	top: 23px;
	left: 45px;
}

.nksphead02 span {
	font-weight:bold;
	font-size:2em;
	position: relative;
	top: 23px;
	left: 45px;
}

.nksp02_box { 
    width: 395px;
    height:211px;
    background: url(../img/kinko/keytype_bg.png) no-repeat center center;
    float: left;
	position: relative;
	margin-bottom:15px;
}

.nksp03_box { 
    width: 395px;
    height:161px;
    background: url(../img/kinko/keytype_bg_s.png) no-repeat center center;
    float: left;
	position: relative;
	margin-bottom:15px;
}

.nksp02_left {
	margin-right:19px;
}
.nksp02_img {
	position: absolute;
	top: 55px;
	left: 8px;
}
.nksp02_ttl {
	position: absolute;
	top: 12px;
	left: 40px;
	font-weight:bold;
	font-size:1.4em;
}

.nksp02_ttl a {
	color:#027FB5;
}

.nksp02_txt {
	position: absolute;
	top: 58px;
	left: 145px;
	font-size: 1.1em;
	padding-right:10px
}

.nksp02_txt a {
	color:#027FB5;
	font-size: 12px;
}

.keytype_right {
    width: 395px;
    height:140px;
    float: left;
}


/*------------------------------------------------------------
	オススメ商品5列
------------------------------------------------------------*/


.rcmd01_lineup {
	margin-bottom:15px;
}

.rcmd01_box01 { 
    width: 152px;
    height:100%;
    float: left;
	position: relative;
}

.rcmd01_left {
	margin-right:12px;
}

.rcmd01_img {
	margin-bottom:10px;
}

.rcmd01_txt{
	font-size:1.1em;
}

.rcmd01_txt span {
	font-weight: bold;
	color:#ff0000;
}


.rcmd01_txt span a{
	font-weight: bold;
	color:#027FB5;
	font-size:1.2em;
}



/*------------------------------------------------------------
	レジトップページ等で使用の2列
------------------------------------------------------------*/


.rcmd02_lineup {
}

.rcmd02head01  {
	width: 810px;
	height: 73px;
	background: url(/contents/img/page/common/bar810.png) no-repeat center center;
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom:10px;
}

.rcmd02head01 a {
	font-weight:bold;
	font-size:2em;
	color:#027FB5;
	position: relative;
	top: 23px;
	left: 45px;
}

.rcmd02head01 span {
	font-weight:bold;
	font-size:2em;
	position: relative;
	top: 23px;
	left: 45px;
}

.rcmd02_box01 { 
    width: 400px;
    height:100%;
    float: left;
	position: relative;
	margin-bottom:10px;
}

.rcmd02_img {
	margin-bottom:10px;
}

.rcmd02_left {
	margin-right:10px;
}

.rcmd02_txt {
	margin-top:10px;
	margin-bottom:100px;
}

/*------------------------------------------------------------
	レジトップページ等で使用の4列
------------------------------------------------------------*/


.rcmd04_lineup {
	
}

.rcmd04head01  {
	width: 810px;
	height: 73px;
	background: url(/contents/img/page/common/bar810.png) no-repeat center center;
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom:15px;
}

.rcmd04head01 a {
	font-weight:bold;
	font-size:2em;
	color:#027FB5;
	position: relative;
	top: 23px;
	left: 45px;
}

.rcmd04head01 span {
	font-weight:bold;
	font-size:2em;
	position: relative;
	top: 23px;
	left: 45px;
}

.rcmd04_box01 { 
    width: 195px;
    height:100%;
    float: left;
	position: relative;
	margin-bottom:10px;
}

.rcmd04_img{
	margin-bottom:10px;
}

.rcmd04_txt {
	font-size:1.1em;
}

.rcmd04_left {
	margin-right:10px;
}



/*------------------------------------------------------------
	タイムレコーダー メーカー一覧 2列
------------------------------------------------------------*/

.maker02_bar {
	margin-bottom:10px;
}

.maker02_lineup {
	margin-bottom:10px;
	margin-top:50px;
}

.maker02_info  {
	margin-bottom:10px;
	font-size:1.9em;
	font-weight: bold;
	text-align:center;
}

.maker02_box01 { 
    width: 390px;
    height:100%;
    float: left;
	position: relative;
	margin-bottom:10px;
}

.maker02_img {
	margin-bottom:5px;
	position:relative; 
	top:10px;
	left:10px;
	margin-right:20px;
}

.maker02_box02 { 
    width: 400px;
    height:100%;
    float: right;
	position: relative;
	margin-bottom:10px;
}

.maker02_ttl {
	font-size:1.4em;
	font-weight:bold;
	color:#017FB4;
}
.maker02_txt {
	font-size:1.2em;
}
.maker02_txt span{
	color:#ff0000;
	font-weight:bold;
}

/*------------------------------------------------------------
	タイムレコーダー メーカー一覧 2列(旧)
------------------------------------------------------------*/

.maker022_bar {
	margin-bottom:10px;
}

.maker022_lineup {
	margin-bottom:10px;
	margin-top:10px;
}

.maker022_info  {
	margin-bottom:10px;
	font-size:1.6em;
	font-weight: bold;
	text-align:center;
}

.maker022_box01 { 
    width: 400px;
    height:100%;
    float: left;
	position: relative;
	margin-bottom:10px;
}

.maker022_left{
	margin-right:10px;
}

.maker022_img {
	margin-bottom:5px;
}

.maker022_ttl a{
	font-size:1.4em;
	color:#017FB4;
	font-weight:bold;
}
.maker022_txt {
	font-size:1.2em;
}
.maker022_txt span{
	color:#ff0000;
	font-weight:bold;
}


/*------------------------------------------------------------
	タイムレコーダー機能別表 5列
------------------------------------------------------------*/

.kinou04_bar{
    margin-bottom:10px;
}
.kinou04_lineup {
	margin-bottom:10px;
}

.kinou04_box01 { 
    width: 195px;
    height:100px;
    float: left;
	position: relative;
	margin-bottom:10px;
}

.kinou04_left {
	margin-right:10px;
}

.kinou04_img {
	margin-bottom:10px;
}

#timerec_kinoubetsu img{
	opacity:1.0;
}

/*------------------------------------------------------------
	タイムレコーダーテーブル用
------------------------------------------------------------*/

.tmr-tbl{
	margin-bottom:15px;
	padding:0px;
	border:0.5px solid #017FB4;
	border-collapse:separate;
	border-spacing: 0;
	border-radius: 7px;
	overflow: hidden;
	font-size:1.2em;
}

.tmr-tbl td{
	padding:5px;
	text-align:center;
}

.tmr-tbl-3 td{
	width:33.3%;
}

.tmr-tbl-4 td{
	width:25%;
}

.tmr-tbl td a img{
	
}

.tmr-name td{
	font-weight:bold;
	font-size:1.2em;
}

.tmr-name td a{
	font-weight:bold;
	font-size:120%;
	color:#017FB4;
}

.tmr-tbl-3 .tmr-img td a img{
	width:60%;
}

.tmr-tbl-4 .tmr-img td a img{
	width:70%;
}

.tmr-img td p span{
	color:#ff0000;
}

.tmr-btn {
}

.tmr-btn td {
	padding:5px;
}

.tmr-btn td a img{
	width:70%;
}

.tmr-tbl .brand{
	background-color:#cc0000;
	font-weight:bold;
	font-size:1.4em;
	color:#ffffff;
}
.tmr-tbl .spec{
	background-color:#017FB4;
	font-weight:bold;
	font-size:1.4em;
	color:#ffffff;
}
.tmr-tbl .price td{
	color:#ff0000;
	font-weight:bold;
	font-size:1.4em;
}

.tmr-tbl .price td span{
	color:#ff0000;
	font-size:0.5em;
}

.tmr-tbl .present td {
	color:#008000;
	font-weight:bold;
	font-size:1em;
}

.tmr-tbl td span{
	color:#017FB4;
	font-weight:bold;
}

/*------------------------------------------------------------
	レジ用テーブル
------------------------------------------------------------*/

.rgst-tbl{
	margin-bottom:15px;
	padding:0px;
	border:0.5px solid #017FB4;
	border-collapse:separate;
	border-spacing: 0;
	border-radius: 7px;
	overflow: hidden;
	font-size:1.2em;
}

.rgst-tbl td{
	padding:5px;
	text-align:center;
}

.rgst-tbl-3 td{
	width:33.3%;
}

.rgst-tbl-4 td{
	width:25%;
}

.rgst-tbl td a img{

}

.rgst-name td{
	font-weight:bold;
	font-size:1.2em;
}

.rgst-name td a{
	font-weight:bold;
	font-size:120%;
	color:#017FB4;
}

.rgst-img td a img{
}

.rgst-tbl-3 .rgst-img td a img{
	width:60%;
}

.rgst-tbl-4 .rgst-img td a img{
}

.rgst-btn {
}

.rgst-btn td {
	padding:5px;
}

.rgst-btn td a img{
	width:70%;
}

.rgst-tbl .brand{
	background-color:#cc0000;
	font-weight:bold;
	font-size:1.4em;
	color:#ffffff;
}
.rgst-tbl .spec{
	background-color:#017FB4;
	font-weight:bold;
	font-size:1.4em;
	color:#ffffff;
}
.rgst-tbl .price td{
	color:#ff0000;
	font-weight:bold;
	font-size:1.4em;
}

.rgst-tbl .price td span{
	color:#ff0000;
	font-size:0.5em;
}

.rgst-tbl .present td {
	color:#008000;
	font-weight:bold;
	font-size:1em;
}

.rgst-tbl td span{
	color:#017FB4;
	font-weight:bold;
}

/*------------------------------------------------------------
ここからオススメ商品用CSS
------------------------------------------------------------*/

.nksp_osusume  {
	
}

.nksp_osusume_box { 
    width: 808px;
    height:215px;
    background: url(../img/kinko/osusume_icon.jpg) no-repeat 795px 200px;
    float: left;
	position: relative;
	 border:1px solid #C8C8C8;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px; 
	font-size:12px;
	margin-bottom:20px;
}
.nksp_osusume_left {
	margin-right:19px;
}
.nksp_osusume_img {
	position: absolute;
	top: 35px;
	left: 15px;
}
.nksp_osusume_icon {
	position: absolute;
	top: -13px;
	left: -13px;
	z-index: 10;
	
}
.nksp_osusume_ttl_box {
	position: absolute;
	top: 10px;
	left: 260px;
	border-bottom:dotted #C8C8C8 2px;
	width:535px;
	height:55px;
}
.nksp_osusume_ttl {
	position: absolute;
	top: 23px;
	left: 0;
	color:#027FB5;
	font-weight:bold;
	font-size:1.2em;
	padding-left: 20px;
    display: block;
    background: url(../img/list/line01.gif) no-repeat left center;
    padding-right:40px;
	border-right:solid #c8c8c8 1px;
}
.nksp_osusume_maker {
	position: absolute;
	top: 5px;
	left: 20px;
	font-weight:bold;
}
.nksp_osusume_price {
	position: absolute;
	top: 17px;
	right: 0;
}
.nksp_osusume_ttl_box .price {
	display: inline;
    text-decoration: line-through;
    margin-right:15px;
    font-size:1.1em;
}
.nksp_osusume_box .price_red {
	display: inline;
    color: #FD0D0C;
   
}
.nksp_osusume_box .price_red span {
    font-size:1.6em;
    font-weight:bold;
}
.nksp_osusume_txt {
	position: absolute;
	top: 85px;
	left: 260px;
	font-size: 1.1em;
	padding-right:10px
}
.nksp_osusume_right {
    width: 395px;
    height:140px;
    float: left;

}
.nksp_osusume_spec {
	position: absolute;
	top: 167px;
	left: 260px;
	background-color:#F0F0F0;
	
	font-size:1em;
	width:515px;
	padding:10px;
}
.nksp_osusume_spec ul li {
	display:inline;
	padding:0 10px;
	border-right:solid 1px #c8c8c8;
}
.nksp_osusume_spec ul li:first-child {
	padding-left:0;
}
.nksp_osusume_spec ul li:last-child {
	border-right:none;
}

/*------------------------------------------------------------
サイネージ用 CSS
------------------------------------------------------------*/
.ds-tbl{
	font-size:1.2em;
}

.ds-tbl tr{
	font-size:1.2em;
	background-color:#f0f8ff;
}

.ds-tbl th{
	font-weight:bold;
}

.ds-tbl td a{
	font-weight:bold;
	color:#017FB4;
}

.ds-txt{
	font-size:1.6em;
	font-weight:bold;
	margin:15px 0px 15px 0px;
	color:#017FB4;
}


/*------------------------------------------------------------
レジ設定ページ用 CSS
------------------------------------------------------------*/

.regisettei_ttl{
	
}

.regisettei_ttl img{
	margin-bottom:30px;
}

.regisettei_01{
	margin-bottom:15px;
}

.regisettei_01 img{
	margin-bottom:15px;
}

.regisettei_01 p{
	margin-bottom:10px;
	font-size:18px;
}

.regisettei_01 p span{
	color:#ff0000;
	font-weight:bold;
}

/*------------------------------------------------------------
SEO対策用ブロックテキスト用CSS
------------------------------------------------------------*/

.category_text{
	clear:both;
	padding-top:50px;
}

/*------------------------------------------------------------
Jquery タブ用
------------------------------------------------------------*/
.tab{
	overflow:hidden; 
	width:100%;
	margin-left:7px;
}
.tab li{
	background:#ddd; 
	padding:10px 25px 5px 25px; 
	float:left; 
	margin-right:1px;
	font-size:1.4em;
	font-weight:bold;
	color:#696969;
	border-radius: 7px 7px 0px 0px;
}
.tab li.select{
	background:#017FB4;
	color:#fff;
}
.content li{
	background:#fff; 
	padding:20px;
	border: 1px solid #696969;
	border-radius: 7px;
}
.hide {
	display:none;
}
/*------------------------------------------------------------
3枚画像用
------------------------------------------------------------*/

#3pic{
    width: 90%;
 margin: 0 auto;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    box-pack: justify;
    -moz-box-pack: justify;
    -webkit-box-pack: justify;
    -o-box-pack: justify;
    -ms-box-pack: justify; 
}

/*------------------------------------------------------------
2個バナー
------------------------------------------------------------*/
.ctbnr2
    {
	float:left;
	width:50%;
	}
/*------------------------------------------------------------
4個バナー
------------------------------------------------------------*/
.ctbnr4
    {
	float:left;
       margin:0% 1px 2px;
	width:24%;
 　　　
	}
/*------------------------------------------------------------
6個バナー
------------------------------------------------------------*/
.ctbnr6
    {
	float:left;
       margin:0% 1px 2px;
	width:15%;
 　　　
	}
/*------------------------------------------------------------
12個バナー
------------------------------------------------------------*/
.ctbnr12
    {
	float:left;
       margin:0% 1px 2px;
	width:8%;
 　　　
	}