@charset "UTF-8";
/* Copyright (c) 2009 National Research Institute for Earth Science and
 * Disaster Prevention (NIED).
 * This code is licensed under the GPL version 3 license, available at the root
 * application directory.
 */

/*////////////////////////////////////////////////////////////*/
/* Div Layouts */
#wrap {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-color: white;
}
#header {
	padding: 0px;
	margin: 0px;
}
#content {
	padding: 10px;
	margin: 0px;
}
#footer {
	padding-right: 0px;
	padding-top: 2px;
	margin: 0px;
}
#borderContainer {
    width: 100%;
    height: 100%;
}
/*////////////////////////////////////////////////////////////*/
/* Form */
.form-field td {
	padding: 2px;
}

.login_button button {
	padding: 10px;
	line-height: 1.5em;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop);
	background-color: #EEE;
}

/*////////////////////////////////////////////////////////////*/
/* dojo */
.soria .dijitTooltipContents {
	font-size: 14px !important;
}
.soria .dijitDialogUnderlay {
	opacity : 0.3;
}

/*////////////////////////////////////////////////////////////*/
/* Pager */
.pager {
	clear: both;
	text-align: center;
}
.pager .btn {
	font-size: 0.8em;
	margin: 0 1px;
	padding: 2px 6px;
	border: 1px solid #AAA;
	display: inline-block;
}
.pager .btn a {
	text-decoration: none;
	color: black;
}
.pager .btn:HOVER {
	border: 1px solid black;
}
.pager .btn.cur {
	background-color: #DDD;
	font-weight: bold;
	border: 1px solid black;
}
.pager .btn.disabled {
	color: #DDD;
	border: 1px solid #AAA;
}
/*////////////////////////////////////////////////////////////*/
/* Page Style */
/* ログインページ */
#login {
	width: 380px;
	color: #666;
	background-color: #fff;
	margin: 50px auto 0;
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #ccc;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 4px 18px #C8C8C8;
	padding: 30px 30px 10px;
	text-align: left;
}
#login h1 {
	text-align: center;
	margin: 0 auto 20px;
	color: #004DA8;
	font-size: 28px;
	line-height: 1.3;
}
#login p {
	margin: 0;
}
#login .login_button button {
	background-color: #21759B;
	padding: 3px 8px;
	border-width: 1px solid #21759B;
	border-radius: 5px; 	   /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
	cursor: pointer;
	text-decoration: none;
	background: -moz-linear-gradient(top, #298cba, #21759B);　/* Firefox用 */  
	background: -webkit-gradient(linear, left top, left bottom, from(#298cba), to(#21759B));　/* Safari,Google Chrome用 */ 
	background-color: #21759B;
	color: #fff;
	font-weight: bold;
}
#login form .submit input {
	border: 1px solid;
	border-radius: 11px 11px 11px 11px;
	cursor: pointer;
	/* font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
	color: white; */
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 12px;
	margin-top: -3px;
	padding: 3px 10px;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
#login form p {
	margin-top: 10px;
}
#login	p.maB10 {
	margin-bottom: 10px;
}
input.user {
	width: 100%;
	height: 30px;
	margin-bottom: 10px;
	border: solid 1px #ccc;
	background-color: #F6F6F6;
}

/* リスト1 */
.map_preview {
	float: right;
	border: 1px solid gray;
	padding: 2px;
	margin: 0px 0px 0px 4px;
}
.bannar {
	background: #21759B url(images/bannar.png) repeat-x;
	height: 80px;
	width: 100%;
}
h1.site {
	color: #fff;
	font-size: 25px;
	height: 40px;
	width: 550px;
	margin: 0 0 0 12px;
	float: left;
	padding-top: 24px;
	text-align: left;
	color: white;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
h1.site .group {
	font-size: 20px;
	padding:4px 0 0 8px;
}

.headerLogin {
	color: #fff;
	float: right;
	margin: 15px;
	text-align: right;
}
.headerLogin button,
.embedLogin button {
	height: 22px;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.5em;
	text-decoration: none;
}
.embedLogin {
	float: right;
	padding: 0px 2px 0 0;
}

table.map_table {
	width: 100%;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-collapse:collapse;
	margin:8px 0;
}
table.map_table th {
	padding: 6px;
	font-size: 14px;
	vertical-align: top;
	background-color: #eeeeee;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
	white-space:nowrap;
	color: #333;
}
table.map_table td {
	padding: 6px;
	font-size: 14px;
	vertical-align: top;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align: left;
}
table.map_table th a {
	color: #333;
	text-decoration: underline;
}


/* リスト2 */
table.map_table2 {
	width: 580px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-collapse:collapse;
	margin:0 0 12px 0;
}
table.map_table2 th {
	padding: 3px;
	font-size: 15px;
	vertical-align: middle;
	background-color: #eeeeee;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	white-space:nowrap;
	color: #333;
}
table.map_table2 td {
	padding: 3px;
	font-size: 1em;
	vertical-align: top;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
table.map_table2 a {
	text-decoration: underline;
}
table.map_table2 .title {
	background-color: #eee;
	font-size: 15px;
	white-space: normal;
}
table.map_table2 .title a {
	color: #333;
}

table.map_table2 .map-menu {
	background-color: #eee;
	font-size: 12px;
	white-space:nowrap;
}
table.map_table2 button {
	height: 24px;
	cursor: pointer;
	font-size: 12px;
	line-height: 1.5em;
	text-decoration: none;
}



#contents {
	width:800px;
	margin: 0 auto;
}
#main {
	width:580px;
	float:left;
	margin-top: 16px;
}
#side {
	width: 200px;
	float:right;
	margin-top: 16px;
}

/* top page(top.jsp) */
.contents {
	width:1000px;
	margin: 0 auto;
}
.main {
	width: 100%;
	margin-top: 16px;
    margin-right: 5px;
}
.leftside {
	width: 250px;
	margin-top: 16px;
    margin-left: 20px;
}
.rightside {
	width: 250px;
	margin-top: 16px;
    margin-left: 20px;
}
.rightside ul li {
	list-style: none;
	font-size: 14px;
	margin-bottom: 3px;
}
.group_contents {
	width:990px;
	margin-top: 16px;
}
#grouplist {
	width: 500px;
	margin: 16px auto;
}
#grouplist ul li {
	list-style: none;
}

table.item_table {
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-collapse:collapse;
	margin: 0 0 12px 0;
	width: 100%;
}
table.item_table th {
	padding: 3px;
	font-size: 15px;
	vertical-align: bottom;
	background-color: #eeeeee;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	white-space:nowrap;
	color: #333;
}
table.item_table td {
	padding: 3px;
	font-size: 0.8em;
	vertical-align: top;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
table.item_table a {
	text-decoration: underline;
}
table.item_table .header {
	display: table;
	white-space:nowrap;
	width: 100%;
}
table.item_table .title {
	display: table-cell;
	background-color: #eee;
	font-size: 15px;
	white-space: normal;
	vertical-align:middle;
	float:left;
}
table.item_table .title a {
	color: #333;
}
table.item_table .header-menu {
	display: table-cell;
	background-color: #eee;
	font-size: 12px;
	white-space:nowrap;
	vertical-align:middle;
	float:right;
}
table.item_table .header-menu span {
	display:inline-block;
	vertical-align:middle;
}
table.item_table .map-description {
	padding: 3px;
	border-top:1px solid #CCC;
	overflow: auto;
	white-space: normal;
	max-height: 90px;
}
table.item_table .layer-description {
	padding: 3px;
	border-top:1px solid #CCC;
	overflow: auto;
	white-space: normal;
	max-height: 50px;
}
table.item_table .map-preview img {
	/*width:160px;*/
	max-width:160px;
	max-height:160px;
}
table.item_table a.map-preview {
	display: block;
	overflow: hidden;
	width:160px;
	max-height: 160px;
	text-align: center;
}
table.item_table .layer-legend {
	width: 48px;
	height: 32px;
	background-color: #ffffff;
	font-size: 10px;
	line-height: 1.5em;
	text-decoration: none;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
}

table.contents_table {
	width:1000px;
	vertical-align: top;
}
table.contents_table td {
	vertical-align: top;
	margin:0 0 0 0;
}
table.contents_table td.main {
	min-width:580px;
	vertical-align: top;
}


.menuTitle {
	background-color: #999;
	background: #21759B url(images/bannar.png) repeat-x;
	color: #fff;
	padding: 0 8px;
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
}
.sideMenu {
	margin-bottom: 12px;
	border: solid 1px #999;
	padding: 5px;
}
#side ul li {
	list-style: none;
	font-size: 14px;
	margin-bottom: 3px;
}

.sideMenu a.mapNewIcon {
	background: url(images/map_new_m.png) no-repeat left center;
	padding-left:24px;
	height: 24px;
	vertical-align: middle;
}
.sideMenu a.listIcon {
	background: url(images/list.png) no-repeat 2px center;
	padding-left:24px;
	height: 24px;
	vertical-align: middle;
}
.sideMenu a.settingIcon {
	background: url(images/cog.png) no-repeat 2px center;
	padding-left:24px;
	height: 24px;
	vertical-align: middle;
}

.in_group {
	border-top:1px dashed #CCC;
	white-space: nowrap;
}

.outside_group {
	border-top:1px dashed #EEE;
	background-color: #EEE;
	white-space: nowrap;
}

/*-------- iframe内地図リスト --------*/
.maplist_header {
	background-color: #DDD;
	padding: 3px;
	min-height:22px;
}
.maplist_header b {
	font-size: 1.2em;
}
.maplist_div .preview_div {
	padding: 2px 2px 0px 2px;
	background-color: white;
	margin: 0px;
}
.maplist_div .preview_div a {
	text-decoration: none;
}
.maplist_div .preview_div img {
	max-width: 100%;
}
.maplist_div .preview_img {
	border: 1px solid #DDD;
	padding: 2px;
	margin: 0px;
}

.maplist_div .info_div {
	padding: 0px;
	width: 99%;
}
.maplist_div .ecommap_block_group_name {
	margin-bottom: 1px;
	padding-left:4px;
	font-weight: bold;
}
.maplist_div .info_div .map_title {
	background-color: #EEE;
	border-bottom: 1px solid #DDD;
	padding: 2px 4px;
	clear: both;
}
.map_interop {
	border: 1px solid #DDD;
	margin: 2px;
	padding: 2px 2px 2px 4px;
	width: 96%;
}
table.map_table2 .map_interop td {
	border: 0;
}
.map_interop td, .map_interop td input {
	font-size: 12px;
}
.maplist_div .info_div .map_description {
	padding: 2px 0px;
	font-size: 0.9em;
}

.maplist_div .info_div .map_date {
	padding: 0px 0px 2px 0px;
	font-size: 0.9em;
	color: #AAA;
	/*text-align: right;*/
}
.maplist_div .info_div .nowrap span {
	white-space: nowrap;
}

.maplist_div {
	clear: both;
	padding: 2px 0px;
}

.mapMiddleIcon {
	background: url(images/map_m.png) no-repeat 2px center;
	padding: 6px 2px 6px 24px;
}

.layerListIcon {
	background: url(images/list.png) no-repeat 2px center;
	padding: 6px 2px 6px 24px;
}

/*-------- 共有対象 eコミマップ側のIDにアイコンを合わせる --------*/
a.shareIcon {
	display: table-cell;
	padding-left: 22px;
	height: 20px;
	vertical-align: middle;
}
.shareIcon {
	background: url(images/share_icons/ico_group.gif) no-repeat left center;
	padding: 0px 0px 0px 21px;
	cursor: pointer;
}
.shareIcon.internet {
	background: url(images/share_icons/ico_internet.gif) no-repeat left center;
}
.shareIcon.community,
.shareIcon.community_edit {
		background: url(images/share_icons/ico_user.gif) no-repeat left center;
}
.shareIcon.group,
.shareIcon.group_edit {
		background: url(images/share_icons/ico_friend.gif) no-repeat left center;
}
.shareIcon.hikoukai {
	background: url(images/share_icons/ico_hikoukai.gif) no-repeat left center;
}


/*-------- 帳票画面でコンフリクト --------*/
table.conflict_table {
	width: 100%;
	margin:8px 0;
}
table.conflict_table th {
	padding: 6px;
	font-size: 14px;
	vertical-align: top;
	background-color: #eeeeee;
	text-align:left;
	white-space:nowrap;
	color: #333;
}
table.conflict_table td {
	padding: 6px;
	font-size: 14px;
	vertical-align: top;
	text-align: left;
}

table.conflict_table2 {
	width: 580px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-collapse:collapse;
	margin:0 0 12px 0;
}
table.conflict_table2 th {
	padding: 3px;
	font-size: 15px;
	vertical-align: middle;
	background-color: #696969;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	white-space:nowrap;
	color: #fff;
}
table.conflict_table2 td {
	padding: 3px;
	font-size: 1em;
	vertical-align: top;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

table.conflict_table2 td.local_diff {
	padding: 3px;
	font-size: 1em;
	vertical-align: top;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color: #90ee90;
}

table.conflict_table2 td.remote_diff {
	padding: 3px;
	font-size: 1em;
	vertical-align: top;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color: #ffc0cb;
}