@charset "UTF-8";
/*============================
header.global
============================*/

header.global nav.local {
	width:100%;
	background:#DDD;
	}
	
header.global nav.local ul {
	max-width:1060px;
	margin:0 auto;	
	}
	
header.global nav.local ul li {
	display:inline-block;
	letter-spacing:0em;
	}
	
header.global nav.local ul li a {
	display:block;
	padding:7.5px 10px;
	color:#333;
	text-decoration:none;
	}
	
header.global nav.local ul li a:hover {
	background:#CCC;
	text-decoration:none;
	}

@media screen and (max-width:1059px) {
header.global nav.local {
	display:none;
	}
	
/*header.global nav.local {
	padding:0 0 8px;
	}

header.global nav.local ul {
	margin:0 auto;
	}
	
header.global nav.local ul li {
	width:50%;
	float:left;
	}
	
header.global nav.local ul li a {
	padding:8px 10px 0;
	font-size:13px;
	}
	
header.global nav.local ul li a:hover {
	background:#DDD;
	}*/
}

/*============================
global
============================*/

.colsGlobal {
	max-width:1060px;
	margin:0 auto 20px;
	}
	
.colsGlobal .mainColumn {
	width:700px;
	margin:0;
	float:left;
	}
	
.colsGlobal .subColumn {
	width:340px;
	margin:0;
	float:right;
	}

@media screen and (max-width:1059px) {
.colsGlobal {
	margin:0 auto 10px;
	padding:0 10px;
	}
	
.colsGlobal .mainColumn {
	width:100%;
	float:none;
	}
	
.colsGlobal .subColumn {
	width:100%;
	float:none;
	}
}

/*============================
#content
============================*/

.h.h-01 {
	padding:5px 10px;
	background:#EEE;
	border-top:2px solid #FF7F00;
	font-size:117%;
	font-weight: bold;
	}

.h.h-02 {
	font-size:110%;
	font-weight:bold;
	}

@media screen and (max-width:1059px) {
.h.h-01 {
	font-size:110%;
	}

.h.h-02 {
	font-size:105%;
	}
}

/*============================
#headlineArea
============================*/
#headlineArea {
  margin-bottom: 30px; }
#headlineArea div.body {
  border: 1px solid #999;
  padding: 14px 14px 4px 14px; }
#headlineArea div.body div.feature div.title {
  font-size: 125%;
  font-weight: bold; }
#headlineArea div.body div.feature p {
  font-size: 117%; }
#headlineArea div.body div.areas ul.area.area1 {
  float: left;
  width: 48%; }
#headlineArea div.body div.areas ul.area.area2 {
  float: right;
  width: 48%; }
#headlineArea div.body div.areas li {
  margin: 0.25em 0; }
#headlineArea div.body ul.link {
  margin-bottom: 0; }

/*============================
#marketArea
============================*/

#marketArea {
	margin:0 0 20px;
	}
	
#marketArea .body {
	border:1px solid #DDD;
	padding:15px 15px 0 15px;
	}
	
#marketArea .body .title {
	font-size:117%;
	font-weight:bold;
	margin:0 0 5px;
	}
	
#marketArea .body .title .val {
	font-size:125%;
	}
	
#marketArea #marketCategory {
	padding-left:1em;
	}

@media screen and (max-width:1059px) {
#marketArea {
	margin:0 0 10px;
	}
	
#marketArea .body {
	padding:10px 10px 0 10px;
	}
	
#marketArea .body .title {
	font-size:110%;
	}
	
#marketArea .body .title .val {
	font-size:120%;
	}
}

/*============================
#newsArea
============================*/

#newsArea dl dt {
	position:absolute;
	width:7.5em;
	}
	
#newsArea dl dd {
	margin-bottom:1em;
	padding-left:8em;
	}
	
#newsArea dl .code {
	font-weight:bold;
	}

@media screen and (max-width:1059px) {
#newsArea {
	margin:0 0 10px;
	}

#newsArea dl dt {
	position: relative;
	width:100%;
	}
	
#newsArea dl dd {
	margin-bottom:10px;
	padding-left:0;
	}
}

/*============================
#meigaraSearch
============================*/
#meigaraSearch {
  height: 70px;
  margin-bottom: 30px;
  border: 1px solid #999;
  padding: 10px;
  background: #fec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
#meigaraSearch form input[type="text"] {
  width: 240px;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 110%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px; }

/*============================
#signalArea
============================*/

#signalArea {
	padding:10px 15px;
	background:#EEE;
	}

#signalArea .h.h-02 {
	margin:0 0 7.5px;
	text-align:center;
	font-size:117%;
	}

#signalArea .col {
	margin:0 0 10px;
	padding:0 0 5px;
	background:#FFF;
	}

#signalArea h3 {
	margin:0 0 5px;
	padding:2.5px 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	}
	
#signalArea .buy h3 {
	background:#c33;
	}
	
#signalArea .sell h3 {
	background: #369;
	}
	
#signalArea ul {
	display:table;
	width:100%;
	}
	
#signalArea li {
	display:table-row;
	}
	
#signalArea .name {
	display:table-cell;
	padding-left:10px;
	}
	
#signalArea .amount {
	display:table-cell;
	padding-right:10px;
	font-weight:bold;
	text-align:right;
	}
	
#signalArea .amount .val {
	font-size:150%;
	}

#signalArea .buy .amount .val {
	color: #c33;
	}

#signalArea .sell .amount .val {
	color:#369;
	}

#signalArea .link.link-more {
	margin-top:0;
	border-top:none;
	padding-top:0;
	}

@media screen and (max-width:1059px) {
#signalArea {
	padding:7.5px 10px 10px;
	}

#signalArea .h.h-02 {
	margin:0 0 7.5px;
	font-size:110%;
	}

#signalArea .amount .val {
	font-size:140%;
	}
}

/*============================
#portfolioArea
============================*/

#portfolioArea {
	width:100%;
	margin:0 0 20px;
	padding:10px 0 15px;
	background:#FFFFCC;
	}
	
#portfolioArea h2 {
	max-width:1060px;
	margin:0 auto 7.5px;
	}
	
#portfolioArea h2 .title {
	color:#FF7F00;
	font-size:117%;
	float:left;
	}
	
#portfolioArea h2 .link {
	float:right;
	font-weight:normal;
	}

#portfolioArea .body {
	max-width:1030px;
	margin:0 auto;
	padding:15px 20px 0;
	background:#FFF;
	}

#portfolioArea .body li {
	float:left;
	width:250px;
	margin:0 10px 15px 0;
	}
	
#portfolioArea .body .oscillator {
	padding: 3px 5px;
	font-weight: bold;
	color: #fff;
	vertical-align: middle;
	border-radius: 2px;
	}
	
#portfolioArea .body .oscillator.wariyasu {
	background: #4b0;
	}
	
#portfolioArea .body .oscillator.kanetsu {
	background: #f60;
	}
	
#portfolioArea .body .oscillator.churitsu {
	background: #333;
	}
	
#portfolioArea .body .trend {
	padding: 3px;
	color: #fff;
	vertical-align: middle;
	border-radius: 3px;
	}
	
#portfolioArea .body .trend.icon-custom-rise {
	background: #f60;
	}
	
#portfolioArea .body .trend.icon-custom-drop {
	background: #369;
	}

@media screen and (max-width:1059px) {
#portfolioArea {
	margin:0 0 10px;
	padding:10px 10px 12.5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
	
#portfolioArea h2 {
	margin:0 0 7.5px;
	}
	
#portfolioArea h2 .title {
	font-size:110%;
	margin:0 0 2.5px;
	text-align:center;
	float:none;
	}
	
#portfolioArea h2 .link {
	float:none;
	font-weight:normal;
	text-align:center;
	}

#portfolioArea .body {
	padding:15px 15px 0;
	}

#portfolioArea .body li {
	float:none;
	width:100%;
	margin:0 0 15px;
	}
}

/*============================
#attentionalKeywordArea
============================*/

#attentionalKeywordArea {
	padding:0 0 10px;
	}

#attentionalKeywordArea li {
	border-bottom: 1px dotted #999;
	padding: 0.5em 0;
	}
	
#attentionalKeywordArea .cols {
	margin-right: -0.8%;
	}
	
#attentionalKeywordArea .cols .col {
	float: left;
	width: 32.5%;
	margin-right: 0.8%;
	}

@media screen and (max-width:1059px) {
#attentionalKeywordArea ul {
	margin:-0.5em 0 0;
	}
	
#attentionalKeywordArea .cols .col {
	float: none;
	width: 100%;
	}
}

/*============================
#calendarArea
============================*/

#calendarArea table tbody tr td {
	padding: 0.25em 0;
	vertical-align: top;
	}
	
#calendarArea table tbody tr td.date {
	color: #630;
	}
	
#calendarArea table tbody tr td.icon {
	padding-right: 0.5em;
	padding-left: 0.5em;
	}

/*============================
#rankArea
============================*/

#rankArea {
	padding:0 0 10px;
	}

#rankArea .cols {
	padding-top: 10px;
	background: url(../img2014/index/bg_rank.png) repeat-y;
	}
	
#rankArea .cols ol li {
	display: none;
	}
	
#rankArea .cols {
	margin-right: -3%;
	}
	
#rankArea .cols .col {
	float: left;
	width: 30%;
	margin-right: 3%;
	}

@media screen and (max-width:1059px) {
#rankArea {
	padding:0;
	}

#rankArea .cols {
	padding-top: 10px;
	background:none;
	}

#rankArea .cols {
	margin-right:0;
	}
	
#rankArea .cols .col {
	float:none;
	width:100%;
	margin:0 0 5px;
	}
}

/*============================
#reportArea
============================*/

#reportArea {
	width:100%;
	margin:0 0 20px;
	padding:10px 0 15px;
	background:#EEE;
	}
	
#reportArea h2 {
	max-width:1060px;
	margin:0 auto 7.5px;
	}
	
#reportArea h2 .title {
	font-size:117%;
	float:left;
	}

#reportArea h2 .link {
	float:right;
	font-weight:normal;
	}

#reportArea .cols {
	max-width:1030px;
	margin:0 auto;
	padding:15px 15px 5px;
	background:#FFF;
	}

#reportArea .cols .col {
	float:left;
	width:30%;
	margin-right:3%;
	margin-bottom:10px;
	}

#reportArea .cols .col li{
	margin-bottom:5px;
	}

@media screen and (max-width:1059px) {
#reportArea {
	margin:0 0 10px;
	padding:10px 10px 12.5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	}
	
#reportArea h2 {
	margin:0 0 7.5px;
	}
	
#reportArea h2 .title {
	font-size:110%;
	margin:0 0 2.5px;
	text-align:center;
	float:none;
	}

#reportArea h2 .link {
	float:none;
	font-weight:normal;
	text-align:center;
	}

#reportArea .cols {
	padding:10px 10px 5px;
	}

#reportArea .cols .col {
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:0;
	}
}

/*============================
#rotateBanner
============================*/
#rotateBanner {
  height: 280px;
  overflow: hidden; }
#rotateBanner li {
  height: 280px; }

/*# sourceMappingURL=index2015.css.map */