@charset "UTF-8";

/* CSS Document */

/* #############################

   最終更新日 : 2013.012.14

   ############################# */
   
/* ------- CSS INDEX -------
    汎用クラス
    コンテナー
    ヘッダー
    フッター
    見出し
    上部の表示やボタン
    タブ・表の切り替え
    表の編集ボタン
    ページの移動ボタン
    テーブル各種
    リストデザイン
*/

/* -----------------------------------
   82%/13pxを基準に以下で指定

   10px = 77%
   11px = 85% 
   12px = 93%
   13px = 100%
   14px = 108%
   15px = 116%
   16px = 123.1%
   17px = 131%
   18px = 138.5%
   19px = 146.5%
   20px = 153.9%
   ----------------------------------- */

/* -----------------------------------
    汎用クラス
   ----------------------------------- */
   
html {
	background-color: #106724;
}
body,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	font-size: 82%; /* 13px */
	line-height: 1.4;
	color: #000;
	text-align: center;
	background-color: #EEE;
}
body,
#wrapper {
	background-image: url(../images/common/bg_body.png);
	background-position: left top;
	background-repeat: repeat-x;
}

a {
	text-decoration: none;
}
a:link {
	color: #00F;
}
a:visited {
	color: #800080;
}
a.linkBlue:visited,
.linkBlue a:visited {
	color: #00F;
}
a:hover,
a.linkBlue:hover,
.linkBlue a:hover {
	color: #F60;
	transition: all 0.3s 0s;
	-webkit-transition: all 0.3s 0s;
}
a:active {
	color: #F00;
}
a:hover img {
	opacity: 0.6;
	transition: all 0.3s 0s;
	-webkit-transition: all 0.3s 0s;
}
a.underLine {
	text-decoration: underline;
}

.inlineBlock {
	display: inline-block !important;
	zoom: 1 ;
}
.block {
	display: block !important;
}
.clear {
	clear: both;
	display: block;
}
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}

.strong {
	font-weight: bold;
}
.textNowrap {
	white-space: nowrap;
}
.textSmall {
	font-size: 85%;
}
.textLarge {
	font-size: 116%;
}
.textCenter {
	text-align: center !important;
}
.textRight {
	text-align: right !important;
}
.textLeft {
	text-align: left !important;
}
.textSuper {
	font-size: 10px;
	vertical-align: text-top;
	text-align: center;
}
.textTop {
	vertical-align: top !important;
}
.textMiddle {
	vertical-align: middle !important;
}
.textBottom {
	vertical-align: bottom !important;
}
.textIndent1em {
	margin-left: 1em;
}
.textIndent1emHead0em {
	margin-left: 1em;
	text-indent: -1em;
}
.textWhite {
	color: #FFF;
}
.textRed {
	color: #C00;
}
.textBlue {
	color: #00F;
}
.textLightBlue {
	color: #0FF;
}
.textYellow {
	color: #FF0;
}
.textDarkYellow {
	color: #990;
}
.textPink {
	color: #F0F;
}
.textOrange {
	color: #F60;
}
.textGreen {
	color: #0F0;
}
.textGray {
	color: #999;
}

.imeModeOff {
	ime-mode: disabled;
}
.imeModeOn {
	ime-mode: active;
}

.marginTop0px {
	margin-top: 0px !important;
}
.marginTop5px {
	margin-top: 5px !important;
}
.marginTop10px {
	margin-top: 10px !important;
}
.marginTop15px {
	margin-top: 15px !important;
}
.marginTop20px {
	margin-top: 20px !important;
}
.marginTop30px {
	margin-top: 30px !important;
}
.marginTop90px {
	margin-top: 90px !important;
}
.marginTop130px {
	margin-top: 130px !important;
}
.marginTop165px {
	margin-top: 165px !important;
}
.marginBottom0px {
	margin-bottom: 0px !important;
}
.marginBottom5px {
	margin-bottom: 5px !important;
}
.marginBottom10px {
	margin-bottom: 10px !important;
}
.marginBottom15px {
	margin-bottom: 15px !important;
}
.marginBottom20px {
	margin-bottom: 20px !important;
}
.marginBottom30px {
	margin-bottom: 30px !important;
}

.marginLeft5px {
	margin-left: 5px !important;
}
.marginLeft10px {
	margin-left: 10px !important;
}
.marginLeft20px {
	margin-left: 20px !important;
}

.marginRight10px {
	margin-right: 10px !important;
}
.marginRight20px {
	margin-right: 20px !important;
}
.marginRight30px {
	margin-right: 30px !important;
}

.padding5px {
    padding: 5px !important;
}
.paddingLeft5px {
	padding-left: 5px !important;
}
.paddingLeft10px {
	padding-left: 10px !important;
}
.paddingLeft20px {
	padding-left: 20px !important;
}

.paddingRight5px {
	padding-right: 5px !important;
}
.paddingRight10px {
	padding-right: 10px !important;
}
.paddingRight20px {
	padding-right: 20px !important;
}

.paddingTop0px {
	padding-top: 0px !important;
}
.paddingTop10px {
	padding-top: 10px !important;
}
.paddingTop20px {
	padding-top: 20px !important;
}
.width3em {
	width: 3em !important;
}
.width7em {
	width: 7em !important;
}
.width8em {
	width: 8em !important;
}
.width10em {
	width: 10em !important;
}
.width12em {
	width: 12em !important;
}
.width15em {
	width: 15em !important;
}
.width20em {
	width: 20em !important;
}
.width60em {
	width: 60em !important;
}
.width80em {
	width: 80em !important;
}
.gradationGray {
	background-color: #BBB;
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(221,221,221,1.00) 100%);
}
.gradationBlue {
	background-color: #ACD3EA;
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(172,211,234,1.00) 100%);
}
.gradationGreen {
	background-color: #CDECC7;
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(205,236,199,1.00) 100%);
}
.gradationYellow {
	background-color: #FFFCB8;
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,252,184,1.00) 100%);
}
.gradationOrange {
	background-color: #FFB600;
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,182,0,1.00) 100%);
}

/* --- Float Clear ------------- */

.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.clearfix {
	overflow: hidden;
}
* html .clearfix {
	height: 1%;
	overflow: visible;
}


/* -----------------------------------
    コンテナー
 * ----------------------------------- */
 
#wrapper {
	margin: 0px 10px;
	min-width: 950px;
	text-align: justify;
	background-color: #FFF;
	text-justify: inter-ideograph;
}
#mainContainer {
	padding: 20px 15px;
}
#mainColumn {
}
.column1Container {/* ブロックを最小幅でセンター揃えの時に使用 */
	display: table;
	margin-right: auto;
	margin-left: auto;
}
.column1-1 {
	display: table-cell;
}

.column2Container {
	width: 100%;
	display: table;
}
.column2-1,
.column2-2,
.column2-3,
.column2-4 {
	display: table-cell;
	vertical-align: top;
	/* 追記:ota ：*/
	float: left;
	/* ここまで追加:ota */
}
.column2-2,
.column2-3,
.column2-4 {
	padding-left: 10px;
}
.width10per {
	width: 10%;
}
.width20per {
	width: 20%;
}
/* 追記:ota */
.width25per {
	width: 25%;
}
.width30per {
	width: 30%;
}
.width90per {
	width: 90%;
}
/* ここまで追加:ota */
.width35per {
	width: 35%;
}
.width40per {
	width: 40%;
}
.width50per {
	width: 50%;
}
.width60per {
	width: 60%;
}
.width70per {
	width: 70%;
}
.width80per {
	width: 80%;
}

.greenBox 
{
    padding:5px;
    border-color:#9ACD32;
    background-color:#9ACD32;
    color:White;
}
.blueBox 
{
    padding:5px;
    border-color:#1E90FF;
    background-color:#1E90FF;
    color:White;
}
.greenFrameBox 
{
    border-color:#9ACD32;
    border-width:1px;
    border-style:solid;
}
.blueFrameBox 
{
    border-color:#1E90FF;
    border-width:1px;
    border-style:solid;
}

/*20250331追加*/
.redFrameBox 
{
    border-color:#FF0004;
    border-width:1px;
    border-style:solid;
	padding:10px;
	border-radius: 7px;
}

.Tkadomaru {
    border-collapse: separate;
    border-spacing: 5;
    overflow: hidden;
}

.dlpageul {
	list-style :square;
	padding-left: 15px
}
/* -----------------------------------
    行政用ヘッダー
 * ----------------------------------- */
#officialheader {
/*	height: 50px;
*/	height: 42px;
	background-image: url(../images/common/musubimarub.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 34px;
	margin-bottom: 8px;
	position: relative;
	background-color:#fddfe0
}
#officialheader h1 {
	padding: 13px 0px 0px 10px;
}
#officialheader h1 img {
	display: inline-block;
}
#subOfficialTitle {
	padding: 0px 0px 0px 20px;
	font-size: 22px;
	display: inline-block;
	vertical-align: top;
}

/* -----------------------------------
    ヘッダー
 * ----------------------------------- */

#header {
	height: 50px;
	background-image: url(../images/common/musubimaru.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 37px;
	position: relative;
}
#header h1 {
	padding: 13px 0px 0px 10px;
}
#header h1 img {
	display: inline-block;
}
#subTitle {
	padding: 2px 0px 0px 20px;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
}

#headLink {
	width: 25em;
	font-size: 13px;
	position: absolute;
	top: 10px;
	right: 15px;
	text-align: right;
}
#headLink a {
	display: inline-block;
	padding: 5px 7px 3px;
	border: 1px solid #CCC;
	border-radius: 4px;
	text-align: center;
	color: #999;
}
#headLink a+a {
	margin-left: 5px;
}
#headLink a:before {
	content: "≪ ";
}
#headLink a:hover {
	border: 1px solid #F60;
	color: #F60;
}

/* -----------------------------------
    フッター
 * ----------------------------------- */

#footer {
	padding: 20px 20px 30px 20px;
	color: #FFFFFF;
	line-height: 1.3;
	text-align: left;
	background-color: #106724;
}
#footerLeft {
	margin-right: 220px;
}
#footerLeft h2 {
	padding-bottom: 5px;
	font-size: 18px;
	line-height: 1.2;
}
#footerRight {
	float: right;
	width: 200px;
}
#footerRight a {
	padding: 7px 10px 5px 45px;
	color: #106724;
	display: block;
	background-color: #FFF;
	background-image: url(../images/common/bg_toiawase.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	border-radius: 4px;
}
#footerRight a:visited {
	color: #106724;
}
#footerRight a:hover {
	color: #F60;
	background-image: url(../images/common/bg_toiawase_orange.png);
}


/* -----------------------------------
    見出し
 * ----------------------------------- */

#mainColumn h2 {
	padding: 10px 15px 7px;
	margin: 20px 0px 20px;
	font-size: 16px;
	color: #FFF;
	line-height: 1.1;
	background-color: #106724;
	border-radius: 6px;
}
#mainColumn h3 {
	padding: 10px 15px 7px;
	margin: 15px 0px 15px;
	font-size: 16px;
	color: #000;
	line-height: 1.1;
	background-color: #DDD;
	border-radius: 6px;
}
#mainColumn h4 {
	padding: 7px 15px 5px;
	margin: 15px 0px 15px;
	font-size: 16px;
	color: #FFF;
	line-height: 1.1;
	display: inline-block;
	background-color: #666;
	border-radius: 6px;
}
#mainColumn h5 {
	padding: 5px 10px 3px;
	margin: 15px 0px 5px;
	font-size: 15px;
	color: #000;
	line-height: 1;
	display: inline-block;
	background-color: #DDD;
	border-radius: 5px;
}
#mainColumn h6 {
	padding: 5px 10px 3px;
	margin: 15px 0px 5px;
	font-size: 15px;
	color: #000;
	line-height: 1;
	display: inline-block;
	border-radius: 5px;
}
#mainColumn h3+h4,
#mainColumn h2+h4 {
	margin: 0px 0px 15px;
}

/* -----------------------------------
    セパレータ（タイトル）
 * ----------------------------------- */
.SeparatorTitleGlay {
	padding-left: 5px;
	margin-bottom: 10px; 
	background-color:#999999;
}

/* -----------------------------------
    上部の表示やボタン
 * ----------------------------------- */

#topContainer {
	text-align: left;
}
#jigyoushaData,
#excelInput,
#excelOutput,
#kakuninOutput {
	display: inline-block;
	vertical-align: top;
}

#jigyoushaData {
	margin-right: 15px;
}
#jigyoushaData tr {
	border-bottom: 1px solid #CCC;
	font-size: 93%;
	line-height: 1.1;
}
#jigyoushaData th {
	padding: 4px 0px 2px 10px;
	text-align: right;
}
#jigyoushaData td {
	padding: 4px 10px 2px 0px;
	text-align: left;
}

.excelTitle {
}
.excelTitle span {
	padding-left: 20px;
	display: inline-block;
	background: url(../images/common/bg_excell.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
#excelInput,
#excelOutput,
#kakuninOutput {
	padding: 7px 2px 2px;
	margin-right: 5px;
	text-align: center;
	background-color: #EEE;
	border-radius: 6px;
}
.excelBtn {
	height: 55px;
	width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 3px;
}
.excelBtn a + a {
}
.excelBtn a {
	padding: 10px 7px 8px;
	border: 1px solid #BBB;
	color: #000;
	line-height: 1.1;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-radius: 4px;
}
.excelBtn a:hover {
	border: 1px solid #F60;
	color: #F60;
}
#excelOutput .excelBtn a {
	padding-right: 20px !important;
	padding-left: 25px !important;
	background: url(../images/common/bg_excell.gif);
	background-position: 8px center;
	background-color: #EBFFED;
	background-position: 8px center , left top;
	background-repeat: no-repeat;
}
.kakuninBtn {
	height: 55px;
	width: 100%;
	display: table;
	border-collapse: separate;
	border-spacing: 3px;
}
.kakuninBtn a {
	padding: 10px 7px 8px;
	background-color: #FFFFFF;
	border: 1px solid #BBB;
	color: #000;
	line-height: 1.1;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-radius: 4px;
}
.kakuninBtn a:hover {
	border: 1px solid #F60;
	color: #F60;
}
.registEndBtn {
	float: right;
	width: 150px;
	display: table;
	border-collapse: separate;
	border-spacing: 10px 0px;
}
.registEndBtn a {
	height: 24px;
	padding: 8px 5px 6px;
	border: 1px solid #BBB;
	color: #000;
	line-height: 1.1;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-radius: 4px;
}
.registEndBtn a:visited {
}
.registEndBtn a:hover {
	border: 1px solid #F60;
	color: #F60;
	background-color: #FFF;
}
.registBtn {
	padding-left: 20px !important;
	background: url(../images/common/bg_touroku.gif);
	background-position: 8px center;
	background-color: #DDD;
	background: url(../images/common/bg_touroku.gif),linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-position: 8px center , left top;
	background-repeat: no-repeat;
}
.endBtn {
	padding-left: 20px !important;
	background: url(../images/common/bg_end.gif);
	background-position: 8px center;
	background-color: #DDD;
	background: url(../images/common/bg_end.gif),linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(221,221,221,1.00) 100%);
	background-position: 8px center , left top;
	background-repeat: no-repeat;
}

.normalBtn {
	width: 150px;
	border-collapse: separate;
	border-spacing: 10px 0px;
}

.officemenuBtn {
	width: 250px;
	border-collapse: separate;
	border-spacing: 10px 0px;
}

/* -----------------------------------
    タブ・表の切り替え
 * ----------------------------------- */

#tabLink {
	margin: 15px 0px 7px;
	border-bottom: 3px solid #FFD800;
}
#tabLink li {
	float: left;
	margin-right: 1px;
}
#tabLink a {
	padding: 5px 10px 2px;
	color: #000;
	display: block;
	background-color: #DDD;
	border-radius: 4px 4px 0px 0px;
}
#tabLink .selected a,
#tabLink  a:hover {
	background-color: #FFD800;
}


/* -----------------------------------
    表の編集ボタン
 * ----------------------------------- */

.editBtn {
	margin: 7px 0px 10px;
	display: table;
}
.editBtn li {
	display: inline-block;
	margin: 0px 5px 0px 0px;
}
.editBtn li a {
	padding: 4px 10px 2px;
	min-width: 5em;
	border: 1px solid #BBB;
	color: #000000;
	display: block;
	text-align: center;
	background-color: #DDD;
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(221,221,221,1.00) 100%);
	border-radius: 4px;
}
.editBtn li a:hover {
	border: 1px solid #F60;
	color: #F60;
	background-color: #FFF;
}


/* -----------------------------------
    ページの移動ボタン
 * ----------------------------------- */

.pageMove {
	margin: 15px 0px 0px;
}
.pageMove .prev10,
.pageMove .next10 {
	padding: 4px 10px 2px;
	padding: 4px 10px 2px;
	margin-left: 10px;
	min-width: 5em;
	border: 1px solid #BBB;
	color: #000;
	display: inline-block;
	text-align: center;
	background-color: #DDD;
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(221,221,221,1.00) 100%);
	border-radius: 4px;
}
.prev10 {
	margin-left: 15px;
}
.prev10:visited,
.next10:visited {
}
.prev10:hover,
.next10:hover {
	border: 1px solid #F60;
	color: #F60;
	background-color: #FFF;
}


/* -----------------------------------------
    テーブル各種
 * ----------------------------------------- */

.tableTdLeft, 
.tableTdCenter {
	width: 100%;
	margin-bottom: 5px;
}
.tableTdLeft th,
.tableTdCenter th,
.tableTdJustify th,
.tableTdLeft td, 
.tableTdCenter td,
.tableTdJustify td {
	padding: 5px 5px 3px;
	border: 1px solid #999;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
}
.tableTdLeft th,
.tableTdCenter th,
.tableTdJustify th 
{
	background-color: #DAE9DD;
}
.tableTdLeft td {
	text-align: left;
}
.tableTdJustify td {
	text-align: justify;
	text-justify: inter-ideograph;
}
th.tableTextCenter, 
td.tableTextCenter {
	text-align: center;
}
th.tableTextLeft, 
td.tableTextLeft {
	text-align: left;
}
td.textJustify {
	text-align: justify;
	text-justify: inter-ideograph;
}
.tableTdLeft tr:hover, 
.tableTdCenter tr:hover {
	background-color: #F3F3F3;
}
.tableNoborder  {
	border: none;
}
.tableNoborder td {
	padding: 5px 5px 3px;
	border: none;
	font-weight: normal;
	line-height: 1.3;
}
caption {
	padding-top: 10px;
	text-align: right;
}

/* -----------------------------------------
    リストデザイン
 * ----------------------------------------- */

.listNumbering {
	list-style: decimal;
	padding-left: 30px;
	margin: 15px 0px;
}

/* -----------------------------------------
    登録中ダイアログ表示用
 * ----------------------------------------- */
    .modalBackground 
    {
      background-color: Gray;
      filter: alpha(opacity=70);
      opacity: 0.7;
    }
    .progress 
    {
      height: 40px;
      width: 200px;
      background-color: White;
    }

/* -----------------------------------------
    画像
 * ----------------------------------------- */

div.dispimages {
	width: 100%;
}

div.dispimages img {
	float: right;
	margin: 0 20px;
}
/* -----------------------------------------
    ログイン注意書き
 * ----------------------------------------- */
.caution {
	margin: 10px;
	padding: 10px;
	text-align:left;
	line-height: 1.3;
	border: 1px solid #BBB;
	background-color:#FFFFCC;
}

.location {
	padding: 5px 10px 5px;
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 20px;
	border-left-style: solid;
	border-bottom-style: solid;
	border-color:#106724;
	border-width: 1px 16px; 
	background-color: #FFF;
	font-weight: bold;
}

hr{
	height: 1px;
border: none;
border-top: 1px #999 dashed;
	margin: 15px 0px;
}

/* -----------------------------------------
    多量排出処理計画実施状況報告書注意書きのul
 * ----------------------------------------- */

.ulmaru{
	list-style: disc;
	padding: 15px;
}

/* -----------------------------------
   メッセージリスト用モーダル
 * ----------------------------------- */
.modal-area {
  width: 900px;
  height: 50%;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
}

.modal-area .title-area {
  height: 100%;
  padding: 5px 10px;
  background-color: #ccc;
}

.modal-area .content {
  height: 100%;
}

.modal-area .content div {
  margin: 10px;
}

.modal-area .content .message-list,
.modal-area .content .message-list2 {
  max-height: 600px;
/*  overflow: auto;
*/
}

.modal-area .content .message-list table,
.modal-area .content .message-list2 table {
  width: 100%;
}

.modal-area .content .message-list table th,
.modal-area .content .message-list2 table th,
.modal-area .content .message-list table td,
.modal-area .content .message-list2 table td{
	padding: 5px 5px 3px;
	border: 1px solid #999;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
	font-size: 150%;
}

.modal-area .content .message-list table th{
	background-color: #DAE9DD;
	width: 150px;
}
.modal-area .content .message-list2 table th {
	background-color: #D99594;
	width: 150px;
}


.modal-area .content .message-list table tbody,
.modal-area .content .message-list2 table tbody {
}

.modal-area .content .message-list table td,
.modal-area .content .message-list2 table td {
	text-align: left;

}

.modal-area .content .message-list table td.withColor,
.modal-area .content .message-list2 table td.withColor {
  background-color: #FFD5CC;
}

.modal-area .button-area {
  text-align: center;
}

.modal-background {
  zoom: 1;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75; /* Opera・Safari用 */
  background-color: black;
}