/*
Theme Name:
Theme URL:
Description: ホームページ用のCSSです。
Author: koa
Version: 1.0
*/

/************************************** Reset CSS ******************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    /*vertical-align:baseline;*/
    vertical-align:top;
    background:transparent;
}

/* --- 全体の背景・テキスト --- */
html,
body {
margin: 0;
padding: 0;
background-color: #f0f0f0; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
height: 100%;
font-family:Meiryo;

}

_::-webkit-full-page-media, _:future, :root html,body {
    font-family: AppleGothic;
}

_::-webkit-full-page-media, _:future, :root .appleGothic {
    font-family: AppleGothic;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 98%; /* ページの幅 */
height: 100%;
margin: 0 auto; /* センタリング */
}

/* --- ローディング --- */
#loading{
    position:absolute;
    left:50%;
    top:20%;
    margin-left:-30px;
}

/* --- ヘッダ --- */
#header {
background-color: #ffe080; /* ヘッダの背景色 */
text-align:right;
font-size: 80%; /* 全体の文字サイズ */
position: fixed;
top: 0;
width: 98%;
z-index: 1;
}
#headerAD { /*管理者*/
background-color: #ff69b4; /* ヘッダの背景色 */
text-align:right;
font-size: 80%; /* 全体の文字サイズ */
position: fixed;
top: 0;
width: 98%;
z-index: 1;
}
/* --- コンテンツ --- */
#content {
background-color: #ffffff; /* コンテンツの背景色 */
text-align:center;
width: 100%;
padding-top: 40px;
padding-bottom: 30px;
}

/* --- フッタ --- */
#footer {
    background-color: #ffffff; /* フッタの背景色 */
    margin: 0 auto; /* センタリング */
}

#footerPDF {
    background-color: #cccccc; /* フッタの背景色 */
}

/* --- ボックス --- */
div#dpLogin {
	width: 500px; /* ボックスの幅 */
	margin: 0 auto; /* センタリング */
	padding-left:1px;
	padding-bottom:20px;
	font-size: 15px;
	color: #000000;
	border:solid 1px  #000;
    margin-top: 10px;
    text-align: left;
}

_::-webkit-full-page-media, _:future, :root .deleteLabel {
    font-size: 95%;
}

_::-webkit-full-page-media, _:future, :root .searchConditionLabel {
    font-size: 8px;
}

_::-webkit-full-page-media, _:future, :root .searchConditionKeyword {
    font-size: 9.5px;
}

div#dpLogin P{
	text-align:left;
}
div#dpSearch {
	padding-left:1px;
}
div#dpSearch TD{
	text-align:left;
}
div#dpMaint {
    padding-top:1em;
	padding-left:1px;
}
div#dpMaint TD{
	text-align:left;
}

/* --- 見出し --- */
div#dpLogin h3 {
	padding: 1em 10px 10px; /* 見出しのパディング（上、左右、下） */
	font-size: 100%; /* 見出しの文字サイズ */
	background-color: #f5f5f5; /* 見出しの背景色 */
}

/* --- ボックス内の段落 --- */
div#dpLogin p {
	margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

div#maps {
	margin: 0 auto; /* マージン */
	margin: 1em 0px 10px; /* （上、左右、下） */
	text-align:center;
}
div#pdfs {
	margin: 0 auto; /* マージン */
	margin: 1em 0px 10px; /* （上、左右、下） */
	text-align:center;
	height: 90%;
}
div#searchtype {
margin: 0 auto; /* マージン */
margin: 1em 0px 10px; /* （上、左右、下） */
}
div#message {
color: red;
text-align: left;
}
div.planttypeArea {
color: red;
background-color: Bisque; /* 見出しの背景色 */
}
iframe {
 width: 95%;
}


blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
    font-size:100%;
    margin:2px;
    padding:2px;
}

/* --- 表全体 --- */
table.example {
margin: 0 auto; /* センタリング */
width: 95%; /* 表の幅 */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 80%;
}

/* --- 科タイトル --- */
table.example td.plantTypeRow1 {
padding-bottom: 5px; /* 表タイトルの下パディング */
border: 1px #c0c0c0 solid; /* 境界線 */
background-color: #ff69b4; /* 背景色 */
}
table.example td.plantTypeRow2 {
padding-bottom: 5px; /* 表タイトルの下パディング */
border: 1px #c0c0c0 solid; /* 境界線 */
background-color: #00bfff; /* 背景色 */
}
table.example td.plantTypeRow3 {
padding-bottom: 5px; /* 表タイトルの下パディング */
border: 1px #c0c0c0 solid; /* 境界線 */
background-color: #008000; /* 背景色 */
}
table.example td.plantTypeRow0 {
padding-bottom: 5px; /* 表タイトルの下パディング */
border: 1px #c0c0c0 solid; /* 境界線 */
background-color: #FFFF99; /* 背景色 */
}

/* --- セル --- */
table.example th,
table.example td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}
table.example td {
text-align: left;
}

/* --- 見出しセル --- */
table.example thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}

/* --- 検索条件の表 --- */
table.Search {
margin: 0 auto; /* センタリング */
border-collapse: collapse;
font-size: 80%;
}
table.Search th {
    background-color: #a2f8f0; /* 見出しセルの背景色 */
    font-weight: normal;
    vertical-align: center;
    text-align: center;
}

/* --- バナー --- */
table.Banner {
    margin: 0 auto; /* センタリング */
    margin-bottom: 10px;
}

input.button-large {
    width: 100px;
    font-size: 100%;
}

input.button-small {
    font-size: 12px;
}

/* --- マスタメンテナンスの表 --- */
table.masterMainteTable {
    margin: 0 auto; /* センタリング */
}
table.masterMainteTable th {
    background-color:#a2f8f0;
    font-weight:normal;
}
table.masterMainteTable td {
    background-color:lightgray;
}

.alignCenterStyle {
    margin: 0 auto; /* センタリング */
}

input.readonlyStyle{
    background-color: #d3d3d3;
    color: #696969;
}

.organizationLabel{
    font-family: HGPｺﾞｼｯｸE;
    font-weight: bold;
    color: royalblue;
}

.IMEofftext {
    ime-mode: disabled;
}
.IMEontext {
    ime-mode: active;
}