/*================Report Screen=================*/
#report {
	width: 800px;
	margin-left: 80px;
}

#report h2,
#report h3,
#report h4 {
	color: #630;
}

#report h2 {
	margin-bottom: 20px;
	font-size: 138.5%;
}

#report hr {
	display: none;
}
.button-rounded {
    background-color: #F7C520;
    height: 30px;
    width: auto;
    text-align: center;
    font-weight:bold;
    font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','HiraKakuPro-W3','メイリオ','Meiryo',Osaka,'MS UI Gothic', Verdana, Arial, Helvetica, sans-serif;
}
canvas{
	margin-left: 10px;
}

.row-fluid {
    width: 100%;
    *zoom: 1;
    margin-top: 15px;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    margin-left: 2.564102564102564%;
    *margin-left: 2.5109110747408616%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%;
  }
  .row-fluid .span11 {
    width: 91.45299145299145%;
    *width: 91.39979996362975%;
  }
  .row-fluid .span10 {
    width: 82.90598290598291%;
    *width: 82.8527914166212%;
  }
  .row-fluid .span9 {
    width: 74.35897435897436%;
    *width: 74.30578286961266%;
  }
  .row-fluid .span8 {
    width: 65.81196581196582%;
    *width: 65.75877432260411%;
  }
  .row-fluid .span7 {
    width: 57.26495726495726%;
    *width: 57.21176577559556%;
  }
  .row-fluid .span6 {
    width: 48.717948717948715%;
    *width: 48.664757228587014%;
  }
  .row-fluid .span5 {
    width: 40.17094017094017%;
    *width: 40.11774868157847%;
  }
  .row-fluid .span4 {
    width: 31.623931623931625%;
    *width: 31.570740134569924%;
  }
  .row-fluid .span3 {
    width: 23.076923076923077%;
    *width: 23.023731587561375%;
    padding-top: 6px;
  }
  .row-fluid .span2 {
    width: 14.52991452991453%;
    *width: 14.476723040552828%;
  }
  .row-fluid .span1 {
    width: 5.982905982905983%;
    *width: 5.929714493544281%;
  }
  .row-fluid .offset12 {
    margin-left: 105.12820512820512%;
    *margin-left: 105.02182214948171%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.56410256410257%;
    *margin-left: 102.45771958537915%;
  }
  .row-fluid .offset11 {
    margin-left: 96.58119658119658%;
    *margin-left: 96.47481360247316%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.01709401709402%;
    *margin-left: 93.91071103837061%;
  }
  .row-fluid .offset10 {
    margin-left: 88.03418803418803%;
    *margin-left: 87.92780505546462%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.47008547008548%;
    *margin-left: 85.36370249136206%;
  }
  .row-fluid .offset9 {
    margin-left: 79.48717948717949%;
    *margin-left: 79.38079650845607%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.92307692307693%;
    *margin-left: 76.81669394435352%;
  }
  .row-fluid .offset8 {
    margin-left: 70.94017094017094%;
    *margin-left: 70.83378796144753%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.37606837606839%;
    *margin-left: 68.26968539734497%;
  }
  .row-fluid .offset7 {
    margin-left: 62.393162393162385%;
    *margin-left: 62.28677941443899%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.82905982905982%;
    *margin-left: 59.72267685033642%;
  }
  .row-fluid .offset6 {
    margin-left: 53.84615384615384%;
    *margin-left: 53.739770867430444%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.28205128205128%;
    *margin-left: 51.175668303327875%;
  }
  .row-fluid .offset5 {
    margin-left: 45.299145299145295%;
    *margin-left: 45.1927623204219%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.73504273504273%;
    *margin-left: 42.62865975631933%;
  }
  .row-fluid .offset4 {
    margin-left: 36.75213675213675%;
    *margin-left: 36.645753773413354%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.18803418803419%;
    *margin-left: 34.081651209310785%;
  }
  .row-fluid .offset3 {
    margin-left: 28.205128205128204%;
    *margin-left: 28.0987452264048%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.641025641025642%;
    *margin-left: 25.53464266230224%;
  }
  .row-fluid .offset2 {
    margin-left: 19.65811965811966%;
    *margin-left: 19.551736679396257%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.094017094017094%;
    *margin-left: 16.98763411529369%;
  }
  .row-fluid .offset1 {
    margin-left: 11.11111111111111%;
    *margin-left: 11.004728132387708%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.547008547008547%;
    *margin-left: 8.440625568285142%;
  }
.marginBottom10 {
	margin-bottom: 10px !important;
}
.marginBottom0 {
	margin-bottom:0 !important;
	clear:both;
}
.font16 {
	font-size:16px !important;
}
.reportMap{
	width: 370px;
	position: relative;
	float:left;
}
.reportValue {
	color:blue;
	text-align:center;
	margin-bottom: 20px;
}
.report_chart_title{
	text-align:center;
}
.report-chart{
	width:230px;
	float:left;
	position: relative;
}
.reportChartPercent{
	width:50px;
	height:50px;
	line-height: 50px;
	background: #33ACCB;
	color:white;
	text-align: center;
	border-radius:25px;
	font-size:16px;
	font-weight: bold;
	position: absolute;
	top:40%;
	right:15px
}
.report-deliver-no-0 {
	width:200px;
	position: absolute;
	top:10px;
	right:20px;
}
.report-deliver-no {
	width:300px;
	position: absolute;
	top:10px;
	right:200px;
}
#chart_div0{
	width:230px;
	margin-left:70px;
}
.report-gender{
	float: left;
    margin-top: 60px;
    position: relative;
    width: 270px;
}
.fLeft{
	float:left;
}
#chart_div6{
	width:220px;
	margin-left:50px;
	margin-top:65px;
}
.report-gender-img{
	position: absolute;
	top:90px;
	left:30px;
}
.report-female-img{
	margin-top:17px;
}
#reportPercentMale{
	position: absolute;
	z-index: 999999;
	top:10px;
	left:94px;
	font-size:24px;
	color:black;
	text-align:center;
}
#reportPercentFemale{
	position: absolute;
	z-index: 999999;
	top:75px;
	left:94px;
	font-size:24px;
	color:black;
	text-align:center;
}
#reportPercentUnknowFemale{
	position: absolute;
	z-index: 999999;
	top:140px;
	left:94px;
	font-size:24px;
	color:black;
	text-align:center;
}

.report-loading{
	position: absolute;
	top:75px;
	left:83px;
}
#loading-male-img{
	position: absolute;
	top:30px;
	left:65px;
}
#loading-female-img{
	position: absolute;
	top:130px;
	left:65px;
}
#loading-unknow-sex-img{
	position: absolute;
	top:140px;
	left:65px;
}
.report-unknow_address_title{
	position: absolute;
    z-index: 100;
    font-size:12px;
    top:20px;
    left:0px;
    font-size: 16px;
    font-weight: bold;
    width:63px;
    height:42px;
    text-align: center;
    line-height: 42px;
}
#reportMap1 {
    position: absolute;
    z-index: 100;
    font-size:12px;
    top:1px;
    left:210px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    width:63px;
    height:42px;
    text-align: center;
    line-height: 42px;
}
#reportMap2 {
    position: absolute;
    z-index: 100;
    font-size:12px;
    top:106px;
    left:188px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    width:63px;
    height:42px;
    text-align: center;
    line-height: 42px;
}
#reportMap3 {
    position: absolute;
    z-index: 100;
    font-size:12px;
    top:175px;
    left:135px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    width:63px;
    height:42px;
    text-align: center;
    line-height: 42px;
}
#reportMap4 {
    position: absolute;
    z-index: 100;
    font-size:12px;
    top:211px;
    left:305px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    width:63px;
    height:42px;
    text-align: center;
    line-height: 42px;
}
#reportMap5 {
    position: absolute;
    z-index: 100;
    font-size:12px;
    top:213px;
    left:55px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    width:63px;
    height:42px;
    text-align: center;
    line-height: 42px;
}
#reportMap6 {
    position: absolute;
    z-index: 100;
    font-size:12px;
    top:309px;
    left:235px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    width:63px;
    height:42px;
    text-align: center;
    line-height: 42px;
}
#reportMap7 {
    position: absolute;
    z-index: 100;
    font-size:12px;
    top:333px;
    left:145px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    width:63px;
    height:42px;
    text-align: center;
    line-height: 42px;
}
#reportMap8 {
    position: absolute;
    z-index: 100;
    font-size:12px;
    top:361px;
    left:3px;
    font-size: 16px;
    font-weight: bold;
    color: white;
    width:63px;
    height:42px;
    text-align: center;
    line-height: 42px;
}
#reportMap9 {
    position: absolute;
	z-index: 999999;
	top:0px;
	left:75px;
	font-size:24px;
	color:black;
	text-align:center;
}

#reportMap1 img,#reportMap2 img,#reportMap3 img,#reportMap4 img,#reportMap5 img,#reportMap6 img,#reportMap7 img,#reportMap8 img{
	margin-left: 20px;
    margin-top: 15px;
}
li {
    list-style: none outside none;
}
.btn-header {
	position: absolute;
	right: 0px;
	width: 700px !important;
}
.btn-header li {
    float: left;
    padding: 4px 3em;
    line-height: 20px;
}
.btn-header li:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  line-height: 20px;
  border-radius: 4px 4px 4px 4px;
  cursor: pointer;
}
.btn-header li a:hover{
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  line-height: 20px;
}
.btn-login {
	width:130px;
}
.btn-logout {
	width:130px;
}
.login-btnTop{
	padding: 4px 2.5em !important;
}
.login-div .span9 {
	margin-top: -20px;
}
/*============register screen================*/
.form_title p{
	width:200px;
	float:left;
	margin-left: 10px;
	margin-bottom: 0 !important;
	height:37px;
	border-right:1px solid #ccc;
}
.form_title{
	line-height: 29px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.inputtext{
	/*width:65%;
	font-size: 16px;
	background-color:transparent !important;
	border: 0px solid !important;
	box-shadow: none !important;*/
}

.alert-danger, .alert-error{
	color: red !important;
    position: absolute;
    left: 410px;
    margin-top: -17px;
}
.form_faq p{
	width:200px;
	float:left;
	margin-left: 10px;
	margin-bottom: 0 !important;
	height:85px;
	border-right:1px solid #ccc;
}
.form_faq{
	line-height: 85px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.faq_content{
	background-color: transparent !important;
    border: 0 solid !important;
    box-shadow: none !important;
    font-size: 16px;
    width: 68%;
    margin-bottom:0 !important;
}
.faq_checkbox{
	float:left;
}
.faq_checkbox_sub{
	height:28px;
	line-height: 25px;
	margin-left: 10px;
}
/*============register confirm screen================*/
.form_title2{
	line-height: 37px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.form_title2 p{
	width:200px;
	float:left;
	margin-left: 10px;
	margin-bottom: 0 !important;
	height:37px;
	border-right:1px solid #ccc;
}
.form_title2 span{
	margin-left: 10px;
}
/*================Agreement Screen=================*/
.Agreement_title1{
	color: #963;
}
.Agreement_font1{
	font-size: small;
}
/*================Profile Screen=================*/
.profile_button{
	outline: none;
	text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius:25px;
	border:none;
	box-shadow:inset 0px 1px 3px #000000;
	-moz-box-shadow:inset 0px 1px 3px #000000;
	-webkit-box-shadow:inset 0px 1px 3px #000000;
	background: #f89406;
}
.profile_button:hover{
	background: #fbb450;
}

/* Clicked Menu */
.menu_top_clicked{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
/*==============*/
/* Jquery datetime picker dialog */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
/*==================================================*/

/*================error Screen=================*/
.error{
	height:300px;
}

/*=========== Hightlight menu===========*/
.highlight_menu_top{
	color: #333333;
	text-decoration: none;
	font-size: 20px;
}

/*------------------------------------------------------------ Report ----------------------------------------------------*/

#tabs1
{
	overflow: auto;
	width: 100%;
	list-style: none;
	margin: 0;
}
#tabs1 ul {
	margin-bottom: 10px;
	height: 60px;
	padding: 5px 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#tabs1 li
{
	margin: 0;
	float: left;
	padding: 0 3px 0;
	font-size: 18px;
	border-right: solid 1px #ccc;
}
#tabs1 li.last
{
	border: none;
}
#tabs1 li a
{
	display: block;
	width: 260px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	background: #fff;
}
#tabs1 li a:hover
{
	background: #fff5cc;
	text-decoration: none;
}
#tabs1 a:focus
{
	outline: 0;
}

li {
    list-style: none outside none;
}

#tabs1 li.current a
{
	background: #fc0;
}
#tabs-0, #tabs-1, #tabs-2
{
	overflow-x: hidden;
	overflow-y: hidden;
}
.tab-contents {
	overflow: hidden;
	border: solid 1px #ccc;
	padding-left: 50px;
	position:relative;
}

.node rect {
  cursor: move;
  fill-opacity: .9;
  shape-rendering: crispEdges;
}

.node text {
  pointer-events: none;
  text-shadow: 0 1px 0 #fff;
}

.link {
  fill: none;
  stroke: #000;
  stroke-opacity: .2;
}

.link:hover {
  stroke-opacity: .5;
}

#map-canvas {
	height: 800px;
	width: 700px;
	margin: auto;
}

#map-canvas .gmnoprint {display:none;}

#map-canvas a,
#map-canvas a img {
    display: none;
}

#map-canvas .gm-style a{
	opacity:0;
	pointer-events: none;
    cursor: default;
}

.ui-tabs .ui-tabs-hide {
    position: absolute;
    left: -10000px;
}

form .error{
	height:auto;
	color:red;
}