@charset "UTF-8";

/*-------------------------------------
 *
 *  BoxStyles
 *
 *-------------------------------------*/

* {
	margin : 0px;
	padding : 0px;
	zoom : 1;				/* for IE7 */
}
table,td,th {
	border-width : 0px;
}
hr{
	height: 2px;
}
/*
body,
h1,h2,h3,h4,h5,h6,
p,
ul,ol,li,
dl,dt,dd,
table,td,th,caption,
form,fieldset,legend,label,
pre,
blockquote,
hr {
	margin : 0px;
	padding : 0px;
	border-width : 0px;
}
input,textarea {
	margin : 0px;
	padding : 0px;
}
*/
/*
fieldset {
	margin : 0px;
	padding : 0.8em;
	border : solid 1px #666666;
}
*/

div#PageHead {
}
div#PageBody {
}
div#PageFoot {
}

/* sectionを複数使いまわすか、場合によってはsection1やsection2で階層の調整を*/
div.section,
div.section1 {
	margin : 0px 2em;
}
div.section2 {
	margin-left : 2em;
}
div.section3 {
}
div.section4 {
}

/* ResultSection */
div.resultsection {
	margin : 0em 25% 1em 25%;
}
	div.resultsection p {
		padding : 0.3em;
	}
	div.resultsection dl.resultdata {
		margin-top : 2px;
	}

/* Result */
h1.succeeded,
h2.succeeded,
h3.succeeded,
h4.succeeded,
h5.succeeded,
h6.succeeded,
h1.failed,
h2.failed,
h3.failed,
h4.failed,
h5.failed,
h6.failed,
h1.warning,
h2.warning,
h3.warning,
h4.warning,
h5.warning,
h6.warning,
h1.notice,
h2.notice,
h3.notice,
h4.notice,
h5.notice,
h6.notice {
	margin : 1em 25% 0em 25%;
}

ul.hint,
p.hint {
	margin : 1em 0.5em;
}

/* List */
ol li {
	margin-left : 3em;
}
ul li {
	list-style : none;
}

/* ResultData */
dl.resultdata {
	padding : 0.5em;
}
  /* default data and notice */
  dl.resultdata dt,
  dl.resultdata dt.notice {
	padding : 0.3em 0em 0.2em 0em;
  }
  dl.resultdata dd,
  dl.resultdata dd.notice {
	padding-left : 1em;
  }

.caution em,
.attention em {
	padding-left : 1em;
	padding-right : 1em;
}

.sorticon {
	padding-left: 0.3em;
	font-size: 80%;
}


/*
 * Table上のマージンは、<caption>を使っているとブラウザによって動作が異なる。
 *
 * IE6では<caption>よりも<table>のmargin-topが上にあり、また<caption>のマージンは
 * 反映されない。
 *
 * Firefoxでは<caption>は<table>よりも上に配置されるようで、tableの上マージンは
 * <caption>との間マージンとなる。
 *
 * したがって、tableの上側のマージンは、その上にあるブロックの下マージンで
 * 調整する？
 */
table {
	border-collapse : collapse;
	width : 100%;
}
	table caption {
		margin-top : 1em;   /* IE6では反映されない */
	}
	table th {
		padding : 0.1em;
		border-style : solid;
		border-width : 1px;
	}
	table td {
		border-style : solid;
		border-width : 1px;

		padding-left : 0.2em;
	}

blockquote {
	margin : 1em 2em;
}

input:focus,
textarea:focus {
	border-width : 2px;
	border-style : solid;
}
/*
input {
	height : 1.5em;
}
label {
	height : 1.5em;
}
*/

div#WsTitle {
    margin : 0px;
    padding : 0.5em 0.3em 0.5em 0.7em;
}

div#WsTitle h1 {
    padding : 0px;
    margin : 0px;
}
div#WsTitle h2 {
    margin-left: 0.8em;
    padding-top: 0.1em;
    padding-left: 0.2em;
}
div#WsTitle h3 {
    margin-left: 1.5em;
    padding-top: 0.1em;
    padding-left: 0.2em;
}
div#WsTitle h1 a {
	display: block;
	margin: 0;
	padding : 0.1em;
}

#User {
    text-align: right;
    padding: 0.3em 0.3em;
    margin-bottom: 0.5em;
}


/*-------------------------------------
 *
 *  Tradisional Classes
 *
 *-------------------------------------*/

.sidetitle {
	padding: 2px 0px 2px 10px;
}
.sidenav {
	padding: 2px 0px 2px 10px;
}
.webclass_title{
	padding: 4px 10px 4px 10px;
}
.title_head{
	margin-right:10px;
}
.width100p {
	width: 100%;
}
.width90p {
	width: 90%;
}

/*-------------------------------------
 *
 *  Font/Text Styles
 *
 *-------------------------------------*/

* {
	line-height : 1.4em;	/* FirefoxではBlock要素にしか効かないので注意 */
}

body {
	font-size : 10pt;
}

div#PageHead {
	text-align : right;
}

div.resultsection p {
	text-align : center;
}

h1 {
	font-size : 18pt;
	letter-spacing : 0.1em;
}
h2 {
	font-size : 16pt;
	letter-spacing : 0.1em;
}
h3 {
	font-size : 12pt;
	letter-spacing : 0.1em;
}
h4 {
	font-size : 11pt;
}
h5 {
	font-size : 10pt;
}
h6 {
	font-size : 10pt;
}

/* Result */
h1.succeeded,
h2.succeeded,
h3.succeeded,
h4.succeeded,
h5.succeeded,
h6.succeeded,
h1.failed,
h2.failed,
h3.failed,
h4.failed,
h5.failed,
h6.failed,
h1.warning,
h2.warning,
h3.warning,
h4.warning,
h5.warning,
h6.warning,
h1.notice,
h2.notice,
h3.notice,
h4.notice,
h5.notice,
h6.notice {
	font-size : 12pt;
	font-weight : bold;
	text-align : center;
	line-height : 2em;
}

p,
p.instruction {
	line-height : 1.3em;
}
ul.hint,
p.hint {
	font-size : 8pt;
}
p.tips {
	font-size : 8pt;
}

/* ResultData */
dl.resultdata dt,
dl.resultdata dt.notice {
	font-weight : bold;
}

/* table */
table caption {
	font-weight : bold;
	font-size : 11pt;
	text-align : left;
}
table th {
	font-weight : normal;
	font-size : 11pt;
	text-align : center;
}
table th a,
table th a:link,
table th a:visited {
	font-size : 10pt;
	/* text-decoration: underline; */
}
table td {
	/* font-size : 10.5pt; */
	/* font-size: 13px; */
}
table thead th{
    font-size: 11pt;
	font-weight : bold;
}

blockquote {
	font-style : italic;
}

/* form */
legend {
	font-size : 11pt;
	letter-spacing : 0.1em;
}
label {
	letter-spacing : 0.1em;
	vertical-align : middle;
}
select {
	font-size: 13px;
}

input,button {
/*	font-size : 10pt; */
	line-height : 1.2em;
	letter-spacing : 0.1em;
	vertical-align : middle;
}
button {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.3em;
	padding-right: 0.3em;
}
textarea {
	font-size : 11pt;
}
fieldset{
	border-width : 0px;
}

/* HyperLink */
a,
a:link,
a:visited {
	text-decoration: none;
}
a:active,
a:hover	{
	text-decoration: underline;
}

em {
	font-weight : bold;
	font-style : normal;
}
strong {
	font-size : 1.1em;
	text-decoration : underline;
	letter-spacing : 0.1em;
}

div#WsTitle {
	font-size: 10pt;
}
div#WsTitle h1 {
    font-size : 14px;
}
div#WsTitle a {
    font-size : 14px;
}
div#WsTitle h1 {
    font-size : 14px;
}
div#WsTitle a {
    font-size : 14px;
}

div#WsTitle h2 {
    font-size : 12px;
    font-weight: normal;
}
div#WsTitle h3 {
    font-size : 12px;
    font-weight: normal;
}

/*-------------------------------------
 *
 *  Tradisional Classes
 *
 *-------------------------------------*/

/*
SELECT		{ font-size: 13px}
TD			{ font-size: 13px}
*/
.sidetitle {
	font-size: 14px;
}
.sidenav {
	font-size: 13px;
}
.webclass_title{
	font-size: 18px;
	font-weight: bold;
}
.title_head{
	font-size:14px;
}
.size5		{
	font-size: 18px;
}
.size4		{
	font-size: 16px;
}
.size3		{
	font-size: 13px;
}
.size2		{
	font-size: 11px;
}
.size1		{
	font-size: 19px;
}

/*-------------------------------------
 *
 *  Colors
 *
 *-------------------------------------*/

body {
	background-color : #ffffff;
	color : #333333;
}

div.resultsection p,
div.resultsection dl.resultdata {
	background-color : #eeeeee;
}

div#WsTitle	{
	background-color : #FFCC66;
}
	div#WsTitle h1,
	div#WsTitle a:link,
	div#WsTitle a:visited {
		color : #003366;
	}
div#WsTitle h1 {
    border-style: solid;
    border-color: #999999;
    border-width: 0 0 1px 0;
}
div#WsTitle h2.unittitle {
    border: solid #999999 0;
    border-width: 0 0 1px 0;
}


p,
p.instruction {
/*	color : #333366;

  この色を指定している場所があったが、やめ

  見にくい。サイズの大きな文字にこの色を適用するならいいが、文字の小さい p に
  あてても目がちかちかする。BGColorと調整しない限り使えない
*/
}
p.tips {
	color : #1e90ff;
}
.caution,
.attention {
	color : #ff3300;
}
em.new {
	color :#ff6347;
}

hr{
	background-color: #b2b2b2;
}

table th {
	color : #ffffff;
	background-color : #4682b4;
	border-color : #ffffff;
}
	table th a,
	table th a:link,
	table th a:visited {
		color : #ffffff;
	}

table td {
	border-color : #ffffff;
}
table tr.odd,
table td.odd {
	background-color : #ffffff;
}
table tr.eve,
table td.eve {
	background-color : #f5f5f5;
}

/* HyperLink */
a,
a:link,
a:visited {
	color : #4169e1;
}
a:active {
	color : #6666ff;
}
a:hover	{
	color: #ffa500;
}

a:link .sorticon,
a:visited .sorticon,
a:active .sorticon {
	color: #fff;
}
a:hover .sorticon{
	color: #ffa500;
}

input:focus,
textarea:focus {
	border-color : #666699;
}

/* Form */
form.searchform,
fieldset.searchform {
}
form.dataopsform,
fieldset.dataopsform {
}
form.operationform,
fieldset.operationform {
}
form.editform,
fieldset.editform {
}

/* Result */
h1.succeeded,
h2.succeeded,
h3.succeeded,
h4.succeeded,
h5.succeeded,
h6.succeeded {
	background-color : #eeeeee;
 	color : #008000;
}
h1.failed,
h2.failed,
h3.failed,
h4.failed,
h5.failed,
h6.failed {
	background-color : #eeeeee;
 	color : #ff3300;
}
h1.warning,
h2.warning,
h3.warning,
h4.warning,
h5.warning,
h6.warning,
h1.notice,
h2.notice,
h3.notice,
h4.notice,
h5.notice,
h6.notice {
	background-color : #eeeeee;
 	color : #000000;
}

/* ResultData */
dl.resultdata dt,
dl.resultdata dt.notice {
	color : #000000;
}
dl.resultdata dt.error{
	color : #ff3300;
}
dl.resultdata dt.warning {
	color : #6600cc;
}

/*-------------------------------------
 *
 *  Tradisional Classes
 *
 *-------------------------------------*/

.sidetitle {
	color: #FFFFFF;
	background-color:#330033;
}
.bkgray		{
	background-color: #DCDCDC;
}
.bktomato	{
	background-color: #FF6347;
}
.bkkhaki	{
	background-color: #F0E68C;
}
.bkblue	{
  background-color: #cbe8ff;
}
.bklightgray	{
	background-color: #E1E1E1;
}
.white		{
	color: #FFFFFF;
}
.lightgray	{
	color: #E1E1E1;
}
.dimgray	{
	color: #696969;
}
.silver		{
	color: #C0C0C0;
}
.dark_blue	{
	color: #333366;
}
.skyblue	{
	color: #1E90FF;
}
.white_moji	{
	color: #FFFFFF;
}
.blue_moji	{
	color: #0066CC;
}
.red_moji	{
	color: #FF3300;
}
.tomato_moji	{ color: #bb5a46;}



.bgc_main {
    background-color: #4682b4;
    color: #fff;
}
.bgc_main a:link,
.bgc_main a:visited,
.bgc_main a:active{
    color: #fff;
}

.bgc_main a:hover {
	color: #ffa500;
}