@charset "utf-8";
/* ===========================================================

	Title:					top.css
	Created:		2014-12-11
	Last Created:	2015-02-02
	
=========================================================== */
/*

	main-visual
	bxslider
	tab
	top-contents-left
	top-contents-right
	top-data
	banner
	
=========================================================== */
/*

	#mainvisual
	
=========================================================== */
#mainvisual {
	padding: 5px 0 0;
	margin: 0 0 10px;
}
/* ===========================================================

	bxslider
	
=========================================================== */
.bxslider-mainvisual {
	margin: 0;
	padding: 0;
height: 220px;
}

.bxslider-mainvisual li {
 display: none;
}
.bx-viewport .bxslider-mainvisual li {
 display: block !important;
}


/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	margin: 0;
	padding: 0;
}
.bx-wrapper img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	height: 11px;
	line-height: 11px;
	position:relative;
  	bottom:0;
	width: 100%;
	margin: 0 auto 25px;
}
/* LOADER */
.bx-wrapper .bx-loading {
	background: none;
}
/* PAGER */
.bx-wrapper .bx-pager {
	color: #cccccc;
	padding: 11px 0 0;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #cccccc;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	margin: 0 10px;
	border: 2px solid #a1a1a1;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #cd011c;
	border: 2px solid #cd011c;
}
/* ===========================================================

	tab
	
=========================================================== */
.tab {
	width: 100%;
	text-align: center;
}
.tab ul {
	font-weight:bold;
    display: table;
	table-layout: fixed;
	height: auto;
	margin: 0 auto;
	padding: 0;
	zoom: 1;
	width: 100%;
}
.tab ul .active {
	margin: 0px;
	border-bottom: 0;
}
.tab li {
	display: table-cell;
	text-align: center;
	overflow: hidden;
	margin: 0;
	width:33%;
}
.tab li a  {
	display: block;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-decoration: none;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	color: #333;
	background: #f9f9f9;
}
.tab li a.active {
	border-top: 1px solid #d7f796;
	border-right: 1px solid #d7f796;
	color: #7eb303;
	background: #eafdc3;
}
#tab1,
#tab2,
#tab3,
#tab4 {
	clear: both;
	background: #eafdc3;
	padding: 5px;
	margin: 0 0 10px !important;
	overflow: hidden;
}
.section {
	overflow: hidden;
	background: #f6ffe4;
	padding: 0;
	margin: 0;
}
.section .button {
	clear: both;
	margin: 0 20px 10px;
	text-align: center;
}
.section .button a {
	display: block;
	height: 40px;
	line-height: 40px;
	background: #cd011c;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
}
.section .button a span {
	background: url(/img/sp/common/ic_pc.png) 0 50% no-repeat;
	-webkit-background-size: 15px 12px;
	padding: 0 0 0 22px;
}

.sp_text { margin: 15px 20px; text-align: center; height: 40px; }
.sp_text a { border: solid 1px #006700; text-decoration: none; color: #006700; font-weight: bold; padding: 10px 15px; width: 100%; border-radius: 2px; display: block; }

/* ===========================================================

	distribute
	
=========================================================== */
#distribute {
	padding-top: 5px;
}
#distribute dl {
	margin: 0 10px 10px;
	padding: 0;
	font-size: 13px;
}
#distribute dl.distribute-fix {
	margin: 0 10px 0;
}
#distribute dt {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
	line-height: 40px;
	height: 40px;
}
#distribute dt em {
	border: solid 1px #090f44;
	border-radius: 3px;
	padding: 0 10px;
	margin: 0 5px 0 0;
	color: #090f44;
	font-weight: bold;
	font-style:normal;
}
#distribute .distribute-fix dt em {
	border: solid 1px #cd011c;
	color: #cd011c;
}
#distribute dd {
	text-align: right;
	border-bottom: dotted 1px #ddd;
	padding: 0;
	margin: 0;
	line-height: 40px;
	height: 40px;
}
#distribute dd em {
	font-size: 20px;
	font-weight: bold;
	color: #090f44;
	font-style: normal;
}
#distribute .distribute-fix dd em {
	color: #cd011c;
}

/* ===========================================================

	data	/ stock
	
=========================================================== */
#data,
#stock {
	padding-top: 5px;
}
#data dl,
#stock dl {
	margin: 0 10px 10px;
	padding: 0;
	font-size: 14px;
}
#data dt,
#stock dt {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
	line-height: 40px;
	height: 40px;
}
#data dd,
#stock dd {
	text-align: right;
	border-bottom: dotted 1px #ddd;
	padding: 0;
	margin: 0;
	line-height: 40px;
	height: 40px;
}
#data dd em,
#stock dd em {
	font-size: 20px;
	font-weight: bold;
	color: #090f44;
	font-style: normal;
}

/* ===========================================================

	finance	
	
=========================================================== */
#finance {
	padding-top: 5px;
}
#finance ul {
	margin: 0 10px 10px;
	padding: 0;
	font-size: 14px;
}
#finance ul li {
	clear: both;
	margin: 0 0 5px;
}
#finance ul li a {
	display: inline-block;
	background: url(/img/sp/common/ic_pdf.png) 0 50% no-repeat;
	-webkit-background-size: 16px 16px;
	padding: 0 0 0 20px;
}
#finance ul li a.revied {
	margin: 0 0 0 2px;
}
#finance ul li a.xls {
	background: url(/img/sp/common/ic_xls.png) 0 50% no-repeat;
	-webkit-background-size: 16px 16px;
	padding: 0 0 0 20px;
}
#finance ul li a.zip {
	background: url(/img/sp/common/ic_zip.png) 0 50% no-repeat;
	-webkit-background-size: 16px 16px;
	padding: 0 0 0 20px;
}
/* ===========================================================

	news
	
=========================================================== */
#news {
	overflow: hidden;
	clear: both;
	margin: 0 0 10px;
	padding: 0;
	background: #e6f3fc;
}
#news h2 {
	background: #d1e8f8;
	height: 50px;
	line-height: 50px;
	color: #0863a1;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0 10px 0 0;
}
#news h2 .ic-tit {
	background: url(/img/sp/common/ic_tit_a.png) 0 0 no-repeat;
	-webkit-background-size: 50px 50px;
	padding: 0 0 0 15px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
}
#news h2 .bt-news {
	float: right;
	border-radius: 3px;
	font-size: 12px;
	margin: 8px 0 0 2px;
	padding: 5px 0;
background-color: #556363;
	font-weight: normal;
}
#news h2 .bt-news a {
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	padding: 0 8px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
}
#news h2 .bt-rss {
	float: right;
	font-size: 12px;
	margin: 0 0 0 2px;
	padding: 13px 0 0;
}
#news h2 .bt-rss a {
	background: url(/img/sp/common/ic_rss.png) 0 50% no-repeat;
	-webkit-background-size: 24px 24px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
	text-indent: -9999px;
}
#news dl {
	margin: 0 10px 10px;
	padding: 10px 0 0;
	font-size: 13px;
}
#news dt {
	width: 15em;
	position: relative;
}
#news dd {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: solid 1px #cccccc;
}
#news dd img {
	margin: 0 0 0 5px;
	vertical-align: text-bottom;
}
#news dd a:link,
#news dd a:visited {
}
/*
#news dt span {
	position: absolute;
	top: 1px;
	right: 0;
	display: inline-block;
	width: 80px;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	text-align: center;
	font-size: 11px;
	color: #ccc;
	background: #fff;
	border: solid 1px #ccc;
}*/


#news dt span.update {
	color: #FFF;
	background: #cd011c;
	border: solid 1px #912727;
}
#news dt span.release {
	color: #FFF;
	background: #023bb0;
	border: solid 1px #276891;
}
#news dt span.ir {
	color: #FFF;
	background: #45b502;
	border: solid 1px #5e8126;
}
	
/* ===========================================================

	banner
	
=========================================================== */
.banner {
	clear: both;
	margin: 0 0 10px;
	padding: 0 10px;
	text-align: center;
}
.banner li {
	display: inline;
	margin: 0 0 10px;
	max-width: 450px;
}
.banner li img {
	width: 100% !important;
	margin: 0 0 10px;
}

/* ===========================================================

	market
	
=========================================================== */

.top-market .tit-a {
	background: #d1e8f8;
	height: 50px;
	line-height: 50px;
	color: #0863a1;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 0 10px 0 0;
}

.top-market .tit-a span {
	background: url(/img/sp/common/ic_tit_a.png) 0 0 no-repeat;
	-webkit-background-size: 50px 50px;
	padding: 0 0 0 15px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border: none!important;
}

p.market_text { margin: 10px auto; width: 98%; font-size: 13px!important; }

.top_market table { width: 98%!important; border: solid 1px #ddd; border-collapse: collapse; border-spacing: 0; margin: 0 auto 15px; }