@charset "Shift_JIS";

/*** --リンクの色-- ***/
a:link {
	color: #000066;
  text-decoration: none;
}
a:visited {
	color: #000066;
	text-decoration: none;
}
a:hover {
	color: #0000CC;
}

/* -- ↓reset↓ -- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td,caption {
	margin:0; padding:0;
	}
table {
	font-size: 100%;
	} 
fieldset, img {
	border:0;
	}
ol, ul {
	list-style:none;
	}
/* -- ↑reset↑ -- */	

body
{
    font-size: 0.8em;
	font-family: Osaka, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4; /* 行間 */
	letter-spacing: 0.1em;	
	text-align: center; /*IE5対応 */
	color: #000000;
	background-color: #FFFFFF;
}

table
{
    border-collapse : collapse;
}

/***-- コンテンツ全体 --***/
#contents {
	float: left;
	width: 95em;
	clear: both;
	
}


/***-- コンテンツ部div --***/
#wrapper {
	height: auto;
	width: 95em;
	margin: 0 auto;
	text-align: left; /* IE5対応 */
	
}


/*ステップのアクティブ化*/
label.active,span.active
{
    font-weight:bold;
    font-style: italic;
    font-size: 20px;
	color:Blue;
}

/* ステップ用ヘッダ*/
div.header_step
{
    font-size: 9pt;
    font-weight:bold;
    color: #000033;
    padding-left: 25px;
}

/* 各ステップ毎のコメント */
ul.comment
{
    padding-left: 30px;
}
/* 各ステップ毎のコメント(別インデント) */
p.comment
{
    padding-left: 20px;
}


/* 入力コンテンツtable(外枠) */
table.contents
{
	border:1px #666 solid;
    width: 75%;
    float:left;
}

td.contents
{
    padding-bottom: 20px;
}


/* 入力コンテンツtable(入力部) */
table.input
{
	border:1px #666 solid;
    width: 95%;
    margin-left:20px;
}

table.doubleRow
{
    background-color: #99CCFF;
	border:1px #666 solid;
    width: 95%;
    margin-left:20px;
}



/* STEP0用tableスタイル */
table.step0
{
	border:1px #666 solid;
    width: 95%;
    padding:10px 10px 10px 10px;
    
}

/* STEP0用tdスタイル */
td.step0
{
	border:1px #666 solid;
    padding:10px 10px 10px 10px;
    
}

/* STEP4用tdスタイル */
table[id=ctlResult] tbody tr td:nth-child(1)
{
    width: 20%;
}
table[id=ctlResult] tbody tr td:nth-child(2)
{
    width: 50%;
}
table[id=ctlResult] tbody tr td:nth-child(3)
{
    width: 20%;
}
table[id=ctlResult] tbody tr td:nth-child(4)
{
    width: 10%;
}

table[id=ctlResult2] tbody tr td:nth-child(1)
{
    width: 3%;
}
table[id=ctlResult2] tbody tr td:nth-child(2)
{
    width: 17%;
}
table[id=ctlResult2] tbody tr td:nth-child(3)
{
    width: 50%;
}
table[id=ctlResult2] tbody tr td:nth-child(4)
{
    width: 20%;
}
table[id=ctlResult2] tbody tr td:nth-child(5)
{
    width: 10%;
}

/* 必須項目｢※｣ */
label.consts, span.consts
{
    color:Red;
    font-weight:bold;
}


/* td見出し(必須項目あり) */
td.midashi_cons
{
    width:120px;
    height:25px;
    text-align:right;
    background-color:#E3F4FF;
	border:1px #666 solid;
}

/* td見出し(必須項目なし) */
td.midashi
{
    width:125px;
    height:25px;
    text-align:right;
    vertical-align:middle;
    background-color:#E3F4FF;
	border:1px #666 solid;
	padding-right: 20px;
}

/* td見出し(必須項目なし) */
td.midashi_wide
{
    width:150px;
    height:25px;
    text-align:right;
    vertical-align:middle;
    background-color:#E3F4FF;
	border:1px #666 solid;
	padding-right: 20px;
}

/* td見出し(必須項目なし；下位) */
td.midashi_wide_inferior
{
    width:150px;
    height:25px;
    text-align:right;
    vertical-align:middle;
    background-color:#F8FCFF;
	border:1px #666 solid;
	padding-right: 20px;
}

/* td見出し(必須項目なし) */
td.midashi_report
{
    height:25px;
    text-align:center;
    vertical-align:middle;
    background-color:#E3F4FF;
	border:1px #666 solid;
}


/* td入力項目 */
td.input
{
    text-align:left;
	border:1px #666 solid;
	padding-left:10px;
}

/* td入力項目 */
td.input_report
{
    text-align:center;
	border:1px #666 solid;
}

td.putPDF
{
    padding-left: 20px;
	border:1px #666 solid;
}

/* td見出し(必須項目なし) */
th.midashi_report
{
    height:25px;
    text-align:center;
    vertical-align:middle;
    background-color:#E3F4FF;
	border:1px #666 solid;
}


/* 数値入力項目 */
input.number
{
	 width:30px;
	 ime-mode:disabled;
}

/* ListControlラベル項目 */
.FormatListControl label
{
  margin-right: 3px;
}

/* 入力不可INPUT項目 */
input[readonly] {
    background-color:#EEEEEE;
}

input[type="button"].large_button {
    font-size:20pt;
    -webkit-appearance: none;
}

/*入力テキストボックス右側に配置するエラーメッセージ表示用ラベル*/
label.input_error,span.input_error
{
	font-size:9pt;
	color :Red;
	padding-left: 10px;
	
}

label.input_error_num,span.input_error_num
{
	font-size:7pt;
	color :Red;
	padding-left: 5px;
}


/*次へボタン*/
div.next_btn
{
    float:right;
    padding-right: 20px;
}

/*戻るボタンボタン*/
div.back_btn
{
    float:left;
    padding-left: 20px;
    
}



/* メイン部 */
div.main
{
	width:80em;
}

/*-- ガイド表示スタイル --*/
div.guide
{
    float:right;
    width:35em;
    padding-bottom: 30px;
}

ul.guide
{
    margin-left: 5px;
	border:1px #666 solid;
	width:90%;
    float:right;
}

li.title
{
    background-color: #75A9FF;
    text-align:center;
    font-weight:bold;
}

li.second_title
{
    background-color: #C8DDFF;
    text-align:left;
    border-top:1px #666 solid;
	border-bottom:1px #666 dashed;
}

li.info
{
    padding-left:10px;
}

/* GHS分類区分 */
td.ghs_midashi
{
    height: 30px;
    width: 40%;
    background-color:#E3F4FF;
	border:1px #666 solid;
}

/* GHS分類区分 */
td.ghs_input
{
    text-align:left;
	border:1px #666 solid;
	padding-left:10px;
}




/***- 印刷時非表示クラス -***/
#bread01 li.print_none,
.print_none{
	display:none;
}

print_none {
	text-decoration:underline;
}

print_only {
	visibility:hidden;
}


/*-- フッター --*/
#footer {
	clear: both;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
/*	padding-top: 1.5em;*/
	padding-bottom: 0.5em;
	background:url(../image/footer010.gif) repeat-x;
	height:100px;
	}
#footerInner ul {
	margin:10px 0 0 0;
	height:40px;
	}
#footerInner ul li {
	display: inline;
	padding-right: 1em;
	padding-left: 0.5em;
	line-height: 2em;
	background:url(../image/arrow03.gif) no-repeat 0 0.4em;
	}
#footerInner ul li a {
	padding:0.3em;
	color: #000;
	}
#footer p {
	font-size:90%;
	}