@charset "utf-8";
/* --- global --- */
* {
	zoom: 1;
}

html {
	overflow-y: scroll;
}

body {
	font-family: 'メイリオ', Meiryo, Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 100%
}

img {
	border: 0;
}

h1 {
	font-size: 13.5pt;
	padding-left: 40px;
	margin: 5px 0 15px;
	line-height: 2;
	height: 32px;
	background: url(/img/splite/h2icon.gif) no-repeat;
}

h2 {
	font-size: 125%;
	font-weight: normal;
	background-color: #f8f8f8;
	border-top: 2px solid brown;
	border-bottom: 1px dotted #747474;
	margin: 20px 0 5px;
	padding: 5px;
}

h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 5px 0 0;
	padding: 0 5px;
	line-height: 2;
}

a {
	color: #0054D2;
}

a:link, a:visited {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

a.linkmark {
	font-size: 100%;
}

strong {
	color: #ff0000;
}

/* --- container --- */
#container {
	width: 780px;
	background-color: #ffffff;
	margin: 0 0 -30px;
	min-height: 100%;
	height: 100%;
	position: relative;
}

/* --- header --- */
#header {
	height: 30px;
	position: fixed;
	background-color: #DDD;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

#header div.title {
	margin: 0;
	color: #ffffff;
	position: absolute;
	top: 5px;
	left: -2px;
}

#header ol {
	float: right;
	margin: 0;
	padding: 2px 12px;
	height: 1.5em;
	font-size: 100%;
	list-style: none;
}

#header li {
	float: left;
	color: #ff9900;
	padding-left: 0.3em;
	line-height: 2;
}

#header li a {
	display: block;
	color: #333333;
	text-decoration: none;
	padding: 0 4px;
}

#header li a:hover {
	color: #ffffff;
	background-color: #F60;
}

#header #uname {
	float: right;
	color: #336633;
	margin: 2px 0;
	font-size: 100%;
	line-height: 2;
	text-indent: 16px;
	position: relative;
	vertical-align: middle;
	overflow: hidden;
}

/* --- menu --- */
#menu {
	float: left;
	color: #333333;
	background-color: #FFFFFF;
	padding-top: 27px;
	min-height: 800px;
	height: auto;
	width: 170px;
	position: fixed;
	padding-right: 10px;
	top: 30px;
	left: 0px;
}

#menu > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 90%;
	border-top: 5px solid #669966
}

#menu li {
	line-height: 0;
}

#menu a {
	margin: 0;
	padding: 3px 0 3px 8px;
	display: block;
	color: #333333;
	line-height: 1.7;
	text-decoration: none;
	border-bottom: 1px dotted #669966;
}

#menu a.selected {
	background-color: #CBEFC9;
}

#menu a:hover {
	color: #000000;
	background-color: #aaddaa !important;
}

#menu ul ul {
	padding-left: 0;
	margin: 0;
	list-style: none;
}

#menu ul ul li {
	margin: 0;
	padding: 0;
}

#menu ul ul li a {
	padding: 5px 0 5px 20px;
	background: transparent url(/img/help/menu_li_bg.gif) no-repeat 10px center;
	font-size: 90%;
	line-height: 1.4;
}

/* --- main --- */
#main {
	margin: 0px 0px 100px 180px;
	padding: 30px 0 0;
	width: 600px;
	font-size: 80%;
}

#help_top #main {
	padding: 50px 0 0;
}

/* --- ol --- */
#main ol {
	margin: 0pt 0pt 5px;
}

/* --- footer --- */
#footer {
	position: fixed;
	bottom: 0;
	right: 0;
	display: none;
}

#footer a.to_top {
	background: url(/img/common/to_top.png) no-repeat bottom right;
	width: 73px;
	height: 22px;
	display: block;
}

/* ---- breadcrumbs --- */
#breadcrumbs {
	margin: 0;
	padding: 12px 0;
	height: 1.5em;
	font-size: 100%;
	list-style: none;
}

#breadcrumbs li {
	float: left;
	line-height: 1.5em;
	padding-left: .5em;
}

#breadcrumbs li:first-child {
	padding-left: 0em;
}

#breadcrumbs li a {
	display: block;
	padding-right: .8em;
	background: url(/img/common/breadcrumbs.gif) no-repeat center right;
}

/* --- layer --- */
#mask {
	background-color: black;
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	z-index: 99;
}
#onmask {
	visibility: hidden;
	background-color: white;
	border: 5px gray solid;
	padding: 0 10px 10px;
	position: absolute;
	top: 50px;
	z-index: 100;
	overflow: hidden;
	width: 870px;
	min-height: 100px
}
#closelayer {
	background: url(/img/common/layer_close.gif) no-repeat center top;
	position: absolute;
	height: 22px;
	width: 65px;
	z-index: 100;
	cursor: pointer;
}
#closelayer:hover {
	background: url(/img/common/layer_close.gif) no-repeat center bottom
}

/* --- table(common) --- */
td.center {
	text-align: center;
}

td.right {
	text-align: right;
}
/* --- table(list) --- */
table.list {
	clear: right;
	margin: 5px 0;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #adadad;
}

table.list tr {
	font-size: 100%;
	border: 1px solid #adadad;
}

table.list tr:nth-child(2n) {
	background-color: #f0f0f0;
}
table.list th {
	font-weight: normal;
	color: #ffffff;
	background-color: #555555;
	border: 1px solid #adadad;
	padding: 2px 3px;
	line-height: 1.8;
}
table.list td {
	padding: 2px 3px;
	border: 1px solid #adadad;
	line-height: 1.5;
}
table.list hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #adadad;
	height: 1px;
	margin: 0;
	padding: 0;
}
/* --- table(form) --- */
table.form {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border: 1px solid #adadad;
	font-size: 100%;
	margin-bottom: 20px;
}
table.form tr {
	font-size: 100%;
}
table.form th {
	font-weight: normal;
	color: #ffffff;
	background-color: #555555;
	text-align: right;
	padding-right: 5px;
	line-height: 2.2;
	border: 1px solid #adadad;
	font-size: 100%;
}
table.form td {
	width: 78%;
	padding: 2px 5px;
	background-color: #ffffff;
	border: 1px solid #adadad;
	font-size: 100%;
}
table.form dl {
	margin: 0;
	padding: 0;
}
table.form dt {
	color: #000080;
	margin: 3px 0 -3px;
	padding: 0;
}
table.form dd {
	margin: -3px 0 3px;
	padding: 0;
}
/* --- form(button) --- */
input[type="button"], input[type="submit"] {
	font-weight: bold;
	color: #ffffff;
	background: url(/img/splite/button.gif) 0 0 no-repeat;
	width: 120px;
	height: 30px;
	border: none;
	margin: 0 .5em;
	cursor: pointer;
}
input[type="button"]:hover {
	color: #000000;
	background: url(/img/splite/button.gif) 0 -30px no-repeat;
}
input[type="button"].remove {
	color: #ffffff;
	background: url(/img/splite/button.gif) 0 -60px no-repeat;
}
input[type="button"].remove:hover {
	color: #ffffff;
	background: url(/img/splite/button.gif) 0 -90px no-repeat;
}
h2 input[type="button"], input[type="button"].exec, input[type="submit"].exec {
	background: url(/img/splite/button.gif) 0 -120px no-repeat;
}
h2 input[type="button"]:hover, input[type="button"].exec:hover, input[type="submit"].exec:hover {
	color: #ffffff;
	background: url(/img/splite/button.gif) 0 -150px no-repeat;
}

/* --- function (div) --- */
/* sysmessage */
div#warning {
	color: red;
	background-color: #fff6f6;
	border: 1px red dotted;
	margin: 5px 0;
	padding: 8px;
}
div#notice {
	color: blue;
	background-color: #f6f6ff;
	border: 1px blue dotted;
	margin: 5px 0;
	padding: 8px;
}
/* common */

/* 操作系 */
div.action {
	margin: 16px 0 20px;
	padding: 20px 0;
	text-align: center;
	background-color: #FDFDFD;
	border: 1px solid #999999;
}
/* 説明文 */
div.description {
	color: #336633;
	font-size: 100%;
	margin: 10px 5px 20px;
	padding: 0;
	line-height: 1.3;
}

/* --- function (topics) --- */
dl.topics {
	clear: both;
	overflow: hidden;
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	font-size: 100%;
}
dl.topics dt {
	margin: 0 0 0.2em 0;
	padding: 0;
	float: left;
	width: 14%;
}
dl.topics dd {
	margin: 0 0 0.2em 0;
	padding: 0;
	float: left;
	width: 85%;
}
/* --- common (image) --- */
a.arrow {
	background: url(/img/splite/common.gif) no-repeat;
	background-position: 0 -1px;
	line-height: 1.5;
	display: inline-block;
	padding-left: 20px;
	height: 20px;
	overflow: hidden;
}
span.common {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
span.caption {
	margin: 0 0 3px 0;
	position: relative;
	display: block;
	height: 18px;
	overflow: hidden;
	text-indent: 16px;
	vertical-align: bottom;
	font-size: 100%;
}
img.clip {
	position: absolute;
}
img.caption {
	top: -100px;
	left: 0;
}
img.attention {
	top: -22px;
	left: 0;
}
img.circle {
	top: -42px;
	left: 0;
}
img.cross {
	top: -62px;
	left: 0;
}
img.help {
	top: -82px;
	left: 0;
}
img.caption {
	top: -100px;
	left: 0;
}
img.admin {
	top: -122px;
	left: 0;
}
img.locked {
	top: -142px;
	left: 0;
}
img.user {
	top: -162px;
	left: 0;
}
img.user_head {
	top: -158px;
	left: 0;
}
img.login {
	top: -182px;
	left: 0;
}
/* status */
span.status {
	position: relative;
	display: inline-block;
	padding: 0;
	margin: 0;
	height: 15px;
	width: 39px;
	text-align: right;
	overflow: hidden;
	vertical-align: middle;
}
img.un_accept {
	top: 0px;
	left: 0;
}
img.accept {
	top:-15px;
	left:0;
}
img.reject {
	top: -30px;
	left: 0;
}
img.cancel {
	top: -45px;
	left: 0;
}
img.approve {
	top: -60px;
	left: 0;
}
img.un_approve {
	top: -75px;
	left: 0;
}
img.not_approve {
	top: -90px;
	left: 0;
}
img.un_submission {
	top: -105px;
	left: 0;
}
img.submission {
	top: -120px;
	left: 0;
}
img.draft {
	top: -135px;
	left: 0;
}
/* estimate */
span.estimate {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
img.add {
	top: 0;
	left: 0;
}
img.bold {
	top: -16px;
	left: 0;
}
img.delete {
	top: -32px;
	left: 0;
}
img.indent {
	top: -48px;
	left: 0;
}
img.r_indent {
	top: -64px;
	left: 0;
}
img.red {
	top: -80px;
	left: 0;
}
img.refresh {
	top: -96px;
	left: 0;
}
img.remove {
	top: -112px;
	left: 0;
}
img.stick {
	top: -128px;
	left: 0;
}
/* estimate_type */
span.estimate_type {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 21px;
	height: 21px;
	vertical-align: middle;
}
img.ico_einitial {
	top: 0;
	left: 0;
}
img.ico_esell {
	top: -21px;
	left: 0;
}
img.ico_ecancel {
	top: -42px;
	left: -3px;
}
img.ico_eaccept {
	top: -63px;
	left: -3px;
}
img.ico_ewait {
	top: -84px;
	left: -2px;
}
img.ico_ereject {
	top: -105px;
	left: -2px;
}
img.ico_edraft {
	top: -126px;
	left: -2px;
}

/* --- h1 --- */
h1.estimate {
	background-position: 0 0;
	overflow: hidden;
}
h1.project {
	background-position: 0 -32px;
	overflow: hidden;
}
h1.accept {
	background-position: 0 -64px;
	overflow: hidden;
}
h1.report {
	background-position: 0 -96px;
	overflow: hidden;
}
h1.client {
	background-position: 0 -128px;
	overflow: hidden;
}
h1.goods {
	background-position: 0 -160px;
	overflow: hidden;
}
h1.template {
	background-position: 0 -192px;
	overflow: hidden;
}
h1.position {
	background-position: 0 -224px;
	overflow: hidden;
}
h1.user {
	background-position: 0 -256px;
	overflow: hidden;
}
h1.customer {
	background-position: 0 -288px;
	overflow: hidden;
}
h1.operatelog {
	background-position: 0 -320px;
	overflow: hidden;
}
h1.help {
	background-position: 0 -352px;
	overflow: hidden;
}
h1.error {
	background-position: 0 -383px;
	overflow: hidden;
}
h1.group {
	background-position: 0 -416px;
	overflow: hidden;
}

/* --- common (fonts) --- */
.f_fixed {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.f_courier {
	font-family: "Courier New", Courier, monospace;
}
.f_small {
	font-size: 80%;
}
.f_tiny {
	font-size: 70%;
}
.f_red {
	color: #ff0000;
}
.f_green {
	color: #008000;
}
/* --- common (others) --- */
/* float制御 */
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
/* --- help common --- */
img.capture {
	margin-bottom: 20px;
	border: 1px solid #666;
}

#main ul {
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
}
#main ul li {
	background: url(/img/help/listmark.gif) no-repeat 2px center;
	padding-left: 1.5em;
}
#main ul ul {
	padding: 0;
	margin: 0;
}
#main ul ul li {
	padding: 0;
	margin: 0;
}
ul.ulh3 {
	font-size: 110%;
	margin: 0 0 2em 0;
}
ul.ulh3 li {
	background: url(/img/help/listmark.gif) no-repeat 2px center;
	padding: 0 0 0 1.5em;
	margin-bottom: 3px;

}
ul.ulh3 li ul {
	margin-top: 5px;
	padding-left: 1.5em;
}
h3.h3link {
	font-size: 110%;
	font-weight: bold;
	padding: 0 5px;
	margin: 10px 0 0 0;
}
a.arrow span.arrowh3 {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.3;
}
a.arrow:hover span.arrowh3 {
	cursor: pointer;
}
table.fnc th {
	width: 130px;
}
table.fnc th.btn {
	background-color: #f0f0f0;
	color: #000000;
}
#main p {
	text-align: left;
	margin: 5px 0 15px;
	padding: 0 5px;
}

/* faq */
.faqBox {
	padding-top: 30px;

}

.faqBox h2 {
	margin: 0 0 5px;
}