@charset "UTF-8";

/*--------------------------------------
  コンテンツ部情報 -> メイン部 -> テーブル共通
---------------------------------------*/
#main TABLE {
	width: 100%;
}

#main TABLE TR:nth-child(odd) TD.operation {
	background-color: #ee9;
}

#main TABLE TR:nth-child(even) TD.operation {
	background-color: #eec;
}

#main TABLE.list TR.updated {
	background-color: #9ff;
}

#main TABLE.list TR.updated TD.operation {
	background-color: #9ff;
}

/*--------------------------------------
  コンテンツ部情報 -> メイン部 -> スケジュール一覧
---------------------------------------*/
#main #list TD.expiration {
	text-align: right;
	white-space: nowrap;
}

#main #list TD.title { }

#main #list TD.description { }

#main #list TD.created_by { }

#main #list TD.created_at {
	text-align: right;
	white-space: nowrap;
}

#main #list TD.count {
	text-align: right;
}

#main #list TD.operation {
	margin: 0 auto;
}

#main #list DIV.buttons > DIV {
	float: left;
	width: 30px;
	margin: 0 2px;
}

#main #list DIV.buttons > DIV > BUTTON {
	height: 30px;
	width: 30px;
}

#main #list TR:nth-child(odd) TD.not_answered {
	background-color: #fff0e0;
}

#main #list TR:nth-child(even) TD.not_answered {
	background-color: #fee;
}

#main #list TR.clickable:hover TD {
	background: #cee;
	cursor: pointer;
}

/*--------------------------------------
  コンテンツ部情報 -> メイン部 -> スケジュール登録・更新
---------------------------------------*/
#main #edit INPUT.text {
	width: 95%;
}

#main #edit INPUT.password {
	width: 95%;
}

#main #edit TEXTAREA {
	width: 95%;
}

#main #edit > TBODY > TR > TH:first-child {
	border-right: none;
}

#main #edit > TBODY > TR > TH + TH {
	border-left: none;
	width: 20px;
}

#main #edit > TBODY > TR > TH BUTTON {
	height: 1.5em;
	width: 1.5em;
}

DIV.ui-tooltip {
	font-size: 0.9em;
	line-height: 1.7;
}

#main #edit #description {
	height: 4em;
}

#main #edit #candidates {
	height: 7em;
}

#main #edit #answer_settings {
	font-size: 0.8em;
	padding: 0;
}

#main #answer_settings > TABLE {
	border-width: 0;
	border-style: none;
	margin: 0;
}

#main #answer_settings > TABLE TR {
	border-width: 0;
	border-style: none;
}

#main #answer_settings > TABLE TH {
	text-align: center;
}

#main #answer_settings > TABLE TD + TD {
	text-align: center;
}

#main #answer_settings INPUT.weight {
	text-align: right;
	width: 3em !important;
}

#main #answer_settings SPAN.weight {
	margin: 0 0 0 1em;
}

/*--------------------------------------
  コンテンツ部情報 -> メイン部 -> スケジュール回答
---------------------------------------*/
#main P#description {
	font-family: inherit;
	white-space: pre-wrap;
}

/*--------------------------------------
  コンテンツ部情報 -> メイン部 -> テーブル -> 回答登録
---------------------------------------*/
#main #answer TD.comment {
	padding: 5px 10px;
}

#main #answer TD.comment TEXTAREA {
	height: 3em;
	width: 100%;
}
#main #answer TR TH.operation {
	width: 105px;
}

#main #answer TR TD.operation {
	width: 105px;
	padding: 5px;
}

#main #answer TR TD.edit {
	padding: 0;
}

#main #answer TR TD DIV.buttons {
	width: 105px;
}

#main #answer TR TD INPUT.name {
	width: 5em;
}

#main #answer TR TD TEXTAREA.comment {
	width: 10em;
	height: 3.5em;
}

#main #answer TR TD SPAN.ui-button-text {
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 0;
}

/*--------------------------------------
  コンテンツ部情報 -> メイン部 -> 回答集計
---------------------------------------*/
#main #summary TR {
	border: 1px solid #ddd;
}

#main #summary TD {
	background-color: #eff;
	color: #366;
	text-align: right;
}

#main #summary TH.index {
	text-align: right;
	padding-right: 10px;
}

#main #summary TD.sum {
	background: #dff;
	color: #099;
	font-weight: bold;
	padding: 0 15px;
}
#main #summary TD.totalcount {
	background: #dff;
	color: #099;
	font-weight: bold;
	padding: 0 15px;
}

/*--------------------------------------
  コンテンツ部情報 -> メイン部 -> テーブル -> 回答一覧
---------------------------------------*/
#main #answers TD.answer {
	text-align: center;
}

#main #answers TD.comment {
	white-space: pre-line;
}

/*--------------------------------------
  コンテンツ部情報 -> メイン部 -> その他
---------------------------------------*/
DIV.password-dialog, DIV.message-dialog {
	font-size: 0.9em;
}

DIV.ui-dialog-buttonset {
	line-height: 1;
}

DIV.ui-dialog-buttonpane {
	font-size: 0.8em;
	height: 1em;
	padding: 0;
}

DIV.ui-dialog .ui-dialog-titlebar-close span {
	margin: -8px; /* jQuery-UI bug!? */
}

#password-dialog INPUT.password {
	width: 8em;
}

#password-mismatch, #password-not-updatable {
	color: #f00;
}

/*--------------------------------------
  コンテンツ部情報 -> メイン部 -> 画面別レイアウト
  (メディアクエリを認識しないブラウザ用の設定 (デフォルト) を上書きするため、
  必ず一番最後に指定)
---------------------------------------*/
@media screen and (min-width: 801px) {
	#main TABLE#list .expiration .ymd { }
	#main TABLE#list .expiration .md { display: none; }
	#main TABLE#list { }
}

@media screen and (min-width: 521px) and (max-width: 800px) {
	#main TABLE#list .expiration .ymd { }
	#main TABLE#list .expiration .md { display: none; }
	#main TABLE#list { }
}

@media screen and (max-width: 520px) {
	#main TABLE#list .expiration .ymd { display: none; }
	#main TABLE#list .expiration .md { }
	#main TABLE#list .description { display: none; }
	#main TABLE#list .created_at { display: none; }
	#main TABLE#list { width: 100%; }

	#main P#description { line-height: 1.2; }
	#main TABLE#summary .weight { display: none; }
	#main TABLE#answers .created_at { display: none; }
}