/*---------------------------------*/
/* Coding
/* 2013.09.25-2013.09.27
/*---------------------------------*/

/* --------------------------------------------------
    body
-------------------------------------------------- */
html,body {
	overflow:hidden;
    font-family:Roboto, Arial, sans-serif;
}
/* ---------------------------------------------------
    header
-------------------------------------------------- */
#header_wrap {
    width :98%;
	height:auto;
    position:absolute; 
    z-index:99999;
}
#header {
	position:fixed;
	top:0;
	left:0;
	z-index:2;
	
	width:100%;
	height:29px;
	margin:0;
	padding:0;
	line-height:29px;
	background:none;

	font-family:Arial, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}
*+html #header { position:relative;}/*IE7*/
/* ---------------------------------------------------
    header h1
-------------------------------------------------- */
#header h1 {
	z-index:990;
	width:230px;
	padding:0 10px;
	background:#005a31;
	font-size:12px;
	color:#FFF;
}
#header h1 a { color:#FFF; }
#header h1 a:link { text-decoration:none; }
#header h1 img {
	margin-right:10px;
	margin-top:-3px;
	vertical-align:middle;
}
*+html #header h1 img { margin-top:-2px; }/*IE7*/
/* ---------------------------------------------------
    header btn
-------------------------------------------------- */
.accordion .accordion_head {cursor:pointer;}
#header .btn {
	display:inline-block;
	padding:0 10px;
	background:url("../img/btn_bg.gif") repeat-x left center;
	border:solid 1px #3272c1;
	color:#FFFFFF;
	font-weight:bold;
	cursor:pointer;
	white-space:nowrap;
}
#header .btn:hover { background:url("../img/btn_bg_hover.gif") repeat-x left center; }
#header #btn_conditions {
	position:absolute;
	top:0;
	left:250px;
	width:110px;
	height:27px;
	line-height:27px;
}
#header #btn_conditions span {
	height:17px;
	padding:5px 25px 5px 5px;
	background:url("../img/icon_arrow.gif") no-repeat right;
}
#header #btn_conditions:hover span { background:url("../img/icon_arrow_hover.gif") no-repeat right; }
#header #btn_conditions span:not(:target){padding:5px 30px 5px 5px;} /*IE10*/

#header #btn_update_v {
	position:absolute;
	top:4px;
	left:730px;
	height:20px;
	padding:0 5px;
	line-height:22px;
	
	-webkit-border-radius: 2px;/* webkit */
    -moz-border-radius: 2px;/* fx */
	border-radius: 2px;
}

#header #btn_update {
	height:20px;
	padding:0 5px;
	line-height:22px;
    	vertical-align: -4px;
	-webkit-border-radius: 2px;/* webkit */
    -moz-border-radius: 2px;/* fx */
	border-radius: 2px;
}

#header #btn_update input,
#header #btn_update_v input {
	display:block;
	height:20px;
	color:#FFF;
	font-weight:bold;
	
	border:none;
	background:none;
	margin:0;
	padding:3px 20px 2px 2px;

	background:url("../img/icon_update.gif") no-repeat 100% 50%;
	cursor:pointer;
}
*+html #header #btn_update input,
*+html #header #btn_update_v input
 { width:80px !important; }/*IE7*/

#header #btn_update:hover input,
#header #btn_update_v:hover input
 { background:url("../img/icon_update_hover.gif") no-repeat 100% 50%; }

#header #btn_help {
	position:absolute;
	top:29px;
	right:7px;
	display:block;
	height:29px;
}
#header #btn_help a {
	height:19px;
	padding:5px 25px 5px 5px;
	background:url("../img/icon_help.gif") no-repeat right;
	color:#FFF;
	text-decoration:none;
}
#header #btn_help:hover a { background:url("../img/icon_help_hover.gif") no-repeat right; }


#header #btn_back {
	top:0;
	width:110px;
	height:27px;
	line-height:27px;
	float: left;
}
#header #btn_back a {
	height:19px;
	padding:5px 0 5px 35px;
	background:url("../img/icon_back.gif") no-repeat left;
	color:#FFF;
	text-decoration:none;
}
#header .btn_back:hover a { background:url("../img/icon_back_hover.gif") no-repeat left; }


/* ---------------------------------------------------
    header search_conditions
-------------------------------------------------- */
#search_conditions .accordion {
	position:absolute;
	top:29px;
	left:250px;
	filter: alpha(opacity=90); /* IE7以下用 */
    -ms-filter: "alpha(opacity=90)"; /* IE8用 */
	opacity:0.9;
	padding:2px 3px;
	background:#FFF;
}
#search_conditions #track_group_check {
	border:none;
}
/* ---------------------------------------------------
    header nv
-------------------------------------------------- */
#header #nv {
    position:fixed; 
	top:0;
	left:381px;
	
	/*filter: alpha(opacity=90); *//* IE7以下用 */
    /*-ms-filter: "alpha(opacity=90)"; *//* IE8用 */
	/*opacity:0.9;*/
	
	width:100%;
	height:29px;
	
	background-color:#FFF;
	color:#2D2D2D;
	/*box-shadow:black 0 1px 1px;*/
}

#header #nv #info_box {
	position:absolute;
	top:0;
    left:10px;
	width:335px;
	white-space:nowrap;
}
#header #nv #display_box {
	position:absolute;
	top:0;
    left:450px;
}
#header #nv #display_box .form_message_head,
#header #nv #display_box label {
	margin-right:10px;
}
#header #nv #display_box img {
	margin-right:5px;
	vertical-align:middle;
}
#header #nv #display_box .radio_box {
	position:absolute;
	top:2px;
	left:90px;
	white-space:nowrap;
}
#header #nv #display_box .radio_box span {
	position:relative;
	top:-2px;
	
	margin-left:5px;
}
*+html #header #nv #display_box .radio_box span {top:-4px;}/*IE7*/
.radio_contain {
    display: inline-block;
	*display: inline;  
    *zoom: 1;
    border-radius:100px;
    overflow: hidden;
    padding: 0;
	margin:0;
}
.radio_contain input[type="radio"] {
	margin: 0;
}
*+html .radio_contain {position:relative;top:-4px;}/*IE7*/
/* ---------------------------------------------------
  search box
-------------------------------------------------- */
#map_controller {
	bottom:20px;
	left:5px;
	margin:16px;
	text-align:left;
	width: 500px;
}
.app-imagery-mode .cards-minimized .searchbox{background-color:#f6f6f6}
.searchbox-shadow{box-shadow:0 2px 6px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.0)}
.cards-minimized .searchbox-shadow{box-shadow:0 2px 6px rgba(0,0,0,0.3),0 4px 15px -5px rgba(0,0,0,0.3)}
.searchbox,.searchbox-shadow{
	-webkit-transition:all 200ms cubic-bezier(0.52,0,0.48,1);
	-moz-transition:all 200ms cubic-bezier(0.52,0,0.48,1);
	-ms-transition:all 200ms cubic-bezier(0.52,0,0.48,1);
	-o-transition:all 200ms cubic-bezier(0.52,0,0.48,1);
	transition:all 200ms cubic-bezier(0.52,0,0.48,1)
}

.searchbox {
	width:400px;
	height:32px;
	padding:0 11px 0 13px;
	
    background-color:#FFFFFF;
	
	border:1px solid transparent;
	border-right:0;
	border-radius:2px 0 0 2px;
	
    border-bottom-left-radius:2px;
    border-bottom-right-radius:0;

    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-top-style:solid;
	
    border-width:1px 0 1px 1px;
    box-sizing:border-box;
	-moz-box-sizing:border-box;
  
    outline:none;
	vertical-align:top
}
.searchboxinput_table {
	width: 375px;
	padding: 0px;
	border-collapse:collapse;
    border-spacing:0;
	line-height:30px;
}
.searchboxinput_table input{
	background-color:transparent;
	border:none;
	font-size:15px;
	line-height:22px;
	font-weight:300;
	margin:0;
	outline:0;
	padding:0;
	width:100%;
	box-shadow:none;
	height:22px;
	vertical-align:middle;
}

.searchbutton {
	position:absolute;
	top:0;
	left:400px;
	width:72px;
	height:32px;
	cursor:pointer;
    
    background:url("../img/icon_search.gif") no-repeat center #4D90FE;
	
    border:0;
	border-radius:0 2px 2px 0;
    border-bottom-left-radius:0;
    border-bottom-right-radius:2px;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    box-shadow:0 2px 6px rgba(0,0,0,0.3);
	
    text-align:center;
    vertical-align:top;
	text-indent:-9999px;
}
.searchbutton:hover {
	background-color:#357ae8;
	background:url("../img/icon_search.gif") no-repeat center,
	-moz-linear-gradient(top,#4d90fe,#357ae8);
	background:url("../img/icon_search.gif") no-repeat center,
	-webkit-linear-gradient(top,#4d90fe,#357ae8);
}
.searchbutton:focus{
	border:1px solid transparent;
	box-shadow:0 2px 6px rgba(0,0,0,0.3),inset 0 0 0 1px rgba(255,255,255,0.5);
	outline:none
}
.searchbutton:active{
	box-shadow:0 2px 6px rgba(0,0,0,0.3),inset 2px 0 6px -1px rgba(0,0,0,0.3)
}
/* ---------------------------------------------------
  ad_box
-------------------------------------------------- */
#ad_box {
    position: absolute;
    z-index: 9999;
    right: 0;
	padding:0 10px 0 0;
    top: 100px;
    text-align: right;
    display: block;
}
/* ---------------------------------------------------
-------------------------------------------------- */

/* ---------------------------------------------------
  loading
-------------------------------------------------- */
#loading {
    z-index: 99999;
    top: 40%;
    left: 45%;
    position: absolute;

}
/* ---------------------------------------------------
-------------------------------------------------- */