@charset "utf-8";

@import url("normalize.css");

html {
	line-height: normal; /* 1 */
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/*
 * 共通
 */
table {
	border-collapse: collapse;
}

.b {
	font-weight: bold;
}

.small {
	font-size: small;
	font-weight: normal;
}

td.l {
	text-align: left;
}

td.r {
	text-align: right;
}

hr {
	width: 98%;
}

/*
 * ヘッダー
 */
#header {
	width: 100%;
	height: 60px;
	font-size: xx-large;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	text-align: center;
}

#header_login {
	text-align: center;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

#header_login .login_title {
	font-size: large;
	font-weight: bold;
}

/*
 * ナビゲータ
 */
#navigator {
	float: left;
	width: 20%;
	text-align: center;
}

#navigator h2 {
	font-size: medium;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#navigator div.check {
	margin-top: 10px;
}

#navigator .button_n {
	font-size: small;
	width: 80px;
}

/*
 * コンテンツ
 */
#content {
	float: left;
	width: 80%;
}

#content_login {
	text-align: center;
	width: 100%;
}

/*
 * フッター
 */
#footer {
	clear: left;
	width: 100%;
	text-align: center;
}

/*
 * ログイン
 */
#content_login div.error-message {
	width: 500px;
}

table.login {
	text-align: left;
	width: 600px;
	margin: 5px auto 10px auto;
}

table.login th, table.login td {
	border: solid 1px #000;
	padding: 4px;
}

table.login th {
	background-color: #aacbee;
}

table.login td {
	background-color: #efc1c4;
}

table.login input {
	width: 200px;
}

div.login_message {
	width: 600px;
	margin: 0 auto;
}

div.login_message ul {
	text-align: left;
	list-style-type: none;
}

div#ssl {
	width: 100px;
	margin: 0 auto;
}

.button_l {
	width: 100px;
	margin: 2px;
}

/*
 * お知らせ
 */
div#message_header {
	font-size: large;
	font-weight: bold;
	text-align: center;
	width: 600px;
	margin: 0 auto;
}

div#message {
	color: red;
	border: inset 1px #000;
	width: 600px;
	height: 200px;
	padding: 10px;
	margin: 0 auto;
	overflow-y: scroll;
}

div#note {
	font-size: small;
	width: 600px;
	margin: 30px auto 0 auto;
}

/*
 * アクセスログ
 */
div#accesslog_head {
	width: 850px;
	padding: 0;
	table-layout: fixed;
}

div#accesslog_body {
	width: 867px;
	padding: 0;
	table-layout: fixed;
}

div#accesslog_head th.date {
	width: 53px;
}

div#accesslog_body td.date {
	width: 100px;
}

div#accesslog_head th {
	padding: 0 5px;
	border: solid 1px #000;
	width: 210px;
}

div#accesslog_body td {
	padding: 0 5px;
	border: solid 1px #000;
	width: 372px;
}

/* chrome */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	div#accesslog_head {
		width: 850px;
	}
	
	div#accesslog_body {
		width: 867px;
	}
	
	div#accesslog_head th.date {
		width: 53px;
	}
	
	div#accesslog_body td.date {
		width: 100px;
	}
	
	div#accesslog_head th {
		width: 210px;
	}
	
	div#accesslog_body td {
		width: 372px;
	}
}

/* FireFox */
@-moz-document url-prefix(){
	div#accesslog_head {
		width: 850px;
	}
	
	div#accesslog_body {
		width: 850px;
	}
	
	div#accesslog_head th.date {
		width: 53px;
	}
	
	div#accesslog_body td.date {
		width: 100px;
	}
	
	div#accesslog_head th {
		width: 210px;
	}
	
	div#accesslog_body td {
		width: 372px;
	}
}

/*IE 10以上*/
@media all and (-ms-high-contrast: none){
	div#accesslog_head {
		width: 850px;
	}
	
	div#accesslog_body {
		width: 867px;
	}
	
	div#accesslog_head th.date {
		width: 53px;
	}
	
	div#accesslog_body td.date {
		width: 100px;
	}
	
	div#accesslog_head th {
		width: 210px;
	}
	
	div#accesslog_body td {
		width: 372px;
	}
}

div#accesslog_body {
	height: 550px;
	overflow-y: scroll;
}

div#accesslog_body tr:nth-child(even) {
	background: #f1f1f1;
}

/*
 * 配信
 */
div#check_title {
	font-weight: bold;
	text-align: center;
	width: 500px;
	margin: 0 auto;
}

table#check {
	width: 500px;
	margin: 0 auto;
}

table#check th, table#check td {
	padding: 0 3px;
}

table#check th {
	border: solid 1px #000;
}

table#check th.thd {
	text-align: left;
}

table#check td {
	text-align: center;
	border: solid 1px #000;
	width: 70px;
	padding: 2px;
}

.button_d {
	width: 60px;
}

.button_u {
	width: 120px;
	height: 30px;
}

/*
 * ボタン
 */
.button {
	display: inline-block;
	border: solid 1px #000;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding: 1px;
	margin: 1px auto;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color: #f1f1f1;
	background: -moz-linear-gradient(top, #fff, #f1f1f1 1%, #e1e1e1 50%, #dfdfdf 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #f1f1f1), color-stop(0.5, #efefef),
		color-stop(0.99, #dfdfdf), to(#ccc));
	background: -moz-linear-gradient(top, #fff, #f1f1f1 1%, #efefef 50%, #dfdfdf 99%, #ccc);
}

.button:hover {
	background-color: #e1e1e1;
	background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1),
		color-stop(0.99, #cfcfcf), to(#ccc));
	background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
}

/*
 * エラーメッセージ
 */
div.error-message {
	color: red;
	text-align: left;
	margin: 0 auto;
}

/*
 * エラー画面
 */
div#error_page {
	width: 600px;
	margin: 0 auto;
	padding-left: 50px;
}

div#error_page h2 {
	margin-top: 0;
}

/*
 * アップロード
 */
 #upload-flow {
	 margin: 0 auto;
	 width: 600px;
 }
 
  #upload-flow .err-msg {
		color: #f20;
		font-weight: bold;
	}

 #upload-flow input {
   width: 100%;
 }