/**
 * 2015年度 フレームワーク移行に伴う修正
 * 修正内容は「改修設計書_報告系」を参照
 *
 * Copyright (C) 2015 Ministry of the Environment. All Rights Reserved.
 * written by NSD Corporation.
 */

@charset "UTF-8";

html * {
    margin: 0;
    /*overflow: visible;
    padding: 0; SELECT NOT DISPLAYED CORRECTLY IN FIREFOX */
}

/* 標準設定 */

body {
    background: #fff;
    color: #333;
    font: 11px verdana, arial, helvetica, sans-serif;
}

a:link,a:visited,a:hover {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}

h1.title {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    margin: .5em 0 .3em 0;
}

h2 {
    color: #000000;
    font-weight: normal;
    font-size: 12px;
    margin: .8em 0 .3em 0;
}

ul {
    padding-left: 15px;
}

form,fieldset {
    display: inline;
    border: none;
    margin: 0px;
    padding: 0px;
}

form.nowrap {
    display: inline-block;
}

input,select,textarea {
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    font: 11px verdana, arial, helvetica, sans-serif;
    margin: 2px 0;
    padding: 2px 4px;
}

input text {
    overflow: hidden;
}

select {
    padding: 2px 2px 2px 0;
}

textarea {
    width: 250px;
    height: 50px;
    vertical-align: top;
    overflow-y: scroll;
}

textarea.faq {

    width: 90%;
    height: 100px;
    vertical-align: top;
    text-align: left;

}

input.faq {
    width: 90%;
}

input:focus,select:focus,textarea:focus {
    border: 1px solid #b2d1ff;
}

/* MENU LIST */
.menu_button {
    border: 1px solid #aed0ea;
    background: #d7ebf9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50%
        repeat-x;
    font-weight: bold;
    color: #0070a3;
    /*color: #2779aa;*/
    display: block;
/*     width: 178px; */
    height: 25px;
    padding-top: 10px;
    padding-left: 20px;
    font-size: 1.4em;
/*    color: #ffffff;*/
    font-weight: bold;
    cursor: pointer;
}

.menu_button:hover {
    border: 1px solid #74b2e2;
    background: #e4f1fb url(images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50%
        repeat-x;
    font-weight: bold;
    color: #0070a3;
    background-color: #6699ff
}

.menu_button a {
    color: #0070a3;
    text-decoration: none;
    display: block;
}

/* ナビゲーションバー（ログアウトやホーム等のバー） */
.nav_bar {
    border: 1px solid #aed0ea;
    font-weight: bold;
    text-decoration: none;
    padding: 7px 12px;
    font-size: 10px;
    overflow: hidden;
}

.naviButton {
    padding: 0 5px;
    padding-left: 25px;
}

.naviButton a {
    padding: 4px 6px;
    color: #333;
}

.naviButton a.list {
    background: url(../images/database_table.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

.naviButton a.create {
    background: url(../images/database_add.png) center left no-repeat;
    color: #333;
    padding-left: 25px;
}

/* TABLEのデフォルト設定 */
table {
    border: 1px solid #aed0ea;
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
}

tr {
    border: 0;
}

td,th{
    font: 11px verdana, arial, helvetica, sans-serif;
    line-height: 12px;
    padding: 5px 6px;
    text-align: left;
    vertical-align: top;
}

th {
    background: #fff url(../images/shadow.jpg);
    color: #666;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    padding: 2px 6px;
    white-space: nowrap;
}

th a:link,th a:visited,th a:hover {
    color: #333;
    display: block;
    font-size: 10px;
    text-decoration: none;
    width: 100%;
}

th.asc a,th.desc a {
    background-position: right;
    background-repeat: no-repeat;
}

th.asc a {
    background-image: url(../images/sorted_asc.gif);
}

th.desc a {
    background-image: url(../images/sorted_desc.gif);
}

th.date {
    width: 140px;
}

th.download {
    width: 120px;
}

/*行毎に色を変える */
.odd {
    background: #f7f7f7;
}

.even {
    background: #fff;
}

/* LIST(検索結果の表示用) */
.list {
    margin-top: 10px;
}

.list table {
    border-collapse: collapse;
}

.list th,.list td {
    border-left: 1px solid #ddd;
}

.list th:hover,.list tr:hover {
    background: #b2d1ff;
    background: #e4f1fb;
    background: #d7ebf9;
}

.list td input{
    width:60px;
}
.list .value{
    width:10%;
}

/* 様式ダウンロードボタン用  */
.list td input.download{
    width:120px;
}

/* 検索結果で画面遷移のボタン用 */
.paginateButtons {
	*zoom: 1;
    background: #fff url(../images/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    border-top: 0;
    color: #666;
    font-size: 10px;
    overflow: hidden;
    padding: 5px 3px;
}

.paginateButtons li{
    display: inline-block;
    float: left;
}

.paginateButtons a {
    background: #fff;
    border: 1px solid #ccc;
    border-color: #aed0ea #74b2e2 #74b2e2 #aed0ea;
    color: #0070a3;
    /* margin: 0 3px;*/
    padding: 2px 3px;
}

.paginateButtons a:visited {
    color: #0070a3;
}

.paginateButtons span {
    padding: 2px 3px;
}

.paginateButtons .active {
    font-weight: bold;
}

/* 表示用 ただしexpanted.css の方が一緒にインポートされてる画面は下記は使用されない */
.prop {
    padding: 5px;
}

.prop .name {
    text-align: left;
    width: 15%;
    white-space: nowrap;
}

.prop .value {
    text-align: left;
    width: 15%;
}

/* ACTION BUTTONS */
.buttons {
    background: #fff url(../images/shadow.jpg) bottom repeat-x;
    border: 1px solid #ccc;
    color: #666;
    font-size: 10px;
    margin-top: 5px;
    overflow: hidden;
    padding: 0;
}

.buttons input {
    background: #fff;
    border: 0;
    color: #333;
    cursor: pointer;
    font-size: 10px;
    font-weight: bold;
    overflow: visible;
    padding: 2px 6px;
}

/* ガイドコメント（ヘルプ）ボタン。 */
.buttons input.guide {
    background: transparent url(../images/icon/guide.png) 5px
        50% no-repeat;
    padding-left: 28px;
}

/* 削除ボタンのアイコン */
.buttons input.delete {
    background: transparent url(../images/icon/database_delete.png) 5px
        50% no-repeat;
    padding-left: 28px;
}

/* 更新ボタンのアイコン */
.buttons input.edit {
    background: transparent url(../images/icon/database_edit.png) 5px
        50% no-repeat;
    padding-left: 28px;
}

/* 作成ボタンのアイコン */
.buttons input.save {
    background: transparent url(../images/icon/database_save.png) 5px
        50% no-repeat;
    padding-left: 28px;
}

/* 詳細ボタンのアイコン */
.buttons input.show {
    background: transparent url(../images/icon/database_show.png) 5px
        50% no-repeat;
    padding-left: 30px;
}

/* 検索ボタンのアイコン */
.buttons input.search {
    background: transparent url(../images/icon/database_search.png) 5px 50% no-repeat;
    padding-left: 28px;
}

/* ダウンロードボタンのアイコン */
.buttons input.download {
    background: transparent url(../images/icon/download.png) 5px 50%
        no-repeat;
    padding-left: 28px;
}

/* 都道府県コピーボタン */
.button input.prefectureCopy {
    background: #3baae3
        url(../css/images/ui-bg_highlight-hard_100_e4f1fb_1x100.png) 50%
        50% repeat-x;
    border: 1px solid #aed0ea;
    color: #0070a3;
    font-weight:bold;
}

/* 戻るorキャンセルボタンのアイコン */
.button input.return {
    background: transparent url(../images/icon/return.png) 5px 50%
        no-repeat;
    padding-left: 28px;
}

/* 全選択 or 全選択解除用のアイコン */
.button input.checkAll,.button input.checkOut {
    background-color: transparent;
    /*background: transparent;
     url(../images/icon/return.png) 5px 50%
        no-repeat;
    padding-left: 28px;*/
}

.buttons input.delete:hover,.buttons input.edit:hover,.buttons input.save:hover,.buttons input.show:hover,.buttons input.search:hover,.buttons input.download:hover,.button input.return:hover,.button input.checkAll:hover,.button input.checkOut:hover
    {
    color: #999;
}

.buttons hr , table hr{
    height: 1px;
    border: none;
    border-top: 1px solid #aed0ea;
    padding: 0px;
}

/* メニュー内で使用するリスト用 */
ul.menu {
    list-style: none;
    width: 100%;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

ul.menu li {
    background: url(../images/sankaku-001-b.gif) left center no-repeat;
    padding: 3px 0px 3px 20px;
    margin: 3px;
}

/* 画面分割用の大枠 */
/* 全体 */
.my_div {
    width: 950px;
    margin-left: 0px;
    background-color: #ffffff;
    overflow: visible;
    margin-left: 0px;
}
/* ヘッダー */
.my_header {
    height: 55px;
    padding-top: 5px;
    padding-left: 5px;
    line-height: 100%;
    font-size: 28px;
    font-weight: bold;
    color: #003399;
    background-color: #ffffff;
    overflow: hidden;
}
/* メニュー(アコーディオン部)用 */
#my_navi {
    border-right: gray;
    float: left;
    width: 200px;
    text-align: left;
    background-color: #ffffff;
    overflow: hidden;
}

/* 各機能画面の枠 */
#my_contents { /*POSITION: absolute;*/
    position: absolute;
    top: 95px;
    left: 210px;
    /*margin: 10px 0px 0px 20px;
    WIDTH: 80%;
    float: left;*/
    width: 740px;
    background-color: #fffff;
    /*overflow:visible;*/
    background-color: #fffff;
}

/* アコーディオンのスクロールを非表示 */
#accordion .dialog {
    overflow: hidden;
}

/* 各昨日のコンテンツ共通部分 */
/* 横幅がmy_contentsで宣言している幅を超過する場合に使用 */
#my_contents .data {
    border: 0px;
    border-collapse:collapse;
    width:900px;

}

#my_contents .nonSpace{
    padding:0px;
}
.nav_bar,.buttonBar,th,.paginateButtons {
    background: #3baae3
        url(../css/images/ui-bg_highlight-hard_100_e4f1fb_1x100.png) 50%
        50% repeat-x;
    border: 1px solid #aed0ea;
    color: #0070a3;
}

.buttonBar .button {
    border-right: 1px solid #aed0ea;
    margin: 0px;
    padding: 5px;
}

.navistate {
    margin-left: 25px
}

.navispace {
    margin-left: 250px;
}

div#select {
    background-color: #fff;
    padding-left: 10px;
    border: 1px solid;
    font-weight: bold;
}
/* MESSAGES AND ERRORS */
.message_container {
    margin-bottom: 5px;
}

/* Jse用のメッセージスタイル（情報時の表示）*/
.jse_msg_style {
    background: #f3f8fc url(../images/icon/information.png) 5px 50%
        no-repeat;
    border: 1px solid #b2d1ff;
    color: #006dba;
    line-height: 20px;
    padding-left: 30px;
}

div.errors {
    background: #fff3f3;
    border: 1px solid red;
    color: #cc0000;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}

/* エラー時 */
.jse_val_err_msg_style,.jse_app_err_msg_style,.jse_err_msg_style {
    background: #fff3f3 url(../images/icon/exclamation.png) 5px 0%
        no-repeat;
    line-height: 20px;
    padding-left: 30px;
    color: #cc0000;
    /*border: 1px solid red;*/
}

/* エラーの項目用 */
.errors {
    border: 1px solid red;
}

/* ワーニング時（ワーニング画面作成まで調整中） */
div.warnings { //
    background: #ffe;
    background: #FFFFdd;
    border: 1px solid #ddaa00;
    border: 1px solid #cc0;
    color: #770;
    color: #997700;
    margin: 10px 0 5px 0;
    padding: 5px 0 5px 0;
}

div.warnings ul {
    list-style: none;
    padding: 0;
}

div.warnings li {
    background: url(../images/icon/warning.png) 8px 0% no-repeat;
    line-height: 16px;
    padding-left: 30px;
}

/* ワーニング時の項目用(ただし、jfwではワーニングの切り分けのスタイルを設定できない為未使用) */
td.warnings select {
    border: 1px solid #ddaa00;
}

td.warnings input {
    border: 1px solid #ddaa00;
}

td.warnings textarea {
    border: 1px solid #ddaa00;
}

/* 補足事項 （画面に補足をつけたい場合に使用するDiv用クラス）*/
div .hosoku {
    width: 730px;
    font-size: 10px;
    margin-top: 10px;
    border: 1px solid #b2d1ff;
    background-color: #f3f8fc;
    padding: 5px;
    line-height: 16px;
}

/* IE11用 checkboxとradioボタンに枠をつける */
.check-radio-border {
	border: 1px solid #ccc;
	padding : 4px 3px 0px 3px;
}

/* 市町村マージ画面用 */
.marge_column {
	width: 300px;
}