@CHARSET "UTF-8";

/* 共通 */
*{
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*border: 1px solid #000000;*/
}

body{
     margin:0px;          /* ページ全体のmargin */
     padding:0px;        /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
     font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     /* background-color:#DCDCDE; */
     background-color:#000;
     font-size:10pt;
}


#container {
     margin: 0px auto 0px auto;    /* 左側マージンを自動的に空ける */
     text-align:left;     /* 中身を左側表示に戻す */
     width:90%;         /* 幅を決定する */
     background-color:#FFFFFF;

 }

#divTitle{
	padding: 5px 0px 0px 0px;
	margin: 5px auto 5px auto;
	/*width:320px;*/
	text-align:center;

}

#divTitle h1 {
  color: #00f;
  font-weight: normal;
  text-shadow: #1659ac 0px 1px 3px;
  font-size: 1.5em;
  background-color: #efefef;
}

/* 検索条件テーブル */
#divCondition table {
	    margin: 5px auto 5px auto;
}

#divSubmitButton {
		text-align:center;
		width:320px;
	    margin: 5px auto 5px auto;
}

#divPager {
		width:880px;
	    margin: 5px auto 5px auto;

}

#divResult table {
	    margin: 5px auto 5px auto;
}

/* 一覧 */
#tblCondition .tdHead {
	border:1px solid #999999;
	padding:5px;
	font-size:10pt;
	font-weight:bold;
	color:#444444;
	background-color:#DCDCDE;
}

#tblCondition .tdHeadSub {
	border:1px solid #999999;
	padding:5px;
	font-size:10pt;
	font-weight:bold;
	color:#444444;
	background-color:#f9f9f9;
	width:96px;
}

#tblCondition td {
	border-width:1px 1px 1px 0px;
	border-style:solid;
	border-color:#999999;
	padding:3px;
	font-size:10pt;
	color:#444444;
	white-space: nowrap;
}

#tblCondition .tdType11 {
	border-width:1px 0px 0px 0px;
	width: 80px;
}
#tblCondition .tdType12 {
	border-width:1px 0px 0px 0px;
}

#tblCondition .tdType13 {
	border-width:1px 1px 0px 0px;
	width: 360px;
}

#tblCondition .tdType21 {
	border-width:1px 0px 1px 0px;
	width: 80px;
}
#tblCondition .tdType22 {
	border-width:1px 0px 1px 0px;
}

#tblCondition .tdType23 {
	border-width:1px 1px 1px 0px;
}

#submit_button {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 5px 30px;

    /* 背景色を濃い青色に指定 */
    background-color: #248;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;
}

#reset_button {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.1em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 5px 10px;

    /* 背景色を濃い青色に指定 */
    background-color: #DCDCDE;

    /* 文字色を白色に指定 */
    color: #444444;

    /* ボーダーをなくす */
    border-style: none;
}

thead {
	border:1px solid #999999;
	padding:5px;
	font-size:10pt;
	font-weight:bold;
	color:#444444;
	background-color:#DCDCDE;
}

tfoot {
	border:1px solid #999999;
	padding:5px;
	font-size:10pt;
	font-weight:bold;
	color:#444444;
	background-color:#DCDCDE;
}

.thResultCnt{
	background-color:#FFFFFF;
	border-width:1px 1px 1px 0px;
}

.thPager{
	background-color:#FFFFFF;
	border-width:0px 0px 1px 0px;
}

td {
	border-width:0px 1px 0px 0px;
	border-style:solid;
	border-color:#999999;
	padding:3px;
	font-size:10pt;
	color:#444444;
	white-space: nowrap;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.tdSize {
	text-align:right;
}

.tdColor {
	text-align:center;
}

.tdBoards {
	white-space: normal;
	width:200px;
}

#tblCameraList tbody tr:nth-child(2n) {
    background:#F2F5F8;
}

span.customSelect {
	font-size:14px;
	color:#3f657b;
	line-height: 33px;
	height: 33px;
	width: 240px;
	padding: 0 0 0 10px;
}


div#divRresultCnt{
	float: left;
	padding: 3px 10px;
	font-size:10pt;
	color:#444444;
	white-space: nowrap;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


div#divPagenation {
	text-align: right;
}
div#divPagenation ul {

}
div#divPagenation li {
	display: inline-block;
}
div#divPagenation li a {
    border:1px solid #CECECE;
    margin: 0 3px;
    padding:3px 7px;
    display: block;
    text-decoration:none;
    color: #666666;
    background: #fff;
}
div#divPagenation li.active a,
div#divPagenation li a:hover{
    border:solid 1px #666666;
    color: #FFFFFF;
    background: #3399FF;
}



.div_note {
	width:720px;
    margin: 5px auto 5px auto;
    font-size: 1.1em;
    border-style: none;
}


.div_caution1 {
	width:720px;
    margin: 5px auto 5px auto;
    font-weight:bold;
    font-size: 1.1em;
    border-style: none;
}

/* ビュー */
#tblCameraDetail .tdHead {

	border:1px solid #999999;
	padding:5px;
	font-size:10pt;
	font-weight:bold;
	color:#444444;
	background-color:#DCDCDE;
	width:160px;
}

#tblCameraDetail .tdHead_NotRequred {

	border:1px solid #999999;
	padding:5px;
	font-size:10pt;
	font-weight:normal;
	color:#444444;
	background-color:#DCDCDE;
	width:160px;
}

#tblCameraDetail .tdHeadSub {
	border:1px solid #999999;
	padding:5px;
	font-size:10pt;
	font-weight:bold;
	color:#444444;
	background-color:#f9f9f9;
	width:96px;
}

#tblCameraDetail td {
	border-width:1px 1px 1px 0px;
	border-style:solid;
	border-color:#999999;
	padding:3px;
	font-size:10pt;
	color:#444444;
	white-space: nowrap;
	/* width: 256px; */
}

.input_pixel_frame{
	text-align:right;
	width:10em;
	padding: 1px 3px;
	font-size:1.1em;

}
.span_unit{
	font-size:1.2em;
	padding-left:0.5em;
}

#tblCameraDetail .input_memo{
	white-space:pre-wrap;
	word-wrap:break-word;
	width:48em;
}

#tblCameraDetail .memo{
	white-space:pre-wrap;
	word-wrap:break-word;
	width:48em;
}

.edit_button {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.2em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 5px 30px;

    /* 背景色を濃い青色に指定 */
    background-color: #248;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;
}