@charset "utf-8";
/* CSS Document */


/* -------------------

1.　製品紹介

2.　製品概要のテキスト　

3.　製品紹介　詳細へのボタン

4.　製品紹介　価格

5.　仕様 などのテーブル

6.　キーパー医業会計

7.　メールde給与

-------------------- */

/* -------------------

製品紹介

-------------------- */

/* ﾀｲﾄﾙ関連*/
.prod_ttl {
	margin: 0 0 15px 0;
	padding: 0;
	}

.prod_ttl_sub {
	font-size: 200%;
	border-left: 3px solid #000;
	padding: 6px 0 4px 20px;
	margin: 0 0 15px 0;
	clear: both;
	display: block;
	}

.prod_ttl_sub span {
	font-size: 85%;
}

.prod_m {
	font-size: 130%;
	background: #fff;
	border: 1px solid #aaa;
	border-bottom: 3px solid #333;
	padding: 9px 0 6px 10px;
	width: 730px;
	margin: 20px 0 8px 0;
	}

.prod_m span {
	color: #092d72;
}

.prod_s {
	font-size: 120%;
	border-bottom: 1px dotted #666;
	padding: 10px 0 4px 10px;
	margin: 0 0 10px 15px;
	width: 700px;
}

.prod_s02 {
	font-size: 120%;
	border-bottom: none;
	padding: 10px 0 4px 10px;
	margin: 0 0 0 15px;
	width: 700px;
}

.prod_s span {
	font-size: 90%;
	font-weight: normal;
	}


/* はこ関連*/

.conbox02 .conbox_in .pr_box,
.conbox02 .conbox_in .pr_box02 {
	width: 350px;
	padding: 0;
	float: left;
	line-height: 1.4em;
	}

.conbox02 .conbox_in .pr_box {
	margin-right: 20px;
	}

.conbox02 .conbox_in .pr_box02 {
	margin: 0;
	}
/*
.conbox_in .pr_box img,
.conbox_in .pr_box02 img,
.conbox_in .pr_box img a:link,
.conbox_in .pr_box02 img a:link {
	margin: 0;
	padding: 0;
	}*/

.conbox02 .conbox_in .pr_box img,
.conbox02 .conbox_in .pr_box02 img, {
	}

.conbox02 .conbox_in .pr_box p,
.conbox02 .conbox_in .pr_box02 p {
	width: 350px;
	padding: 10px 0 0 0;
}


.conbox02 .conbox_in .pr_box p a:link,
.conbox02 .conbox_in .pr_box02 p a:link {
	color: #000;
	}

.conbox02 .conbox_in .pr_box p a:hover,
.conbox02 .conbox_in .pr_box02 p a:hover {
	color: #47baf0;
	}

.conbox02 .conbox_in .prtxt {
	padding: 0 0 0 15px;
	margin: 10px 0 0 0;
	width: 700px;
	}


/* -------------------

2.　製品概要のテキスト

-------------------- */

.prtxt02 {
	padding: 0 0 0 15px;
	margin: 10px 0 20px 0;
	width: 700px;
	line-height: 1.6em;
	}

.prtxt02 strong {
	font-size: 130%;
}

.prtxt02 strong.red {
	font-size: 100%;
	color: #ff0000;
}

.prtxt02 strong.btxt {
	font-size: 100%;
}

.conbox_in .prtxt02 strong.pro_txt {
	font-size: 28px;
	line-height: 1.2em;
}


.prtxt03 {
	padding: 0 0 0 25px;
	margin: 10px 0 20px 0;
	width: 690px;
	line-height: 1.6em;
	}

.prtxt03  strong {
	font-size: 130%;
}

.prtxt03  strong.red {
	font-size: 100%;
	color: #ff0000;
}

.prtxt03  strong.btxt {
	font-size: 100%;
}




/* -------------------

3.　製品紹介　詳細へのボタン

-------------------- */

ul.pr_btn {
	clear: both;
	padding: 0 0 0 60px;
	margin-bottom: 40px;
	width: 730px;
	}

ul.pr_btn li {
	float: left;
	margin-right: 20px;
}

ul.pr_btn li.one {
	float: right;
	margin-right: 20px;
}

ul.pr_btn02 {
	clear: both;
	padding: 0 0 0 60px;
	margin-bottom: 10px;
	width: 730px;
	}

ul.pr_btn02 li {
	float: left;
	margin-right: 20px;
}


/* -------------------

4.　製品紹介　価格

-------------------- */

.price {
		font-size: 160%;
		font-weight: bold;
		text-align: center;
		width: 730px;
		margin-top: 20px;
		}

.price span{
	font-size: 80%;
}

.price span.red {
	color: #ff0000;
}


/* ---- 機能紹介のボタン -------------------- */

ul.func_smenu {
	margin: 20px 0 10px 20px;
	width: 695px;
	display: block;
	clear: both;
	}

ul.func_smenu li {
	float: left;
	display: inline;
}

/* ----


5.　仕様 などのテーブル



-------------------- */

table.chart01 {
	width: 690px;
	border: 1px solid #cccccc;
	font-size: 90%;
	margin: 25px 0 30px 20px;
	margin-left: 15px;
	margin-right: 15px;
	}

table.chart01 th,
table.chart01 td {
	padding: 10px 0 10px 15px;
	border: 1px solid #cccccc;
	}

table.chart01 th {
	text-align: left;
	background-color: #efefef;
	width: 200px;
	}

table.chart01 td {
	text-align: left;
	background-color: #fff;
	}

table.chart01 th span {
	font-size: 90%;
}

p.caution {
	margin: -20px 0 0 30px;
	width: 690px;
	}

table.chart01 th.medop,
table.chart01 td.medop {
	text-align: center;
	}

/*----------------------

プロオプション

------------------*/

table.chart01 th.pro_price {
	width: 430px;
	padding: 10px 0 10px 15px;
	border: 1px solid #cccccc;
	font-size: 120%;
	}

table.chart01 th.pro_price span {
	font-weight: normal;
	font-size: 80%;
	}

table.chart01 td.pro_price {
	padding: 10px 0 10px 15px;
	border: 1px solid #cccccc;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	}

table.chart01 td.pro_price span {
	font-size: 85%;
}

/* ---- 医業の部分のテーブル -------------------- */



/* ---- 印刷帳票のテーブル -------------------- */

table.chart02 {
	width: 690px;
	border: 1px solid #ccc;
	font-size: 90%;
	margin: 0 0 15px 20px;
	padding: 0;
	}

table.chart02 th,
table.chart02 td {
	padding: 3px 15px;
	border: 1px solid #ccc;
	}

table.chart02 th {
	text-align: left;
	background-color: #efefef;
	padding: 8px 0 8px 6px;
	width: 200px;
	}

table.chart02 td {
	text-align: left;
	}

table.chart02 td span {
	font-size: 90%;
	}


/* ---- テーブル 給与----01---------------- */

table.kpk01 {
	width: 690px;
	margin: 20px 0 0 20px;
	_margin: 0 0 0 0;/*IE6用*/
	padding: 0 0 0 0;
	line-height: 1.3em;
	}
table.kpk01 th,
table.kpk01 td {
	border: 1px solid #cccccc;
}

table.kpk01 th{
	text-align: left;
	width: 16%;
	/*padding-left: 5px;*/
	text-align: center;
	background-color: #efefef;
	}

table.kpk01 td{
	padding: 3px;
	width: 18%;
	text-align: center;
	font-size: 110%;
	}

table.kpk01 td.cell{
	text-align: left;
	width: 35%;
	padding: 3px;
	text-align: left;
	}

/*-----02-------------------*/

table.kpk02 {
	width: 690px;
	margin: 20px 0 0 20px;
	padding: 0 0 0 0;
	line-height: 1.3em;
	}

table.kpk02 th,
table.kpk02 td {
	border: 1px solid #cccccc;
}


table.kpk02 th {
	text-align: left;
	padding: 5px 0 5px 5px;
	background-color: #efefef;
	width: 15%;
	}

table.kpk02 td {
	text-align: left;
	width: 15%;
	padding: 3px;
	text-align: center;
	font-size: 100%;
	}

table.kpk02 td.cell02 {
	text-align: left;
	padding: 5px 0 5px 5px;
	width: 30%;
	}

table.kpk02 td.cell02_in {
	text-align: left;
	padding: 5px 0 5px 5px;
	width: 25%;
	font-size: 90%;
	}

/* ----  給与 オプションパック----01---------------- */

.opbox {
	margin: -10px 0 0 40px;
	font-size: 110%;
	}

ul.kpkop {
	width: 600px;
	clear: both;
	margin: 0 0 0 20px;
	}

ul.kpkop li {
	float: left;
	margin-left: 50px;
	font-weight: bold;
	list-style-type: disc;
}

ul.kpkop02 {
	width: 600px;
	margin: 0 0 10px 20px;
	padding-left: 50px;
	font-size: 100%;
	list-style-type: disc;
	}

ul.kpkop02 li {
	}

/* ----  給与 オプションパック タイトル---------------- */

h5.kpk_m {
	font-size: 110%;
	border-bottom: 1px dotted #ccc;
	}


/* ------------------------------------



6.　キーパー医業会計



---------------------------------- */

.med_ttl {
	color: #077950;
	border-bottom: 2px solid #077950;
	text-align: center;
	font-size: 150%;
	margin-bottom: 20px;
	}

/* ---- キーパー医業会計　メニューボタン -------------------- */

ul.med_smenu {
	margin: 10px 0 10px 20px;
	width: 696px;
	display: block;
	clear: both;
	}

ul.med_smenu li {
	float: left;
	display: inline;
}


/* ---- キーパー医業会計　リスト表記 -------------------- */

ul.med_list {
	margin: 10px 0 10px 15px;
	display: block;
	clear: both;
	width: 700px;
	}

ul.med_list li {
	background: url(../img/med/arw_medlist.gif) no-repeat 0 0.6em;
	padding-left: 15px;
	line-height: 1.6em;
	margin-bottom: 10px;
	width: 685px;
}


/* ---- キーパー医業会計　説明 -------------------- */

div.box_twin {
	margin: 0 0 20px 0;
	clear: both;
	width: 730px;
	font-size: 13px;
	line-height: 1.7em;
	}

div.box_twin h3.mdk_merit_m {
	text-align: center;
	margin-bottom: 10px;
	width: 355px;
	display: inline;
	}

div.box_twin h4.med_m01{
	padding: 10px 0 0 26px;
	font-size: 105%;
	background: url(../img/med/med_m.gif) no-repeat 0 0;
	height: 38px;
	}

div.box_twin .twin_left,
div.box_twin .twin_right {
	width: 360px;
}

div.box_twin .twin_left {
	float: left;
}

div.box_twin .twin_right {
	float: right;
}


div.box_twin p.tw_ph {
	text-align: center;
	padding: 12px 0 0 0;
	margin-bottom: 0;
	width: 360px;
	float: none;
}


div.box_twin p.tw_txt {
	text-align: left;
	width: 340px;
	padding: 0 0 0 10px;
	font-size: 100%;
}

h5.midttl_med {
	background: url(../img/med/med_m02.gif) no-repeat 0 0;
	font-size: 130%;
	padding: 8px 0 0 28px;
	margin-bottom: 10px;
	height: 38px;
	}



/* ---- キーパー医業会計　帳票 -------------------- */

.box_tri {
	width: 720px;
	clear: both;
	margin-left: 10px;
	}

.box_tri .tri {
	width: 230px;
	/*height: 50px;*/
	float: left;
	margin-right: 10px;
	}


.box_tri .tri h4.rep_m {
	border-left: 4px #333 solid;
	background: #888;
	padding: 6px 0 6px 8px;
	font-size: 100%;
	color: #fff;
}

.box_tri .tri p.rep_txt01,
.box_tri .tri p.rep_txt02,
.box_tri .tri p.rep_txt03 {
	padding: 4px 4px 0 4px;
	font-size: 90%;
	line-height: 1.5em;
}

.box_tri .tri p.rep_txt01 {
	height: 80px;
}

.box_tri .tri p.rep_txt02 {
	height: 120px;
}

.box_tri .tri p.rep_txt03 {
	height: 160px;
}

.box_tri .tri p.btn_rep {
	text-align: center;
	font-size: 90%;
}

/*++++++++++++++++++++++++++++++++++++

7.　メールde給与

++++++++++++++++++++++++++++++++++++*/
.mdk_merit {
	text-align: center;
	margin-bottom: 10px;
	}

ul.mdk_m_list {
	margin-left: 15px;
	}

ul.mdk_m_list li strong {
	font-size: 105%;

}

ul.mdk_m_list li.cli01,
ul.mdk_m_list li.cli02,
ul.mdk_m_list li.cli03,
ul.mdk_m_list li.cli04,
ul.mdk_m_list li.cli05,
ul.mdk_m_list li.cli06,
ul.mdk_m_list li.host01,
ul.mdk_m_list li.host02,
ul.mdk_m_list li.host03,
ul.mdk_m_list li.host04,
ul.mdk_m_list li.host05,
ul.mdk_m_list li.host06 {
	padding-left: 55px;
	display: block;
	height: 95px;
	margin-bottom: 10px;
	width: 273px;
	/*text-indent: -3em;*/
	line-height: 1.4em;
}

ul.mdk_m_list li.cli01 {
	background: url(../img/mdk/cli_m001.gif) no-repeat 0 0;
}

ul.mdk_m_list li.cli02 {
	background: url(../img/mdk/cli_m002.gif) no-repeat 0 0;
}

ul.mdk_m_list li.cli03 {
	background: url(../img/mdk/cli_m003.gif) no-repeat 0 0;
}

ul.mdk_m_list li.cli04 {
	background: url(../img/mdk/cli_m004.gif) no-repeat 0 0;
}

ul.mdk_m_list li.cli05 {
	background: url(../img/mdk/cli_m005.gif) no-repeat 0 0;
}

ul.mdk_m_list li.cli06 {
	background: url(../img/mdk/cli_m006.gif) no-repeat 0 0;
}

ul.mdk_m_list li.host01 {
	background: url(../img/mdk/host_m001.gif) no-repeat 0 0;
}

ul.mdk_m_list li.host02 {
	background: url(../img/mdk/host_m002.gif) no-repeat 0 0;
}

ul.mdk_m_list li.host03 {
	background: url(../img/mdk/host_m003.gif) no-repeat 0 0;
}

ul.mdk_m_list li.host04 {
	background: url(../img/mdk/host_m004.gif) no-repeat 0 0;
}

ul.mdk_m_list li.host05 {
	background: url(../img/mdk/host_m005.gif) no-repeat 0 0;
}

ul.mdk_m_list li.host06 {
	background: url(../img/mdk/host_m006.gif) no-repeat 0 0;
}



ul.mdk_point {
	margin-left: 15px;
	font-size: 110%;
	}


ul.mdk_point li.p01,
ul.mdk_point li.p02,
ul.mdk_point li.p03,
ul.mdk_point li.p04,
ul.mdk_point li.p05,
ul.mdk_point li.p06 {
	/*padding-left: 90px;*/
	/*display: block;*/
	width: 620px;
	/*text-indent: -3em;*/
	line-height: 1.4em;
}

ul.mdk_point li.p01 {
	background: url(../img/mdk/point001.gif) no-repeat 0 0;
	height: 30px;
	margin-bottom: 30px;
	padding-left: 90px;
}

ul.mdk_point li.p02 {
	background: url(../img/mdk/point002.gif) no-repeat 0 0;
	height: 40px;
	margin-bottom: 40px;
	padding-left: 90px;
}

ul.mdk_point li.p03 {
	background: url(../img/mdk/point003.gif) no-repeat 0 0;
	height: 30px;
	padding: 5px 0 5px 90px;
	margin-bottom: 20px;
}

ul.mdk_point li.p04 {
	background: url(../img/mdk/point004.gif) no-repeat 0 0;
	height: 30px;
	padding: 5px 0 5px 90px;
	margin-bottom: 20px;
}

ul.mdk_point li.p05 {
	background: url(../img/mdk/point005.gif) no-repeat 0 0;
}

ul.mdk_point li.p06 {
	background: url(../img/mdk/point006.gif) no-repeat 0 0;
}


/* ---- 価格　テーブル -------------------- */

table.mdk_chart {
	width: 690px;
	border: 1px solid #cccccc;
	font-size: 90%;
	margin: 25px 0 30px 20px;
	}

table.mdk_chart th,
table.mdk_chart td {
	padding: 10px;
	border: 1px solid #cccccc;
	}

table.mdk_chart th {
	text-align: left;
	background-color: #efefef;
	/*width: 200px;*/
	}

table.mdk_chart td {
	text-align: right;
	background-color: #fff;
	width: 110px;

	}

table.mdk_chart td.tri {
	text-align: center;
	background-color: #fff;
	width: 110px;

	}

table.mdk_chart td.rank {
	text-align: center;
	background-color: #fff;
	}

table.mdk_chart th span {
	font-size: 90%;
}

p.caution {
	margin: -20px 0 0 30px;
	width: 690px;
	}




/*

パンフレット　

*/

p.cap {
	font-size: 12px;
	text-align: center;
	}


/*--------------------------------


経営羅針盤 機能紹介　メニュー


--------------------------------*/

table.rsb_menu {
	width: 640px;
	margin: 0 0 30px 30px;
	font-size: 14px;
	}

table.rsb_menu td {
	width: 25%;
	text-align: center;
	/*padding: 6px 0;*/
	border: solid 1px #bbb;
	font-weight: bold;
}

table.rsb_menu td a {
	text-align: center;
	display: block;
	color: #333;
	/*height: 21px;*/
	padding: 6px 0;
	/*border: solid 1px #e5e5e5;*/
}

table.rsb_menu td a:hover {
	background: #d2e7f8;
	text-align: center;
	color: #1a33b1;
	/*padding: 6px 0;*/
	/*height: 12px;*/
	/*border: solid 1px #e5e5e5;*/
}


/*------------------------

キーパー給与TOP

-------------------------*/

h6 {
	margin-bottom: 5px;
	color: #004edd;
	}

div.op_box {
	width: 700px;
	clear: both;
	padding-left: 40px;
	margin-bottom: 20px;
	}

ul.op_box_in {
	width: 330px;
	float: left;
	line-height: 1.6em;
	}