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




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




#content .k-member {
	text-align: left;
	margin: 15px 0 30px 0;
	line-height: 1.4em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	}

#content .k-member p strong.red {
	color: red;
	}
	
#content .k-member p.btn-totop02 {
	text-align: right;
	width: 550px;
}
	
#content .k-member-in {
	text-align: left;
	margin-left: 12px;
	}


#content h3.k-mem-t {
	text-align: center;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
#content .k-member-in p {
	font-size: 100%;
	width: 515px;
	margin: 0 0 6px 15px;
	padding: 0;
	line-height: 1.6em;
	}
	
#content .k-member-in p.nml_txt {
	font-size: 100%;
	width: 515px;
	margin: 10px 0 15px 15px;
	padding: 0;
	}
	
	
	
#content .btn_contact_box p span,
#content .k-member-in p.btn_sp span {
	font-size: 90%;
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	}

#content .k-member-in p.ex-txt span {
	font-size: 90%;
	padding: 0;
	line-height: 1.4em;
	margin: 0;
	padding-top: 10px;
	}

	
#content .k-member-in p.k-img-c {
	margin: 0 0 0 12px;
	padding: 0;
	text-align: center;
	}
	
#content .k-member-in h4 {
	border-bottom: solid 1px #666666;
	width: 520px;
	margin: 0 0 6px 0;
	padding: 6px 0 6px 10px;
	border: none;
	font-weight: bold;
	font-size: 110%;
}

#content h4.zei {
	border-bottom: 1px solid #cccccc;
	padding: 0 0 3px 18px;
	margin-top: 10px;
}

#content .k-member-in p.add {
	padding: 8px 0 20px 50px;
	font-size: 120%;
	line-height: 1.4em;
}
	
/* ------------------------------------------

     イメージ幅190ｐｘのフロートボックス

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

#content .k-member-in p.k-img-l {
	margin: 0 0 0 12px;
	padding: 0;
	float: left;
	width: 190px;
	}
	
#content .k-member-in p.txt-r {
	margin: 10px 0 3px 12px;
	padding: 0;
	width: 300px;
	float: left;
	}
	
/* -- END ----*/

#content .k-member-in p.k-img-c02 {
	margin: 10px 0 40px 18px;
	padding: 0;
	text-align: center;
	}
	
#content p.blue-box {
	background: #D3EDFB;
	padding: 10px;
	margin: 10px 0 0 15px;
}

#content p.blue-box02 {
	background: #D3EDFB;
	padding: 20px 20px 20px 20px;
	margin: 0 0 0 40px;
	width: 460px;
	font-weight: bold;
}

#content p.blue-box02 span {
	font-size: 120%;
	line-height: 1.5;
}


#content p.blue-box03 {
	background: #D3EDFB;
	padding: 10px 20px 10px 20px;
	margin: 0 0 0 30px;
	width: 460px;
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	line-height: 1.3;
}

#content .k-member-con {
	margin: 10px 0 30px 0;
}

#content .k-member-con h4 {
	background: url(../img/club_m001.gif) no-repeat;
	width: auto;
	margin: 0 0 5px 0;
	padding: 2px 0 5px 10px;
	border: none;
	font-weight: bold;
	color: #fff;
	font-size: 110%;
}


#content .k-member-con h4.t02 {
	background: url(../img/kpk-lp_03.gif) no-repeat;
	width: auto;
	margin: 0 0 12px 0;
	padding: 2px 0 5px 10px;
	border: none;
	font-weight: bold;
	color: #fff;
	font-size: 110%;
}


#content .k-member-con p img.k-img-r {
	float: right;
	margin: 0 0 0 0;
}

#content .k-member-con p.imgbox {
	width: 540px;	
	text-align: center;
	margin: 0 0 0 0;
}


#content .k-member-con h5  {
	background: url(../img/club_arw001.gif) no-repeat 0 0.6em;
	padding: 4px 0 0 15px;
	margin-left: 8px;
	font-size: 110%;
}

#content .k-member-con h5.bar  {
	background: #ddd;
	width: 530px;
	padding: 4px 0 4px 10px;
	margin: 10px 0 10px 8px;
	font-size: 110%;
}

p span.mini {
	font-size: 90%;
	}

#content .k-member-con .btn_contact_box {
	width: 540px;
	margin: 10px 0;
	padding-left: 30px;
}

.img_box {
	margin: 30px 0;
	}


#content .k-member-con .btn_contact_box p {
	width: 191px;
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
}

/*------キーパー給与 ﾎﾞﾀﾝ-------*/

#content .k-member-in p.btn1 {
	clear: both;
	width: 500px;
	text-align: center;
	margin-bottom: 20px;
}

#content .k-member-in div.btn2 {
	clear: both;
	width: 530px;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
}

#content .k-member-in div.btn2 p {
	width: 250px;
	float: left;
	margin: 0 0 15px 10px;
}

#content .k-member-in div.btn3 {
	clear: both;
	width: 540px;
	margin-bottom: 30px;
}

#content .k-member-in div.btn3 p {
	width: 160px;
	float: left;
	margin: 0 0 0 15px;
}

#content .k-member-in div.btn3a {
	clear: both;
	width: 530px;
	margin: 15px 0 30px 0;
}

#content .k-member-in div.btn3a p {
	width: 160px;
	float: left;
	margin: 0 15px 0 0;
}

/*------キーパー給与スーパー リスト-------*/

#content .k-member-con ul{
	margin: 0 0 15px 20px;
	}
	
#content .k-member-con ul li{
	background: url(../img/arw010.gif) no-repeat 0 60%;
	padding-left: 18px;
	}

#content .k-member-con ul.list02{
	margin: 0 0 5px 20px;
	}
	
#content .k-member-con ul li{
	background: url(../img/arw010.gif) no-repeat 0 60%;
	padding-left: 18px;
	}
	
#content .k-member-con p.catch{
	text-align: center;
	font-size: 120%;
	}

#content .k-member-in p.catch02{
	text-align: center;
}

/*------キーパー給与スーパー 追加部分-------*/


#content .k-member-con div.dl-box {
	width: 540px;
	clear: both;
	}
	
#content .k-member-con div.dl-box p {
	float: left;
	width: 300px;
	margin-right: 5px;
	}
	
#content .k-member-con div.dl-box p.btn_sp {
	float: left;
	width: 192px;
	}


/*------キーパー給与スーパー価格　テーブル-------*/


table.kpk-sp {
	font-size: 90%;
	width: 530px;
	margin: 8px 0 5px 10px;
	border: 1px solid #ddd;
	line-height: 1.3em;
	}


table.kpk-sp th,
table.kpk-sp td {
	text-align: center;
	padding: 5px;
	background-color: #e0f1ff;
	border: 1px solid #ddd;
	}

table.kpk-sp th.sp-name {
	padding: 5px;
	background-color: #e0f1ff;
	border: 1px solid #ddd;
	}

table.kpk-sp td.terms {
	text-align:left;
	background-color: #fff;
	border: 1px solid #ddd;
	}
	
table.kpk-sp td {
	text-align: center;
	background-color: #fff;
	border: 1px solid #ddd;
	}
	
#content .k-member-con p.caution {
	font-size: 85%;
	}
	
/*------キーパー給与専用紙について-------*/

#content div.box01 {
	clear: both;
	}
	
#content div.box01 p.txt {
	float: left;
	width: 300px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 1.6em;
}

#content div.box01 p.txt02 {
	float: left;
	width: 300px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 1.6em;
	padding-top: 15px;
}

#content p.txt03 {
	margin: 10px 0 20px 30px;
	font-size: 14px;
	line-height: 1.6em;
}

#content p.txt03 span {
	font-size: 130%;
}


#content div.box01 p.img {
	float: left;
	width: 190px;
}

#content div.box02 {
	clear: both;
	padding-left: 60px;
	}
	
#content div.box02 p.btn {
	float: left;
	width: 180px;
	margin-right: 10px;
}


#content div.graybox {
	margin: 10px 0 20px 0;
	background: #ededed;
	width: 540px;
	}
	
#content div.graybox p{
	width: 510px;
	padding: 10px 10px 10px 5px;
	}

#content h4.ttl {
	font-size: 110%;
	padding: 6px 0 6px 10px;
	font-weight: bold;
}

/*------通信障害-------*/


#content p.blue-box04 {
	background: #D3EDFB;
	padding: 20px 20px 20px 20px;
	margin: 0 0 0 30px;
	width: 460px;
	font-weight: bold;
}

#content p.blue-box04 span {
	font-size: 100%;
	line-height: 1.4;
}


#content p.blue-box05 {
	background: #D3EDFB;
	padding: 20px 20px 20px 20px;
	margin: 0 0 0 30px;
	width: 460px;
	font-weight: normal;
}

#content p.blue-box05 span {
	font-size: 100%;
	line-height: 1.6;
	font-weight: bold;
}

/*---よくある質問----------------*/

#content div.rend_faq {
	margin: 0 0 15px 10px;
	border-bottom: 1px #dcdcdc solid;
	width: 500px;
	}

#content div.rend_faq h4.rend_faq {
	background: url(../img/arw_faq001.gif) no-repeat 0 20%;
	padding: 6px 0 6px 40px;
	margin: 0 0 8px 0;
	color: #F60;
	line-height: 1.3em;
	font-size: 120%;
	}

#content div.rend_faq p.rend_ans {
	background: url(../img/arw_faq002.gif) no-repeat 0 20%;
	padding: 8px 0 8px 40px;
	margin: 0 0 8px 0;
	line-height: 1.3em;
	font-size: 110%;
	}


/*---連動についてのコメント----------------*/

#content p.bigtxt {
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 20px;
	}
	
/*---ニュース　写真つき記事----------------*/

#content .k-member-in div.box_ph {
	width: 540px;
	}

#content .k-member-in div.box_ph div.in_txt {
	width: 370px;
	float: left;
	 
}

#content .k-member-in div.box_ph div.in_txt p {
	width: auto;
	margin: 0;
	padding: 0;
}


#content .k-member-in div.box_ph div.in_ph {
	width: 160px;
	float: right;
	font-size: 10px;
}


#content .k-member-in div.box_ph div.in_ph p {
	width: auto;
	margin: 0;
	padding: 0;
}


/*   チャレキャン    */

#content .k-member-in p.nml_txt02 {
	font-size: 100%;
	width: 515px;
	margin: 10px 0 15px 7px;
	padding: 0;
	line-height: 1.6em;
	}

#content p.bigtxt02 {
	font-size: 130%;
	font-weight: bold;
	margin: 15px 0;
	text-align: center;
	}
	
ul.pro {
	margin: 0 0 20px 20px;
	line-height: 1.6em;
	
	}
#content p.zcc_link {
	margin-bottom: 20px;
	}
	

/*------セミナー　テーブル-------*/


table.sm {
	font-size: 100%;
	width: 530px;
	margin: 8px 0 30px 10px;
	border: 1px solid #ddd;
	line-height: 1.3em;
	}

table.sm td.ttl {
	text-align: center;
	width: 30%;
	padding: 5px;
	border: 1px solid #ddd;
	}

table.sm td {
	padding: 5px 5px 5px 15px;
	border: 1px solid #ddd;
	}

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