@charset "utf-8";

/************************* clearfix *************************/

/* CSSハック01 */
.clear { clear:both }

/* CSSハック02 */
.clearfix:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
	}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/************************* link *************************/

a:link { color:#000A6D; text-decoration:underline; }
a:visited { color:#6E246D; text-decoration:underline; }
a:hover { color:#6E246D; text-decoration:none; }
a:active { color:#6E246D; text-decoration:none; }
a:focus{ outline:none; }/*fireFoxとかで点線を消す*/

/************************* common *************************/

.img { border:0; margin:0; padding:0; }

body#login,
body#kanri,
body#pass,
body#analyze {
	background-color:#ffffff;
	font-size:100%;
	color:#1d1d1d;
	font-family:
	verdana,
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"Osaka",
	"ＭＳ Ｐゴシック",
	sans-serif;
	margin:0;
	padding:0;
	}
#container {
	font-size: 87.5%;
	margin: 0 auto;
	width: 90%;
	}

#header {
	padding: 20px 10px;
	width: 100%;
	border-top: 8px solid #4169e1;
	border-bottom: 1px solid #cccccc;
	}
#header #logo,
#header #headerTitle { float: left; }
#header #headerNavi { float:right; }
#header #logo { width: 20%; margin:0; padding:0; }
#header #headerTitle { width: 50%; text-align: center; }
#header #headerTitle #title {
	margin: 0; padding:0;
	font-size:220%;
	color:#333333;
	}
#header #headerTitle #id { margin: 5px 0 0; padding:0; }
#header #headerNavi {
	margin:0; padding:0;
	width: 16em;
	text-align:right;
	font-size:86%;
	list-style:none;
	}
#header #headerNavi .li {
	float:left; display:inline;
	margin:5px 0 0 20px;
	}
#header #headerNavi .li a {
	background:url(../images/icon-link.gif) no-repeat left 3px;
	padding-left:11px;
	display:inline-block;
	min-height:11px;
	}
*html #header #headerNavi .li a { height:11px; }

#contents { width:90%; margin:0 auto; }

#footer {
	padding-right: 10px;
	border-top: 1px solid #cccccc;
	text-align: right;
	font-size: 86%;
	margin-top: 60px;
	}

#pan { margin: 10px 0 0 10px; font-size: 86%; }
.fontb { font-size: 128%; }
.fonts { font-size: 86%; }
.mt10 { margin-top:10px; }
.mt40 { margin-top:40px; }

/************************* login *************************/

#login #header { border: none; }
#login #header #logo { float:none; margin:0; padding:0; }
#login #wrapper {
	background:#fffcf5;
	border:1px solid #cccac4;
	margin: 0 auto;
	padding:30px 10px;
	width:650px;
	}
#login #wrapper .input { width: 285px; }
#login #wrapper .btn { margin: 25px auto 0; text-align: center; }
#login #wrapper .input-b { width: 80px; }
#login #wrapper #q-id {
	text-align:center;
	margin:0;
	}
#login #wrapper #title {
	margin:10px auto 30px;
	padding:0 50px;
	font-size:220%;
	color:#333333;
	width:60%;
	text-align:center;
	border-bottom:5px solid #4169e1;
	}
#login #wrapper #text { width:70%; margin:0 auto 5px; color:#4169e1; }
#login #wrapper .table {
	border-collapse:collapse;
	border-spacing:0;
	width:75%;
	margin:0 auto;
	}
#login #wrapper .table .th {
	font-style:normal;
	font-weight:normal;
	width:8em;
	}
#login #wrapper .table .td { text-align:left; }
#login #wrapper .table .th,
#login #wrapper .table .td { padding-top:10px; }

#login #footer {
	text-align: center;
	margin: 10px 0 0 0;
	border: none;
	font-size: 86%;
	}

/************************* top *************************/

.menuBtn { width:60%; margin-left:auto; margin-right:auto; }
.menuBtn .btn {
	clear:both;
	float:left;
	width:180px;
	border:1px solid #cccccc;
	padding:2px;
	}
.menuBtn .btn a {
	border-bottom:2px solid #4169e1;
	background:url(../images/back-btn.gif) no-repeat left top;
	display:block;
	padding:11px 5px 10px 25px;
	text-decoration:none;
	color:#333333;
	}
.menuBtn .btn a:hover { background:url(../images/back-btn-on.gif) no-repeat left top; }

.menuBtn .text { padding:14px 0 0 186px; }

/************************* password *************************/

#pass #wrapper #contents {
	background:#fffcf5;
	border:1px solid #cccac4;
	margin:20px auto 0; padding:20px;
	width:70%;
	}
#pass #wrapper .table {
	border-collapse:collapse;
	border-spacing:0;
	width:70%;
	margin:0 auto;
	}
#pass #wrapper .table .th,
#pass #wrapper .table .th2 {
	font-style:normal;
	font-weight:normal;
	width:8em;
	}
#pass #wrapper .table .td,
#pass #wrapper .table .td2 { text-align:left; }
#pass #wrapper .table .th2,
#pass #wrapper .table .td2 { padding:30px 0 10px; }

#pass #wrapper .input { width: 285px; }
#pass #wrapper .btn { margin: 25px auto 0; text-align: center; }
#pass #wrapper .input-b { width: 80px; }

/************************* analyze *************************/
#analyze #title2 {
	font-size:150%;
	margin:30px auto 0; padding:0 0 2px 5px;
	border-left:10px solid #4169e1;
	border-bottom:1px solid #4169e1;
	width:93%;
	}

#analyze .headline {
	background:#fff4d9 url(../images/icon-4.gif) no-repeat 10px 13px;
	padding:10px 10px 10px 27px;
	margin:20px 0 0;
	}
#analyze .graph {
	width:100%;
	margin:0; padding:0;
	border-collapse:separate;
	}
#analyze .graph .th {
	vertical-align:top;
	background:#fff4d9;
	width:30%;
	padding:10px;
	text-align:left;
	font-weight:normal;
	}
#analyze .graph .td {
	vertical-align:top;
	width:70%;
	padding:10px;
	}
	
#analyze .graph-inner {
	width:100%;
	border-collapse:collapse;
	}
#analyze .graph-inner thead th,
#analyze .graph2 thead th {
	font-weight:normal;
	text-align:left;
	padding-bottom:10px;
	}
#analyze .graph-inner tbody th {
	font-weight:normal;
	font-size:86%;
	text-align:right; vertical-align:middle;
	width:14em;
	padding:8px 2px;
	}
*+html #analyze .graph-inner tbody th { width:14em; }
#analyze .graph-inner tbody td {
	font-size:86%;
	padding:8px 0;
	border-left:1px solid #333333;
	width: 86em;
	}
*+html #analyze .graph-inner tbody td { width: 86em; }
#analyze .graph-inner tbody td.pie {
	border:none;
	padding-left:30px;
	}
	

#analyze .graph2 {
	width:100%;
	margin:20px 0 0 0; padding:0;
	border-collapse:collapse;
	}
#analyze .graph2 tbody th {
	font-weight:normal;
	font-size:86%;
	text-align:right; vertical-align:middle;
	width:10%;
	padding:4px 2px;
	}
*+html #analyze .graph2 tbody th { width:15%; }
#analyze .graph2 tbody td {
	font-size:86%;
	padding:4px 0;
	border-left:1px solid #333333;
	width: 90%;
	}
*+html #analyze .graph2 tbody td { width:85%; }


#analyze .graph td.jqplot-table-legend,
#analyze .graph td.jqplot-table-legend2 { border:none; }