@charset "UTF-8";

/* ------------------------------------------------------------------------------
	Mata-tavi common style
	URL: http://www.mata-tavi.jp
	Date: 11:05 2008/04/10
	Author: M.Nakamura
	      : K.Aikawa
	Copyright(C) 2007-2008 Computer Planning Research co ., Ltd 
						All Rights Reserved
------------------------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	color: #333333;
	background: #ffffff url(../../img/001/bg4.png) repeat-x;
	text-align: center;
	font: normal/1.2em "ＭＳ Ｐゴシック", Osaka, Arial;
	_font: small/1.2em "ＭＳ Ｐゴシック", Osaka, Arial;
}
a:link,
a:visited {
	color: #20a41f;
	text-decoration: none;
}
a:hover {
	color: #FF9900;
	text-decoration: underline;
}
a:active {
	color: #ffcc33;
	text-decoration: underline;
}
h2,h3,h4,h5,h6,td,th {
	padding: 5px;
}
h3,h4,h5,h6 {
	color: #20a41f;
}
h3 {
	padding-left: 0.7em;
	background: url(../../img/001/bg8.gif);
	color: #20a41f;
	font: bold small;
}
h4 {
	margin-left: 1em;
	padding-left: 0.7em;
	background:url(../../img/001/bg14.gif) repeat-x bottom;
	font-family: midium;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #247422;
}
h5 {
	margin-left: 2.5em;
	font: bold small;
}
h6 {
	margin-left: 2.5em;
	font: normal x-small;
}
p {
	margin-left: 3em;
}
ul {
	margin-top: 0;
	margin-bottom: 0;
	list-style: url(../../img/001/listmark5.gif);
}
ol {
	margin-left: 5em;
	padding: 0px;
}
dt {
	margin-bottom: 0.5em;
}
dd {
	margin-bottom: 1em;
	margin-left: 2.5em;
}
div,form,input {
	margin: 0;
}
table,th,td,textarea {
	font: normal/1.2em "ＭＳ Ｐゴシック", Osaka, Arial;
	_font: small/1.2em "ＭＳ Ｐゴシック", Osaka, Arial;
}
table {
	padding: 0;
	width: 100%;
}
th {
	font-weight: normal;
	text-align: left;
}
img {
	padding: 0;
	border: none;
}


/* page title
---------------------------------------------------- */
div.title {
	padding: 1px;
	border: 1px #84c45e solid;
	background: #ffffff;
}
div.title h2 {
	margin: 0px;
	padding-left: 10px;
	color: #ffffff;
	background: #84c45e url(../../img/001/bg19.png) repeat-y right;
	font: bold small;
}
div.subtitle {
	padding: 0.3em;
	color: #006633;
	background: #ffffff url(../../img/001/bg18.png) no-repeat left bottom;
	font: bold small;
}


/* Global Layout
---------------------------------------------------- */
div#container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 800px;
	height: auto;
	background: #ffffff;
	border-right-width: 2px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #edf5e7;
	border-bottom-color: #edf5e7;
	border-left-color: #edf5e7;
}
div#container table#header,
div#container table#main,
div#container table#footer {
	background: transparent;
}
div#container table#footer {
	margin-top: 30px;
	margin-bottom: 30px;
}


/* header
---------------------------------------------------- */
div#container table#header th {
	margin: 0px;
	padding: 0;
	background: #ffffff;
	vertical-align: top;
}
div#container table#header td {
	padding: 0;
}
div#container table#header div.adv {
	margin: 0px;
	padding: 0px;
	width: 480px;
	height: 80px;
	vertical-align: top;
	text-align: center;
}
div#container table#header div.adv iframe {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
}
div#container table#header div.navi {
	padding-left: 30px;
	padding-bottom: 20px;
}
div#container table#header div.navi a {
	padding-right: 10px;
	padding-left: 10px;
	display: block;
	float: left;
}
div#container table#header .status11 {
	display: block;
	text-align: left;
	padding-left: 30px;
}
div#container table#header h1 {
	margin: 0px;
	padding: 0px;
}


/* footer
---------------------------------------------------- */
div#container table#footer td {
	padding-top: 20px;
	padding-bottom: 10px;
}
div#container table#footer div {
	text-align: center;
	display: block;
	line-height: 1.4;
}
div#container table#footer div a {
	padding-right: 10px;
	padding-left: 10px;
}
div#container table#footer div img {
	margin-top: 0.7em;
}


/* error
---------------------------------------------------- */
div#container table#main div#er,
div#container table#main div#er p {
	text-align: center;
}
div#container table#main div#er h2 {
	background: #ffffff none;
	color: #f0021a;
	font: lighter large;
	text-align: center;
}
div#container table#main div#er h2 img {
	margin-right: 5px;
	vertical-align: bottom;
}
div#container table#main div#er h2.nofind {
	color: #666666;
}


/* maintenance
---------------------------------------------------- */
div#container table#main div#mainte table {
	margin-left: 3em;
	width: 50%;
}
div#container table#main div#mainte table th {
	color: #20cd1f;
	background: #ffffff;
	font-weight: bold;
	text-align: right;
}


/* input button
---------------------------------------------------- */
div.frm {
	padding-top: 20px;
	text-align: center;
}
div.frm input {
	margin-right: 1.5em;
	margin-left: 1.5em;
	border: 1px #206A1F solid;
	width: 9em;
	color: #ffffff;
	background: #20a41f;
	font-weight: bold;
}
div.frm input.button:hover {
	margin-right: 1.5em;
	margin-left: 1.5em;
	border: 1px #206A1F solid;
	width: 9em;
	color: #ff0000;
	background: #ffe91f;
	font-weight: bold;
}
div.frm input.button.hover {
	margin-right: 1.5em;
	margin-left: 1.5em;
	border: 1px #206A1F solid;
	width: 9em;
	color: #ff0000;
	background: #ffe91f;
	font-weight: bold;
}


/* customer
---------------------------------------------------- */
.customer dl {
	margin-left: 2.5em;
	padding: 1px;
	border: 1px #cccccc solid;
	width: 450px;
}

.customer dt {
	padding: 5px;
	background-color: #f6f6f6;
}

.customer dd {
	padding: 5px;
	background-color: #fafafa;
}


/* sub
---------------------------------------------------- */
.sup1 {
	text-indent: -1em;
}
.sup2 {
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	text-align: right;
}
p.sup3 {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 4em;
	padding: 0;
	text-indent: -1em;
}
span.sup3 {
	padding: 0;
	text-indent: 1em;
}
.sup4 {
	margin-left: 5em;
	text-indent: -1.4em;
}
p.sup5 {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 7em;
	padding: 0;
	text-indent: -1em;
}
p.sup6 {
	margin-top: 0;
	margin-bottom: 20px;
	margin-left: 8.5em;
	padding: 0;
	text-indent: -5.5em;
}
.sup12 {
	padding-right: 2.5em;
	padding-left: 2.5em;
}
.jump {
	background: url(../../img/001/bg13.gif) repeat-x bottom;
	text-align: right;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.3em;
	padding-left: 1em;
}
.c_line {
	clear: both;
	height: 1px;
}


/* text decoration
---------------------------------------------------- */
.status1 {
	color: #cc3300;
	font: bold;
}
.status2 {
	color: #cc3300;
	font-weight: bold;
}
.status3 {
	color: #cc3300;
	font-weight: bold;
	text-decoration: underline;
}
.status4 {
	color: #cc3300;
	font: bold;
}
.status5 {
	color: #cc3300;
	font: bold;
}
.status6 {
	text-decoration: underline;
}
.status7 {
	color: #20a41f;
	font: bold;
}
.status9 {
	color: #CC3300;
	text-align: center;
	font-weight: bold;
}
.status8 {
	color: #aaaaaa;
}
.status10 {
	padding-left: 10px;
	padding-right: 10px;
}