@charset "utf-8";

@import url("../packages/pca/css/import.css");

/*******************************************************************************
▼各ページ共通▼ココカラ
*******************************************************************************/

/*unit 囲み枠
**************************/
.unit ul,
.unit dl,
#content .unit table{
margin:0 10px 10px;
}

#content .x-unit{
background:transparent;
}

.navi-roof{
background:transparent url(../packages/pca/images/common/nav-roof_01.gif) no-repeat scroll left bottom;
height:6px;
}

/*余白
**************************/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mtUnder10{margin-top:-10px;}
.mbUnder5{margin-bottom:-5px;}

.p5{padding:5px}
.p10{padding:10px}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pl0{padding-left:0px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}


/*フロート
**************************/
.right{float:right;}
.left{float:left;}
.cl{clear:both;}

/*位置
**************************/
.txt-right{text-align:right;}
.txt-left{text-align:left;}
.center{text-align:center;}

/*カラー
**************************/
.mkr1{color:#AA0000;}/*赤*/
.mkr2{color:#063F7F;}/*青*/
.mkr3{color:#447303;}/*緑*/
#price{color:#AA0000;}

#undercolumn .attention{
color:#AA0000;
}

#undercolumn #detailarea .attention{
font-weight:bold;
}


/*文字サイズなど
**************************/
.mini{font-size:90%}
.bold{font-weight:bold;}
.u-line{text-decoration:underline;}


/*ボタン-仮に設定
**************************/
.button{
padding:15px;
background-color:#AA0000;
border:3px double #fea500;
display:inline;
}

.button a:link{color:#FFFFFF;text-decoration:underline;}
.button a:visited{color:#FFFFFF;text-decoration:underline;}
.button a:hover{color:#FFFFFF;text-decoration:none;}
.button a:active{color:#FFFFFF;text-decoration:underline;}

.b-button{
background-color:#1B4293;
}

/*.unitの直後の「トップへ戻る」
**************************/
.to-top{
position:relative;
margin-top:-10px;
text-align:right;
}

/*見出し
**************************/
#pay .unit h3,
#saas .unit h3,
#intro-support .unit h3,
#intro-pkg01su .unit h3,
#intro-pkg02to .unit h3,
#intro-pkg03so .unit h3,
#intro-pkg04sy .unit h3,
#campaign001 .unit h3,
#sample-fm h3,
#s-freetrial .unit h3,
#intro-case .unit h3,
#intro-case-list .unit h3,
#campaign .unit h3{
background:transparent url(../packages/pca/images/common/bullet-blue.gif) no-repeat scroll left 6px;
border-bottom:1px solid #DEDEDE;
margin:0 0 15px;
padding:5px 0 10px 15px;
}

.caption{
background-color:#696256;
color:#FFFFFF;
padding:5px 10px;
}

.unit .mini-title{
margin:15px 0px 5px 10px;
}

#windowcolumn table{ 
	border-spacing:0px;
	border-collapse:collapse;
	border-left:1px solid #DDD;
	border-top:1px solid #DDD;
	border-bottom:1px solid #AAA;
	margin:0 0 20px;
	padding:20px 0pt 20px;
	width:100%;
}

#windowcolumn table caption{
	text-align:left;
	padding-left:8px;
	color:#900;
	border-left:3px solid #900;
}

#windowcolumn th, #windowcolumn td{
	padding:10px;
	border-top:1px dashed #DDD;
	border-right:1px solid #AAA;
	background:transparent;
	font-style:normal;
	color:#444;
}

#windowcolumn tr.head th,
#windowcolumn tr.head td{border-top:1px solid #DFDFDF;}
#windowcolumn td{}
#windowcolumn thead th {
	color:#444;
	background:#FDFCFD;
	padding:3px 0 3px;
	border-bottom:1px solid #ccc;
}
#windowcolumn tbody th {
	text-align:left;
	background:#696256;
	border-bottom:1px solid #a5a19b;
	color:#FFF;
}

/*******************************************************************************
▲各ページ共通▲ココマデ
*******************************************************************************/

/*ヘッダー
**************************/
#bookmrk{
position:absolute;
top:47px;
right:335px;
}

#header .partner{
height:28px;
background:transparent url(../packages/pca/images/common/inquiry-partner.gif) no-repeat scroll left bottom;
padding:3px 0px 5px 7px;
width:480px;
text-align:left;
float:right;
}

#header .partner p{
	text-align:right;
	margin-top:-3px;
	position:relative;
}

#header h1{
font-weight:normal;
}

/*トップページ
**************************/
.top-h{
font-weight:normal;
}

#top-banner a{
border:1px solid #ffffff;
margin-bottom:10px;
display:inline-block;
}

#top-banner a:hover{
border:1px solid #2A509C;
}

#topics-bnr a{
border:1px solid #ffffff;
display:inline-block;
}

#topics-bnr a:hover{
border:1px solid #2A509C;
}

/*navコンテンツ
**************************/
#nav-contents .new{
position:absolute;
top:6px;
left:100px;
}

#nav-other-bnr .mini{
line-height:1.1;
}


/*商品詳細ページdetail.tpl
**************************/
#undercolumn .subarea .frame{
border:double 3px #0066cc;
padding:10px;
margin-bottom:20px;
}

#undercolumn #detailrightblock .m-tb3{
margin-top:3px;
margin-bottom:3px;
}

#whoboughtarea .tbl-color{
width:580px;
border-top:1px solid #CCCCCC;
}

#whoboughtarea .tbl-color td{
border-bottom:1px solid #CCCCCC;
border-right:1px dotted #cccccc;
border-top:	none;
padding:2px;
}



/*資料請求・見積依頼ページ
**************************/
#content #catalog th,
#content #calculation th{
padding:10px 5px;
}

#content #catalog td,
#content #calculation td {
padding:10px;
text-align:left;
line-height:1.0;
}

#content #catalog input,
#content #calculation input{
vertical-align:middle;
margin-right:3px;
}


#calculation .caption{
text-align:center;
}

#calculation .x-table,
#catalog .x-table{
border-top:none;
border-left:none;
border-bottom:none;
}

#content #calculation .x-table td,
#content #catalog .x-table td{ 
border:none;
padding:3px;
}


/*機能比較specs.tpl
**************************/
#specs .unit{
padding:10px;
margin-bottom:30px;
color:#333333;
}

#specs .unit ul{
margin-left:20px;
}

/*バージョンアップversion_up.tpl
**************************/
#version-up .unit{
color:#333333;
margin-bottom:0;
}

#content #version-up table{
width:560px;
}

#version-up table td{
text-align:center;
}


/*導入支援シリーズintro_support.tpl他4ページ
**************************/
#intro-support .icon{
position:relative;
top:-10px;
}

#intro-support .unit p{
position:relative;
}

#intro-support .unit,
#intro-pkg01su .unit,
#intro-pkg02to .unit,
#intro-pkg03so .unit,
#intro-pkg04sy .unit{
padding:0 10px 10px;
}

#intro-support .x-unit,
#intro-pkg01su .x-unit,
#intro-pkg02to .x-unit,
#intro-pkg03so .x-unit,
#intro-pkg04sy .x-unit{
margin:10px 0;
}

#content #intro-pkg01su .unit table,
#content #intro-pkg03so .unit table,
#content #intro-pkg04sy .unit table{
width:560px;
}

#content #intro-support .unit table,
#content #intro-pkg01su .tbl-color ,
#content #intro-pkg02to .unit table,
#content #intro-pkg03so .tbl-color,
#content #intro-pkg04sy .tbl-color{
width:560px;
border-collapse:separate;
border-spacing:4px;
border-top:none;
border-left:none;
border-bottom:none;
padding:10px 0 0;
}

#content #intro-support table td,
#content #intro-pkg01su .tbl-color td,
#content #intro-pkg02to table td,
#content #intro-pkg03so .tbl-color td,
#content #intro-pkg04sy .tbl-color td{
background:#FFFFCC none repeat scroll 0 0;
border-bottom:2px solid #CCCCCC;
border-right:1px solid #EEEEEE;
border-top:	none;
}

#intro-support ul,
#intro-pkg01su ul,
#intro-pkg02to ul,
#intro-pkg03so ul,
#intro-pkg04sy ul{
padding-left:10px;
}

#intro-support ul li,
#intro-pkg01su ul li,
#intro-pkg02to ul li,
#intro-pkg03so ul li,
#intro-pkg04sy ul li{
list-style-position: outside;
list-style-type: disc;
padding:5px 0;
}

#intro-pkg01su .arrow ul li,
#intro-pkg03so .arrow ul li{
list-style-type:none;
background:transparent url(../packages/pca/images/common/arw-blue.gif) no-repeat scroll left center;
padding:7px 0 7px 10px;
}


/*intro-pkg01su.tpl*******************/

#content #intro-pkg01su .tbl-cllpse th{
padding:2px;
}

#content #intro-pkg01su .tbl-cllpse td{
padding:2px;
}

#content #intro-pkg01su .mkr1 {
background-color:#aa0000;
color:#FFFFFF;
}

#content #intro-pkg01su .mkr1-2 {
background-color:#FFCCCC;
}

#content #intro-pkg01su .mkr2 {
background-color:#0066cc;
color:#FFFFFF;
}

#content #intro-pkg01su .mkr2-2 {
background-color:#CCFFFF;
}

#content #intro-pkg01su .mkr3 {
background-color:#447303;
color:#FFFFFF;
}

#content #intro-pkg01su .mkr3-2 {
background-color:#CCFF99;
}


#content #intro-pkg01su .mkr4 {
background-color:#fea500;
color:#FFFFFF;
}

#content #intro-pkg01su .mkr4-2{
background-color:#FFFFCC;
}

/*intro-pkg03so.tpl*******************/
#intro-pkg03so .caption{
font-weight:bold;
padding:10px;
}

#intro-pkg03so .caption{
background-image:url(../packages/pca/images/article/intro_support/caption-bg.gif);
background-repeat: repeat-x;
background-position: left bottom;
color:#FFFFFF;
padding:5px 10px;
}

#intro-pkg03so .mb30 .unit{
margin-bottom:30px;
}

#intro-pkg03so h4{
color:#063F7F;
margin:20px 0 10px 0;
}

#intro-pkg03so .x-table{
border:transparent;
background-color:transparent;
}

#intro-pkg03so .table-bg{
background-color:#DEDEDE;
}

/*intro-pkg04sy.tpl*******************/
#content #intro-pkg04sy .tbl-cllpse{
width:560px;
border-top:transparent;
border-left:transparent;
border-bottom:transparent;
padding:10px 0 0;
}


/*PSS会員制度pss_member.tpl
**************************/
#pss-member .unit{
padding:0 10px 10px;
}

#pss-member .unit h3{
background:transparent url(../packages/pca/images/common/bullet-blue.gif) no-repeat scroll left 6px;
border-bottom:1px solid #DEDEDE;
padding:5px 0 10px 15px;
}


#pss-member .unit dt{
padding:30px 0 3px;
font-weight:bold;
}

#pss-member .unit dd{
padding-left:10px;
}

/*プライバシーポリシーprivacy.tpl
**************************/
#privacy .x-unit{
padding-bottom:0;
margin-bottom:0;
}

#privacy .unit{
padding:0 10px 10px;
}

#privacy .unit h3{
background:transparent url(../packages/pca/images/common/bullet-blue.gif) no-repeat scroll left 6px;
border-bottom:1px solid #DEDEDE;
margin:0 0 15px;
padding:5px 0 10px 15px;
}

/*お支払い方法pay.tpl
**************************/
#pay #listtitle{
margin-bottom:10px;
}

#pay .unit{
padding:0 10px 10px;
}

#pay .unit dt{
padding:5px 0 3px;
font-weight:bold;
}

#pay .unit dd{
padding-left:10px;
}

/*クレジット情報入力画面
**************************/
#content #card table{
font-size:110%;
}

#content #card .x-table{
border-top:none;
border-left:none;
border-bottom:none;
}

#content #card .x-table td{ 
border:none;
}

#content #card #containerfull{ 
border-right:1px solid #AAAAAA;
}

#content #card #containerfull table{ 
border-right:1px solid #AAAAAA;
}

#content #card #containerfull table th{ 
padding:2px;
}

#content #card #button{
text-align:center;
}

/*saasとは　saas.tpl
**************************/
#saas .unit{
padding:0 10px 10px;
}

#saas .x-unit{
margin-bottom:0;
}

#saas .gotop{
text-align:right;
font-size:92%;
}

#saas .gotop a{
color:#393333;
}

/*専用帳票サンプルプレゼント　sample.tpl
*********************************************/
div#sample-fm #undercolumn_contact .area280 {
    width: 280px;
    height: 20px;
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
}

/*サンプル応募ページ　sample-form.tpl
********************************************/
#content #sample-fm .x-table td{ 
/*border-right:none;*/
padding:3px 10px;
}

#content #sample-fm .x-table th{ 
/*border-right:none;*/
padding:5px;
}

#sample-fm .bdr{
border-bottom:2px dotted #666666;
}

#sample-fm .x-table{
margin-bottom:5px;
}

#sample-fm .frame{
border:double 3px #0066cc;
padding:10px;
margin-bottom:10px;
font-size:115%;
}

#sample-fm .unit{
padding:0 10px 10px;
}

#sample-fm #top-supply .unit{
padding:0;
}

.listrightblock .btn-sample{
margin-left:13px;
}/*一覧ページ*/

/*サポート終了VerアップCP　campaign001.tpl
********************************************/
#campaign001 .unit{
padding:0 10px 10px;
}

#campaign001 .unit table{
width:560px;
}

#content #campaign001 td,U
#content #campaign001 th{
padding:5px;
border-top:1px solid #AAAAAA;
}

#campaign001 .unit h4{
padding-left:10px;
background:transparent url(../packages/pca/images/common/arw-blue.gif) no-repeat scroll left 3px;
}

#campaign001 .bg-b580-top{
	background:transparent url(../packages/pca/images/common/bg-b580-top.gif) repeat-y 0 bottom;
	height:10px;
	font-size:10px;
	/*margin-left:10px;*/
}

#campaign001 .bg-b580{
	position:relative;
	background:transparent url(../packages/pca/images/common/bg-b580.gif) repeat-y 0 bottom;
	padding-bottom:1px;
	color:#444;
	width:580px;
	/*margin-left:10px;*/
}

#campaign001 .bg-b580 ul{
margin:0;
}

#campaign001 .bg-b580 ul li{
padding:2px 0;
}

#campaign001 .nega-mgn{
position:relative;
margin-top:-116px;
margin-left:480px;
text-align:right;
}

/*PCA for SaaS無料体験　s-freetrial.tpl
********************************************/
#s-freetrial .x-table{
border-top:none;
border-left:none;
border-bottom:none;
}

#content #s-freetrial .x-table td{ 
border:none;
padding:3px;
}

#s-freetrial .unit{
padding:0 10px 10px;
}

#s-freetrial .unit ul li{
padding:3px;
}

/*H20　公益法人会計　h20-koueki-houjin.tpl
********************************************/
#h20-koueki-houjin .indent{
margin:0 3px 0 -5px;
}

#h20-koueki-houjin .unit p{
font-size:120%;
}

/*導入事例　
********************************************/
#intro-case{
font-size:110%;
line-height:1.6;
}

#intro-case .unit{
padding:0 10px 10px;
}

#content #intro-case .x-table{
border-top:none;
border-left:none;
border-bottom:none;
margin:0 0 10px;
}

#content #intro-case .x-table td{ 
border:none;
padding:5px;
}

#intro-case-list .problem,
#intro-case .problem{
padding-left:55px;
background:url(../packages/pca/images/article/intro-case/problem.jpg) no-repeat left top;
margin-bottom:5px;
}

#content #intro-case .list01{
padding-left:110px;
background:url(../packages/pca/images/article/intro-case/list01.gif) no-repeat left center;
height:20px;
}

#content #intro-case .list02{
padding-left:110px;
background:url(../packages/pca/images/article/intro-case/list02.gif) no-repeat left top;
}

#intro-case .unit h3{
margin-top:20px;
}

#intro-case h3.x-margin{
margin-top:0;
}

#intro-case .prof{
background:#DEDEDE;
padding:5px 10px 10px
}

#intro-case .x-unit{
padding:0 0 10px;
}

#intro-case .extra{
padding-top:10px;
}

#intro-case .unit h4{
background:transparent url(../packages/pca/images/common/bullet-blue.gif) no-repeat scroll left center;
border-bottom:1px solid #FFF;
margin:0 10px 15px;
padding:5px 0 5px 15px;
}

/*導入事例　一覧
********************************************/
#intro-case-list{
font-size:110%;
line-height:1.4;
}

#intro-case-list .unit{
padding:0 10px 10px;
}

#content #intro-case-list .x-table{
border-top:none;
border-left:none;
border-bottom:none;
margin:0 0 10px;
}

#content #intro-case-list .x-table td{ 
border:none;
padding:5px;
}

#content #intro-case-list .list01{
padding-left:110px;
background:url(../packages/pca/images/article/intro-case/list01.gif) no-repeat left center;
height:20px;
}

#content #intro-case-list .list02{
padding-left:110px;
background:url(../packages/pca/images/article/intro-case/list02.gif) no-repeat left top;
}

#intro-case-list .roof{
clear:both;
}

.strike{
text-decoration:line-through;
}

/*商品詳細ページ
********************************************/
#undercolumn .subarea-table table{
width:560px;
}


/*キャンペーンページ campaign002.tpl
********************************************/
#campaign .unit{
padding:10px;
margin-bottom:30px;
color:#444444;
}

#campaign .bg-b580-top{
	background:transparent url(../packages/pca/images/common/bg-b580-top.gif) repeat-y 0 bottom;
	height:10px;
	font-size:10px;
	/*margin-left:10px;*/
}

#campaign .bg-b580{
	position:relative;
	background:transparent url(../packages/pca/images/common/bg-b580.gif) repeat-y 0 bottom;
	padding-bottom:1px;
	color:#444;
	width:580px;
	/*margin-left:10px;*/
}

#campaign .bg-b580 ul{
margin:0;
}

#campaign .bg-b580 ul li{
padding:2px 0;
}

#campaign ul{
margin-left:2em;
}

#campaign li{
text-indent:-1em;
padding:5px 0;
}

#campaign .unit table{
width:560px;
color:#444444;
}

#campaign .table-width table{
width:auto;
color:#444444;
}

#campaign .unit td{
color:#444444;
}

#campaign .unit table caption{
color:#444;
font-weight:bold;
margin:10px 0 5px;
}

#campaign h4{
font-size:110%;
margin:30px 0 5px;
}

#campaign .caption{
background-image:url(../packages/pca/images/article/campaign/caption-bg.gif);
background-repeat: no-repeat;
background-position: left top;
color:#FFFFFF;
padding:5px 10px;
}

#campaign dt{
font-weight:bold;
color:#AA0000;
margin-bottom:5px;
}

#campaign dd{
text-indent:1em;
}

/*改正労働基準法への対応
********************************************/
#cp20100301 .point{
width:558px;
border:1px solid #D71515;
border-top:none;
background-color:#FFFADE;
padding:10px;
font-size:115%;
}

#cp20100301 p{
margin-bottom:1em;
}

/*会員登録など入力フォーム
********************************************/
.must{
color:#DE2100;
font-size:75%;
text-indent:-9999px;
display:block;
width:30px;
height:17px;
background:transparent url(../packages/pca/images/common/must.gif) no-repeat left center;
}

#content #undercolumn_entry tbody th,
#content #undercolumn_contact tbody th,
#content #under02column_customer tbody th,
#under02column_shopping table .delivname tbody th {
text-align:left;
}

#undercolumn_entry table .attention,
#undercolumn_contact table .attention,
#under02column_customer table .attention,
#mypagecolumn table .attention{
font-size:110%;
color:#DE2100;
font-weight:bold;
}