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

/* *********************************
FileName: layout.css
Updated By: 2011/4/1
*********************************** */

/* *********************************

000: リセット
001: 基本レイアウト
002: コンテンツ
003: フッター
004: フォント

*********************************** */


/* *********************************

/* 000: レイアウト(共通) contMain

*********************************** */

body#n-column-type-x div#n-column-99 div#contMain {
	width: 725px;
	position: relative;
	margin: 0 0 13px 0;
	}

/* *********************************

/* 000: レイアウト(トップ) contMain

*********************************** */


/* メインイメージ box0
=========================================== */

body#n-column-type-x div#n-column-99 #contMain .box0{
	padding: 11px 0 0 9px;
	width: 706px;
	}


/* DLPO box1
=========================================== */

body#n-column-type-x div#n-column-99 #contMain .box1{
	padding: 15px 0 0 9px;
	width: 706px;
	}
body#n-column-type-x div#n-column-99 #contMain span.attention {
	color: #dd0000;
	}
body#n-column-type-x div#n-column-99 #contMain .box1 .productMenu{
	width: 706px;
	}
body#n-column-type-x div#n-column-99 #contMain .box1 .productMenu li{
	padding-bottom: 10px;
	float: left;
	height: 35px;
	}


/* 注釈 box1
=========================================== */

body#n-column-type-x div#n-column-99 #contMain .box1 .textArea{
	margin: 0 0 0 10px;
	clear: both;
	width: 686px;
	background: url(../images/bg_box1_b.gif) 0 100% no-repeat;
	}
body#n-column-type-x div#n-column-99 #contMain .box1 .textArea ul{
	font-size: 86%;
	padding: 7px 20px 10px;
	background: url(../images/bg_box1_t.gif) 0 0 no-repeat;
	}
body#n-column-type-x div#n-column-99 #contMain .box1 .textArea li{
	padding: 3px 0 0 1em;
	text-indent: -1.3em;
	line-height: 160%;
	}
body#n-column-type-x div#n-column-99 #contMain .box1 .textArea li span.li_point {
	font-size: 116%;
	color: #555;
	}
body#n-column-type-x div#n-column-99 #contMain .box1 .textArea li span.li_point_at {
	font-size: 116%;
	color: #b74b4b;
	}


/* 各製品 box2
=========================================== */

body#n-column-type-x div#n-column-99 #contMain .box2{
	padding: 15px 0 10px 9px;
	width: 706px;
	}
body#n-column-type-x div#n-column-99 #contMain .box2 dl{
	margin: 12px 0 0 5px;
	padding-bottom: 10px;
	position: relative;
	width: 696px;
	min-height: 85px;
	background: url(../images/bg_box2.gif) 0 100% repeat-x;
	}
* html body#n-column-type-x div#n-column-99 #contMain .box2 dl{
	height: 81px;
	}
body#n-column-type-x div#n-column-99 #contMain .box2 dt{
	padding-left: 81px;
	}
body#n-column-type-x div#n-column-99 #contMain .box2 dd.textArea{
	line-height: 140%;
	padding: 5px 0 0 91px;
	width: 345px;
	_width: 436px;
	}
body#n-column-type-x div#n-column-99 #contMain .box2 dd.textArea img{
	position: absolute;
	top: 0;
	left: 0;
	}

body#n-column-type-x div#n-column-99 #contMain .box2 dd.bt1{
	position: absolute;
	top: 22px;
	left: 456px;
	}
body#n-column-type-x div#n-column-99 #contMain .box2 dd.bt2{
	position: absolute;
	top: 46px;
	left: 456px;
	}
body#n-column-type-x div#n-column-99 #contMain .box2 dd.bt3{
	position: absolute;
	top: 5px;
	left: 586px;
	}


/* *********************************

/* 000: レイアウト(下層) contMain

*********************************** */

/* タブ
=========================================== */

body#n-column-type-x div#n-column-99 div#contMain #tab_wrap {
	z-index: 10;
	}
body#n-column-type-x div#n-column-99 div#contMain ul#tab {
	width: 707px;
	margin: 20px 0 0 9px;
	top: 50px;
	}
body#n-column-type-x div#n-column-99 div#contMain ul#tab li {
	float: left;
	}

/* タブ(背景)
=========================================== */

body#n-column-type-x div#n-column-99 div#contMain .tab_back_01 {
	width: 725px;
	height: 32px;
	margin: 0;
	padding: 0 0 0 0;
	background: url('/products/download/account/images/back.gif') 0 0 no-repeat;
	clear: both;
	}
body#n-column-type-x div#n-column-99 div#contMain .tab_back_02 {
	width: 725px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url('/products/download/dealing/images/back.gif') 0 0 no-repeat;
	clear: both;
	}
body#n-column-type-x div#n-column-99 div#contMain .tab_back_03 {
	width: 725px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url('/products/download/payroll/images/back.gif') 0 0 no-repeat;
	clear: both;
	}
body#n-column-type-x div#n-column-99 div#contMain .tab_back_04 {
	width: 725px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url('/products/download/customer/images/back.gif') 0 0 no-repeat;
	clear: both;
	}
body#n-column-type-x div#n-column-99 div#contMain .tab_back_05 {
	width: 725px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url('/products/download/aoiro/images/back.gif') 0 0 no-repeat;
	clear: both;
	}
body#n-column-type-x div#n-column-99 div#contMain .tab_back_06 {
	width: 725px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url('/products/download/kyuyo/images/back.gif') 0 0 no-repeat;
	clear: both;
	}
body#n-column-type-x div#n-column-99 div#contMain .tab_back_07 {
	width: 725px;
	height: 32px;
	margin: 0;
	padding: 0;
	background: url('/products/download/seikyu/images/back.gif') 0 0 no-repeat;
	clear: both;
	}


/* コンテンツレイアウト
=========================================== */

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap {
	width: 673px;
	padding: 15px 26px 5px;
	}

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.cont_top {
	width: 673px;
	height: 81px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.cont_top p.left {
	padding: 0;
	margin: 23px 0 0 0;
	float: left;
	display: inline;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.cont_top p.left_s {
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.cont_top p.right {
	padding: 0;
	margin: 0;
	float: right;
	display: inline;
	}

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area {
	width: 673px;
	margin: 9px 0 0 0;
	padding: 0;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-01,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-03,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-04,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-05,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-06,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-07,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-08 {
	width: 673px;
	margin: 0;
	padding: 0;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-01 th {
	margin: 0;
	padding: 0;
	border: 1px solid #144283;
	border-width: 1px 0 0 1px;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-03 th {
	margin: 0;
	padding: 0;
	border: 1px solid #930016;
	border-width: 1px 0 0 1px;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-04 th {
	margin: 0;
	padding: 0;
	border: 1px solid #007d33;
	border-width: 1px 0 0 1px;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-05 th {
	margin: 0;
	padding: 0;
	border: 1px solid #bf7d00;
	border-width: 1px 0 0 1px;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-06 th {
	margin: 0;
	padding: 0;
	border: 1px solid #007c9c;
	border-width: 1px 0 0 1px;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-07 th {
	margin: 0;
	padding: 0;
	border: 1px solid #228500;
	border-width: 1px 0 0 1px;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-08 th {
	margin: 0;
	padding: 0;
	border: 1px solid #930016;
	border-width: 1px 0 0 1px;
	}

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-01 td,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-03 td,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-04 td,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-05 td,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-06 td,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-07 td,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-08 td {
	text-align: left;
	margin: 0;
	padding: 6px;
	border: 1px solid #666;
	border-width: 0 0 1px 1px;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-01 td.pat1,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-03 td.pat1,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-04 td.pat1,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-05 td.pat1,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-06 td.pat1,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-07 td.pat1,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-08 td.pat1 {
	text-align: center;
	line-height: 120%;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-01 td.pat,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-03 td.pat,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-04 td.pat,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-05 td.pat,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-06 td.pat,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-07 td.pat,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area table#table-08 td.pat {
	text-align: center;
	margin: 0;
	padding: 7px 6px 5px;
	border: 1px solid #666;
	border-width: 0 1px 1px 1px;
	}

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.boxan_top {
	width: 673px;
	background: url(../images/boxan_top.gif) no-repeat top;
	padding: 15px 0 0 0;
	margin: 30px 0 20px 0;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.boxan_boder {
	width: 673px;
	background: url(../images/boxan_boder.gif) repeat-y;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.boxan_under {
	width: 673px;
	background: url(../images/boxan_bottom.gif) no-repeat bottom;
	padding: 0 0 15px 0;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.boxan_content table{
	margin: 0 0 0 20px;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.boxan_content table td{
	padding: 2px;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.boxan_content a {
	background: url(../images/icon_an.jpg) 0 30% no-repeat;
	padding: 0 0 3px 20px;
	line-height: 1.4;
	}
* html body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.boxan_content a {
	background: url(../images/icon_an.jpg) 0 20% no-repeat;
	padding: 1px 0 3px 20px;
	}

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap {
	width: 673px;
	margin: 0;
	padding: 0;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner {
	width: 643px;
	_width: 673px;
	margin: 6px 0 25px 0;
	padding: 0 15px;
	}

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner p {
	line-height: 140%;
	}

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner div.box_in {
	width: 643px;
	margin: 0 0 10px;
	padding: 0;
	float: left;
	display: inline;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner div.box_in div.left {
	width: 372px;
	margin: 5px 20px 0 0;
	padding: 0;
	float: left;
	display: inline;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner p.right {
	width: 251px;
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
	}

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner ul.Li01,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner div.left ul.Li02 {
	list-style: none;
	margin: 0;
	padding: 0;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner ul.Li01 li,
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner div.left ul.Li02 li {
	margin: 0 0 10px 0;
	padding: 0 0 0 1.3em;
	text-indent: -1.5em;
	line-height: 140%;
	}
html>/**/body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner ul.Li01 li,
html>/**/body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner div.left ul.Li02 li {
	padding /*\**/: 0 0 0 1.3em\9;
	text-indent : -1.3em\9;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner div.left ul.Li02 li span.Lihead {
	font-size: 114%;
	color: #555;
	}

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner div.adbox {
	width: 500px;
	margin: 5px 0 0 64px;
	padding: 5px 7px;
	border: 1px solid #ccc;

	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner div.adbox table#table-02 {
	margin: 0;
	padding: 0;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.box_wrap div.box_inner div.adbox table#table-02 td.text {
	font-size: 71%;
	padding: 0 0 0 10px;
	}

body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div.mar5 {
	margin: 5px 0 0 0;
	}

body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area div.import {
	width: 647px;
	_width: 673px;
	margin: 8px 0 10px 0;
	padding: 6px 12px 8px;
	border: 1px solid #ff6600;
	background-color: #ffffdf;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area div.import span.ttl {
	color: #dd0000;
	font-weight: bold;
	display: block;
	font-size: 86%;
	}
body#n-column-type-x div#n-column-99 div#contMain div#cont_wrap div.dl_area div.import span.lead {
	margin: 4px 0 0 0;
	line-height: 140%;
	display: block;
	font-size: 86%;
	}


/* 体験版無料アドバイスについて
=========================================== */

body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div#bg_step {
	width: 643px;
	background: url(../images/bg_step_yajirusi.gif) no-repeat;
	margin: 15px 0 0 0;
	}
body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div#naka_under_step {
	width: 643px;
	background-image: url(../images/bg_e_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0 0 5px 0;
	position: relative;
	}
body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div.naka_boder_step {
	width: 643px;
	background: url(../images/bg_step_boder.gif) repeat-y;
	padding: 8px 0 12px 0;
	}

body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div.step01 {
	width: 181px;
	float: left;
	margin: 0 0 0 8px;
	_margin: 0 0 0 4px;
	font-size: 86%;
	line-height: 140%;
	}
body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div.step01 a {
	background: url(../images/icon_li.jpg) 0 30% no-repeat;
	padding: 0 0 3px 20px;
	line-height: 1.4;
	}
* html body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div.step01 a {
	background: url(../images/icon_li.jpg) 0 20% no-repeat;
	padding: 1px 0 3px 20px;
	}
body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div.step01 ul.Li03 {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	}
body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div.step01 ul.Li03 li {
	margin: 0;
	padding: 0 0 0 1.3em;
	text-indent: -1.6em;
	line-height: 140%;
	}

body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div.step02 {
	width: 181px;
	float: left;
	margin: 0 0 0 40px;
	font-size: 86%;
	line-height: 140%;
	}
body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner div.step03 {
	width: 181px;
	float: left;
	margin: 0 0 0 40px;
	font-size: 86%;
	line-height: 140%;
	}

body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner ul.attention {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	}
body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner ul.attention li {
	margin: 0;
	padding: 0 0 0 1.3em;
	text-indent: -1.3em;
	font-size: 86%;
	line-height: 140%;
	}


/* *********************************

/* 000: IDPASS解除ボタン 共通

*********************************** */

body#n-column-type-x div#n-column-99 #contMain #btPass{
	position: relative;
	width: 724px;
	height: 19px;
	}
body#n-column-type-x div#n-column-99 #contMain #btPass li{
	position: absolute;
	right: 9px;
	}


/* *********************************

/* 000: フォントカラー 共通

*********************************** */

body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner ul li span.Lihead {
	font-size: 114%;
	color: #555;
	}
/* 注意用テキストのリスト */
body#n-column-type-x div#n-column-99 span.atLihead {
	font-size: 116%;
	color: #b74b4b;
	}
body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner span.atsmallText {
	font-size: 86%;
	color: #dd0000;
	}
/* 注意用テキスト */
body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner span.atText {
	color: #dd0000;
	}
/* 強調用テキスト */
body#n-column-type-x div#n-column-99 div#contMain div.box_wrap div.box_inner span.stText {
	color: #146cbb;
	font-weight: bold;
	}


/* *********************************

/* 000: clear 共通

*********************************** */

body#n-column-type-x div#n-column-99 .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html body#n-column-type-x div#n-column-99 .clearfix {
	visibility: hidden;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
	width: 100%; /* for IE6,7 */
	height: 0;
	}
* html body#n-column-type-x div#n-column-99 .clearfix { zoom: 1; } /* IE6 */
*:first-child+html body#n-column-type-x div#n-column-99 .clearfix { zoom: 1; } /* IE7 */

body#n-column-type-x div#n-column-99 .stepclear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html body#n-column-type-x div#n-column-99 .stepclear {
	}
* html body#n-column-type-x div#n-column-99 .stepclear { zoom: 1; } /* IE6 */
*:first-child+html body#n-column-type-x div#n-column-99 .stepclear { zoom: 1; } /* IE7 */


body#n-column-type-x div#n-column-99 div.clear {
	visibility: hidden;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
	width: 100%; /* for IE6,7 */
	height: 0;
	}


/* *********************************

/* 000: pagetop 共通

*********************************** */

body#n-column-type-x div#n-column-99 div#contMain p#tttop {
	text-align: right;
	margin: 0 0 15px;
	}

/* 2011/11/21追加 */

a.btn {
	margin: 0 0 5px 0;
	display: block;
	}