@charset "UTF-8";

/* -------------------------------

	base.css

------------------------------- */

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: 'ＭＳ Ｐゴシック',sans-serif;
	font-size: 100.01%;
	line-height: 1.45;
	text-align:center;
}

h1,
h2,
h3,
h4 {
	margin: 0;
	padding: 0;
	font-size: 100.01%;
}

img,
a img {
	border:none;
	vertical-align:bottom;
}

dl,
dt,
dd {
	margin: 0;
	padding: 0;
}

.nav {
	margin: 0;
	padding: 0;
	list-style:none;
}

.nav li {
	float:left;
}

/* anchor
------------------------------ */
a:link,
a:active {
	color: #3535B4;
	text-decoration: none;
}
 
a:visited {
	color:#6e36b3;
	text-decoration: none;
}

a:hover,
a:focus {
	text-decoration: underline
}

/* -------------------------------

	layout

------------------------------- */

#header .inner,
#contents,
#footer .inner {
	width: 960px;
	margin: 0 auto;
	text-align:left;
}

/* header
------------------------------ */
#header {
	background: transparent url(/https/marketspeed.jp/fx/shared/images/bg_header.gif) repeat-x left top;
	height: 76px;
	line-height: 0;
}

#header .inner {
	position:relative;
}

#header p {
	margin: 	0;
	padding: 0;
}

#header .logo {
	position:absolute;
	left: 2px;
	top: 20px;
	margin: 0;
	padding: 0;
}

/* glogal navi */
#gNav {
	background: #e8e8e8; /* Old browsers */
	background: -webkit-linear-gradient(#e8e8e8 0%, #fdfdfd 100%);
	background: -o-linear-gradient(#e8e8e8 0%, #fdfdfd 100%);
	background: linear-gradient(#e8e8e8 0%, #fdfdfd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#fdfdfd',GradientType=0 );
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 16px;
	text-align: center;
	overflow: hidden;
	_zoom: 1;
}

#gNav ul {
	width: 960px;
	height: 40px;
	margin: 0 auto;
	font-family: "Hiragino Kaku Gothic ProN",Meiryo,MS-PGothic,sans-serif;
	font-size: 85%;
	font-weight: bold;
}
#gNav ul li {
	list-style: none;
	border-right: 1px solid #d2d2d2;
	width: 160px;
	box-sizing: border-box;
}
#gNav ul li:first-child {
	border-left: 1px solid #d2d2d2;
}
#gNav ul li a{
	display: block;
	height: 40px;
	line-height: 40px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 );
	border: 1px solid #ffffff;
	color: #333333;
	text-decoration: none;
	box-sizing: border-box;
}
#gNav ul li a:hover {
	opacity: 0.7;
}
#gNav ul li a.current {
	background: #ba0401; /* Old browsers */
	background: -moz-linear-gradient(top, #ba0401 1%, #f92728 100%);
	background: -webkit-linear-gradient(top, #ba0401 1%,#f92728 100%);
	background: linear-gradient(to bottom, #ba0401 1%,#f92728 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba0401', endColorstr='#f92728',GradientType=0 );
	color: #ffffff;
}
#gNav ul li a.current:hover {
	opacity: 1;
}

/* header Nav */
#hNav {
	position:absolute;
	right: 0;
	top: 48px;
}

#hNav li {
	margin-left: 30px;
	font-size:0;
	line-height:0;
}

/* font-control */
#font-control {
	position:absolute;
	right: 0;
	top: 16px;
}

#font-control dt,
#font-control dd {
	float:left;
}

#font-control li {
	float:left;
	margin-left: 1px;
}


/* mainContents
------------------------------ */
/* topic-path */
#topic-path {
	margin-bottom: 12px;
	padding: 0 3px 7px 0;
	position: relative;
	color: #333;
	font-size: 81.25%;
}

dl#topic-path dt {
	position: absolute;
	left: -9999px;
}

dl#topic-path a {
	margin-right: 3px;
	padding-right: 12px;
	background: transparent url("/https/marketspeed.jp/fx/shared/images/blt_topicpath.gif") no-repeat right center;
}

dl#topic-path a:link,
dl#topic-path a:visited,
dl#topic-path a:active {
	color:#333;
	text-decoration:none;
}

dl#topic-path a:hover {
	text-decoration:underline;
}

#mainContents {
	width: 960px;
	font-size: 81.25%;
	margin-bottom: 30px;
}

/* category index */
#contents.index #mainContents{
	width: 930px;
	padding: 15px;
	height: 441px;
	background:none;
	background-color:#666666;/*仮*/
}

/* feature / dowonload */
body.feature #mainContents {
	width: 930px;
	padding: 15px;
	height: 441px;
	background-color:#f00;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top
}

body.download #mainContents {
	width: 930px;
	padding: 15px;
	background-color:#f00;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top
}

/* main */

#main {
	float:right;
	width: 725px;
}

/* category index */
#contents.index #mainContents #main{
	background:none;
}

/* feature / download */
body.feature #main {
	height: 440px;
	background: transparent url("/https/marketspeed.jp/fx/shared/images/bg_main.png") no-repeat left top;
}

body.feature #main .inner {
	position:relative;
	width: 665px;
	height: 346px;
	padding: 20px 30px 74px;
}

body.download #main {
	padding-top: 20px;
	background: transparent url("/https/marketspeed.jp/fx/download/flow/images/bg_flow_header.png") no-repeat left top;
}

body.download #main .inner {
	position:relative;
	width: 665px;
	background: transparent url("/https/marketspeed.jp/fx/download/flow/images/bg_flow_footer.png") no-repeat left bottom;
}

/* h1 */
#contents h1 {
	margin-bottom: 10px;
}

/* h2 */
#main h2 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 122%;
	background: transparent url("/https/marketspeed.jp/fx/shared/images/bg_h1.gif") no-repeat left bottom;
}

#contents.index #mainContents h2 {
	background:none;
	color:#FFFFFF;
	font-size:1.25em;
	border-bottom:2px solid;
	margin-bottom:10px;
	font-size: 197%;
}

/* index */
#mainContents .r_alw{
	margin: 0;
	padding: 0;
}

#mainContents ul.r_alw li{
	width:210px;
	height:3em;
	margin-bottom:5px;
	background:url("/https/marketspeed.jp/fx/shared/images/img_dot_pink.png") bottom left repeat-x;
	list-style-type:none;
	line-height:2.5em;
	font-weight:bold;
	color:#FFFFFF;
	text-indent: 0.5em;
}

#mainContents ul.r_alw li a {
	display:block;
	background:url("/https/marketspeed.jp/fx/shared/images/ico_r_white_ar.png") top left no-repeat;
	background-position:0px 1.1em;
	color:#FFFFFF;
	text-indent: 0.8em;
	margin-left:8px;
}

/* float */
#main .left {
	float:left;
	margin-right: 20px;
}

#main .right {
	float:right;
	margin-left: 20px;
}

#main .detail {
	overflow: hidden;
	_zoom: 1;
}

/* close */
#main .close {
	position:absolute;
	right: 15px;
	top: 15px;
}

/* tab */
#tabs {
	position: absolute;
	left: 10px;
	bottom: 13px;
	margin: 0;
	padding: 0;
	border-top: 	1px solid #ccc;
	border-left: 1px solid #ccc;
}

#tabs li {
	width: 175px;
	float:left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	list-style:none;
}

#tabs li a {
	display:block;
	padding: 15px 0;
	text-align:center;
	background: #fff url("/https/marketspeed.jp/fx/shared/images/bg_tab_off.gif") repeat-x left bottom;
}

#tabs li a:link,
#tabs li a:visited,
#tabs li a:active {
	color:#000;
	font-weight:bold;
	text-decoration:none;
}

#tabs li a:hover {
	color:#fff;
	background: #ffc8b5 url("/https/marketspeed.jp/fx/shared/images/bg_tab_ov.gif") repeat-x left bottom;
}

#tabs li a.act {
	color:#fff;
	background: #ffc8b5 url("/https/marketspeed.jp/fx/shared/images/bg_tab_on.jpg") repeat-x left bottom;
}

/* pagetop */
.pagetop {
	clear:both;
	text-align: right;
	margin-top: 20px;
}
.pagetop a {
	display: block;
	float: right;
	background-image: url("/https/marketspeed.jp/fx/images/blt_returntop.gif");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	color: #333333;
}

/* side navi */
#sNav {
	float:left;
	width: 204px;
}

#sNav .menu {
	margin-bottom: 10px;
	padding-top: 10px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

#sNav ul {
	margin:0 auto;
	padding: 1px 0 6px;
	font-size: 92%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sNav ul li {
	width: 190px;
	margin: 0 auto;
	margin-bottom: 1px;
	list-style:none;
}

#sNav ul li a {
	display:block;
	padding: 14px;
	font-weight:bold;
	border-bottom: 1px solid #d3d3d3;
	background: transparent url("/https/marketspeed.jp/fx/shared/images/bg_snav.gif") repeat-y left top;
}

#sNav ul li a span {
	display:block;
	padding-left: 6px;
	background: transparent url("/https/marketspeed.jp/fx/shared/images/blt_snav.gif") no-repeat left center;
}

#sNav ul li a.act,
#sNav ul li a:hover {
	background: transparent url("/https/marketspeed.jp/fx/shared/images/bg_snav_on.gif") repeat-y left top;
}

#sNav ul li a.act span,
#sNav ul li a:hover span {
	background: transparent url("/https/marketspeed.jp/fx/shared/images/blt_snav_on.gif") no-repeat left center;
}

/* anchor */
#sNav ul li a:link,
#sNav ul li a:visited,
#sNav ul li a:active,
#sNav ul li a:hover {
	color:#333;
	text-decoration:none;
}

/* banner */
#sNav .banner {
	margin-top: 10px;
	text-align: center;
}

/* footer
------------------------------ */
#footer {
	clear:both;
	font-size: 75%;
}

/* fNav */
#fNav {
	padding: 15px 0;
	background: #e9e9e9 url("/https/marketspeed.jp/fx/shared/images/bg_fnav.gif") repeat-x left bottom;
}

#fNav .inner {
	overflow: hidden;
	_zoom: 1;
}

#fNav li {
	margin-right: 10px;
	padding-right: 5px;
	border-right: 1px solid #666;
}

#fNav li a:link,
#fNav li a:visited,
#fNav li a:active {
	color:#666;
	text-decoration:none;
}

#fNav li a:hover {
	text-decoration:underline;
}

/* copyright */
#copyright {
	padding: 1px 0 0;
	color:#ccc;
	background: #010101 url("/https/marketspeed.jp/fx/shared/images/bg_copyright.gif") repeat-x left bottom;
}

#copyright p {
	margin: 12px 0 0;
}

#copyright .inner {
	position:relative;
	padding-bottom: 18px;
}

#copyright .logo {
	position:absolute;
	right: -7px;
	top: 14px;
	width: 232px;
	height: 48px;
}
#copyright .logo img{
	width: 100%;
	height: auto;
}

/* -------------------------------

	coomon css

------------------------------- */

/* clearfix
================================== */
#mainContents:after,
#main:after,
.clearfix:after,
.section:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
 }
 
#mainContents,
#main,
.clearfix,
.section {
	zoom:100%;
}