@charset "utf-8";

/* コンテンツ部分のスタイル */

/* Main Contents
-----------------------------------------------------*/
.contents {
	max-width:960px;
	width:100%;
	margin:0 auto 40px;
}

/* Side Contents
-----------------------------------------------------*/

/* contents */
.contentsBox {
    border: 1px solid #4eac33;
    box-sizing: border-box;
    display: block;
    padding: 10px;
}

/* sidecontents TEL */
#sideImgTel {
    border: 1px solid #4eac33;
    box-sizing: border-box;
	color:#666;
	text-align:center;
	padding:10px;
}
#sideImgTel h3 {
    background-color: #4eac33;
    border-radius: 18px;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    padding: 5px;
}
#sideImgTel p.telNo {
    font-size: 28px;
	color:#F66;
}
/* Tablet&SP */
@media screen and (max-width: 959px)
{
    #sideImgTel {
        background-color: #f0fff0;
        border: none;
        display: block;
        margin: 10px auto;
        padding: 20px;
    }
}

/* 汎用・共通
-----------------------------------------------------*/

/* 汎用ボタン */
a.pagelinkbtn {
    background-color: #60D33F;
    border: 2px solid #60D33F;
    border-radius: 18px;
    color: #fff;
    display: inline-block;
    margin: 18px;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
}
a.pagelinkbtn:hover {
    background-color: #fff;
    color: #60D33F;
}

/*汎用Table*/
table.normalTbl {
    border-collapse: collapse;
    border-spacing: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 10px auto;
    width: 100%;
}
table.normalTbl thead th ,
table.normalTbl thead td {
    background-color: #dfd;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #333;
    height: auto;
    line-height: 150%;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
}
table.normalTbl tbody th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #333;
    height: auto;
    line-height: 150%;
    padding: 5px 10px;
    text-align: left;
    vertical-align: middle;
}
table.normalTbl tbody td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: auto;
    line-height: 150%;
    padding: 5px 10px;
}
/* Tab&SP */
@media screen and (max-width: 767px)
{
    table.normalTbl thead {
        display:none;
    }
    table.normalTbl tbody th {
	    background-color: #dfd;
    }
    table.normalTbl tbody th,
    table.normalTbl tbody td {
        box-sizing: border-box;
        display: inline-block;
        width: 100% !important;
    }
}


/*theadあり汎用Table*/
table.normalTblhead {
    border-collapse: collapse;
    border-spacing: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 10px auto;
    width: 100%;
}
table.normalTblhead thead th ,
table.normalTblhead thead td {
    background-color: #dfd;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #333;
    height: auto;
    line-height: 150%;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
}
table.normalTblhead tbody th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #333;
    height: auto;
    line-height: 150%;
    padding: 5px 10px;
    text-align: left;
    vertical-align: middle;
}
table.normalTblhead tbody td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: auto;
    line-height: 150%;
    padding: 5px 10px;
}
/* theadあり汎用Tab&SP */
@media screen and (max-width: 767px)
{
  table.normalTblhead thead {
    display: block;
}
    table.normalTblhead tbody th {
	    background-color: #dfd;
    }
    table.normalTblhead tbody th,
    table.normalTblhead tbody td {
        box-sizing: border-box;
        display: inline-block;
        width: 100% !important;
    }
}

/*線なしTable*/
table.boderlessTbl {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px auto;
    width: 100%;
}
table.boderlessTbl thead th ,
table.boderlessTbl thead td {
    color: #333;
    height: auto;
    line-height: 150%;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
}
table.boderlessTbl tbody th {
    color: #333;
    height: auto;
    line-height: 140%;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}
table.boderlessTbl tbody td {
    height: auto;
    line-height: 140%;
    padding: 5px;
}
/* Table&SP */
@media screen and (max-width: 767px)
{
    table.boderlessTbl thead {
        display:none;
    }
    table.boderlessTbl tbody th,
    table.boderlessTbl tbody td {
        box-sizing: border-box;
        display: inline-block;
        width: 100% !important;
    }
}

/* トップページ
-----------------------------------------------------*/

/*Top メインサービス*/
#topMainService {
	display:inline-block;
	width:100%;
}
#topMainService .mainService {
	border:1px solid #ccc;
	width:310px;
	min-height:200px;
	margin-right:7px;
	display:block;
	box-sizing:border-box;
	float:left;
 	padding:10px;
}
#topMainService .mainService:last-child {
	margin-right:0;
}
/* PC以外 */
@media screen and (max-width: 959px) {
  #topMainService .mainService {
      width:98%;
      margin: 10px auto !important;
      padding:10px;
	  float:none;
  }
}
#topMainService .mainService img {
	float:left;
	margin-right:10px;
}

/*Top ニュース*/
#topInfoNewsHead {
	width:600px;
	overflow: auto;
	display:block;
	box-sizing:border-box;
	float:left;
	margin-bottom: 0;
}
#topInfoNews {
	border:1px solid #ccc;
	width:600px;
	height:240px;
	overflow: auto;
	display:block;
	box-sizing:border-box;
	float:left;
 	padding:10px;
}
#topInfoNews h3,
#topInfoNews h3 a {
	border:none;
	font-size:14px;
	margin:0;
	padding:0;
}
/* PC以外 */
@media screen and (max-width: 959px) {
  #topInfoNewsHead ,
  #topInfoNews {
      width:98%;
      margin: 10px auto;
      padding:10px;
	  float:none;
  }
}

/*Top プラン*/
#topInfoPlanHead {
	width:345px;
	overflow: auto;
	display:block;
	box-sizing:border-box;
	float:right;
	margin-bottom: 0;
}
#topInfoPlan {
	border:1px solid #ccc;
	width:345px;
	min-height:240px;
	overflow: auto;
	display:block;
	box-sizing:border-box;
	float:right;
 	padding:10px;
}
/* PC以外 */
@media screen and (max-width: 959px) {
  #topInfoPlanHead ,
  #topInfoPlan {
      width:98%;
      margin: 10px auto;
      padding:10px;
	  float:none;  }
}

/* タイムレコーダーページ
-----------------------------------------------------*/

/* タイムレコーダーの6つのポイント */
.time_pointsix table tbody td {
	vertical-align:top;
	width:33.3%;
}
.time_pointsix table h4 {
    background-color: #4eac33;
    border-bottom: 1px dotted #CCC;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    height: 50px;
    margin: 5px 0 10px;
    padding: 5px;
    width: 100%;
}
.time_pointsix table p {
    font-size: 14px;
    padding: 0 2px;
}
/* タイムレコーダーのシステム連携方法 */
.time_linkage table p {
    font-size: 14px;
    padding: 0 2px;
}
.time_linkage a.pagelinkbtn {
	width:150px;
}
/* GreenNuts詳細 */
.time_detail {
  padding:5px;
}
.time_detail h4 {
    font-size: 16px;
    color: #4eac33;
    box-sizing: border-box;
}
.time_detail p {
    font-size: 14px;
}
.time_detail ul {
    margin: 5px 0;
	font-weight:bold;
}
.time_detail .image {
	width:200px;
	float:right;
	margin-left: 10px;
}
.time_detail .image img {
	width:100%;
}
/*価格表*/
.time_price table td {
	text-align:right;
}
/*GreenNutsのできる*/
.time_able h4 {
	color:#049520;
}
/*勤怠システムラインナップ*/
.time_lineup table td {
	width:33.3%;
 	vertical-align:top;
}
.time_lineup table h4 {
    box-sizing: border-box;
    color: #FFF;
    font-size: 14px;
    padding: 3px;
    width: 100%;
	text-align:center;
}
.time_lineup table h5 {
    box-sizing: border-box;
    color: #444;
    font-size: 14px;
    padding: 2px;
    width: 100%;
	text-align:center;
}
.time_lineup table p {
    padding: 5px 0;
	font-size:95%;
}




/* 勤怠管理システムページ
-----------------------------------------------------*/
/*価格表*/
.kintai_price table caption {
	text-align:left;
	font-weight:bold;
}
.kintai_price table th {
    background-color: #dfd;
}
.kintai_price table td {
	text-align:center;
}
@media screen and (max-width: 767px)
{
    .kintai_price table.normalTbl thead {
		display: table-header-group;
    }
  	.kintai_price table.normalTbl tbody th,
    .kintai_price table.normalTbl tbody td {
        box-sizing: border-box;
        display: table-cell;
        width: auto !important;
    	padding:5px;
    	line-height:125%;
    }
}

/* その他の製品ページ
-----------------------------------------------------*/
.other_iccard table td {
	text-align:center;
}
@media screen and (max-width: 767px)
{
    .other_iccard table.normalTbl tbody th,
    .other_iccard table.normalTbl tbody td {
        box-sizing: border-box;
        display: table-cell;
        width: auto !important;
    	padding:5px;
    	line-height:125%;
    }
}

/* 会社概要ページ
-----------------------------------------------------*/

/* 会社概要ページのテーブル */
.company table.normalTbl {
	margin-bottom:30px;
}
.company table.normalTbl tbody th {
	width:25%;
	background-color:#f3f3f3;
}
@media screen and (max-width: 767px)
{
  .company table.normalTbl tbody th {
      width:100%;
  }
}

/* ダウンロードページ
-----------------------------------------------------*/

/* ダウンロードページのテーブル */
.download table.normalTbl {
	margin-bottom:30px;
}
.download table.normalTbl thead th ,
.download table.normalTbl thead td {
	width:33.33%;
}
@media screen and (max-width: 767px)
{
  .download table.normalTbl thead th ,
  .download table.normalTbl thead td {
      width:100%;
  }
}

/* ダウンロードボタン */
a.downloadBtn {
    background-color: #1abc9c;
    border: 2px solid #1abc9c;
    border-radius: 18px;
    color: #fff;
    display: block;
    margin: 5px auto;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    width: 50%;
}
a.downloadBtn:hover {
    background-color: #fff;
    color: #1ABC9C;
}