@charset "utf-8";

* { margin: 0; padding: 0; }

body {
background-color: #fff; 
font-family:font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif;
color: #555;
}

img { border: none; }

a:link, a:visited { text-decoration:none; color:blue;}

/* header, footer, section, aside, nav, article { display: block; } */

#page {
width: 936px;
position:relative;
margin: 0 auto;
}

#header {
width:100%;
background-color: #fff;
float:left;
}

.nav {
clear:both;
text-align:center;
float:left;
margin:1px;
}

.nav-top {
float:right;
margin:1px;
}

.nav-top a {
padding:2px 2px 3px 3px;
font-size:0.9em;
}

.nav-main {
margin:0;
padding:0;
float:left;
background-color:#eee;
width:100%;
}

.adv-top {
margin:1px auto;
padding:2px 0;
background-color:#fff;
float:left;
width:100%;
text-align:center;
height:98px;
/*border-bottom:1px solid #fff;*/
}

#top {
clear:both;
width:100%;
float:left;
}

#body {
clear:both;
margin:4px 0 0 0;
float:left;
width:100%;
}

#footer {
clear:both;
text-align:center;
margin:2px;
padding:4px;
border-top:1px solid #ddd;
}

#charts {
clear:both;
width:100%;
text-align:center;
}

#menus {
clear:both;
width:100%;
margin:2px;
text-align:center;
float:left;
}

#left {
float:left;
width:172px;
text-align:left;
height:600px;
background-color: #fff;
/*
border: 1px solid #eee;
-webkit-box-shadow: 0px 0px 10px #777;
-moz-box-shadow: 0px 0px 10px #777;
box-shadow: 0px 0px 10px #777;
*/
}

#right {
float:right;
width:172px;
text-align:left;
height:600px;
background-color: #fff;
/*
border: 1px solid #eee;
-webkit-box-shadow: 0px 0px 10px #777;
-moz-box-shadow: 0px 0px 10px #777;
box-shadow: 0px 0px 10px #777;
*/
}

#main {
float:left;
width:560px;
text-align:left;
margin:0 10px;
background-color: #fff;
/*
border: 1px solid #eee;
-webkit-box-shadow: 0px 0px 10px #777;
-moz-box-shadow: 0px 0px 10px #777;
box-shadow: 0px 0px 10px #777;
*/
}

.chart {
margin:28px 8px 8px 8px;
padding:2px;
}

.menu {
clear:both;
text-align:center;
float:right;
padding:5px 1px;
border-bottom:1px solid #ddd;
width:100%;
}

.menu a {
padding:2px 2px 3px 3px;
}


.nav ul {
float:left;
margin:0 auto;
padding:2px;;
list-style-type:none;
}

.nav ul li {
margin:0;
padding:0;
float:left;
text-align:center;
}

.nav ul li a:link, .nav ul li a:visited {
display:block;
text-decoration:none;
font-size:1.0em;
font-weight:normal;
background-color:#ddd;
position: relative; /* for IE6 */
color: blue;
padding:3px 6px 3px 6px;
font-weight: bold;
margin:1px;
}

/*
nav ul li:nth-child(odd) a, nav ul li:nth-child(odd) a:visited {
background-color:#ddd;
}
*/

.nav ul li a:hover {
background-color:#bbb;
}





table {
clear:both;
width:100%;
border-collapse:collapse;
border-spacing:0;
border:1px solid #e6e6e6;
background:#fafafa;
margin:0px 1px;
margin-left: auto;
margin-right: auto;
}
td, th {
padding:.25em 0.5em;
border:1px solid #e6e6e6;
vertical-align:middle;
text-align:center;
font-weight:normal;
color:#666;
font-size:0.85em;
}
tr:nth-child(even) {
background: #fff;
}
thead th, tfoot td {
background: #f3f3f3;
color:#333;
text-align:left;
font-size:1em;
font-weight:bold;
padding:.5em .5em;
}


.logo-img {
float:left;
}















.forecast {
clear:both;
width:96%;
margin:6px auto;
}

ul,
li {
margin:0; padding:0;
list-style:none;
}

#forecast {
margin:0 0 20px 0; padding:0;
}

ul.tabnav {
overflow:hidden;
}

ul.tabnav li {
margin:0;
padding:0;
float: left;
text-align: center;
}

ul.tabnav li a {
padding: 6px 12px;
background-color:#eee;
color:#000;
text-decoration:none;
display: block;
width: 30px;
margin:1px;
}

ul.tabnav li a.selected {
background-color:#bbb;
color:#fff;
}
ul.tabnav li a:hover {
background-color:#aaa;
color:#fff;
}

div.tabs div {
margin:0; padding:10px;
background-color:#bbb;
color:#fff;
}

div.tabs div h2 {
margin:10px 0;
}



.content {
margin:1px;
padding:1px;
text-align:center;
}

.content .title {
margin:4px auto;
text-align:center;
margin-bottom:5px;
padding:4px;
background-color:#F4F4F4;
}

.content .title h2,.content .title h3 {
margin:0px;
padding:4px;
}





.forecasttable {
margin:8px;
padding:4px;
text-align:center;
}

.forecasttable h2,.forecasttable h3 {
margin:0px;
padding:4px;
text-align:center;
background-color:#FAFAFA;
}

.forecasttable .forecast {
margin:0 auto;
margin-top:8px;
padding:6px;
text-align:center;
}

.forecasttable .figure {
margin:0 auto;
border: none;
}


/*
table.forecast{
border:1px solid #505050;
border-collapse:collapse;
border-spacing:0;
width: 100%;
}

table.forecast th{
border:1px solid #505050;
color:#ffffff;
background-position:left top;
padding:0.3em 1em;
text-align:center;
background-color:#A0A0A0;
}

.forecast td{
border:1px solid #505050;
padding:4px;
background-color:#C0C0C0;
text-align:center;
}

.forecast td.rate{
color:#000000;
background-color:#DCDCDC;
text-align:center;
}

.forecast td.high{
color:#000000;
background-color:#DCDCDC;
text-align:center;
}

.forecast td.low{
color:#000000;
background-color:#DCDCDC;
text-align:center;
}

.forecast td.buy{
color:#ffffff;
background-color:#1010af;
text-align:center;
}

.forecast td.sell{
color:#ffffff;
background-color:#af1010;
text-align:center;
}

.forecast td.none{
text-align:center;
}


.forecast td.currency{
text-align:left;
}
*/

.buy{
color:blue;
text-align:center;
}

.sell{
color:red;
text-align:center;
}

.none{
text-align:center;
}










form {
	display: block;
	clear: both;
	background: #fafafa;
	padding: 1em;
	text-align:left;
}
fieldset {
	padding: 1em;
	margin: 0 0 1em 0;
	border: 1px solid #e6e6e6;
	background: #f3f3f3;
}
legend {
	padding: .5em 1em;
	border: 1px solid #e6e6e6;
	background: #fff;
	font-size: 22px;

}
label {
	padding: 0 1em 0 0;
	color: #454545;
	font-weight: normal;
	width:100%;
	float:left;
}
input, textarea, button {
	font-family: Helvetica, Arial, sans-serif;
	padding: 1px 1px;
	border: 1px solid #e5e5e5;
	color: #454545;
	font-size: 1em;
	line-height: 1.0em;
}
input[type=text], input[type=password], input[type=submit], textarea {
	clear: both;
	display: block;
	padding: .25em .5em;
}
input[type=text], input[type=password], textarea {
	width: 97%;
	margin: .5em 0 1em 0;
	padding:.25em .5em;
}
input[type=submit], input[type=button], input[type=reset], input[type=file], button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: .5em 1em;
	margin: 0 .75em 0 0;
	background-color: white;
	color: black !important;
	border: 1px solid #e5e5e5 !important;
	cursor: pointer;
}
select {
	clear: both;
	display: block;
	margin: .5em 0 1em 0;
}
div.checkbox {
	clear: both;
	padding: 1em 0;
}
.checkbox label {
	display: inline;
}
input[type=submit] {
	margin: 1em inherit;
	border: none;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	width:100%;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	border-color: #00a8e6;
	outline: none;
}




.bbs {
margin:4px 0 ;
margin-bottom:5px;
padding:12px;
background-color:#fafafa;
text-align:left;
}

.bbs .head {
}

.bbs .head .date {
float:left;
width:150px;
padding:0;
margin:0;
padding-bottom:6px;

}

.bbs .head .handle {
float:right;
width:360px;
text-align:right;
padding:0;
margin:0;
padding-bottom:6px;
}


.bbs .title {
clear:both;
margin:0px;
margin-top:4px;
padding:4px;
text-align:center;
background-color:#fff;

}

.bbs .content {
margin:0px;
margin-top:4px;
padding:10px;
text-align:left;
background-color:#FFFFFF;
}

.bbs .content pre {
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */
}