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


#graphplot{
	width:840px;
	padding:0;
	margin:10px 0 0 0;
	font-size:12px;
}

/* 上書き */
#mid-content{
	width:840px;
	margin-bottom:60px;
}
table{
  /*margin: .5em 0 1em;*/
  margin:0 auto .4em;
  /*border-bottom: 3px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;*/
  border:none;
  font-size: 0.7em;
}
table th{
	padding:.7em .3em;
	text-align:center;
	font-weight:bold;
	border:0;
	background:none;
}
table td{
	border:0;
	padding:1px;
}
table tr.odd{
  background: none;
}
table tr:hover{
  background: none;
}
.ui-datepicker .ui-datepicker-title{
	font-size:0.9em;
}


/* ctrl
----------------------------------------------- */
#ctrl{
	border:solid 1px #CCC;
	float:right;
	margin-top:15px;
	margin-right:15px;
	padding:10px;
	width:130px;
	background-color:#FFF;
	/*
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	*/
	color:#666;
}
#ctrl .btn{
	font-size:11px;
	cursor:pointer;
	line-height:15px;
	padding:2px 5px;
}
#ctrl .btn .ui-icon{
	float:left;
	margin-right:5px;
}

#choose{
	border-top:double 3px #CCC;
}
#choose p{
	margin:0 0 5px 0;
	padding:5px 0;
	line-height:1.2em;
	font-weight:bold;
	border-bottom:dotted 1px #CCC;
	text-align:center;
}
#choose img{
	/* width:38px;*/
	float:left;
	margin-right:0px;
	cursor:pointer;
}
#choose #protdate{
	float:right;
	width:80px;
	border:none;
	padding:0;
	margin:0;
	color:#666;
	font-weight:bold;
	background:none;
	font-size:0.9em;
}
#choose span#suntime{
	float:right;
	display:block;
	width:80px;
	font-family: Helvetica, Verdana, 'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','ＭＳ Ｐゴシック', 'Trebuchet MS', Sans-Serif;
	font-size:0.9em;
}
#pickDate{
	font-weight:bold;
	border-bottom:solid 2px #F30;
}

/* graph
----------------------------------------------- */
#graph{
	margin:15px 0;
	margin-left:15px;
	width:630px;
	height:300px;
}

/* jquery.jqplot.css */
.jqplot-target {
	font-family: Helvetica, Verdana, 'ヒラギノ丸ゴ Pro W4','Hiragino Maru Gothic Pro','ＭＳ Ｐゴシック', 'Trebuchet MS', Sans-Serif;
}
.jqplot-axis {
	font-size:x-small;
}
.jqplot-title{
	padding-bottom:20px;
	font-weight:bold;
}
table.jqplot-table-legend{
    /*background-color: rgba(255,255,255,1.0);*/
	background-color:#FFF;
    border: 1px solid #cccccc;
    position: absolute;
	font-size:x-small;
}
td.jqplot-table-legend {
    vertical-align:middle;
	border:none;
}

td.jqplot-table-legend > div {
    border:1px solid #cccccc;
    padding:0.2em;
}
.jqplot-yaxis-tick {
	margin-left:10px;
}
.jqplot-highlighter-tooltip {
	/*
    border: 1px solid #cccccc;
    font-size: 0.75em;
    white-space: nowrap;
    background: rgba(208,208,208,0.5);
	*/
	text-align:center;
    padding: 3px 10px;
    font-size: 10px;
}
.jqplot-highlighter-tooltip .sunsettime{
	font-size:12px;
	font-weight:bold;
}
.ttlperiod{
	font-size:0.9em;
	padding-left:20px;
	font-weight:normal;
}
/* disc
----------------------------------------------- */
div#disc{
	margin:10px 0;
	padding:0 50px 0 50px;
	font-size:1.0em;
}
div#disc ul{
	margin:0;
	padding:0;
	line-height:1.4em;
	color:#666;
}
div#disc li{
	margin:5px 0;
}

div#mainbody{
	margin:30px 0;
	width:600px;
	font-size:1.1em;
}
div#mainbody li{
	margin:0 0 1em 20px;
}

/* fotter
----------------------------------------------- */
#suntimefooter{
	width:840px;
	margin:0;
	padding:0;
}