@charset "UTF-8";

* {
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
	font-weight:normal;
	text-decoration:none;
	line-height:1.0;
}

body {
	color: #333333;
	background:white;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
	"メイリオ", Meiryo,
	Osaka,
	"ＭＳ Ｐゴシック", "MS P Gothic",
	sans-serif;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}

img { /* IEのバグ対策 */
	vertical-align: bottom;
	border:none;
}

/* new clearfix */  
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* Container */

div#Container {
	width:677px;
	text-align:left;
	position:relative;
	margin:10px auto;
	background: url(../images/area_bg.gif) repeat-y;
}

div#Container:after {
	content:"";
	display:block;
	height:0px;
	clear:both;
	overflow: auto;
}

/* Header */

div#Header {
	clear:both;
}

/* Contents */

div#Contents {
	clear:both;
	padding:15px 21px;
}

h1 {
	margin:0 0 5px 0;
}

p {
	font-size:12px;
	line-height:1.5;
}

/* AreaInfo */

div#AreaInfo {
	margin:20px 0 10px 0;
}

div#AreaInfo p {
	width:218px;
	float:left;
}

div#AreaInfo table {
	width:407px;
	float:right;
}

div#AreaInfo table th,
div#AreaInfo table td {
	font-size:12px;
	line-height:1.5;
	vertical-align:top;
	text-align:left;
	padding:0 0 5px 0;
}

div#AreaInfo table th {
	font-weight:bold;
	white-space:nowrap;
}

/* Graph */

div#Graph {
	margin:20px 0 10px 0;
	text-align:center;
}

div#Graph img {
	border:1px solid #CCCCCC;
}

div#Graph p {
	font-size:10px;
	line-height:1.5;
	margin-top:10px;
}



/* BtnClose */

p#BtnClose {
	clear:both;
	text-align:right;
}

p#BtnClose a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* Footer */

div#Footer {
	clear:both;
}