@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------

	HTML5 :: module.css
	2013.7 accelight
	
-------------------------------------------------------------------------------*/
/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */
 
/*-------------------------------------------------------------------------------
　ページ要素	
-------------------------------------------------------------------------------*/

/* フォント、色
------------------------------------*/
body { /*font-family: "メイリオ", "Meiryo", "MS UI Gothic", verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; */
background: #000; /*#373d41*/; font-family: "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; line-height: 1.65; font-size: 82%; }
body,
select,
input,
textarea { color: /*#333;*/ }
a { color:#597880; text-decoration: none; }
a:hover { color:#86b4bf; }


/* Custom text-selection colors */
::-moz-selection {
background: #042e39;
color: #fff;
text-shadow: none;
}
::selection { background: #042e39; color: #fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #515e3d; }
ins { background-color: #515e3d; color: #fff; text-decoration: none; }
mark { background-color: #515e3d; color: #fff; font-style: italic; font-weight: bold; }
img { vertical-align: bottom; }

/*----------- 包含ブロック ----------*/
#wrap { width: 960px; margin: 0 auto; background: #373d41; overflow: hidden; }
form { background: #373d41; }
#left_parts { width: 350px; float: left; margin: 15px 0 0 0; }
#right_parts { width: 380px; float: right; margin: 15px 0 0 0; }


/*----------- header ----------*/
header { height: 70px; background: #102747; margin-bottom: 20px; }
#header { top:20px; width: 100%;display: block !important; z-index: 1; }
#header_inner { width: 960px; height: 70px; margin: 2px auto; }
#header_inner h1 {  margin: 5px 0 10px 10px; float: left; display: block; }
#header_inner h1 a { display: block; width: 150px; height: 40px; background: url(../img/h1_title_logo.png) 0 0 no-repeat; text-indent: -9999px;}
#header_inner h1 a:hover { opacity: 0.7; }
#header_inner h1 span{ display: block; width: 150px; height: 40px; background: url(../img/h1_title_logo.png) 0 0 no-repeat; text-indent: -9999px;}
#header_inner #display_username { float: left; text-align: center; color: #fbfcfd; height: 20px; margin: 5px 0 10px 0; padding: 10px 10px 10px; }
#header_inner #display_username1 { float: left; text-align: center; color: #fbfcfd; height: 1.5em; padding: 4px; }

#header_inner #logout { width: 180px; height: 40px; background: #43041A url(../img/logout_button.png) 0 0 no-repeat; cursor: pointer; text-indent: -9999px;  margin: 5px 10px 10px 0; }
#header_inner #logout:hover { background: #7B5563 url(../img/logout_button.png) 0 -40px no-repeat; }

#header_menubtn { top: 20px; padding-right: 0px; margin-right: 0px; right: 0px; }
#header_userbtn { margin-top: 10px; float: right !important; }
/*.header_indent { top:70px; margin-top: 10px;margin-bottom: 80px;}*/
/*----------- g-nav ----------*/
#g-nav { float: left; }
#g-nav ul li { width: 175px; margin: 0 0 10px -5px ; line-height: 1.2; position: relative; } 
#g-nav ul li a ,#g-nav .g-nav_master { color: #fbfcfd; display: block; padding: 10px 20px 10px 10px; background: #042e39  url(../img/arrow_icon.png) 0 -2px no-repeat; }
#g-nav ul li a:hover , #g-nav .g-nav_master:hover, #g-nav .active span, #g-nav li.current_section a , #g-nav .g-nav_master.current_section { background: #597880 url(../img/arrow_icon.png) 0 -2px no-repeat; cursor: pointer; }
#g-nav ul li ul { position: absolute; top: 0; left: 100%; z-index:100000; }
#g-nav ul li ul li { margin :0; overflow: hidden; width: 0; opacity: 0; transition: opacity 0.3s ease 0s; }
#g-nav ul li:hover ul li { overflow: visible; width: 150px; opacity: 1; }
#g-nav .active ul li  { overflow: visible; width: 150px; opacity: 1; }

/*----------- g-navr ----------*/
#headerinner #display_username { color: #fbfcfd; height: 20px; margin: 5px 0 15px 10px; padding: 10px 10px 10px; }
#headerinner #logout { width: 150px; height: 40px; background: url(../img/logout_button.png) 0 0 no-repeat; cursor: pointer; text-indent: -9999px;  margin: 5px 0 10px 10px; }
#headerinner #logout:hover { background: url(../img/logout_button.png) 0 -40px no-repeat; }

#g-navr { float: left;}
#g-navr ul li { width: auto; margin: 0 0 10px 10px ; line-height: 1.2; position: relative; } 
#g-navr ul li a ,#g-navr .g-nav_master { color: #fbfcfd; display: block; padding: 10px 0 10px 20px; background: #042e39  url(../img/arrow_icon1.png) 0 -2px no-repeat; }
#g-navr ul li a:hover , #g-navr .g-nav_master:hover, #g-navr .active span, #g-navr li.current_section a , #g-navr .g-nav_master.current_section { background: #597880 url(../img/arrow_icon1.png) 0 -2px no-repeat; cursor: pointer; }
#g-navr ul li ul { position: absolute; top: 0; right: 100%; z-index:100000; }
#g-navr ul li ul li { margin :0; overflow: hidden; width: auto; opacity: 0; transition: opacity 0.3s ease 0s; }
#g-navr ul li:hover ul li { overflow: visible; width: 150px; opacity: 1; }
#g-navr .active ul li  { overflow: visible; width: 100%; opacity: 1; }

#g-navrUser { float: left; z-index: 10; background-color: #102747; padding-right: 5px; left: -50px;}
#g-navrUser ul li { width: 180px; margin: 0 0 10px 10px ; line-height: 1.2; position: relative; } 
#g-navrUser ul li a ,#g-navr .g-nav_master { color: #fbfcfd; display: block; padding: 10px 0 10px 20px; background: #042e39  url(../img/arrow_icon1.png) 0 -2px no-repeat; }
#g-navrUser ul li a:hover , #g-navr .g-nav_master:hover, #g-navr .active span, #g-navr li.current_section a , #g-navr .g-nav_master.current_section { background: #597880 url(../img/arrow_icon1.png) 0 -2px no-repeat; cursor: pointer; }
#g-navrUser ul li ul { position: absolute; top: 0; right: 100%; z-index:100000; }
#g-navrUser ul li ul li { margin :0; overflow: hidden; width: auto; opacity: 0; transition: opacity 0.3s ease 0s; }
#g-navrUser ul li:hover ul li { overflow: visible; width: 150px; opacity: 1; }
#g-navrUser .active ul li  { overflow: visible; width: 100%; opacity: 1; }

/*----------- article ----------*/
article {width: 745px; min-height: 800px; margin: 0 10px 30px 5px; padding: 0 0 10px 0; background: #f0f1f2; }

/*----------- section ----------*/ 
.home section {margin:10px 0 0 0;}
.graph_view section,
.graph_config section { margin: 15px 0 0 0; }
section div { margin: 0 0 10px 0; }
section h1 , section h2 , section h3 { margin: 5px 0 5px 0; }
section h1 { color: #102747; font-size: 113%; border-bottom: 2px solid #102747; padding: 0 0 5px 23px; background: url(../img/circle_icon.png) 8px 5px no-repeat; }

/*----------- section dl ----------*/
section dl { margin: 0 10px 0 10px; border-top: 1px dotted #CCC; clear: both; }
section dl:first-of-type { border-top: none; }
section dt,
section dd { padding: 5px 0 5px 0; margin-bottom: -.0rem;}
section dt { width: 120px; float: left; font-weight: initial; }
section dd { float: left; }

/*----------- error ----------*/
.error { color: #9e1709; padding: 0 0 0 20px; clear: both; }

@-webkit-keyframes flash {
0%, 25%, 50%, 75%, 100% {opacity: 1;}
12.5%, 37.5%, 62.5%, 87.5% {opacity: 0.6;}
}

@-moz-keyframes flash {
0%, 25%, 50%, 75%, 100% {opacity: 1;}
12.5%, 37.5%, 62.5%, 87.5% {opacity: 0.6;}
}

@-o-keyframes flash {
0%, 25%, 50%, 75%, 100% {opacity: 1;}
12.5%, 37.5%, 62.5%, 87.5% {opacity: 0.6;}
}

@keyframes flash {
0%, 25%, 50%, 75%, 100% {opacity: 1;}
12.5%, 37.5%, 62.5%, 87.5% {opacity: 0.6;}
}

.error {

-webkit-animation-duration: 3.5s;
-moz-animation-duration: 3.5s;
-o-animation-duration: 3.5s;
animation-duration: 3.5s;

-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;

-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;

-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;

}

/*----------- footer ----------*/
footer { clear: both; height: 35px; background: #030000; }
#footer_inner { width: 960px; margin: 0 auto; height: 35px; }
#footer_inner p { color: #fbfcfd; font-size: 80%; text-align: right; padding: 15px 20px 0 0; }


/*-------------------------------------------------------------------------------
　パーツ
-------------------------------------------------------------------------------*/

/*----------- table ----------*/
table { width: 100%; background: #f5f5f5; }
table tr { border: 1px dotted #ccc; }
table tr:nth-child(odd) { background-color: #f0f0f0; }
table th,
table td { padding: 5px; }
table th { background: #dbdbdb; padding: 5px; border-left: 1px dotted #ccc; border-bottom: 1px solid #c2c2c2; text-align: center;}
table tr:first-of-type th { border-bottom: 1px solid #a6a6a6; }
table td { border-left: 1px dotted #ccc; }
table tr.disabled_item { background: #b3a5a9; }
table tr.active_item { background: #b6cfed; }
table tr.disabled_item.active_item { background: #bdb6ed; }

.clickable_table tr:hover th, .clickable_table tr:hover td { background: #c1dde5; cursor: pointer; }
.clickable_table tr:first-of-type:hover th, .clickable_table tr:first-of-type:hover td .clickable_table { background: inherit; cursor: default; }
.clickable_table tr:first-of-type:hover th { background: #dbdbdb; }

/*----------- button input label ----------*/
.button { clear: both; text-align: center; padding: 10px 0 15px 0; }
button.ui-datepicker-trigger { width: 21px; height: 22px; background: url(../img/calendar_icon.png) 0 0 no-repeat; padding: 0; text-indent: -9999px; border: none; margin: 1px 0 0 5px; }
button.ui-datepicker-trigger:hover { opacity: 0.7; }
button , input[type="button"] { font-family: "Lucida Grande", "segoe UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif; font-size: 88%; margin: 0 10px 0 10px; padding: 1px 3px; line-height: normal; vertical-align: middle; }
input[type="checkbox"] { margin: 0 4px 4px 0; }
label { padding: 3px 11px 3px 4px; border-radius: 5px; line-height: 1.7; margin-bottom: .0rem;}
label:hover { background: #dedfe0; }
input#keyword { height: 25px; width: 190px; float: right; }
input[type="radio"] { margin: 0 5px 2px 0; }

/*----------- tab ----------*/
ul.tab { width: 100%; overflow: hidden; clear: both; margin-bottom: 0rem;}
ul.tab li { padding: 7px 0; float:left; border: 1px solid #ccc; border-bottom: none; border-radius: 5px 5px 0 0; text-align: center; background: #ccc; }
ul.tab li:hover { background: #c1dde5; cursor: pointer; }
.tab_col2 li { width: 48.5%; }
.tab_col3 li { width: 32%; }
.tab_col4 li { width: 23.75%; }
.tab_col5 li { width: 18.8%; }
.tab_col6 li { width: 15.5%; }
ul.tab li.selected { background: #b6cfed; }
ul.tab li.selected:hover { cursor:default; }

/*----------- 項目選択ボックス　（facility）  ----------*/
#dropdown_facility { padding: 10px 0 10px 10px; color:#597880; border-bottom: 3px solid #373D41; }
#show_facility_comment { padding: 10px 0 0 10px; color: #597880; }
select[name="condition_category"] { width:190px; margin: 0 20px 0 0px; }
select[name="condition_client"] { width: 190px; margin: 0 20px 0 10px; }
select[name="facilities_list"] { width: 320px; margin: 0 10px 0 0; }

/*----------- jquery treeview ----------*/
/*.treeview li.collapsable, .treeview li.expandable { background-position: 0 -170px; }
.treeview .hitarea { margin: 6px 0 0 -20px; }*/
@media print {
  @page {
  margin: 0;
	}
  header {
    top: 0;
  }
  footer {
    top: 0;
  }  

  /* for printing out - assume 8.5x11inches  */
  #chartdiv {
    max-height: 612px;
    max-width: 700px;
  }
}

.moreSpace{
	margin-left:25px;
}

@media only screen and (max-width: 990px){
	.moreSpace{
		margin-left:0px !important;
	}
}

input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: inner-spin-button !important;
}