@charset "shift_jis";
/* レスポンシブ・デザイン対応ＣＳＳ     2017/02〜    */


#contents .product-linettl {
	background-color:#0080C0;
	width:100%;
	text-align:left;
	margin-top:3px;
	margin-bottom:0;
}

#contents .product-linettl h3 {
	font-size:120%;
	font-weight:normal;
	line-height:1.5;
	color:#FFF;
	margin-bottom:0.2em;
}

#contents .product-linettl img {
	float:left;
	margin:0.2em 1em 0.2em 1em;
}


#contents .mrgcnt {
	width:96%;
	text-align:left;
	font-size:98%;
	line-height:1.5;
	text-indent:1em;
}

#contents .mrgcnt img {
	float:right;
	margin-left:1em;
	margin-top:3px;
}


#contents .mrgcnt2 {
	width:92%;
	text-align:left;
	font-size:96%;
	line-height:1.4;
	text-indent:1em;
	margin-left:0.2em;
}



#contents ul#pdt-mainset {
	margin:0;
}

#contents ul#pdt-mainset .ttl {
	background-color:#E6E6E6;
}

#contents ul#pdt-mainset li {
	font-size:100%;
	line-height:1.6;
	text-indent:1em;
}

#contents ul#pdt-mainset ul.pdt-subset {
	margin-left:3em;
	margin-bottom:0.5em;
}

#contents ul#pdt-mainset ul.pdt-subset li {
	font-size:95%;
	line-height:1.4;
	text-indent:1em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}

#contents  ul#pdt-target {
	margin:1em 0 0 1em;
	font-size:100%;
	line-height:1.2;
}


.clr-all-space { 
	clear:both;
}

.clr-all-space hr { /* データの区切り（上下に余白） */
	width:98%;
	border-width:0 0 1px 0;
	border-color:#FFF;
	border-style:solid;
	margin:20px 0 20px 0;
}

.clr-all-sp10 { 
	clear:both;
}

.clr-all-sp10 hr { /* データの区切り（上下に余白） */
	width:98%;
	border-width:0 0 1px 0;
	border-color:#FFF;
	border-style:solid;
	margin:10px 0 10px 0;
}





#contents .half-linettl {
	background-color:#0080C0;
	width:99%;
	text-align:left;
	margin-top:3px;
	margin-bottom:0;
}

#contents .half-linettl h3 {
	font-size:120%;
	font-weight:normal;
	line-height:3.0;
	color:#FFF;
	margin-bottom:0.2em;
}

#contents .half-linettl img {
	float:left;
	margin:0.2em 1em 0.2em 1em;
}


#contents .half-linettl h4 {
	background-color:#066;
	color:#FFF;
	font-size:110%;
	text-align:center;
	font-weight:normal;
	line-height:2.0;
	margin-bottom:0.2em;
}



/* 導入事例 */
#contents .prdkosei {
	text-align:left;
	font-size:103%;
	line-height:1.6;
}

#contents .prdkosei a {
	font-weight:bold;
}

#contents .prdkosei img {
	float:left;
	margin-right:0.5em;
}


#contents .txt-rmk {
	background-color:#FFFFA4;
	font-size:90%;
	line-height:1.4;
}


/* 製品ご案内リンク */
#contents .product-idx {
	background-color:#DFEFFF;
	width:100%;
	text-align:left;
	margin-bottom:0;
}

#contents .product-idx h5 {
	font-size:96%;
	font-weight:normal;
	line-height:1.3;
	margin-top:0;
	padding-bottom:0.3em;
}

#contents .product-idx img {
	float:left;
	margin:0.2em 1em 0.2em 1em;
}

#contents .pdtttl {
	font-size:130%;
	font-weight:normal;
	line-height:1.6;
	margin-bottom:0;
}


#contents .pdtidx-list {
	list-style-type:square;
	font-size:90%;
	margin-top:-1em;
	margin-left:0;
	line-height:1.2;
}


/* 動作環境 */
#contents .product-denv {
	background-color:#066;
	width:100%;
	text-align:left;
	margin-top:3px;
	margin-bottom:0;
}

#contents .product-denv h3 {
	font-size:100%;
	font-weight:normal;
	color:#FFF;
	line-height:1.5;
	margin-bottom:0.2em;
}

#contents .product-denv img {
	float:left;
	margin:0.2em 1em 0.2em 1em;
}

#contents .half-denv h4 {
	width:98%;
	background-color:#80FFFF;
	font-size:110%;
	text-align:left;
	font-weight:normal;
	line-height:1.8;
	text-indent:1em;
	margin-bottom:0.2em;
}

#contents .denv-list {
	list-style-type:disc;
	font-size:100%;
	margin-top:0;
	margin-left:1em;
	line-height:1.5;
}

#contents .denv-rmk {
	list-style-type:none;
	font-size:90%;
	margin-top:0;
	margin-left:0;
	line-height:1.2;
}

/* 対応表 */
table#taiouhyou {
	border-width:1px;
	border-style:solid;
	border-color:#066;
	border-collapse:collapse;  /* セルとセルの間隔をなくす */
	vertical-align:central;
	margin:0 auto;
	text-align:center;     /* マージンにautoを指定する方法が有効にならないブラウザ（IE6など）対策 */
}

table#taiouhyou th {
	font-weight:normal;
	border-width:1px;
	border-style:solid;
	border-color:#066;
}

table#taiouhyou td {
	font-size:95%;
	text-align:center;
	border-width:1px;
	border-style:solid;
	border-color:#066;
	padding-left:1px;
	line-height:1.4;
}

table#taiouhyou .txlf {
	text-align:left;
}

table#taiouhyou .ruby {
	display:inline;
	font-size:70%;
	margin-left:2px;
}

table#taiouhyou .nver {
	background-color:#FFD9D9;
}

table#taiouhyou .bgc {
	background-color:#E7E7E7;
}


#contents .denv-lstetc {
	text-align:left;
	list-style-type:disc;
	font-size:100%;
	margin-top:0;
	margin-left:1em;
	line-height:1.4;
}

#contents .rmktxt {
	background-color:#FFFFCA;
	font-size:90%;
}


/* プログラム構成 */
#contents ul#spec-mainset {
	margin:0 0 0 -2em;
}

#contents ul#spec-mainset .ttl {
	background-color:#E6E6E6;
}

#contents ul#spec-mainset li {
	text-align:left;
	font-size:100%;
	line-height:1.6;
	text-indent:1em;
}

#contents ul#spec-mainset ul.spec-subset {
	margin-left:1em;
	margin-bottom:0.5em;
}

#contents ul#spec-mainset ul.spec-subset li {
	text-align:left;
	font-size:95%;
	line-height:1.4;
	text-indent:1em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}



#contents .product-spec {
	background-color:#066;
	width:100%;
	text-align:left;
	margin-top:3px;
	margin-bottom:0;
}

#contents .product-spec h3 {
	font-size:100%;
	font-weight:normal;
	color:#FFF;
	line-height:1.5;
	margin-bottom:0.2em;
}

#contents .product-spec img {
	float:left;
	margin:0.2em 1em 0.2em 1em;
}

#contents ul.spec-main {
	margin:0 0 0 -2.5em;
}

#contents ul.spec-main .ttl {
	background-color:#97FFFF;
}

#contents ul.spec-main li {
	text-align:left;
	font-size:120%;
	line-height:1.6;
	text-indent:1em;
}

#contents ul.spec-main ul.spec-sub1 {
	margin:0 0 0 -1em;
}

#contents ul.spec-main ul.spec-sub1 .ttl2 {
	background-color:#DFF;
}

#contents ul.spec-main ul.spec-sub1 li {
	font-size:100%;
	line-height:1.4;
	text-indent:1em;
}

#contents ul.spec-main ul.spec-sub2 {
	margin:0 0 0.5em -1em;
}

#contents ul.spec-main ul.spec-sub2 li {
	font-size:90%;
	color:#333;
	line-height:1.4;
	text-indent:1em;
}

#contents ul.spec-main ul.spec-sub3 {
	margin:0 0 0.2em -1em;
}

#contents ul.spec-main ul.spec-sub3 li {
	font-size:75%;
	color:#333;
	line-height:1.2;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}


/* ソフトウェア設計仕様 */
/* 対応表 */
table#s-spec {
	border-width:1px;
	border-style:solid;
	border-color:#066;
	border-collapse:collapse;  /* セルとセルの間隔をなくす */
	vertical-align:central;
	margin:0 auto;
	text-align:center;     /* マージンにautoを指定する方法が有効にならないブラウザ（IE6など）対策 */
}

table#s-spec th {
	font-weight:normal;
	border-width:1px;
	border-style:solid;
	border-color:#066;
}

table#s-spec td {
	font-size:90%;
	text-align:left;
	border-width:1px;
	border-style:solid;
	border-color:#066;
	padding-left:1px;
	line-height:1.2;
}

table#s-spec .txlf {
	text-align:left;
}

table#s-spec .ruby {
	display:inline;
	font-size:70%;
	margin-left:2px;
}

table#s-spec .nver {
	background-color:#FFD9D9;
}

table#s-spec .bgc {
	background-color:#E7E7E7;
}


#contents ul.komeno {
	margin:0 0 0 -2.5em;
}

#contents ul.komeno li {
	text-align:left;
	font-size:90%;
	line-height:1.2;
	text-indent:1em;
}


/* 製品の詳細説明ページ */
#contents .mrgcnt-std {
	width:100%;
	text-align:left;
	font-size:98%;
	line-height:1.4;
	text-indent:1em;
}

#contents .mrgcnt-std img {
	float:right;
	margin-left:1em;
	margin-top:3px;
}

#contents ul.dtlstd {
	font-size:98%;
	margin:0;
}

#contents ul.dtlstd li {
	list-style-type:disc;
	text-align:left;
	line-height:1.5;
}

#contents .dtl-ttl h4 {
	width:100%;
	background-color:#E8E8E8;
	text-align:left;
	font-size:120%;
	font-weight:normal;
	line-height:1.6;
	text-indent:1em;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666;
	margin:0 0 5px 0;
	
}

.txtbg {
	display:inline;
	background-color:#036;
	color:#FFF;
	padding-right:3px;
	margin-right:1em;
}

.bikotxt {
	color:#333;
	font-size:93%;
	margin:3px 0 3px 0;
}



#contents ul.dtl-main {
	margin:0 0 0 -2.5em;
}

#contents ul.dtl-main li {
	text-align:left;
	font-size:98%;
	line-height:1.5;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}


/* 製品構成リンク */
#contents .pdt-lnk {
	width:100%;
	font-size:92%;
	color:#808000;
	text-align:left;
	background-color:#CC9;
	line-height:1.2;
	padding:0.3em;
	padding:0.3em 0 0.3em 0.3em;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#808000;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#808000;
}



/* ナビゲーション */
.navi-dtl {
	line-height: 1.2;
}

.navi-dtl ul {
	margin:3px 20px 7px -15px;
}

.navi-dtl li {
	display: inline;
	font-size: 95%;
	background-color:#666;
	color:#FFF;
	padding-bottom:1px;
	padding-top:2px;
	padding-left:6px;
	padding-right:6px;
}



@media screen and (max-width : 767px){ /* ----スマホ */

	.navi-dtl ul {
		text-align:center;
	}
	
	.navi-dtl li {
		font-size: 75%;
		padding:2px 1px;
		margin-bottom:0;
	}

}

@media screen and (min-width : 768px) and (max-width : 959px){ /* ----タブレット */

	.navi-dtl li {
		font-size: 90%;
		padding:3px 3px;
	}
	
}

.navi-dtl a {
	text-decoration: none;
	color:#FFF;
}

.navi-dtl a:focus {
	color:#9C3;
	outline: 0;
}

.navi-dtl a:active,a:hover {
	color:#0F9;
	outline: 0;
}	


/* 対応POS一覧 */
#contents ul.pos-spt {
	margin:0 0 0 -3em;
	
}

#contents ul.pos-spt li {
	text-align:left;
	font-size:110%;
	line-height:1.6;
	text-indent:1em;
}

#contents .pos-ttl h4 {
	width:100%;
	background-color:#E8E8E8;
	text-align:left;
	font-size:120%;
	font-weight:normal;
	line-height:1.6;
	text-indent:0.5em;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666;
	margin:0 0 5px 0;
	
}

#contents ul.pos-lst {
	margin:0 0 0 -1em;
}

#contents ul.pos-lst li {
	text-align:left;
	font-size:96%;
	line-height:1.5;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}


/* ソフトウェア開発上の軽油税（軽油引取税） */
#contents .pdtlttl-keiyu {
	background-color:#0080C0;
	width:100%;
	text-align:left;
	margin-top:3px;
	margin-bottom:0;
}

#contents .pdtlttl-keiyu h3 {
	font-size:120%;
	font-weight:normal;
	line-height:1.5;
	color:#FFF;
	margin-bottom:0.2em;
}

#contents .pdtlttl-keiyu img {
	float:left;
	margin:0.2em 1em 0.2em 1em;
}


#contents .dtl-ttl2 h4 {
	width:100%;
	background-color:#036;
	color:#FFF;
	text-align:left;
	font-size:120%;
	font-weight:normal;
	line-height:1.6;
	text-indent:1em;
	margin:0 0 5px 0;
	
}


#contents .keiyu-list {
	list-style-type:disc;
	font-size:96%;
	line-height:1.3;
}

#contents .keiyu-list li {
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}


/* 軽油税の変遷 */
table.keizei {
	border-width:1px;
	border-style:solid;
	border-color:#066;
	border-collapse:collapse;  /* セルとセルの間隔をなくす */
	vertical-align:central;
	margin-top:1em;
	margin-bottom:1em;
}

table.keizei th {
	font-weight:normal;
	border-width:1px;
	border-style:solid;
	border-color:#066;
}

table.keizei td {
	font-size:95%;
	text-align:center;
	border-width:1px;
	border-style:solid;
	border-color:#066;
	padding-left:1px;
	line-height:1.4;
}

table.keizei .txlf {
	text-align:left;
}


table.keizei .bgc {
	background-color:#E7E7E7;
}

/* テキスト強調 */
#contents .dtl-main .emptxt-1 {
	background-color:#E8E8E8;
	line-height:1.6;
	margin-bottom:0.5em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666;
}

#contents .dtl-main .emptxt-2 {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666;
}

/* 位置調整用・白色文字 */
.ndp {
	display:inline;
	color:#FFF;
}

/* 導入実績 */
#contents .product-achv h3 {
	background-color:#066;
	color:#FFF;
	text-align:left;
	font-size:130%;
	font-weight:normal;
	line-height:1.8;
	margin:0.2em 0 0.2em 0;
	padding-left:1em;
}

#contents ul.achvlst {
	margin:0 0 0 -2.5em;
}

#contents ul.achvlst li {
	width:96%;
	text-align:left;
	font-size:96%;
	line-height:1.4;
	padding:0.1em 0 0.1em 0.5em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}

/* テキスト強調 */
#contents .achvlst .emptxt-1 {
	font-size:100%;
	background-color:#E8E8E8;
	line-height:1.6;
	margin-bottom:0.5em;
	padding:0.2em 0 0.2em 0;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666;
}


#contents  .achvlst .emptxt-1 img {
	float:left;
	margin:0 0.2em 0 0;
}


#contents .achv-txt {
	text-align:left;
	font-size:94%;
	line-height:1.4;
	margin:0 0 1em 0;
}


/* パンフレット・出力帳票 */
#contents ul.pmflst {
	margin:0 0 0 -2.5em;
}

#contents ul.pmflst li {
	width:96%;
	height:90px;
	text-align:left;
	font-size:96%;
	line-height:1.4;
	padding:0.1em 0 0.1em 0.5em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}

#contents ul.pmflst img {
	float:left;
	margin:0 0.2em 0 0;
}

#contents .areader {
	text-align:left;
	font-size:88%;
	line-height:1.1;
	margin-bottom:1em;
}

#contents .areader img {
	float:left;
	margin:0 0.5em 0 0;
}

#contents ul.ppsel {
	margin:0 0 1em -2.5em;
}

#contents ul.ppsel li {
	width:96%;
	text-align:left;
	font-size:96%;
	line-height:1.4;
}


#contents .pout-ttl h4 {
	width:100%;
	background-color:#E8E8E8;
	text-align:left;
	font-size:120%;
	font-weight:normal;
	line-height:1.6;
	text-indent:0.5em;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666;
	margin:0 0 5px 0;
	
}

#contents ul.pout-lst {
	margin:0 0 0 -1em;
}

#contents ul.pout-lst li {
	text-align:left;
	font-size:96%;
	line-height:1.5;
	margin-bottom:0.2em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}

#contents ul.pout-lst img {
	float:left;
	margin:0 0.5em 0 0;
}


/* 体験版 */
#contents ul.expdl-lst {
	width:96%;
	margin:0 0 0 -2.5em;
}

#contents ul.expdl-lst li {
	text-align:left;
	font-size:94%;
	line-height:1.2;
	margin-bottom:0.5em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}

#contents .expdl-txt {
	background-color:#E1F0FF;
	width:96%;
	text-align:left;
	line-height:1.3;
	font-size:96%;
	padding:0.5em 0 0.5em 0.5em;
}

#contents .expdl-emp {
	display:inline;
	color:#F00;
	font-size:96%;
	font-weight:bold;
}


/* 導入ガイド */
#contents ul.guide {
	margin:0 0 0 -2.5em;
}

#contents ul.guide li {
	width:96%;
	height:90px;
	text-align:left;
	font-size:96%;
	line-height:1.4;
	padding:0.1em 0 0.1em 0.5em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}

#contents ul.guide img {
	float:right;
	margin:0 1em 0 0;
}


/* 価格表 */
#contents ul.prclst {
	margin:0 0 0.5em -2.5em;
}

#contents  .prclst img {
	float:left;
	margin:0 0.5em 0 0;
}

#contents ul.prclst li {
	background-color:#A6D2FF;
	width:90%;
	text-align:left;
	font-size:98%;
	line-height:1.4;
	padding:0.5em 0 0.5em 0.5em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}

#contents ul.prclst .taxi {
	background-color:#D9FFD9;
}



#contents ul.price-lst {
	width:90%;
	margin:0 0 0 -2.5em;
}

#contents ul.price-lst img {
	float:right;
	margin:0 1em 0 0;
}

#contents ul.price-lst li {
	text-align:left;
	font-size:94%;
	line-height:1.3;
	margin-bottom:1em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}

#contents .price-lst .biko {
	font-size:90%;
}

#contents ul.price-main {
	width:90%;
	margin:0 0 0 -2.5em;
}

#contents ul.price-main img {
	float:left;
	padding:0 0 0 1px;
	margin-right:0.3em;
}

#contents ul.price-main .ttl {
	font-weight:bold;
	padding:0.3em 0 0 0;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666;
}

#contents ul.price-main li {
	background-color:#F0F0F0;
	font-size:92%;
	line-height:1.6;
}

#contents ul.price-main ul.price-sub {
	margin-left:-2.5em;
	margin-bottom:0.5em;
}

#contents ul.price-main ul.price-sub li {
	font-size:100%;
	line-height:1.4;
	text-indent:3em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}


#contents .setsumei {
	text-align:left;
	font-size:96%;
	line-height:1.2;
	margin:0.2em 0 1em 0;
}


#contents ul.inpinf {
	margin:0 0 0 -2em;
}

#contents ul.inpinf li {
	text-align:left;
	font-size:96%;
	line-height:1.3;
	margin-bottom:0.5em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}

#contents .inpfrm {
	background-color:#E0E0C0;
}

#contents .sendbtn {
	text-align:left;
	margin-left:1em;
}

#contents .sendbtnsize {
	font-size:110%;
}





/* 左余白用 */
#contents .sp-lf {
	text-align:left;
	display:inline;
	margin-left:2em;
}

#contents .sup-ttl h4 {
	width:96%;
	background-color:#E8E8E8;
	text-align:left;
	font-size:110%;
	font-weight:normal;
	line-height:1.6;
	text-indent:0.5em;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#666;
	margin:0 0 5px 0;
	
}

#contents ul.sup-lst {
	margin:0 0 0 -1em;
}

#contents ul.sup-lst li {
	width:96%;
	text-align:left;
	font-size:96%;
	line-height:1.5;
	margin-bottom:0.2em;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#666;
}