/* $Id: mypage.css 7832 2013-01-09 12:58:34Z takahashi.ryuichi@ditgroup.jp $ */
body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* navbar-fixed-top を使う時は必要
@media (min-width: 980px) {
	body{
		padding-top: 65px;
	}
}
*/

html, body {
		height: 100%;
}

* {
	margin: 0 auto;
}

.mytitle
{
	font-size: medium;

	/*margin: 0 0 20px;*/
	padding: 12px 20px;

	color: #ffffff;
	background-color: #396178;
	border-color: #5BA1C9;

	border-bottom-width: 3px;
	border-bottom-style: solid;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
}

.mywell {
	min-height: 20px;
	padding: 5px;
	margin-bottom: 6px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
					border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.mybox {
	min-height: 20px;
	padding: 5px;
	margin-bottom: 6px;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
					border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.listbox-table
{
	background-color: #ffffff;
	font-size: small;
}

.fixed-width-table
{
	table-layout:fixed;
}


.role-table
{
	font-size : smaller;
}

.xob-input-params {
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 14px;
	padding-top: 25px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

label.error
{
	font-size: small;
	margin-left: 10px;
	width: auto;
	color: Red;
	/*display: inline;*/
}
input.error
{
	border-color: red;
}

/* Echo out a label for the example */
.xob-input-params > .xob-input-params-title {
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: #E8EEF4;
	border: 1px solid #ddd;
	color: #396178;
	border-radius: 4px 0 4px 0;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
}

.btn.active, .btn:active {
		background-color: #afeeee;
}

.site-msg {
	position: relative;
	margin: 15px 0;
	padding: 39px 19px 14px;
	padding-top: 39px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.site-msg > .site-msg-title {
	position: absolute;
	top: -1px;
	left: -1px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	background-color: #E8EEF4;
	border: 1px solid #ddd;
	color: #396178;
	border-radius: 4px 0 4px 0;
	-webkit-border-radius: 4px 0 4px 0;
	-moz-border-radius: 4px 0 4px 0;
}


/* サイト一覧の「システム管理」の色付け */
.dropdown-menu li > a.admin {
	color: #6c2735;
	font-weight: bold;
}

.dropdown-menu li > a.admin:hover {
	color: #fff;
	font-weight: bold;
}


/* サイト名部分の階層の色付け */
#masterList .nav .dropdown > .dropdown-toggle .parent {
	font-size: 0.7em;
	color: #c1c1c1;
}

#masterList .nav .dropdown > .dropdown-toggle .parent:hover {
	color: #fff;
}

#masterList .nav .dropdown.open > .dropdown-toggle .parent {
	color: #fff;
}

.navbar .nav > li > a {
	color: #ffffff;
	text-shadow: none;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #0088CC;
}

.nav-pills > .admin > a {
	color: #6c2735;
}

.nav-pills > .active-admin > a,
.nav-pills > .active-admin > a:hover {
	color: #ffffff;
	background-color: #6c2735;
}

.submenu  {
	margin-bottom: 5px;
	border-bottom: solid 1px #0088cc;
}

.submenu-admin
{
	/*margin-bottom: 5px;*/
	border-bottom: solid 1px #6c2735;
}

/* 行毎に色違いのテーブル */
.table-condensed {
	border: solid 1px #e8eef4;
	border-collapse: collapse;
}

.table-condensed tbody tr td {
	padding: 5px;
	border: solid 1px #e8eef4;
}

.table-condensed thead tr th {
	padding: 5px 5px;
	text-align: left;
	background-color: #e8eef4;
	border: solid 1px #e8eef4;
}

/* コンパクトなテーブル */
table.datatable .compact
{
	font-size: smaller;
}

/* datatable のスタイル変更 */
table.dataTable {
	box-sizing:border-box;
	border-collapse: collapse;
}

/* sort を有効にすると、ヘッダが白になるのを調整 */
table.dataTable thead .sorting {
	background: #e8eef4 url("../../dataTables/images/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
	background: #e8eef4 url("../../dataTables/images/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
	background: #e8eef4 url("../../dataTables/images/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
	background: #e8eef4 url("../../dataTables/images/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
	background: #e8eef4 url("../../dataTables/images/sort_desc_disabled.png") no-repeat center right;
}



/* 暗めのダイアログ背景 */
.ui-widget-overlay {
	opacity: .20;
	filter: Alpha(Opacity=20);
}

/* dialog shadow */
.dialogWithDropShadow
{
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	font-size: smaller;
}

/* for responsive table */
@media only screen and (max-width: 540px) {
	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }

	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

	#flip-scroll th,
	#flip-scroll td { margin: 0; vertical-align: top; }
	#flip-scroll th { text-align: left; }

	#flip-scroll table { display: block; position: relative; width: 100%; }
	#flip-scroll thead { display: block; float: left; }
	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr { display: block; }
	#flip-scroll th { display: block; text-align: right; }
	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }


	/* sort out borders */

	#flip-scroll th { border-bottom: 0; border-left: 0; }
	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	#flip-scroll th:last-child,
	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}

.form-horizontal .control-group
{
	margin-bottom:5px;
}

.textareafont
{
	font:11pt'Courier'
}

.input-validation-error
{
	background-color: #ffcccc;
	border-color: #ff0000;
}

.field-validation-error
{
	color: #ff0000;
}

.keywordTable {
	margin:0px;padding:0px;
	width:100%;
	border:1px solid #3f7f00;

	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;

	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;

	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;

	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.keywordTable table{
		border-collapse: collapse;
				border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.keywordTable tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.keywordTable table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.keywordTable table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.keywordTable tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.keywordTable tr:hover td{

}
.keywordTable tr:nth-child(odd){ background-color:#d4ffaa; }
.keywordTable tr:nth-child(even)    { background-color:#ffffff; }.keywordTable td{
	vertical-align:middle;


	border:1px solid #3f7f00;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-weight:normal;
	color:#000000;
}.keywordTable tr:last-child td{
	border-width:0px 1px 0px 0px;
}.keywordTable tr td:last-child{
	border-width:0px 0px 1px 0px;
}.keywordTable tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.keywordTable tr:first-child td{
		background:-o-linear-gradient(bottom, #5fbf00 5%, #5fbf00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #5fbf00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #5fbf00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#5fbf00");	background: -o-linear-gradient(top,#5fbf00,5fbf00);

	background-color:#5fbf00;
	border:0px solid #3f7f00;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}
.keywordTable tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #5fbf00 5%, #5fbf00 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5fbf00), color-stop(1, #5fbf00) );
	background:-moz-linear-gradient( center top, #5fbf00 5%, #5fbf00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5fbf00", endColorstr="#5fbf00");	background: -o-linear-gradient(top,#5fbf00,5fbf00);

	background-color:#5fbf00;
}
.keywordTable tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.keywordTable tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}