@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
=========================================== */

.box0{
	padding: 11px 0 0 9px;
	width: 706px;
	}


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

.box1{
	padding: 15px 0 0 9px;
	width: 706px;
	}
span.attention {
	color: #dd0000;
	}
.box1 .productMenu{
	width: 706px;
	}
.box1 .productMenu li{
	padding-bottom: 10px;
	float: left;
	height: 35px;
	}


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

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


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

.box2{
	padding: 15px 0 10px 9px;
	width: 706px;
	}
.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 .box2 dl{
	height: 81px;
	}
.box2 dt{
	padding-left: 81px;
	}

 /* box2 各製品 dt設定 */
.box2 dl dt.txt_ac {
	background: url(/products/download/images/txt_box2_bg_account.gif) no-repeat scroll 81px 1px rgba(0, 0, 0, 0);
	padding: 0 0 0 105px;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size:14px;
	color:#1972c6;
	height:26px;
	}
.box2 dl dt.txt_ao {
	background: url(/products/download/images/txt_box2_bg_aoiro.gif) no-repeat scroll 81px 1px rgba(0, 0, 0, 0);
	padding: 0 0 0 105px;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size:14px;
	color:#0099cc;
	height:26px;
	}
.box2 dl dt.txt_pay {
	background: url(/products/download/images/txt_box2_bg_payroll.gif) no-repeat scroll 81px 1px rgba(0, 0, 0, 0);
	padding: 0 0 0 105px;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size:14px;
	color:#009933;
	height:26px;
	}
.box2 dl dt.txt_kyu {
	background: url(/products/download/images/txt_box2_bg_kyuyo.gif) no-repeat scroll 81px 1px rgba(0, 0, 0, 0);
	padding: 0 0 0 105px;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size:14px;
	color:#24a11b;
	height:26px;
	}
.box2 dl dt.txt_deal {
	background: url(/products/download/images/txt_box2_bg_dealing.gif) no-repeat scroll 81px 1px rgba(0, 0, 0, 0);
	padding: 0 0 0 105px;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size:14px;
	color:#f0576f;
	height:26px;
	}
.box2 dl dt.txt_sei {
	background: url(/products/download/images/txt_box2_bg_seikyu.gif) no-repeat scroll 81px 1px rgba(0, 0, 0, 0);
	padding: 0 0 0 105px;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size:14px;
	color:#e7515b;
	height:26px;
	}
.box2 dl dt.txt_cust {
	background: url(/products/download/images/txt_box2_bg_customer.gif) no-repeat scroll 81px 1px rgba(0, 0, 0, 0);
	padding: 0 0 0 105px;
	margin: 0 0 0 0;
	font-weight: bold;
	font-size:14px;
	color:#ee8b00;
	height:26px;
	}

 /* box2 各製品 dt設定 ここまで*/

.box2 dd.textArea{
	line-height: 140%;
	padding: 5px 0 0 91px;
	width: 345px;
	_width: 436px;
	}
.box2 dd.textArea img{
	position: absolute;
	top: 0;
	left: 0;
	}

.box2 dd.bt1{
	position: absolute;
	top: 21px;
	left: 456px;
	}
.box2 dd.bt2{
	position: absolute;
	top: 46px;
	left: 456px;
	}
.box2 dd.bt2_tx{
	position: absolute;
	top: 47px;
	padding-left: 475px;
	font-size:86%;
	}
/*
body#n-column-type-x div#n-column-99 #contMain .box2 dd.bt2_tx span{
	padding-left: 10px;
	}

body#n-column-type-x div#n-column-99 #contMain .box2 dd.bt2_tx a{
	background: url("../images/icon_01.gif") no-repeat scroll left 3px transparent;
	padding-left: 10px;
	}
*/
.box2 dd.bt3{
	position: absolute;
	top: 5px;
	left: 586px;
	}

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

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

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

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

#tab_wrap {
	z-index: 10;
	}
ul#tab {
	width: 707px;
	margin: 20px 0 0 9px;
	top: 50px;
	}
ul#tab li {
	float: left;
	}

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

.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;
	}
.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;
	}
.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;
	}
.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;
	}
.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;
	}
.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;
	}
.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;
	}


/* コンテンツレイアウト 配下ページ
=========================================== */

div#cont_wrap {
	width: 673px;
	padding: 15px 26px 5px;
	}

div#cont_wrap div.cont_top {
	width: 673px;
	height: 81px;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	}
div#cont_wrap div.cont_top p.left {
	padding: 0;
	margin: 23px 0 0 0;
	float: left;
	display: inline;
	}
div#cont_wrap div.cont_top p.left_s {
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	}
div#cont_wrap div.cont_top p.right {
	padding: 0;
	margin: 0;
	float: right;
	display: inline;
	}

div#cont_wrap div.dl_area {
	width: 673px;
	margin: 9px 0 0 0;
	padding: 0;
	}
div#cont_wrap div.dl_area table#table-01,
div#cont_wrap div.dl_area table#table-03,
div#cont_wrap div.dl_area table#table-04,
div#cont_wrap div.dl_area table#table-05,
div#cont_wrap div.dl_area table#table-06,
div#cont_wrap div.dl_area table#table-07,
div#cont_wrap div.dl_area table#table-08 {
	width: 673px;
	margin: 0;
	padding: 0;
	}
div#cont_wrap div.dl_area table#table-01 th {
	margin: 0;
	padding: 0;
	border: 1px solid #144283;
	border-width: 1px 1px 0 1px;
	background-color: #0086cd;
	color: #fff;
	}
div#cont_wrap div.dl_area table#table-03 th {
	margin: 0;
	padding: 0;
	border: 1px solid #930016;
	border-width: 1px 1px 0 1px;
	background-color: #ea617b;
	color :#fff;
	}
div#cont_wrap div.dl_area table#table-04 th {
	margin: 0;
	padding: 0;
	border: 1px solid #007d33;
	border-width: 1px 1px 0 1px;
	background-color: #009740;
	color: #fff;
	}
div#cont_wrap div.dl_area table#table-05 th {
	margin: 0;
	padding: 0;
	border: 1px solid #bf7d00;
	border-width: 1px 1px 0 1px;
	background-color: #f08200;
	color: #fff;
	}
div#cont_wrap div.dl_area table#table-06 th {
	margin: 0;
	padding: 0;
	border: 1px solid #007c9c;
	border-width: 1px 1px 0 1px;
	background-color: #1eb9ee;
	color: #fff;
	}
div#cont_wrap div.dl_area table#table-07 th {
	margin: 0;
	padding: 0;
	border: 1px solid #228500;
	border-width: 1px 1px 0 1px;
	background-color: #23ac38;
	color: #fff;
	}
div#cont_wrap div.dl_area table#table-08 th {
	margin: 0;
	padding: 0;
	border: 1px solid #930016;
	border-width: 1px 1px 0 1px;
	background-color: #eb6e8f;
	color: #fff;
	}

div#cont_wrap div.dl_area table#table-01 td,
div#cont_wrap div.dl_area table#table-03 td,
div#cont_wrap div.dl_area table#table-04 td,
div#cont_wrap div.dl_area table#table-05 td,
div#cont_wrap div.dl_area table#table-06 td,
div#cont_wrap div.dl_area table#table-07 td,
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;
	}
div#cont_wrap div.dl_area table#table-01 td.pat1,
div#cont_wrap div.dl_area table#table-03 td.pat1,
div#cont_wrap div.dl_area table#table-04 td.pat1,
div#cont_wrap div.dl_area table#table-05 td.pat1,
div#cont_wrap div.dl_area table#table-06 td.pat1,
div#cont_wrap div.dl_area table#table-07 td.pat1,
div#cont_wrap div.dl_area table#table-08 td.pat1 {
	text-align: center;
	line-height: 120%;
	}
div#cont_wrap div.dl_area table#table-01 td.pat,
div#cont_wrap div.dl_area table#table-03 td.pat,
div#cont_wrap div.dl_area table#table-04 td.pat,
div#cont_wrap div.dl_area table#table-05 td.pat,
div#cont_wrap div.dl_area table#table-06 td.pat,
div#cont_wrap div.dl_area table#table-07 td.pat,
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;
	}

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;
	}
div#cont_wrap div.boxan_boder {
	width: 673px;
	background: url(../images/boxan_boder.gif) repeat-y;
	}
div#cont_wrap div.boxan_under {
	width: 673px;
	background: url(../images/boxan_bottom.gif) no-repeat bottom;
	padding: 0 0 15px 0;
	}
div#cont_wrap div.boxan_content table{
	margin: 0 0 0 20px;
	}
div#cont_wrap div.boxan_content table td{
	padding: 2px;
	}
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 div#cont_wrap div.boxan_content a {
	background: url(../images/icon_an.jpg) 0 20% no-repeat;
	padding: 1px 0 3px 20px;
	}

div#cont_wrap div.box_wrap {
	width: 673px;
	margin: 0;
	padding: 0;
	}
div#cont_wrap div.box_wrap div.box_inner {
	width: 643px;
	_width: 673px;
	margin: 6px 0 25px 0;
	padding: 0 15px;
	}

div#cont_wrap div.box_wrap div.box_inner p {
	line-height: 140%;
	}

div#cont_wrap div.box_wrap div.box_inner div.box_in {
	margin: 0 0 25px;
	padding: 0;
	float: left;
	display: inline;
	}
div#cont_wrap div.box_wrap div.box_inner div.box_in div.left {
	margin: 5px 20px 0 0;
	padding: 0;
	float: left;
	display: inline;
	}
div#cont_wrap div.box_wrap div.box_inner  p.btnArea1 {
	margin:0 0 0 17px;
	}
div#cont_wrap div.box_wrap div.box_inner p.btnArea2 {
	margin:6px 0 0 17px;
	}
div#cont_wrap div.box_wrap div.box_inner p.right {
	width: 251px;
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
	}

div#cont_wrap div.box_wrap div.box_inner ul.Li01,
div#cont_wrap div.box_wrap div.box_inner div.left ul.Li02 {
	list-style: none;
	margin: 0;
	padding: 0;
	}
div#cont_wrap div.box_wrap div.box_inner ul.Li01 li,
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>/**/div#cont_wrap div.box_wrap div.box_inner ul.Li01 li,
html>/**/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;
	}
div#cont_wrap div.box_wrap div.box_inner div.left ul.Li02 li span.Lihead {
	font-size: 114%;
	color: #555;
	}

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;

	}
div#cont_wrap div.box_wrap div.box_inner div.adbox table#table-02 {
	margin: 0;
	padding: 0;
	}
div#cont_wrap div.box_wrap div.box_inner div.adbox table#table-02 td.text {
	font-size: 71%;
	padding: 0 0 0 10px;
	}

div.box_wrap div.box_inner div.mar5 {
	margin: 5px 0 0 0;
	}
div.box_wrap div.box_inner div.mar8 {
	margin: 8px 0 0 0;
	}

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;
	}
div#cont_wrap div.dl_area div.import span.ttl {
	color: #dd0000;
	font-weight: bold;
	display: block;
	font-size: 86%;
	}
div#cont_wrap div.dl_area div.import span.lead {
	margin: 4px 0 0 0;
	line-height: 140%;
	display: block;
	font-size: 86%;
	}


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

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;
	}
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;
	}
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;
	}

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%;
	}
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 div.box_wrap div.box_inner div.step01 a {
	background: url(../images/icon_li.jpg) 0 20% no-repeat;
	padding: 1px 0 3px 20px;
	}
div.box_wrap div.box_inner div.step01 ul.Li03 {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	}
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%;
	}

div.box_wrap div.box_inner div.step02 {
	width: 181px;
	float: left;
	margin: 0 0 0 40px;
	font-size: 86%;
	line-height: 140%;
	}
div.box_wrap div.box_inner div.step03 {
	width: 181px;
	float: left;
	margin: 0 0 0 40px;
	font-size: 86%;
	line-height: 140%;
	}

div.box_wrap div.box_inner ul.attention {
	list-style: none;
	margin: 15px 0 0 0;
	padding: 0;
	}
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解除ボタン 共通

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

#btPass{
	position: relative;
	width: 724px;
	height: 19px;
	}
#btPass li{
	position: absolute;
	right: 9px;
	}


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

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

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

div.box_inner ul li span.Lihead {
	font-size: 114%;
	color: #555;
	}
/* 注意用テキストのリスト */
span.atLihead {
	font-size: 116%;
	color: #b74b4b;
	}
div.box_wrap div.box_inner span.atsmallText {
	font-size: 86%;
	color: #dd0000;
	}
div.box_wrap div.box_inner span.atsmallText2Ind {
	font-size: 86%;
	text-indent:-1.3em;
	padding-left:1.3em;
	display:inline-block;
	}
/* 注意用テキスト */
div.box_wrap div.box_inner span.atText {
	color: #dd0000;
	}
/* 強調用テキスト */
div.box_wrap div.box_inner span.stText {
	color: #146cbb;
	font-weight: bold;
	}


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

/* 000: clear 共通

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

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

.stepclear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .stepclear {
	}
* html .stepclear { zoom: 1; } /* IE6 */
*:first-child+html .stepclear { zoom: 1; } /* IE7 */


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 共通

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

p#tttop {
	text-align: right;
	margin: 0 0 15px;
	}

/* 2011/11/21追加 */

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