@charset "UTF-8";

/*---------------------------------------------------------
　サイト全体
---------------------------------------------------------*/
body{padding: 0;margin: 0; background: #e3efc7;}

h1,h2,h3,h4,h5,p,li,ul,form{margin:0;padding:0;}
table td{vertical-align: top; text-align: left;}

/*---ボーダーなし ---*/
img{ border: none;}

/*---リストなし---*/
ul,li{list-style:none;}

/*---クリア---*/
.clear{clear:both;}

/*---リンク---*/
a{color:#17afff;text-decoration:underline;}
a:link{color:#17afff;text-decoration:underline;}
a:visited{color:#17afff;text-decoration:underline;}
a:active{color:#17afff;text-decoration:underline;}
a:hover{color:#17afff;text-decoration:none;}

/*---------------------------------------------------------
　wrapper
---------------------------------------------------------*/
div#wrapper{
	width: 972px;
	margin: 0 auto;
	padding: 0;
	background: url(../img/cmn_bg_contents.gif) repeat-y;
}

div#wrapperInner{
	width: 960px;
	margin: 0 auto;
	padding: 0 0 35px 0;
	color: #333333;
	background: url(../img/cmn_bg_coninner.gif) repeat-x;
	text-align: center;
}

/*
*html div#wrapperInner{
	width: 960px;
	margin: 0 auto;
	padding: 0 0 35px 0;
	color: #333333;
	background: none;
	text-align: center;
}

* html div#wrapperInner {
behavior: expression(IEPNGFIX.fix(this));
}
*/


/*---------------------------------------------------------
　ヘッダー
---------------------------------------------------------*/
div#header{
	width: 923px;
	margin: 0 auto 10px auto;
	padding: 5px 0 0 0;
	text-align:left;
}

div#header:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*-- head_L --*/
div.head_L{
	width: 660px;
	margin: 0;
	padding: 0;
	float: left;
}

div#header h1{
	margin: 0 0 15px 0;
	padding: 0 0 0 3px;
	font-size: 0.8em;
	font-weight: normal;
}

/*-- ロゴ --*/
div#header img.cmnLogo{
	margin: 0;
	padding: 0;
}

/*-- head_R --*/
div.head_R{
	width: 252px;
	margin: 0;
	padding:15px 0 0 0;
	text-align: right;
	float: right;
}

div.head_R img.cmnLogoS{
	margin: 0 0 10px 0;
	padding: 0;
}

/*---------------------------------------------------------
　コンテンツ
---------------------------------------------------------*/
div#contents{
	width: 923px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}

div#contents:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*---------------------------------------------------------
　レフトボックス
---------------------------------------------------------*/
div.leftBox{
	width: 701px;
	margin: 0;
	padding: 0;
	float: left;
}

div.leftBox:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

p.goTop{
	width: 701px;
	margin: 20px 0 30px 0;
	padding: 0;
	clear: both;
}

p.goTop:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

p.goTop a{
	display:block;
	width: 103px;
	height: 14px;
	background: url(../img/cmn_btn_top.gif) top left no-repeat;
	text-indent:-9999px;
	text-decoration: none;
	float: right;
	outline:none;
}

div.bnrInq{width:653px;margin: 0 auto;}
div.bnrInq a{
	display:block;
	width:653px;
	height:200px;
	position:relative;
	overflow:hidden;
}
div.bnrInq a:hover{font-size:1px;}
div.bnrInq a:hover img{position:relative;top:-200px;}

/*---------------------------------------------------------
　ライトボックス
---------------------------------------------------------*/
div.rightBox{
	width: 201px;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	background: #fbfbf9;
	float: right;
}
div.rightBox img.NbnrInq{margin: 0 0 20px 0;}


/*-- メニュー --*/
ul.Menu{
	font-size: 1px;
	width: 184px;
	margin: 3px auto 30px auto;
	padding: 0;
}

ul.Menu li{
	margin: 0 0 3px 0;
	padding: 0;
}

ul.Menu li a.m1{display:block;width: 184px;height: 45px;background: url(../img/cmn_btn01.jpg) top left no-repeat;text-indent:-9999px;text-decoration: none;}
ul.Menu li a.m2{display:block;width: 184px;height: 45px;background: url(../img/cmn_btn02.jpg) top left no-repeat;text-indent:-9999px;text-decoration: none;}
ul.Menu li a.m3{display:block;width: 184px;height: 45px;background: url(../img/cmn_btn03.jpg) top left no-repeat;text-indent:-9999px;text-decoration: none;}
ul.Menu li a.m4{display:block;width: 184px;height: 45px;background: url(../img/cmn_btn04.jpg) top left no-repeat;text-indent:-9999px;text-decoration: none;}
ul.Menu li a.m5{display:block;width: 184px;height: 45px;background: url(../img/cmn_btn05.jpg) top left no-repeat;text-indent:-9999px;text-decoration: none;}

ul.Menu li a.m1:hover{background-position: 0 -45px;}
ul.Menu li a.m2:hover{background-position: 0 -45px;}
ul.Menu li a.m3:hover{background-position: 0 -45px;}
ul.Menu li a.m4:hover{background-position: 0 -45px;}
ul.Menu li a.m5:hover{background-position: 0 -45px;}



/*-- トピックス --*/
ul.Topics{
	font-size: 0.8em;
	width: 184px;
	margin: 5px auto 30px auto;
	padding: 0;
	text-align: left;
}

ul.Topics li{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	line-height: 1.4;
	background: url(../img/z_ico_dot99.gif) repeat-x bottom;
}

ul.Topics li span{
	padding: 0 0 0 8px;
	color: #8baf21;
	background: url(../img/z_ico_list01.gif) no-repeat 0 4px;
}

ul.Topics li a{color:#333333;text-decoration:none;;}
ul.Topics li a:link{color:#333333;text-decoration:none;}
ul.Topics li a:visited{color:#333333;text-decoration:none;}
ul.Topics li a:active{color:#333333;text-decoration:none;}
ul.Topics li a:hover{color:#333333;text-decoration:underline;}


/*-- bannerArea --*/
div.bannerArea01{
	width: 184px;
	margin: 5px auto 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
	border-bottom: 1px solid #d9d9d8;
}

div.bannerArea01 img{
	margin: 0 0 5px 0;
}

div.bannerArea02{
	width: 184px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: center;
	border-top: 1px solid #e4e4e3;
}

div.bannerArea02 img{
	margin: 0 0 2px 0;
}

/*---------------------------------------------------------
　フッター
---------------------------------------------------------*/
div#footer{
	width: 921px;
	margin: 65px auto 0 auto;
	padding: 7px 0 0 0;
	background: url(../img/cmn_bg_foot01.gif) no-repeat top;
	clear: both;
}

div.footerInner{
	width: 921px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.8em;
	text-align: center;
	line-height: 1.6;
	color:#FFFFFF;
	background: #468b2b;
}

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

address{
	width: 378px;
	height: 14px;
	font-style: normal;
	font-size: 0.1em;
	text-indent: -9999px;
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
	background: url(../img/cmn_copyright.gif) no-repeat;
}

div.footer_b{
	width: 921px;
	height: 7px;
	margin: 0 auto;
	padding: 0;
	font-size: 1px;
	background: url(../img/cmn_bg_foot02.gif) no-repeat bottom;
}




/*---------------------------------------------------------
　CONTENTS
---------------------------------------------------------*/
h2.topTtl{margin: 0 0 15px 0;}
h2.topTtl a{outline:none;}
h2.topTtl_fe{margin: 0 0 25px 0;}

img.ImgMain{
	margin: 0 0 5px 0;
	padding: 0;
}

div#headerFlash{margin:10px 0 20px 0;}
div.boxSet{width:701px;margin:0 0 20px 0;background:#fff;}




/*---------------------------------------------------------
　3つの特徴＞トップページ
---------------------------------------------------------*/
div.feStart{
	text-align: center;
	margin: 0 0 35px 0;
}
div.feBox01{
	width:701px;
	margin: 0 0 25px 0;
	padding: 0 0 10px 0;
	background: url(../img/top_bg_feb01.gif) no-repeat bottom;
	position: relative;
}
div.feBox01 h3{
	margin: 0;
	padding: 0;
	position: absolute;
	top: -20px;
	left: 20px;
}

div.feBox_t{
	width: 700px;
	height: 10px;
	margin: 0 auto;
	font-size: 1px;
	background:url(../img/top_bg_fet01.gif) no-repeat top;
}
div.feBox_c{
	width: 694px;
	margin: 0 auto;
	padding: 0 0 10px 0;
	background: #FFFFFF;
	border-left: 3px solid #d7dfcc;
	border-right: 3px solid #d7dfcc;
}
div.feBox_c p{
	width: 445px;
	margin: 0;
	padding: 85px 0 0 35px;
	font-size: 1.0em;
	line-height: 1.4;
	float: left;
}
div.feBox_c img{float: right;}
div.feBox_c img.topImg02{padding: 20px 30px 0 0;}
div.feBox_c img.topImg03{padding: 70px 25px 0 0;}
div.feBox_c img.topImg04{padding: 60px 15px 0 0;}

div.feBox_c:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div.feBox02{
	margin: 0;
	padding: 0 0 7px 0;
	background: url(../img/top_bg_feb02.gif) no-repeat bottom;
}
div.feBox02 p{
	width: 610px;
	margin: 0 auto;
	padding: 12px 18px;
	color: #000000;
	font-size: 0.8em;
	line-height: 1.2;
	background: #FFFFFF;
}
div.feBox02 div.feBox_t{
	width: 646px;
	height: 7px;
	margin: 0 auto;
	font-size: 1px;
	background: url(../img/top_bg_fet02.gif) no-repeat top;
}



/*---------------------------------------------------------
　3つの特徴＞詳細
---------------------------------------------------------*/
div.char div.boxSet{background:none;width:701px;}

div.char h2{
	display:block;
	text-indent:-9999px;
	width:701px;
	height:34px;
	background: url(../img/ch_mttl01.gif) 0 0 no-repeat;
}
div.charBox{margin:30px 0;text-align:center;wodth:701px;}
div.charBox div.feBox_c p{width:93%;text-align:left;}
div.charBox div.feBox_c img{float:none;margin:6px 0 0 0;}






/*---------------------------------------------------------
　各種機能
---------------------------------------------------------*/
div.fuBox{
	width: 671px;
	margin: 0 auto;
	padding: 15px;
	background: #FFFFFF;
}
div.fuBox p{
	margin: 0 0 10px 0;
	font-size: 0.8em;
	text-align: right;
	color: #999999;
}
div.fuBoxInner{
	width: 654px;
	margin: 0 auto 15px auto;
	padding: 0 10px 15px 10px;
	background: url(../img/top_dotcc.gif) repeat-x bottom;
}
div.fuBoxInner:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div.fuBoxLast{background: none;}

div.fuBoxInner h3{width: 121px;float: left;}
div.fuBoxInner ul{width: 519px;float: right;}
div.fuBoxInner ul li{width: 252px;margin: 0 0 5px 5px;float: left;}


/*---------------------------------------------------------
　各種機能＞詳細
---------------------------------------------------------*/
div.function div.boxSet{padding-bottom:10px;}
div.function h2{
	display:block;
	text-indent:-9999px;
	width:701px;
	height:34px;
	background: url(../img/fu_mttl01.gif) 0 0 no-repeat;
}

div.funcBox{
	width:96%;
	background:url(../img/z_ico_dot99.gif) 0 bottom repeat-x;
	margin:10px auto;
	font-size:81.25%;
	padding-bottom:10px;
}
div.funcBox p{line-height:1.5;margin:5px 0 6px 0;}
div.boxL{width:355px;float:left;}
img.imgR{float:right;}

div.funcBox ul{width:96%;margin:5px 0 0 20px;padding:0;}
div.funcBox ul li{list-style-type:disc;margin-bottom:6px;padding:0;}

	div.funcBox:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}


/*---------------------------------------------------------
　動作環境
---------------------------------------------------------*/
div.spBox{
	width: 671px;
	margin: 0 auto;
	padding: 15px;
	background: #FFFFFF;
}
div.spBox table{
	width: 648px;
	margin: 0 auto 12px auto;
	font-size: 0.8em;
	border-collapse: collapse;
}
div.spBox table th{
	width: 100px;
	padding: 5px;
	background: #f4fbfd;
	border: 1px solid #cccccc;
	text-align: left;
	font-weight: normal;
}
div.spBox table td{
	padding: 5px;
	background: #f4f4f6;
	border: 1px solid #cccccc;
}
div.spBox p{
	width: 648px;
	margin: 0 auto;
	color: #999999;
	font-size: 0.8em;
}


/*---------------------------------------------------------
　帳票一覧
---------------------------------------------------------*/
div.list h2{
	display:block;
	text-indent:-9999px;
	width:701px;
	height:34px;
}
	div.list h2.lm01{background: url(../img/li_mttl001.gif) 0 0 no-repeat;}
	div.list h2.lm02{background: url(../img/li_mttl002.gif) 0 0 no-repeat;}
	div.list h2.lm03{background: url(../img/li_mttl003.gif) 0 0 no-repeat;}
	div.list h2.lm04{background: url(../img/li_mttl004.gif) 0 0 no-repeat;height:40px;}
	div.list h2.lm05{background: url(../img/li_mttl005.gif) 0 0 no-repeat;}


div.list table{
	border-collapse:collapse;border-spacing:0px;
	width:90%;
	margin:10px auto 30px auto;
	clear:both;
	border:1px solid #ccc;
	font-size:75%;
	background:#fff;
}
div.list table th{
	padding:3px;
	border:1px solid #ddd;
	text-align:center;
	background:#ECF6E8;
	color:#2A6214;
}
div.list table td{padding:3px 3px 3px 5px;border:1px solid #ddd;line-height:1.4;}
div.list table.liTb02 th{background:#EBF5FE;color:#1A4B74;}


/*---------------------------------------------------------
　FAQ
---------------------------------------------------------*/
div.faq div.boxSet{margin-bottom:12px;}
div.faq h2{
	display:block;
	text-indent:-9999px;
	width:701px;
	height:34px;
	background: url(../img/fa_mttl01.gif) 0 0 no-repeat;
	margin-bottom:20px;
}
div.faq dl{width:98%;margin:0px auto 0px auto;font-size:96%;}
div.faq dl dt{
	font-weight:bold;
	background: url(../img/fa_ico_q.jpg) 0 0 no-repeat;
	padding:3px 0 12px 30px;
	color:#2F7E0C;
}
div.faq dl dd{
	margin:0 0 10px 0;
	padding:0;
	background: url(../img/fa_ico_a.jpg) 0 0 no-repeat;
	padding:3px 0 15px 30px;
	border-bottom:1px solid #ddd;
	font-size:85%;
}
	div.faq div.boxSet:after{
		content:".";
		display:block;
		height:0px;
		clear:both;
		visibility:hidden;
	}


/*---------------------------------------------------------
　トピックス
---------------------------------------------------------*/
div.topic h3{
	font-size:110%;
	color:#999;
	border-left:5px solid #468B2B;
	padding:0 0 0  10px;
	margin-bottom:10px;
}
div.topic div.boxSet{width:96%;margin:0 auto;backgrond:#eee;}
div.topic dl{
	width:96%;
	margin:0 auto;
	padding: 0;
	font-size:81.25%;
}
div.topic dl dt{
	margin: 0;
	padding:6px;
	width: auto;
}
div.topic dl dd{
	padding: 6px 6px 6px 10em;
	margin-left: 0;
	margin-top: -2.3em;
	line-height: 1.4em;
	border-bottom: 1px solid #eee;
}
div.topiBox{
	widht;100%;
	margin:0 0 30px 0;
	line-height:1.5;
	background:#fff;
}
div.topiBox h4{
	width:100%;
	border-bottom:2px solid #468B2B;
	margin-bottom:10px;
	font-size:100%;
	position:relative;
}

div.topiBox h4 span{
	font-weight:lighter;
	float:right;
	font-size:75%;
	position:absolute;bottom:2px;right:10px;
}
div.topiInner{
	width:96%;
	margin:0 0 0 15px;
	font-size:81.25%;
}


/*---------------------------------------------------------
　導入実績 (2010 0422)
---------------------------------------------------------*/
div.results h2{
	display:block;
	text-indent:-9999px;
	width:701px;
	height:34px;
	background: url(../img/re_mttl01.gif) 0 0 no-repeat;
}
div.results-inner{
	width:681px;
	margin: 0 0 25px 0;
	padding:10px;
	position: relative;
}
div.results-inner table{
	border-collapse:collapse;border-spacing:0px;
	width:100%;
	margin:10px 0;
	clear:both;
	border:0px solid #ccc;
	font-size:96%;
}
div.results-inner table td{
	padding:8px;
	border-bottom:1px solid #ddd;
	text-align:center;
}
div.results-inner table td.rTitle{
	font-size:110%;
	font-weight:bold;
	text-align:left;
	background: url(../img/z_mark01.jpg) 0 13px no-repeat;
	padding-left:13px;
}
div.results-inner table td.rTitle img{
	vertical-align:middle;
	margin:0 0 0 0.5em;
}
div.results-inner table td.add{
	font-size:85%;
	text-align:right;
}
div.results-inner p.attR{font-size:81.25%;text-align:right;}