@charset "utf-8";

/*PC・タブレット・スマホ共通設定
---------------------------------------------------------------------------*/

/*全体の設定（ＰＣ：14px スマホ：15px スマホテーブル：14px）

---------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style: normal;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/*	HTML5*/
header,article,aside,section,footer,
nav,menu,details,hgroup,summary {
	display: block;
}


body {
	background-image:url(../../parts/image/bg.gif);
	min-width: 320px;/*	最小画面サイズ*/
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 14px;
	line-height: 2;
	color: #333;
	-webkit-text-size-adjust: 100%;
}
input, select, textarea ,button {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}

ul {
	list-style: none;
}

.m-frm-check label {
  display: inline-block;
}

/* ボタン設定
----------------------------------*/
button ,
input {
	border-style: none;
}

/* フォーム設定
----------------------------------*/
input[type="text"], input[type="submit"] , input[type="password"], textarea, select,  button { 
	outline: none;
	-webkit-appearance: none;
}
label, input[type='checkbox'] {
    cursor: pointer;
}
input, select, textarea {
	font-size: 100%;
}

/* テーブル設定
----------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th ,td {
	vertical-align:middle;
	padding:8px;
}
th {
	font-weight:bold;
	text-align:center;
}
th.rr {
	text-align:right!important;
}
th.ll {
	text-align:left!important;
}
th.ce {
	text-align:center!important;
}
td {
	text-align:left;
}
td.rr {
	text-align:right!important;
}
td.ll {
	text-align:left!important;
}
td.ce {
	text-align:center!important;
}

/*　テーブルのタイトルバー*/
.table_title {
	width: 100%;
	margin: 0 auto;
	background: #006;
	color:#FFF;
	font-weight:bold;
	padding:4px;
}
.table_titleSub {
	width: 100%;
	margin: 0 auto;
	background: #278fc4;
	color:#FFF;
	padding:2px;
}

/* リンク設定
----------------------------------*/
a:link {
	text-decoration:none; color: #333;
}
a:hover {
	text-decoration:none; color: #333;
	-webkit-transition: 0.5s;	/*マウスオン時、切り替わるまでの時間0.5秒*/
	transition: 0.5s;			/*同上*/
}
a:visited { 
	text-decoration:none; color: #333;
}

/* 画像設定
----------------------------------*/
img {
	max-width :100%;
	vertical-align: middle;
	border: 0;
}
.sizeselfImg {
	display:block;
    margin:0 auto;
	max-width: 100%;
	height: auto;
}

/* ★禁則処理の追加★ */
/* 日本語読みやすいように、折り返し位置を自動調整 */
/* 句読点、閉じ括弧を行頭に置いたりしない*/
p,li,dt,dd,th,td,pre{
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict;
}

span.center {
	text-align:center!important; }
span.right {
	text-align:right!important; }
span.left {
	text-align:left!important; }
span.bold {
	font-weight:bold;
}
span.normal {
	font-weight:normal;
}
span.big {
	font-size:18px!important; }
span.small {
	font-size:12px;
}	
span.blank {/* 未記入の時 */
	color: #333;
}
span.red {/* プラスの時 */
	color: #f00;
}
span.blue {/* マイナスの時 */
	color: #039;
}
span.white {
	color: #fff;
}
span.time {/* 取得時間 */
	display:block;
	font-size:12px;
	padding-right:5px;
	text-align:right!important;
}

div.center {
	text-align:center!important; }
div.right {
	text-align:right!important; }
div.left {
	text-align:left!important; }

p.center{
	text-align:center;
}
.clear { 
	clear: both;
}
.pcclear { /* pcの時 */
	clear: both;
}
.spclear { /* スマホの時 */
	clear:none!important; }


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

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1;
}

/* MARGIN設定 */
.mgT00 { margin-top: 0px !important; }
.mgT05 { margin-top: 5px !important; }
.mgT10 { margin-top: 10px !important; }
.mgT15 { margin-top: 15px !important; }
.mgT20 { margin-top: 20px !important; }
.mgT25 { margin-top: 25px !important; }
.mgT30 { margin-top: 30px !important; }
.mgT40 { margin-top: 40px !important; }
.mgB00 { margin-bottom: 0px !important; }
.mgB05 { margin-bottom: 5px !important; }
.mgB10 { margin-bottom: 10px !important; }
.mgB15 { margin-bottom: 15px !important; }
.mgB20 { margin-bottom: 20px !important; }
.mgB25 { margin-bottom: 25px !important; }
.mgB30 { margin-bottom: 30px !important; }
.mgB40 { margin-bottom: 40px !important; }

.pgT10 { padding-top: 10px !important; }
.pgB10 { padding-bottom: 10px !important; }

.pdL10 { padding-left:10px !important; }
.pdL15 { padding-left:15px !important; }
.pdL25 { padding-left:25px !important; }

/* 右にスワイプできます（1090px以下で表示） */
div.wid1090 {
	display: none;
}


/* テーブル：ソートボタン */
button.UpDown-btn {
	display:block;
	margin:4px auto 2px auto;
	text-align:center;
    font-size: 12px;
    padding: 2px 3px;
	background-color: #f1f1f1;
	border-style: none;
	border-radius: 2px;
	box-shadow:1px 1px #999;
}

/* セレクトボタン（矢印）デフォルト消す */
select::-ms-expand {/* IE10 */
  display: none;
}
select {/* firefox */
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}

/* ツールチップ用語説明（第二フェーズのため、none */
table th i{
  display: none!important;
}

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

 * カラム構成
 
 * ========================================================================= */

/*　全てを囲む枠（ヘッダーからフッターまで）　*/
#container {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

/* -------------------------------
   2カラム　コンテンツ幅設定
----------------------------------*/

/*　main,subを囲む枠　*/
#contents {
	clear: both;
	width: 1090px;
	margin: 10px auto;
	overflow: hidden;
	background: #fff;
}
#main {
	float: left;
	width: 760px;
}
#main .inner {
	width: 100%;
	margin: 0px auto;
	background: #fff;
	padding:5px;
}
#sub {
	float: right;
	width: 310px;
}
#sub .inner {
	width: 100%;
	margin: 0px auto;
	padding: 0 5px 5px 5px;/* subの一番上は広告画像のため上は0　*/
}



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

 * ページ共通ソース
 
 * ========================================================================= */
 
 
/* パンくずリスト　*/
#bread-crumb-list {
	width: 100%;
	padding: 2px 0px 2px 8px;
	float: left;
	text-align: left;
}

#bread-crumb-list li {
	display: inline;
	font-size:12px;
	padding-right: 2px;
	text-align: left;
}

#bread-crumb-list li a {
	color: #006;
	text-decoration: underline;
	
}

#bread-crumb-list li a:hover {
	text-decoration: none;
	color: #333;
}


 
/*mainの中で2ボックスに分ける（50％）*/
/*左*/
#boxLeft {
	float: left;
	width: 49.6%;
	margin-top:10px;	
}

/*右*/
#boxRight {
	float: right;
	width: 49.6%;
	margin-top:10px;	
}

/*mainの中で2ボックスに分ける（25％　75％）*/
/*左*/
#boxLeft25 {
	float: left;
	width: 25%;	
}

/*右*/
#boxRight75 {
	float: right;
	width: 75%;	
}


/*　ページTOPへ（前ページ共通）js使用　*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index:999;
}
#page-top a {
    background: #ad0707;
    text-decoration: none;
    color: #fff;
	padding:10px 12px;
    text-align: center;
  	display: block; 
	font-size: 12px;
	line-height:1.2;
    border-radius: 5px;
	box-shadow:2px 2px #999;
}

/*	円グラフ*/
canvas {
	width: 100%;
	height: auto;
	max-width: 350px;  /* 円グラフ横幅の最大値 */
}

div.expround canvas {
	width: 100%;
	height: auto;
	max-width: 100%!important; }

/*div subTitle*/
/*使用：優待検索一覧、スクリーニング一覧*/
div.subTitle{
  	font-weight: bold;
	position: relative;
	display: block;
	text-align:left;
	background-color: #fff;
	padding: 3px 0 3px 5px;
	border-left: 3px solid #900;
    margin: 5px 0 10px 0;
}
div.subTitle span{
	font-size: 18px;
	font-weight: bold;
	display:block;
	line-height:1;
}
/*div subTitle2*/
/*使用：優待検索*/
div.subTitle2{
  	font-weight: bold;
	position: relative;
	display: block;
	text-align:left;
	background-color: #fff;
	padding: 3px 0 3px 5px;
	border-left: 3px solid #900;
    margin: 5px 0 5px 20px;
}
div.subTitle2 span{
	font-size: 16px;
	font-weight: bold;
	display:inline-block;
	line-height:1;
}



/*ボタン：検索へ戻る*/
/*使用：優待検索一覧、スクリーニング一覧*/
.returnButton{
	float:right;
	width: 100px;
	border-radius: 4px;
}
.returnButton2{
	width: 100px;
	margin:0 auto;
	border-radius: 4px;
}
.returnButton a ,.returnButton a:hover ,.returnButton2 a ,.returnButton2 a:hover{
	background: #999;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	box-shadow:1px 1px 1px #666;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 4px;
}
.returnButton a:hover ,.returnButton2 a:hover{
	background-color:#333;
}


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

 * #header
 
 * ========================================================================= */
header {
	width: 100%;
	background: #fff;
}

.header-inner {
	width: 1090px;	/*#menubarと数字を合わせる*/
	height: 55px;
	position: relative;
	margin: 0 auto;
	background: #fff;
}
	
/*h1　個人投資家向け 株価情報NAVI　*/
.header-inner h1 {
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	left: 15px;	/*.header-innerに対して左からの位置*/
	top: 8px;	/*.header-innerに対して上からの位置*/
}
/*サイトロゴ*/
.header-inner #logo {
	position: absolute;
	left: 6px;	/*.header-innerに対して左からの位置*/
	top: 20px;	/*.header-innerに対して上からの位置*/
}
.header-inner #logo img {
	width:175px;
	height:20px;
}

/*ヘッダー横長広告画像*/
#hdBnr {
	display:block;
	width:728px;
	margin: 8px auto 0 auto;
}


/* -------------------------------
   検索窓
----------------------------------*/
dl.search1{
	width:300px;
	position:absolute;
	top:10px;
	left:190px;
	background-color: #f3f3f3;
	border:1px solid #aaa;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;
}
dl.search1 dt{
	font-size:13px;
	margin-right:40px;
	padding:3px 10px;
}
dl.search1 dt input{
	width:100%;
	background-color: #f3f3f3;
	border:none;
}
dl.search1 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search1 dd button{
	display:block;
	padding:4px;
	background:none;
	border:none;
}
dl.search1 dd button img{
	display:block;
	width:25px;
	height:25px;
}


/* -------------------------------
   ヘッダーマーケット情報
----------------------------------*/
#hdMarket {
	width: 100%;
	background: #fff;
}
#hdMarket .hdMarket-inner {
	width: 1090px;	/*#menubarと数字を合わせる*/
	padding:4px;
	margin: 0 auto;
	text-align:left;
}

#hdMarket .hdMarket-inner {
	position: relative;
	display: block;
	text-align:left;
}
#hdMarket .hdMarket-inner .japan,#hdMarket .hdMarket-inner .usa {
	display:inline-block;
	padding-left:10px;
}

#hdMarket .hdMarket-inner img.flag {
	padding-right:5px;
	width:40px;
	height:auto;
}

/*マーケットタイトル（日経平均、米ドル）*/	
#hdMarket .hdMarket-inner span.marketTitle ,
#hdMarket .hdMarket-inner span.maTitle{
	font-size:13px;
	padding-right:5px;
	vertical-align:middle;
}
#hdMarket .hdMarket-inner span.marketTitle{
	padding-left:10px;
}
#hdMarket .hdMarket-inner a {
	text-decoration:underline;
	color: #006;
}
#hdMarket .hdMarket-inner a:hover {
	text-decoration:none;
}

/*現在値*/
#hdMarket .hdMarket-inner span.priceNow{
	font-size:18px;
	font-weight:bold;
	line-height:18px;
	vertical-align:middle;
}
/*前日比*/
#hdMarket .hdMarket-inner span.priceUp ,
#hdMarket .hdMarket-inner span.priceDown{
	padding-left:5px;
	font-weight:bold;
	font-size:14px;
	line-height:18px;
	vertical-align:middle;
}
/*前日比（上がった時）*/
#hdMarket .hdMarket-inner span.priceUp{
	color: #f00;
}
/*前日比（下がった時）*/
#hdMarket .hdMarket-inner span.priceDown{
	color: #009;
}
/*現在値*/
#hdMarket .hdMarket-inner span.jaTime{
	font-size:13px;
	padding-left:5px;
	line-height:14px;
	vertical-align:middle;
}

/* -------------------------------
   ヘッダー 【会員登録、ログイン】
----------------------------------*/
#hdMember {
	position: absolute;
	right: 8px;	/*header-innerからの位置*/
	top: 10px;
}

/*メニュー１個あたり*/
#hdMember li {
	float: right;
	margin-right: 5px;
}
#hdMember li a.memberNew,
#hdMember li a.login,
#hdMember li button.hdMemberLoginBtn /*20170302add_swMaeda*/
{
	display: inline-block;
	width:150px;
	padding:4px;
	font-size:13px;	
	color: #FFF;
	font-weight:bold;
	text-decoration: none;
	background: #f90;	
	border-radius: 4px;
	border: 1px solid #ff8a00;
}
#hdMember li a.login,
#hdMember li button.hdMemberLoginBtn /*20170302add_swMaeda*/
{
	background: #900;	
	border: 1px solid #7c0303;
}
#hdMember li a.memberNew:hover {
	background: #f60;
}
#hdMember li a.login:hover,
#hdMember li button.hdMemberLoginBtn:hover /*20170302add_swMaeda*/
{
	background: #600;
}

a.passLink{
	font-size:13px;
	color: #F00;
	text-decoration: underline;
}
a.passLink:hover{
	text-decoration: none;
}

/* ------------------------------
   グローバルメニュー
------------------------------ */
#menuList {
	width: 100%;
	position: relative;
	border-top: #aaa 1px solid;
	border-bottom: #aaa 1px solid;
	background: #900;
	z-index: 10;
}

#menuList ul {
	margin: 0 auto;
	width: 1090px;
	text-align: left;
}

#menuList ul li {
/*
	width: 121px;
*/
	width: 105px;
	float: left;
	border-right: #aaa 1px solid;
	box-sizing: border-box;
}

#menuList ul li:first-child {
	border-left: #aaa 1px solid;
}

#menuList ul li a {
	display: block;
	padding:4px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
	border-bottom: #900 4px solid;

}
#menuList ul li i {
	padding:4px 0;
	font-size:24px;
	line-height:1;
}
#menuList ul li span {
	font-size:13px;
	line-height:1;
	padding-bottom:4px;
}
#menuList ul li:hover > a {
	background: #6e0101;
	border-bottom: #f1f1f1 4px solid;
}
#menuList > ul:before,
#menuList > ul:after {
	content: " ";
	display: table;
}
#menuList > ul:after {clear: both;}
#menuList > ul {*zoom: 1;}


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

 * 会員登録フロー
 
 * ========================================================================= */

.process {
	width: 96%;
	margin: 0 auto;
	padding: 8px;
	background-color: #ebeded;
	border-radius: 6px;
}
.process:after {
	content: "";
	display: table;
	clear: both;
}
.process li {
	display: inline-block;
	float: left; 
	margin: 0.5em 0;
}
.process li::after {
	display: inline-block;
	content: '\00bb';
	margin: 0 .6em;
	color: #959fa5;
}
.process li:last-of-type::after {
	display: none;
}
.process li > * {
	display: inline-block;
	font-size: 14px;
	color: #2c3f4c;
	padding:10px;
	background-color: #dedfdf;
	border-radius: 6px;
}
.process li.current > * {
	color: #fff;
	padding:10px;
	font-weight:bold;
	background-color: #239e9b;
	border-radius: 6px;
}


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

 * 会員登録メールアドレス入力
 
 * ========================================================================= */
 
input#submit_button {
	-webkit-appearance: none; 
   	border-radius: 0; 
	margin: 20px auto;
	width: 40%;
	border-radius: 4px;
}
input#submit_button  ,input#submit_button:hover{
	border-style: none;
	background: #006;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 14px 8px;
	box-shadow:2px 2px 2px #666;
	
}

input#submit_button:hover{
	background-color:#999;
}
input#submit_button:disabled {
	background-color:#DDD;
}

/*20170614修正ボタン*/
input#return_button {
	-webkit-appearance: none; 
   	border-radius: 0; 
	margin: 15px auto;
	width: 30%;
	border-radius: 4px;
}
input#return_button  ,input#return_button:hover{
	border-style: none;
	background: #666;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 10px 8px;
	box-shadow:2px 2px 2px #666;
	
}
input#return_button:hover{
	background-color:#999;
}

/* 　注意文　*/
.mailnotice {
	width: 80%;
	border-radius: 6px;
	border: 1px solid #f00;
	margin: 20px auto;
	line-height:1.6;
}
.mailnotice-inner {
	padding: 20px;
}
.mailnotice i {
    color: #f00;
	font-size: 18px;
}
.mailnotice span {
    color: #f00;
	font-size: 14px;
	padding-left:2px;
}


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

 * 会員登録必須項目入力

 * ========================================================================= */
.memberAdd ,.memberAdd2 {  
    width: 96%;
    margin: 0 auto;
    border: 1px solid #666;
    border-bottom: none;
}

/* dlで背景画像をyリピートし、dtの背景色のように見せる。positionはdtの幅に応じて調整 */
.memberAdd ,.memberAdd2 {
	background: #fff url(../../parts/image/bgline.png) repeat-y -100px 0; 
}

.memberAdd dt {
	padding: 18px 0;
    font-weight: bold;
	vertical-align:middle;
}
.memberAdd2 dt {
	padding: 10px 0;
    font-weight: bold;
	vertical-align:middle;
}
.memberAdd dd ,.memberAdd2 dd {
	padding: 10px 0;
}

.memberAdd dt ,.memberAdd2 dt {
	clear: both;
	float: left;
	height:40px;
	width: 200px;
	border-top: 1px solid #fff;
}

span.need {
	color:#f00;
	font-weight:bold;
}

.memberAdd dd ,.memberAdd2 dd {
	padding-left: 220px; /* dtの分、左にpaddingを取る */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #666;
	border-left: 1px solid #fff;
	text-align:left;

}


/*	会員登録：inputテキストボックス 　*/
span.member01 input{
	width: 60%;
	height:40px;
	padding:0 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-appearance: none;
	background: #fff;
	vertical-align:middle;
}
/*	会員登録：selectボックス 　*/
div.memberSelect01 {
	display:block;
	text-align:left;
}

div.memberSelect01 label {
    position: relative;
    display: block;
    width: 60%;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}

div.memberSelect01 label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #600;
}

div.memberSelect01 select {
	height: 40px;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
	background-position-x: 90%;
    background-position-y: center;
    appearance: none;
    display: block;
    width: 100%;
    padding: 0.5em;
    color: #333;
    border: none;
    border-radius: 4px;
    background: transparent;
}

/*	会員登録：selectボックス2（生年月日） 　*/
div.memberSelect02 select {
    height: 40px;
    width: 15%;
    text-transform: none;
    -webkit-appearance: none;
    background-position-x: 90%;
    background-position-y: center;
    border: 1px solid #ccc;
    padding: 0 5px;
    border-radius: 4px;
}

span.member01 input[type="password"]:focus ,span.member01 input[type="text"]:focus{
  border: 1px solid #900;
  outline: 0;
}

.noticeMemo {
	color:#999;
	font-size:12px;
}


.memberNewNotice {
	width:90%;
	margin:20px auto;
	text-align:left;
	font-size:14px;
	line-height:1.4;
}

.memberNewNotice > ul > li{
	margin-top: 15px;
}

.memberNewNotice > ul > li a {
	text-decoration: underline;
	font-weight:bold;
	color:#006;
	margin-bottom: 18px;
}
.memberNewNotice > ul > li a:hover {
	text-decoration: none;
}

.memberNewNotice > ul > li:before{
	font-family: FontAwesome ;
	margin: 0;
}
.memberNewNotice > ul > li:before{
	content: "\f00c\A" ;/*unicode*/
	color: #006;
}


/*ボタン：規約に同意して登録、戻る(20170429add_swMaeda)*/

a#memberReturnButton, /*20170429add_swMaeda*/
input.memberButton ,
input#memberButton {
	-webkit-appearance: none; 
   	border-radius: 0; 
	margin: 20px auto;
	width: 40%;
	border-radius: 4px;
}
a#memberReturnButton, /*20170429add_swMaeda*/
a#memberReturnButton:hover, /*20170429add_swMaeda*/
input.memberButton  ,
input.memberButton:hover,
input#memberButton  ,
input#memberButton:hover{
	border-style: none;
	background: #006;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 14px 8px;
	box-shadow:2px 2px 2px #666;
	
}

 /*20170429add_swMaeda*/
a#memberReturnButton,
a#memberReturnButton:hover
{
    background-color: #353535;
    line-height:1.5;   
}

a#memberReturnButton:hover, /*20170429add_swMaeda*/
input#memberButton:hover
{
	background-color:#999;
}

a#memberReturnButton:disabled, /*20170429add_swMaeda*/
input#memberButton:disabled
{
	background-color:#ddd;
}



/*　会員登録手順の説明　*/
.memberExplan {
	width:90%;
	margin:20px auto;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:1.6;
}


/*　複数選択（チェックボックス）　*/
div.memberCheck {
	width:90%;
	margin:0 auto;
	text-align:left;
}
div.memberCheck input{
	display: none;
}
div.memberCheck label {
	float: left;
	display: inline-block;
	border: 1px solid #ccc;
	text-align: center;
	color: #333;
	font-size: 14px;
}

div.memberCheck label {
	width:32%;
	padding-left:4px;
	margin:0.5%;
	line-height:50px;
	height:50px;
	overflow: hidden;
}

div.memberCheck label.checked {
	color: #fff;
	background-color: #006;
}

div.memberReturn a{
	font-size:14px;
	color:#006;
	text-decoration:underline;
	margin: 0 auto;
}	
div.memberReturn a:hover{
	color:#333;
	text-decoration:underline;
}
 /* ============================================================================

 * 問い合わせフォーム　20170613

 * ========================================================================= */
#mainOnly {
	width: 760px;
	margin: 0 auto;
}
#mainOnly .inner {
	width: 100%;
	margin: 0px auto;
	background: #fff;
	padding:5px;
}

/*h2*/
h2.inquiryTitle01{
  	font-weight: bold;
	position: relative;
	display: block;
	text-align:left;
	border-left: 6px solid #900;
	border-bottom: 2px solid #CCC;
	background-color: #fff;
	padding: 5px 10px 5px 10px;
    margin: 10px;
}
h2.inquiryTitle01 span.title{
	font-size: 20px;
	font-weight: bold;
	display:block;
}
a.faq {
    color: #006;
    font-weight: bold;
    text-decoration: underline;
}

a.faq:hover {
    text-decoration: none;
}
a.privacypolicy {
    color: #006;
    font-weight: bold;
    text-decoration: underline;
}
a.privacypolicy:hover {
    text-decoration: none;
}

span.inquiry input{
	width: 92%;
	height:40px;
	padding:0 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-appearance: none;
	background: #fff;
	vertical-align:middle;
}

div.inquirySelect {
	display:block;
	text-align:left;
}

div.inquirySelect label {
    position: relative;
    display: block;
    width: 94%;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}

div.inquirySelect label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #600;
}

div.inquirySelect select {
	height: 40px;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
	background-position-x: 90%;
    background-position-y: center;
    appearance: none;
    display: block;
    width: 100%;
    padding: 0.5em;
    color: #333;
    border: none;
    border-radius: 4px;
    background: transparent;
}

/*20170614*/
.postmailExplan {
	width:90%;
	margin:10px auto;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:1.6;
}
.postmailExplan .notice span.bold{
	font-weight:bold;
}

.postmailExplan .notice {
	margin-top:5px;
	font-size:14px;
	text-align:left;
	font-weight:normal;
	line-height:1.2;
	margin-left: 1em;
	text-indent: -1em;
}
.postmailError {
	color:#f00;
	font-size:12px;
}

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

 * プライバシーポリシー

 * ========================================================================= */
.pri-inner{
	width:98%;
	text-align:left;
}
.pri-inner dt{
	padding-left: 10px;
	font-weight: bold;
	font-size:15px;
	border-bottom: solid 1px #ccc;
	color: #666;
	margin-top: 10px;
}

.pri-inner dd{
	padding: 10px;
}

ol.privacyList{
	display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

ol.privacyList li{
	margin-left:25px;	
}

ol.privacyList > ol.privacyList2 {
	display: block;
    list-style-type: lower-latin;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
ol.privacyList > ol.privacyList2 li{
	margin-left:60px;	
}

.pri-inner >.info{
	float:right;
	font-size:13px;
	background: #f0f0f0;
	padding: 10px 20px;
	margin-top:20px;
}
	



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

 * 株価指数（Gnavi）

 * ========================================================================= */
 
 /* 指数(現在値、前日比）　テーブル */
table.marketTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;	
}
table.marketTable tr th ,table.stockTable tr td{
	width:50%
}
table.marketTable tr th,
table.marketTable tr td {
	border: 1px #999 solid;	
}
table.marketTable tbody tr th {
	text-align : left;
	background : #d8d8d4;
	font-size:16px;
	line-height:1.2;
}
table.marketTable tbody tr th span {
	padding-left:3px;
	color:#666;
}
table.marketTable tbody tr td {
	text-align : right;
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
}
table.marketTable tr td span.small {/* 日時 */
	font-weight:normal!important;
}

 /* 指数(詳細）　テーブル */
table.marketDetailTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;	
}
table.marketDetailTable tr th ,table.marketDetailTable tr td{
	width:50%
}
table.marketDetailTable tr th,
table.marketDetailTable tr td {
	border: 1px #999 solid;	
}
table.marketDetailTable tbody tr th {
	text-align : left;
	background : #d8d8d4;
	line-height:1.2;
}
table.marketDetailTable tbody tr th span {
	padding-left:3px;
	color:#666;
}
table.marketDetailTable tbody tr td {
	text-align : right;
	line-height:1.2;
}
table.marketDetailTable tr td span.small {/* 日時 */
	font-weight:normal!important;
}

/*チャート*/
.unit{
	text-align:left;
	color:#666;
	font-weight:bold;
	font-size:12px;
}

	
.marketchartRound {
	width: 100%;
	margin: 0px auto;
	background-color:#fff;
}
.marketchartRound >.img {
	margin-bottom:10px;
	text-align:center;
}

/*ボタン：詳細を見る*/
.detailButton{
	margin: 20px auto;
	width: 40%;
	border-radius: 4px;
}
.detailButton a i{
	padding-right:10px;
}
.detailButton a ,
.detailButton a:hover{
	background: #006;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	box-shadow:2px 2px 2px #666;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 8px;
}
.detailButton a:hover{
	background-color:#999;
}


/* ------------------------------
   指数詳細ページ
------------------------------ */


/*　指数詳細リンク*/
#marketDetailLink {
	width: 100%;
	overflow: hidden;
	margin:10px auto 0 auto;
}
#marketDetailLink ul {
	text-align:center;
}
#marketDetailLink ul li a{
     width:30%;
	 float:left;
	 background: #ededed;	 
	 border-radius: 4px;
	 padding: 8px 0;
	 box-shadow:2px 2px #d2d2d4;
	 margin-right:2%;
	 margin-bottom:1.5%;
}
#marketDetailLink ul li:nth-child(1) ,
#marketDetailLink ul li:nth-child(5){
	 margin-left:2%;
}
#marketDetailLink ul li:nth-child(4) ,
#marketDetailLink ul li:nth-child(8){
	  margin-right:0;
}

#marketDetailLink ul li a:hover,
#marketDetailLink ul li.current a {
	color: #fff;
	background: #900;
	font-weight:bold;
	text-align: center; 
}


/* チャート拡大　*/
.morechartLink a {
	display:block;
	margin:10px auto 0 auto;
	color:#fff;
	text-align:center;
	width:50%;
	padding: 5px 0;
	font-weight:bold;
	background-color:#006;
	border-radius: 4px;
}
.morechartLink a i {
	padding-right:5px;
}
.morechartLink a:hover {
	width:50%;
	background-color:#666;
}


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

 * 為替情報（Gnavi）

 * ========================================================================= */
 
 /* テーブル（為替情報一覧）*/
table.exchangeTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
}
table.exchangeTable tr th,
table.exchangeTable tr td {
	border: 1px #999 solid;
	line-height:1.2;
}

table.exchangeTable thead tr th {
	color:#FFF;
	background-color:#006;
	padding:10px 0;
}

table.exchangeTable tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}
table.exchangeTable tbody tr th {
	background : #d8d8d4;
	width:45%;
}
table.exchangeTable tbody tr th a span {
	text-decoration:underline;
}
table.exchangeTable tbody tr th a:hover span {
	text-decoration:none;
}

table.exchangeTable tbody tr td {
	width:15%;
	text-align:right;
}
table.exchangeTable td:nth-of-type(4){ /* 詳細ボタン*/
	width:10%;
	text-align:center;
}




/*詳細ボタン*/
table.exchangeTable .detail a {
	display:block;
	margin:0 auto;
	color:#fff;
	text-align:center;
	width:90%;
	font-weight:bold;
	padding: 4px;
	background-color:#006;
	border-radius: 4px;
}

table.exchangeTable .detail a:hover {
	width:90%;
	background-color:#666;
}


/*　国旗　*/
.m-icn-flag {
  padding-left: 48px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.m-icn-flag::after {
  width: 40px;
  height: 26px;
  background-size:40px 26px;
  position: absolute;
  top: -5px;
  left: 0;
  content: '';
}

.m-icn-flag[data-type="usd"]::after {
  background-image: url("../../parts/image/flag/f_usd.png");
}

.m-icn-flag[data-type="eur"]::after {
  background-image: url("../../parts/image/flag/f_eur.png");
}

.m-icn-flag[data-type="gbp"]::after {
  background-image: url("../../parts/image/flag/f_gbp.png");
}

.m-icn-flag[data-type="aud"]::after {
  background-image: url("../../parts/image/flag/f_aud.png");
}

.m-icn-flag[data-type="nzd"]::after {
  background-image: url("../../parts/image/flag/f_nzd.png");
}

.m-icn-flag[data-type="cad"]::after {
  background-image: url("../../parts/image/flag/f_cad.png");
}

.m-icn-flag[data-type="zar"]::after {
  background-image: url("../../parts/image/flag/f_zar.png");
}

.m-icn-flag[data-type="chf"]::after {
  background-image: url("../../parts/image/flag/f_chf.png");
}
.m-icn-flag[data-type="hkd"]::after {
  background-image: url("../../parts/image/flag/f_hkd.png");
}

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

 * My銘柄（Gnavi）

 * ========================================================================= */
				
/* ●201712追加 ここから　*/ 
/* ●ポートフォリオ表示切替　*/ 
.displaySwitch {
	margin:0 0 8px 0;
	text-align:right;
}
.displaySwitch span {
	font-size: 14px;
}
.displaySwitch input {
	display: none;
}
.displaySwitch label{
	display: block;
	float: right;
	cursor: pointer;
	width: 100px;
	margin: 0;
	padding: 6px;
	background: #bdc3c7;
	color: #666;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.displaySwitch label:first-of-type{
	border-radius: 0 4px 4px 0;
	
}
.displaySwitch label:last-of-type{
	border-radius: 4px 0 0 4px;
}
.displaySwitch input[type="radio"]:checked + .ohlc,
.displaySwitch input[type="radio"]:checked + .profit {/*損益と4本値*/
	background-color: #278fc4;
	color: #fff;
}
/* ●201712追加 ここまで　*/ 

/* 使い方リンク*/ 
a.beginner {
	color: #360;
	font-weight:bold;
	text-decoration: underline;
}
a.beginner:hover {
	text-decoration: none;
}

/* テーブル（all損益表）*/

table.allIncomeStatement{
	width: 100%;
}
table.allIncomeStatement th,table.allIncomeStatement td{ 
	width: 20%;
	padding: 10px 5px;
	line-height:1;
	border: 1px solid #babcbf;
}
table.allIncomeStatement th{
	background: #e6e6e6;
}
table.allIncomeStatement td{
	text-align:right;
}


 /* 右にスワイプできます（スマホだけ表示） */
div.spOnlyValue {
	display:none;
}



/* ------------------------------
   ポートフォリオ　タブ
------------------------------ */

#kindsthingsPortfolioLink {
	display:block;
	width: 100%;
	height:36px;
}
#kindsthingsPortfolioLink ul:after{
     clear: both;
}
 	/*タブ１個ごとの設定*/
#kindsthingsPortfolioLink ul li {
	float: left;
		background: #eee;
	margin-left: 1%;
	width: 24%;
	height:36px;
	margin-top:5px;
	overflow: hidden;
}
#kindsthingsPortfolioLink ul li a {
	display: block;
	font-size:14px;
	height:40px;
	padding:6px 0;
	vertical-align:middle;
	text-align: center;

}
	/*最初のタブの設定*/
#kindsthingsPortfolioLink ul li:first-child ,
#kindsthingsPortfolioLink ul li:nth-of-type(5) ,
#kindsthingsPortfolioLink ul li:nth-of-type(9) {
	margin-left: 0px;
}
#kindsthingsPortfolioLink ul li a:hover,
#kindsthingsPortfolioLink ul li.current a {
	background: #278fc4;
	color: #fff;
	height:36px;

}



/*ボタン：新規銘柄追加*/
.addButtonWrap{
	width: 160px;
}
.addButton a ,.addButton a:hover{
	background: #f60;
	width:100%;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	box-shadow:1px 1px 1px #666;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 4px;
}
.addButton a:hover{
	background-color:#f90;
}
/*ボタン：ポーオフォリオ名変更*/
.addButton2 a ,.addButton2 a:hover{
	background: #006;
	width:100%;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	box-shadow:1px 1px 1px #666;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 4px;
}
.addButton2 a:hover{
	background-color:#999;
}


/* ------------------------------
   ポートフォリオ　1銘柄
------------------------------ */
/*　ブロック　*/
div.mystockListWrap ,div.mystockAddWrap {
	position: relative;	
	display: block;
	overflow: hidden;
	height: auto;	/*高さ*/
	float: left;
	width : 25%;
	margin : 0 auto 10px auto;
	
}
div.mystockListWrap {
	border: 1px #999 solid;
}

/*　削除ボタン　*/
div.mystockListWrap > div.delete {
	position: absolute;
	right: 5px;
	top: 0px;
}
div.mystockListWrap > div.delete a {
	border-radius: 4px;
	padding:1px 5px;
	font-weight:bold;
	background-color:#d8d8d4;
}

/*　銘柄名　*/
div.mystockListWrap div.stockName {
	margin:0 auto;
	padding: 3px 5px;
	line-height:1.5;
	height:22px;
	overflow: hidden;
}
div.mystockListWrap div.stockName a {
	text-decoration: underline;
	color:#006;
	font-weight:bold;
}
div.mystockListWrap div.stockName a:hover {
	text-decoration: underline;
	color:#900;
}

/*　銘柄コード　*/
div.mystockListWrap div.number {
	font-size:12px;
	color:#333;
}

/*　取得時間　*/	
div.mystockListWrap div.now {
	font-size:12px;
}

/*　チャート画像　*/
div.mystockListWrap div.stockImg {
	width : 100%;
	margin: 0 auto 10px auto;
}

/*　●テーブル●　*/
/*　現在値　*/
div.mystockListWrap div.up table.mystock{/* プラスの時*/
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
	line-height:1;
	background-color: #ffecf0;
}
div.mystockListWrap div.down table.mystock{/* マイナスの時*/
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
	line-height:1;
	background-color: #e1f2f8;
}
div.mystockListWrap div.even table.mystock{/* プラスマイナスゼロの時 20170224追加*/
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
	line-height:1;
	background-color: #eee;
}

div.mystockListWrap table.mystock tr th{
	width:60%;
	padding:12px 0 12px 4px;
	font-size:16px;
	text-align:left;
}

/*株価の矢印マーク*/
div.mystockListWrap > div.up > table.mystock tr th > span.price-image:before,
div.mystockListWrap > div.down > table.mystock tr th > span.price-image:before,
div.mystockListWrap > div.even > table.mystock tr th > span.price-image:before{/* プラスマイナスゼロの時 20170224追加*/
	font-family: FontAwesome ;
	margin: 0;
	font-size:20px;
	line-height: 20px;
}	
div.mystockListWrap > div.up > table.mystock tr th > span.price-image:before {/* プラスの時　文字色 */
	content: "\f062\A" ;/*unicode*/
	color: #f00 ;
}
div.mystockListWrap > div.down > table.mystock tr th > span.price-image:before {/* マイナスの時　文字色 */
	content: "\f063\A" ;/*unicode*/
	color: #006 ;
}
div.mystockListWrap > div.even > table.mystock tr th > span.price-image:before {/* プラスマイナスゼロの時 20170224追加*/
	content: "\f061\A" ;/*unicode*/
	color: #555 ;
}


div.mystockListWrap > div.up > table.mystock tr td,
div.mystockListWrap > div.down > table.mystock tr td,
div.mystockListWrap > div.even > table.mystock tr td{/* プラスマイナスゼロの時 20170224追加*/
	width:40%;
	padding:0;
	font-size:12px;
}
	/* プラスの時　文字色 */
div.mystockListWrap > div.up > table.mystock tr td{
	color: #f00;
}
	/* マイナスの時　文字色 */
div.mystockListWrap > div.down > table.mystock tr td{
	color: #006;
}
	/* プラスマイナスゼロの時　文字色 20170224追加 */
div.mystockListWrap > div.even > table.mystock tr td{
	color: #555;
}

/*　●テーブル●　*/
/*　前日比から損益まで　*/
div.mystockListWrap div.up table.mystock-inner,
div.mystockListWrap div.down table.mystock-inner,
div.mystockListWrap div.even table.mystock-inner,
div.mystockListWrap table.mystock-inner_ohlc{/* プラスマイナスゼロの時 20170224追加*/
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
	line-height:0.5;
}

table.mystock-inner tr th,
table.mystock-inner_ohlc tr th{
	font-size:12px;
	width:35%;
	font-weight:normal;
}
table.mystock-inner tr td{
	width:65%;
	font-weight:bold;
}
table.mystock-inner_ohlc tr td{
	width:65%;
	font-weight:normal;
}
table.mystock-inner tr:first-child,
table.mystock-inner_ohlc tr:first-child {
	border-top: 1px #999 solid;	
}
table.mystock-inner tr,
table.mystock-inner_ohlc tr {
	border-bottom: 1px #999 solid;	
}

table.mystock-inner tr th,
table.mystock-inner_ohlc tr th {
	text-align : left;
	line-height:1;
}
table.mystock-inner tr td,
table.mystock-inner_ohlc tr td {
	text-align : right;
	line-height:1;
}
@media screen and (max-width: 480px) {

table.mystock-inner_ohlc tr:first-child {
	border-top: none;	
}
table.mystock-inner_ohlc tr {
	border-bottom: none;	
}
}
	
	
table.mystock-inner tr td span.red {/* プラスの時 */
	color: #f00;
	font-weight:bold;
}
table.mystock-inner tr td span.blue {/* マイナスの時 */
	color: #039;
	font-weight:bold;
}
table.mystock-inner tr td span.small {/* パーセント */
	font-size:12px;
	font-weight:bold;
}

/*アコーディオン*/
/*my銘柄のメニュー*/
div.mymenu{
  width: 100%;
}
div.mymenu > ul > li > a{
  display: block;
  font-size: 14px;
  text-decoration: none;
  background-color: #e7e7e7;
  cursor: pointer;
  padding: 4px 0px;
  position: relative;
}
div.mymenu > ul > li > a:hover{
  background-color: #d8d8d4;
}
div.mymenu > ul > li > a:after, div.mymenu > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 5px;
  color: #333;
}
div.mymenu > ul > li > a:after{
  content: "▼";
}
div.mymenu > ul > li > a.active:after{
  content: "▲";
}
div.mymenu > ul > li > ul {
  display: none;
}
div.mymenu > ul > li > ul > li a {
	display:block;
	border-top: 1px dashed #999;
	background-color: #eee;
	padding:5px 0 4px 0;
}
div.mymenu > ul > li > ul > li a:hover{
  background-color: #d5cece;
}


/*ポップアップタイトル*/
div.poptabletitle{
  	font-weight: bold;
	position: relative;
	display: block;
	text-align:left;
	background-color: #fff;
	padding: 5px 0 5px 5px;
	border-left: 3px solid #900;
	border-bottom: 1px solid #ccc;
    margin: 10px 0 10px 0px;
}
div.poptabletitle span{
	font-size: 16px;
	font-weight: bold;
	display:inline-block;
	line-height:1;
}


/* ------------------------------
   編集（ポップアップウィンドウ）テーブル
------------------------------ */

table.popupTable {
	display: table; 
	width : 80%;
	margin : 0 auto;
	position : relative;
}
table.popupTable tr th,
table.popupTable tr td {
	border: 1px #999 solid;
	line-height:1;
}
table.popupTable tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}
table.popupTable tr th{
	width:40%;
	text-align:left;
	padding-left:8px;
	background : #d8d8d4;
}
table.popupTable tr td{
	width:60%;
}
/* ------------------------------
   編集（ポップアップウィンドウ2）テーブル
------------------------------ */
table.popupTable2 {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
}
table.popupTable2 tr th,
table.popupTable2 tr td {
	border: 1px #999 solid;
	line-height:1;
}
table.popupTable2 tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}
table.popupTable2 tbody tr th{
	width:15%;
	text-align:center;
	background : #d8d8d4;
}
table.popupTable2 tbody tr th.w30 ,table.popupTable2 tbody tr td.w30{
	width:30%;
}
table.popupTable2 tbody tr th.w25 ,table.popupTable2 tbody tr td.w25{
	width:25%;
}
table.popupTable2 tbody tr td{
	width:15%;
	padding:3px;
	text-align:center;
}


/*	テキストボックス 共通　*/
span.popup input,
span.popup2 input,
span.popup3 input,
span.popup4 input,
span.popup5 input { /* 銘柄購入年月日用　20170224追加 */
  height:30px;
  padding:0 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-appearance: none;
  background: #fff;
  font-size:13px;
}

span.popup input[type="number"]:focus ,span.popup input[type="date"]:focus,
span.popup2 input[type="date"]:focus ,span.popup2 input[type="number"]:focus,
span.popup3 input[type="date"]:focus ,span.popup3 input[type="number"]:focus,
span.popup4 input[type="date"]:focus ,span.popup3 input[type="number"]:focus,
span.popup5 input[type="date"]:focus ,span.popup4 input[type="number"]:focus { /* 銘柄購入年月日用　20170224追加 */
  border: 1px solid #900;
  outline: 0;
}

/*	テキストボックス　*/
span.popup input{
  width: 80%;
}

/*	テキストボックス2　*/
span.popup2 input {
  width: 70%;
  text-align:right;
}


/*	テキストボックス3　*/
span.popup3 input {
  width: 50%;
}

/*	テキストボックス4　*/
span.popup4 input {
  width: 96%;
  text-align:right;
}

/*	テキストボックス5　*/ /* 銘柄購入年月日用　20170224追加 */
span.popup5 input {
  width: 25%;
  text-align:right;
}


/*	onoffボタン　*/
/*	my銘柄ポップアップ、優待マップ　*/
onoff input[type=radio],
.onoff input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
.onoff input[type=radio] + label,
.onoff input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}

.onoff input[type=radio],
.onoff input[type=checkbox] {
	display: none;
	margin: 0;

}
.onoff input[type=radio] + label,
.onoff input[type=checkbox] + label {
	padding: 0 0 0 24px;
}
.onoff input[type=radio] + label::before,
.onoff input[type=checkbox] + label::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background: #FFF;
}
.onoff input[type=radio] + label::before {
	border: 2px solid #ccc;
	border-radius: 30px;
}
.onoff input[type=checkbox] + label::before {
	border: 2px solid #ccc;
}
.onoff input[type=radio]:checked + label::after,
.onoff input[type=checkbox]:checked + label::after {
	content: "";
	position: absolute;
	top: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
.onoff input[type=radio]:checked + label::after {
	left: 5px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #E71063;
	border-radius: 8px;
}
.onoff input[type=checkbox]:checked + label::after {
	left: 3px;
	width: 16px;
	height: 8px;
	margin-top: -8px;
	border-left: 3px solid #E71063;
	border-bottom: 3px solid #E71063;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* either */
.onoff .either {
	position: relative;
	display: inline-block;
	vertical-align:middle;
	width: 120px;
	overflow: hidden;
	border: 2px solid #ccc;
}
.onoff .either input[type=radio] + label {
	position: static;
	float: left;
	display: block;
	width: 50%;
	margin-right: 0;
	padding: 0;
	overflow: hidden;
	text-align: center;
}
.onoff .either input[type=radio] + label::before {
	content: attr(data-label);
	top: 0;
	bottom: 0;
	z-index: 1;
	display: block;
	width: 50%;
	height: auto;
	margin-top: 0;
	text-align: center;
	color: transparent;
	background: transparent;
	border: 0 none;
	border-radius: 0;
}
.onoff .either input[type=radio] + label:last-child::before {
	left: 50%;
	right: 0;
}
.onoff .either input[type=radio]:checked + label::before {
	color: #fff;
}

.onoff .either input[type=radio] + label::after {
	border-radius: 0;
}
.onoff .either input[type=radio]:first-child + label::after {
	content: none;
}
.onoff .either input[type=radio] + label + input[type=radio] + label::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 0;
	display: block;
	width: auto;
	height: auto;
	margin: auto;
	background: #006;
	border: 2px solid #fff;
	-webkit-transition: all 200ms;
	transition: all 200ms;
}

.onoff .either input[type=radio]:checked + label + input[type=radio] + label::after {
	left: 0;
	right: 50%;
}
.onoff .either input[type=radio] + label + input[type=radio]:checked + label::after {
	left: 50%;
	right: 0;
}

/*追加購入ボタン*/
/*売却ボタン*/		
.buysellLink {
	margin:10px auto;
	padding:0;
	text-align:center;
}
.buysellLink li {
	display: inline-block;
	margin-right:10px;

}
.buysellLink li a {
	padding:5px 10px;
	background-color:#d8d8d4;	
	border-radius: 4px;
}
.buysellLink li a:hover{
	background-color: #006;
	color:#FFF;
}


/*変更ボタン*/
.proceed { 
	width: 200px;
	margin:10px auto;
}
input#portButton { 
	width: 200px;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding: 6px 0;
	font-weight:bold;
	background-color:#006;
	border-radius: 4px;
}
input#portButton:hover
 {
    background-color:#666;
}



.closebtn a { /* 20170224追加 */
	display:block;
	margin:10px auto 30px auto;
	color:#fff;
	font-size:14px;
	text-align:center;
	width:200px;
	padding: 1px 0;
	font-weight:bold;
	background-color:#777;
	border-radius: 4px;
}

.closebtn a:hover { /* 20170224追加 */
	width:200px;
	background-color:aaa;
}


/*購入ボタン*//*売却ボタン*/
table.popupTable2 .buy ,table.popupTable2 .sell {
	display:block;
	margin:4px auto;
	color:#fff;
	text-align:center;
	width:90%;
	padding: 8px 0;
	font-weight:bold;
}
/*購入ボタン*/
table.popupTable2 .buy {
	background-color:#f60;
}
/*売却ボタン*/
table.popupTable2 .sell {
	background-color:#360;
}

/*削除ボタン*/
table.popupTable2 .delete a {
	display:block;
	margin:4px auto;
	color:#fff;
	text-align:center;
	width:90%;
	padding: 8px 0;
	font-weight:bold;
	background-color:#006;
	border-radius: 4px;
}

table.popupTable2 .delete a:hover {
	width:90%;
	background-color:#666;
}
span.notice{
	color:#F00;
	font-weight:normal;
	font-size:12px;
}


/*表示設定/ポートフォリオ管理*/

div.portSup{
	display: block; 
	width : 100%;
	margin : 0 auto;
	position : relative;
}

div.portSup >  ul > li {
	display:block;
	border-top: 1px dashed #999;
	background-color: #eee;
	padding:5px 0 4px 0;
}
div.portSup > ul > li a:hover{
  background-color: #d5cece;
}

/*ボタン：ポートフォリオ管理（↑、↓、削除）*/	
.portSupLink {
	display: block;
	float:left;
	padding:0;
}
.portSupLink li {
	font-size:14px;
	display: inline-block;
	margin-right:4px;
}
.portSupLink li:first-child {
	margin-left:4px;
}

.portSupLink li a {
	padding:2px 4px;
	font-size:14px;
	background-color:#d8d8d4;	
	border-radius: 4px;
}
.portSupLink li a:hover{
	background-color: #006!important;
	color:#FFF;
}

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

 * ランキング（Gnavi）

 * ========================================================================= */
 /*mainの中で2ボックスに分ける*/
/*ランキング　左*/
#rankLeft {
	margin:0;
	float: left;
	width: 50%;	
	}
/*ランキング　右*/
#rankRight {
	margin:0;
	padding:0;
	float: right;
	width: 50%;
}

.choose {
	display:block;
	text-align:left;
}
.choose span{
	text-align:left;
	font-weight:bold;
	font-size:16px;
	padding: 4px 0 4px 5px;
	border-left: 3px solid #999;
}

.choose > .select-box01 {
	width: 96%;
	background-color: #fff;
}

.choose > .select-box01 select {
	position: relative;
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
    border-radius: 5px;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
}
.choose > .select-box01 label {
	position: relative;
}
.choose > .select-box01 label:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #600;
}


 
/*main ランキングリンク*/
#rankLink {
	width: 100%;
	margin:10px auto;
}
#rankLink ul {
	text-align:center;
}
#rankLink ul li a{
	float:left;
	background: #ededed;	 
	padding: 6px 8px;
	margin: 1% 1% 0 0;
}

#rankLink ul li a:hover,
#rankLink ul li.current a {
	color: #fff;
	background: #006;
	font-weight:bold;
	text-align: center; 

}



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

 * スクリーニング（Gnavi）

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

/*タブ：条件検索、グラフ検索*/
#screenNaviLink {
	display:block;
	margin:0 auto;	
	width: 100%;
}
#screenNaviLink ul li i{
	padding-right:10px;
	font-size: 16px;
	line-height:1.5;
	color: #900;
}
#screenNaviLink ul:after{
	clear: both;
}
 #screenNaviLink ul li {/*タブ１個ごとの設定*/
	float: left;
	color: #333;
	margin-left: 1%;
	width: 49.5%;
}
#screenNaviLink ul li a {
	display: block;
	font-size: 18px;
	font-weight:bold;
	padding:13px 0;
	vertical-align:middle;
	text-align: center;
	line-height:1.5;
	border-bottom: 5px solid #ccc;
}
#screenNaviLink ul li{
	border-right: 1px solid #ccc;
}
#screenNaviLink ul li:first-child {/*最初のタブの設定：条件検索*/
	margin-left: 0px;
}
#screenNaviLink ul li:last-child {/*最後*/
	border-right:none;
}
#screenNaviLink ul li a:hover,
#screenNaviLink ul li.current a {
	border-bottom: 5px solid #900;	
}


/* ------------------------------
   条件検索
------------------------------ */ 

/*ボタン：クリア（指定）*/
h3.mainTitle02 .clearButton{
	display: inline-block;
	float:right;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	background-color: #ccc;
	border-radius: 4px;
	cursor: pointer;
	padding: 8px;
	position: relative;
}

/*業種選択　アコーディオン*/
div.accpick{
	width: 100%;
	margin-bottom:5px;
}
div.accpick > ul > li > a{
	display: block;
	color: #fff;
	font-size: 14px;
	margin-bottom:10px;
	font-weight:bold;
	text-decoration: none;
	background-color: #006;
	width: 120px;
	margin-left:15px;
	border-radius: 4px;
	padding: 4px 0px;
	position: relative;
}
div.accpick > ul > li > a:hover{
	background-color: #999;
}
div.accpick > ul > li > a:after, div.accpick > ul > li > a.active:after{
	font-size: 12px;
	position: absolute;
	right: 10px;
	top: 7px;
	color: #fff;
}
div.accpick > ul > li > a:after{
  content: "▼";
}
div.accpick > ul > li > a.active:after{
  content: "▲";
}
div.accpick > ul > li > ul {
  display: none;
}


/*ボタン：上記の条件で検索する*/
.searchButton{
	margin: 40px auto 20px auto;
	width: 40%;
	border-radius: 4px;
}
.searchButton a ,.searchButton a:hover,
.searchButton button ,.searchButton button:hover /*20170303add_swMaeda*/
{
	background: #900;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	box-shadow:2px 2px 2px #666;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 8px;
}
.searchButton a:hover,
.searchButton button:hover /*20170303add_swMaeda*/
{
	background-color:#999;
}

/*ボタン：全クリア*/
.allclearButton{
	margin: 0px auto;
	width: 100px;
	border-radius: 4px;
}
.allclearButton a ,.allclearButton a:hover{
	background: #999;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	box-shadow:1px 1px 1px #666;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 4px;
}
.allclearButton a:hover{
	background-color:#333;
}


/*　■市場選択、業種選択■*/
div.check-group {
	width:90%;
	margin:0 auto;
	text-align:left;
}
div.check-group input {
	display: none;
}
div.check-group label {
	float: left;
	width:19%;
	display: inline-block;
	border: 1px solid #ccc;
	margin:0.5%;
	padding: 2px 0;
	text-align: center;
	color: #333;
	font-size: 14px;
}
div.check-group label.checked {
	color: #fff;
	background-color: #006;
}


/*　■指数選択■*/
.screenListBox {
  width: 100%;
  margin:0 auto;
}
.frm li {
  margin-top: 20px;
  height: 40px;
}
.frm li:first-child {
  margin-top: 0;
}
.frm li > * {
  float: left;
}
.frm li.scrSp {
  margin-top: 10px;
  height: 40px;
}

.frm .screenListTitle {
  width: 200px;
  height: 40px;
  line-height: 40px;
  text-align:left;
  padding-left:20px;
  font-size: 15px;
  font-weight: bold;
}
.frm .screenListTitle2 {
  display:block;
  height: 40px;
  line-height: 40px;
  padding-left:20px;
  width: 200px;
}
.frm .screenListTitle span {
	padding-left:3px;
	color:#666;
}
	/*	テキストボックス*/
span.screenListTextBox input ,span.screenListTextBox3 input {
  width: 160px;
  height: 40px;
  text-align:right;
  padding-right:8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  -webkit-appearance: none;
  background: #fff;
  z-index: 9999;
}

span.screenListTextBox3 input {
  width: 160px;
}

span.screenListTextBox input[type="number"]:focus ,span.screenListTextBox3 input[type="number"]:focus {
  border: 1px solid #900;
  outline: 0;
}

	/*	チェックボックス*/
div.show {
  float:right;
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
}

div.show:after{
     clear: both;
}
div.show input {
	display: none;
}
div.show label {
	padding: 8px;
	text-align: center;
	color: #fff;
	background-color: #ccc;
	font-size: 14px;
	border-radius: 4px;
}
div.show label.checked {
	color: #fff;
	background-color: #006;
}



.select-box02 {
	width: 360px;
	background-color: #fff;
}

.select-box02 select {
	position: relative;
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
    border-radius: 5px;
	background: #eee;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: linear-gradient(to bottom, #fff 0%,#efebe1 100%);
}
.select-box02 label {
	position: relative;
}
.select-box02 label:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #600;
}



/* ------------------------------
   グラフ検索
------------------------------ */ 


table.graphsearch {
	display: table; 
	width : 100%;
	margin : 0 auto 10px auto;
	position : relative;
}
table.graphsearch tr th,
table.graphsearch tr td {
	border: 1px #999 solid;
}
table.graphsearch tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}
table.graphsearch tr th{
	width:25%;
	background : #d8d8d4;
}



/*　クリアボタン　*/
table.graphsearch a.clearButton{
	width: 60px;
	margin-left:8px;
	border-radius: 4px;
	vertical-align:middle;
}
table.graphsearch a.clearButton ,a.clearButton:hover{
	background: #006;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight:bold;
	display:inline-block;
	text-align: center;
	padding: 4px;
}
table.graphsearch a.clearButton:hover{
	background-color:#999;
}




/* 該当会社数 */
.numberCompanies{
	text-align:center;

}	
.numberCompanies span{
	font-size:16px;
	line-height:36px;
	vertical-align:middle;
}	
.numberCompanies span.focuscompany{
	text-align:center;
	font-size:35px;
	font-weight:bold;
	color:#006;
	line-height:36px;
}	


 /* バッジ */	
/* 絞り込みたい範囲をグラフ上でクリックしてください */

.expround{position: relative}
.exp{
	position:absolute;
	max-width:100%;
	height:auto;
	top:60px;
	right:20px;
	padding:10px 10px;
	line-height:1.4;
	z-index:100;
	color:#666;
	background:url(../../parts/image/tp.png);
}

.exp span{
font-size:16px;
}




/*タブ：時価総額、PER・・・*/
#screenHighLink {
	display:block;
	border-bottom: 4px solid #006;	/*下線*/
	width: 100%;
	height:70px;
}
#screenHighLink ul li i{
	font-size: 24px;
}
#screenHighLink ul:after{
     clear: both;
}
 
/*タブ１個ごとの設定*/
#screenHighLink ul li {
	float: left;
	border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;
	background: #eee;
	margin-left: 1%;
	overflow: hidden;
	width: 19%;
	height:70px;
}
#screenHighLink ul li a {
	display: block;
	border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;
	height:70px;
	padding:13px 0;
	vertical-align:middle;
	text-align: center;
	line-height:1.5;

}

/*最初のタブの設定*/
#screenHighLink ul li:first-child {
	margin-left: 0px;
}

#screenHighLink ul li a:hover,
#screenHighLink ul li.current a {
	border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;
	background: #006;
	color: #fff;
	height:70px;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.5); 

}


/* テーブル（スクリーニングHigh）*/
table.screeningHighTable tr th,
table.screeningHighTable tr td {
	line-height:1;
}




/* ------------------------------
   分布検索
------------------------------ */ 

.downArrow {
	font-size:48px;
	line-height:1;
	color:#ccc;
}
table.screenOriginal {
	display: table; 
	width : 90%;
	margin : 0 auto 10px auto;
	position : relative;
}
table.screenOriginal tr th,
table.screenOriginal tr td {
	border: 2px #fff solid;
}
table.screenOriginal tr th{
	width:25%;
	color:#fff;
}


/*はい　アコーディオン*/
div.answerYes{
	width: 100%;
}
div.answerYes > ul > li > a{
	display:inline-block;
	color: #fff;
	padding-left:15px;
	font-size: 15px;
	font-weight:bold;
	text-decoration: none;
	background-color: #999;
	width: 75px;
	border-radius: 4px;
	position: relative;
	height: 40px;
 	margin-left:20px;
  	line-height: 40px;
}
div.answerYes > ul > li > a:hover{
	background-color: #f60;
}
div.answerYes > ul > li > a:after, div.answerYes > ul > li > a.active:after{
	position: absolute;
	right: 10px;
	top:0px;
	color: #fff;
}
div.answerYes > ul > li > a:after{
  content: "▼";
}
div.answerYes > ul > li > a.active:after{
  content: "▲";
}
div.answerYes > ul > li > ul {
  display: none;
}

/*　はい　選択の場合（詳細選択）　*/
div.screencheck-group {
	width:98%;
	margin:0 auto;
	text-align:left;
}
div.screencheck-group input {
	display: none;
}
div.screencheck-group label {
	float: left;
	width:19%;
	color: #fff;
	font-weight:bold;
	display: inline-block;
	border: 1px solid #ccc;
	margin:0.5%;
	padding: 8px 15px;
	text-align: center;
	font-size: 14px;
}
div.screencheck-group label.checked {
	color: #fff;
	background-color: #f60;
}


/*　回答（いいえ）　*/
div.answer {
	float:left;
	display: inline-block;
	position: relative;
	height: 40px;
	margin-left:20px;
	line-height: 40px;
}
div.answer input {
	display: none;
}
div.answer label {
	padding: 8px 15px;
	text-align: center;
	color: #fff;
	font-weight:bold;
	background-color: #999;
	font-size: 15px;
	border-radius: 4px;
}
div.answer label.checked {
	color: #fff;
	font-weight:bold;
	background-color: #f60;
}



/*　クリアボタン　*/
table.screenOriginal a.clearButton{
	width: 60px;
	margin-left:8px;
	border-radius: 4px;
	vertical-align:middle;
}
table.screenOriginal a.clearButton ,a.clearButton:hover{
	background: #006;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	font-weight:bold;
	display:inline-block;
	text-align: center;
	padding: 4px;
}
table.screenOriginal a.clearButton:hover{
	background-color:#999;
}


/*　該当企業数（円グラフの横）　*/
.companyTargetedGlaf > span.orangeBold {
	vertical-align:middle;
}	
.companyTargetedGlaf > span.orangeBold {
	display:inline-block;
	font-size:46px;
	color:#f60;
	line-height:1;
}
.companyTargetedGlaf > span.listedCo {
	display:block;
	font-size:12px;
	color:#999;
}



/*　業種5位までのランキング　*/
.rankIndustrya-inner {
	text-align:left;
	font-size:15px;
}

.rankIndustrya-inner span.cate{
	width: 120px;
	display:inline-block;
}



/* ------------------------------
   スクリーニング業種別件数結果
------------------------------ */

#industryaCategoryList {
	width: 100%;
	margin:0 auto;
	position: relative;
}

#industryaCategoryList ul {
	margin: 0 auto;
}

#industryaCategoryList ul li ,#industryaCategoryList ul li.focus {
	width: 16%;
	text-align:center;
	margin:0.3%;
	float: left;
	border-radius: 5px;
	background: #e4e4e3;
	box-sizing: border-box;
}
#industryaCategoryList ul li.focus {
	background: #fef8dd;
}

#industryaCategoryList ul li a {
	display: block;
	padding: 10px 0;
	border-radius: 5px;
	color: #333;
	text-align: center;
	transition: all 0.2s linear;
}

#industryaCategoryList ul li:hover > a {
	background: #f1f1f1;
}

#industryaCategoryList > ul:before,
#industryaCategoryList > ul:after {
	content: " ";
	display: table;
}
#industryaCategoryList > ul:after {clear: both;}
#industryaCategoryList > ul {*zoom: 1;}


#industryaCategoryList .companyTargeted span.orangeBold {
	font-size:22px;
	font-weight:bold;
	color:#f60;
}
#industryaCategoryList .industryaCategory {
	height:28px;
	overflow: hidden;
}

#industryaCategoryList img{
	padding-right:4px;
	width:50px;
	height:50x;
}


/* ------------------------------
   スクリーニング検索結果ページ
------------------------------ */

.screeningResultWrap{
	overflow-x:scroll;
}
	
table.screeningResult {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
}
table.screeningResult tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}

table.screeningResult tr th,
table.screeningResult tr td {
	padding: 1px auto;
	border: 1px #999 solid;
	white-space: nowrap;
	font-size:14px;
	line-height:1;
}

table.screeningResult thead tr th {
	color:#FFF;
	background-color:#006;
}

table.screeningResult tr td {
	text-align : right;
}

table.screeningResult td.stockname{
	text-align : left;
}
table.screeningResult td.stockname a {
	width: 180px;
	display:block;
	line-height:1;	
	color:#006;
	overflow: hidden; 
	text-overflow: ellipsis; 
} 


table.screeningResult tbody tr th {
	background : #d8d8d4;
}

table.screeningResult tbody tr td a:before{
	font-family: FontAwesome ;
	margin: 0;
}
table.screeningResult tbody tr td a:before{
	content: "\f138\A" ;/*unicode*/
	color: #900 ;
}

table.screeningResult tr th.focus {
	background : #f60!important;
}
table.screeningResult tr td.focus{
	background : #ffc!important;
}





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

 * ＩＰＯ（Gnavi）

 * ========================================================================= */
 
/* テーブル（ＩＰＯ）*/
.ipoTableWrap{
	overflow-x:scroll;
}
	
table.ipoTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
	line-height:1;
}

table.ipoTable tr th,
table.ipoTable tr td {
	white-space: nowrap; 
	padding: 1px auto;
	border: 1px #999 solid;
	font-size:14px;
}

table.ipoTable thead tr th {
	color:#FFF;
	background-color:#006;
}

table.ipoTable tr td {
	text-align : right;
}
table.ipoTable td.stockname{
	width: 200px;
	white-space: normal; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	text-align : left;
}

table.ipoTable td.stockname a {
	color:#006;
	text-decoration:underline;
}

table.ipoTable td.stockname a:hover {
	color:#900;
	text-decoration:underline;
} 

table.ipoTable tbody tr th {
	background : #d8d8d4;
}
table.ipoTable tbody tr.before > th{
	background : #e8e6e6;
}
table.ipoTable tbody tr.focus > th{
	background : #ffc;
}
table.ipoTable tbody tr.after > th{
	background : #e8e6e6;
}

table.ipoTable tbody tr td a:before{
	font-family: FontAwesome ;
	margin: 0;
}
table.ipoTable tbody tr td a:before{
	content: "\f138\A" ;/*unicode*/
	color: #900;
}


/* ------------------------------
   ＩＰＯ詳細ページ
------------------------------ */

/* ＩＰＯ詳細　事業内容*/
div#ipoDescriptionWrap{
    background: #006;
    dispay: block;
    position: relative;
    width: 140px;
}
div#ipoDescriptionWrap p{
	color: #fff;
	font-weight:bold;
    text-align:center;
	padding: 3px 0 1px 0;
	vertical-align:middle;
}
div#ipoDescriptionWrap p i{
	padding-right: 5px;
}

div#ipoDesText{
	padding: 8px 10px;
	text-align:left;
	border: 2px #006 solid;
}



/* ＩＰＯ詳細　スケジュール*/
.ipoScheWrap{
	overflow-x:scroll;
}
	
table.ipoSche {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
}

table.ipoSche tr th,
table.ipoSche tr td {
	padding: 1px auto;
	border: 1px #999 solid;
	white-space: nowrap;
	font-size:14px;
	line-height:1;
}

table.ipoSche thead tr th {
	color:#FFF;
	background-color:#006;
}

table.ipoSche tr td {
	text-align : center;
}





/* ＩＰＯ　幹事証券会社リスト*/
ul.ipoCom {
	text-align:left;
}

ul.ipoCom > li{
	font-size:15px;
	padding-left:4%;
	padding-bottom:8px;
}

ul.ipoCom > li:before{
	font-family: FontAwesome ;
	margin: 0;
	padding-right:5px;

}
ul.ipoCom > li:before{
	content: "\f00c\A" ;/*unicode*/
	color: #006;
}




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

 * 株主優待（Gnavi）

 * ========================================================================= */
 
 
/* ------------------------------
   株主優待（全体を知る）検索結果
------------------------------ */
/*20170731araiここから*/
#shareholderCategoryList ,#shareholderCategoryList2 {
	width: 100%;
	margin:0 auto;
	position: relative;
}
#shareholderCategoryList ul ,#shareholderCategoryList2 ul {
	margin: 0 auto;
}
#shareholderCategoryList ul li ,#shareholderCategoryList ul li.focus ,#shareholderCategoryList2 ul li ,#shareholderCategoryList2 ul li.focus {
	width: 16%;
	text-align:center;
	margin:0.3%;
	float: left;
	border-radius: 5px;
	background: #e4e4e3;
	box-sizing: border-box;
	white-space: nowrap; 
	text-overflow: ellipsis;
	overflow: hidden;
}
#shareholderCategoryList2 ul li ,#shareholderCategoryList2 ul li.focus {
	width: 24%;
}
#shareholderCategoryList2 ul li.focus {
	background: #fef8dd;
}
#shareholderCategoryList2 ul li a {
	display: block;
	padding: 10px 0;
	border-radius: 5px;
	color: #333;
	text-align: center;
}
#shareholderCategoryList2 ul li:hover > a {
	background: #f1f1f1;
}
#shareholderCategoryList > ul:before,
#shareholderCategoryList > ul:after,
#shareholderCategoryList2 > ul:before,
#shareholderCategoryList2 > ul:after {
	content: " ";
	display: table;
}
#shareholderCategoryList > ul:after {clear: both;}
#shareholderCategoryList > ul {*zoom: 1;}
#shareholderCategoryList2 > ul:after {clear: both;}
#shareholderCategoryList2 > ul {*zoom: 1;}

#shareholderCategoryList a{
	text-decoration: underline!important;
}
#shareholderCategoryList a:hover{
	text-decoration:none!important;
}
#shareholderCategoryList span.orangeBold
,#shareholderCategoryList2 span.orangeBold{
	font-size:15px;
	color:#900;
	line-height:1;
}
#shareholderCategoryList span.month,
#shareholderCategoryList2 span.month {
	font-size:20px;
	font-weight:bold;
	color:#f60;
	line-height:1.5;
}
#shareholderCategoryList .industryaCategory,
#shareholderCategoryList2 .industryaCategory {
	height:28px;
	overflow: hidden;
}
#shareholderCategoryList img{
	padding-right:4px;
	width:60px;
	height:60px;
}
#shareholderCategoryList2 img{
	padding-right:4px;
	width:80px;
	height:80px;
}
/*ボタン：全表示*/
.selectAllButton{
	width: 40%;
	border-radius: 4px;
}
/*
.selectAllButton a ,.selectAllButton a:hover{
	background: #e4e4e3;
	border-radius: 4px;
	color: #333;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 8px;
}*/
.selectAllButton{
	background: #e4e4e3;
	border-radius: 4px;
	color: #333;
	font-size: 14px;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 8px;
}
.selectAllButton a{
	text-decoration: underline!important;
}
.selectAllButton a:hover{
	text-decoration:none!important;
}
/*.selectAllButton a:hover{
	background: #f1f1f1;
}*/
.selectAllButton span.orangeBold{
	font-size:15px;
	font-weight:bold;
	color:#900;
	line-height:1;
}
.selectAllButton span.month{
	font-size:22px;
	color:#f60;
	line-height:1.5;
}
/*20170731araiここまで*/

/* ------------------------------
   通常優待検索
------------------------------ */

/*　優待の全体件数　*/
div.shareholderInce {
	position: relative;
	display: block;
	background: #fff;
	text-align:left;
	border-bottom: 2px solid #CCC;
}
div.shareholderInce span.time{
	display:block;
	line-height:1;
	margin:0;
}

/*　優待該当件数の表示*/	
div.shareholderInce span.title{
	font-size:20px;
	color:#666;
	padding: 0 5px 0 10px;
	vertical-align:middle;
}
/*　権利月*/	
div.shareholderInce div.title2-inner{
	display:inline-block;
}
div.shareholderInce span.title2{
	font-size:14px;
	color:#666;
	padding: 0 5px 0 15px;
	vertical-align:middle;
}

div.shareholderInce span.title2 a{
	text-decoration:underline;
	color:#006;
}
div.shareholderInce span.title2 a:hover{
	text-decoration:none;
}

/*　優待　該当件数　*/
#main span.targeted{
	font-size:28px;
	font-weight:bold;
	padding: 0 5px 0 10px;
	line-height:1;
	vertical-align:middle;
}
/*　優待　権利月の該当件数*/
#main span.targeted2{
	font-size:20px;
	font-weight:bold;
	padding: 0 5px;
	line-height:1;
	vertical-align:middle;
}

.comTitle{
	font-size: 24px;
	color:#999;
	margin-bottom:3%;
}


/*　凡例 色　*/
.exCode{
	text-align:left;
	margin-left:2%;
	margin-top:10px;
}
.exCode > span.gray{
	font-size:16px;
	color:#999;
}
.exCode > span.orange{
	font-size:16px;
	color:#f60;
}
.exCode > span.edge{
	font-size:16px;
	color:#900;
	padding-left:10px;
}

/*　権利月の選択　*/
.exCode form {
    display:inline-block;
}

.exCode label {
    position: relative;
    display: inline-block;
    width: 180px;
    border: 1px solid #333;
    border-radius: 5px;
    background: #fff;
}

.exCode label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #600;
}
.exCode select.monthCom {
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    width: 180px;
    padding: 0.5em 1em;
    color: #333;
    border: none;
    border-radius: 5px;
    background: transparent;
}


.comCode{
	margin-left:5%;
}
.comCode input{
    border:1px solid #CCC;   
}

/*ボタン：クリア（指定）*/
.comDetail{
	display: block;
	padding-left:15px;
	font-size:16px;
	font-weight:bold;
	text-align:left;
}

 
/*　優待（大カテ）リンク*/
#comBigLink {
	width: 90%;
	margin:0px auto;
}
#comBigLink ul {
	text-align:center;
}
#comBigLink ul li a{
	float:left;
	background: #ededed;	 
	padding: 6px 8px;
	margin: 1% 1% 0 0;
}

#comBigLink ul li a:hover,
#comBigLink ul li.current a {
	color: #fff;
	background: #900;
	font-weight:bold;
	text-align: center; 

}


/*タブ：詳細検索、地図から検索*/
#complimentaryNaviLink {
	display:block;
	margin:0 auto;
	width: 100%;
}
#complimentaryNaviLink ul:after{
	clear: both;
}
 #complimentaryNaviLink ul li {/*タブ１個ごとの設定*/
	float: left;
	color: #333;
	margin-right: 1%;
	width: 32%;
}
#complimentaryNaviLink ul li a {
	display: block;
	font-size: 18px;
	font-weight:bold;
	padding:13px 0;
	vertical-align:middle;
	text-align: center;
	line-height:1.5;
	border-bottom: 5px solid #ccc;
}
#complimentaryNaviLink ul li{
	border-right: 1px solid #ccc;
}
#complimentaryNaviLink ul li:first-child {/*最初のタブの設定：条件検索*/
	margin-right: 0;
	margin-left: 1%;
}
#complimentaryNaviLink ul li:last-child {/*最後*/
	border-right:none;
}
#complimentaryNaviLink ul li a:hover,
#complimentaryNaviLink ul li.current a {
	border-bottom: 5px solid #900;	
}




/*　■優待選択■*/
div.complimentarycheck-group ,div.complimentarycheck-group2 ,div.complimentarycheck-group3 {
	width:90%;
	margin:0 auto;
	text-align:left;
}
div.complimentarycheck-group input ,div.complimentarycheck-group2 input ,div.complimentarycheck-group3 input{
	display: none;
}
div.complimentarycheck-group label ,div.complimentarycheck-group2 label ,div.complimentarycheck-group3 label {
	float: left;
	display: inline-block;
	border: 1px solid #ccc;
	text-align: center;
	color: #333;
	font-size: 14px;
}
/*　権利月1月〜12月　*/
div.complimentarycheck-group label {
	width:15%;
	margin:0.7%;
	padding: 2px 0;
}
/*　最低必要金額　*/
div.complimentarycheck-group2 label {
	width:24%;
	margin:0.5%;
	padding: 8px 0;
	line-height:1.5;
}
/*　優待内容　*/
div.complimentarycheck-group3 label {
	width:32%;
	padding-left:4px;
	margin:0.5%;
	line-height:50px;
	height:50px;
	text-align:left;
	overflow: hidden;
}

/*　優待内容　イラスト*/
div.complimentarycheck-group3 label img{
	padding-right:4px;
	width:50px;
	height:50x;
	float:left;
}


div.complimentarycheck-group label.checked ,div.complimentarycheck-group2 label.checked ,div.complimentarycheck-group3 label.checked {
	color: #fff;
	background-color: #006;
}

div.complimentarycheck-group label.disabled ,div.complimentarycheck-group2 label.disabled ,div.complimentarycheck-group3 label.disabled {
	color: #444;
	background-color: #AAA;
}
	
/*	全選択*/
div.all {
  display: inline-block;
  position: relative;
  height: 40px;
  line-height: 40px;
}
div.all input {
	display: none;
}
div.all label {
	padding: 8px;
	text-align: center;
	color: #fff;
	background-color: #ccc;
	font-size: 14px;
	border-radius: 4px;
	font-weight:bold;
}
div.all label.checked {
	color: #fff;
	background-color: #006;
	font-weight:bold;
}


/* ------------------------------
   優待マップ
------------------------------ */

#detail_div .subTitle span a{
    text-decoration:underline;

}
#detail_div .subTitle span a:before {
	content: ">>" ;
}
#detail_div .subTitle span a:hover{
    text-decoration:none;
}


#regions_div {
	max-width :100%;
	vertical-align: middle;
	margin:10px 0 20px 0;
	border: 0;
	z-index: 1;
}

/*	日本地図　*/
#japan-map {
    width: 80%;
    border-collapse: separate;
    border-spacing: 1px;
	margin:15px auto;
}

.pref ,.pref1 ,.pref2 ,.pref3 ,.pref4 ,.pref5 {
    background: #224163;
    min-height: 10px;
    font-size: 0.7em;
    text-align: center;
    padding: 4px;
    border-radius: 5px;
}

.pref1 {
    background:#fcc;
}
.pref2 {
    background: #f99;
}
.pref3 {
    background: #f66;
}
.pref4 {
    background: #f33;
}
.pref5 {
    background: #c00;
}


.pref a ,.pref1 a ,.pref2 a ,.pref3 a ,.pref4 a ,.pref5 a {
    display: block;
    min-height: 10px;
    text-decoration: none;
    color: white;
	border-radius: 5px;
}
.pref a:hover ,.pref1 a:hover ,.pref2 a:hover ,.pref3 a:hover ,.pref4 a:hover ,.pref5 a:hover {
	background: #999;
}

#hokkaido {
    margin: 20px 0;
}


/*	検索フォーム　*/
input.stockholder-search-form{
	border:none;
	border:#a9a9a9 1px solid;
	height:30px;
	padding:3px 8px;   
	width:86%;
	margin:0 auto;
	font-size:16px;
	text-align:left;
}
.left .onoff{
	margin: 2% 0 2% 6%;
}
.left .check{
	margin: 2% 0 2% 6%;
}


/* ------------------------------
   優待検索結果ページ
------------------------------ */

.selectedItem{
	text-align : left;
	font-size:13px;
}

.compliResultWrap{
	overflow-x:scroll;
}
	
table.compliResult {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
	border-collapse: collapse;
}
table.compliResult tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}

table.compliResult tr th,
table.compliResult tr td {
	padding: 1px auto;
	border: 1px #999 solid;
	white-space: nowrap;
	font-size:14px;
	line-height:1.2;
}

table.compliResult thead tr th {
	color:#FFF;
	background-color:#006;
	
}

table.compliResult tr td {
	text-align : right;
}

table.compliResult td a {
	width: 160px;
	display:block;		
	color:#006;
	text-decoration:underline;
	overflow: hidden; 
	text-overflow: ellipsis; 
}
table.compliResult td a:hover{
	color:#900;
	text-decoration:underline;
}

table.compliResult td span.category {
	width: 160px;
	display:block;
	overflow: hidden; 
	text-align : left;
	text-overflow: ellipsis; 
} 

table.compliResult tbody tr th {
	background : #d8d8d4;
}

table.compliResult tbody tr td a:before{
	font-family: FontAwesome ;
	margin: 0;
}
table.compliResult tbody tr td a:before{
	content: "\f138\A" ;/*unicode*/
	color: #900 ;
}






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

 * 個別銘柄　共通

 * ========================================================================= */
 /* ============================================================================*/
 
/*アコーディオン*/
/*時系列ページ（期間選択）で使用*/
div.accordion{
  width: 100%;
    margin-bottom:5px;
}
div.accordion > ul > li > a{
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight:bold;
  text-decoration: none;
  background-color: #666;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 6px 0px;
  position: relative;
}
div.accordion > ul > li > a:hover{
  background-color: #999;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 10px;
  color: #fff;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
}


/*mainボックス*/
#main .mainBox{
	width:100%;
	margin-bottom: 10px;/*ボックスの下のスペース*/
}
/*mainボックス(背景　黒）*/
#main .mainBox_black{
	width:100%;
	background-color: #000;
	margin-bottom: 10px;/*ボックスの下のスペース*/
	padding-bottom: 20px;
}
/*ボックス（アコーディオンの時）*/
#main .mainBox_Accordion{
	width:100%;
	margin-bottom: 10px;/*ボックスの下のスペース*/
}

/*h2*/
#main h2.stockTitle01{
  	font-weight: bold;
	position: relative;
	display: block;
	text-align:left;
	border-left: 6px solid #900;
	border-bottom: 2px solid #CCC;
	background-color: #fff;
	padding: 5px 0 5px 10px;
    margin: 0 0 5px 0;
}
#main h2.stockTitle01 span.title{
	font-size: 20px;
	font-weight: bold;
	display:block;
}
#main h2.stockTitle01 span.cateMarket{/*市場の種類*/
	font-size: 14px;
	padding:1%;

}
#main h2.stockTitle01 span.cateIndustrya{/*業種*/
	margin-left:15px;
	font-size: 14px;
	padding:1%;
}
/*h3 title1*/
h3.mainTitle01{
	width: auto;
	position: relative;
  	border-bottom: 3px solid #ccc;
  	padding: 0.5em;
	background-color: #fff;
	padding: 6px 0 6px 10px;
    margin: 0 0 0 0;
	
}
h3.mainTitle01:after{
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 40%;
  border-bottom: 5px solid #900;
}
h3.mainTitle01 span{
	width: 100%;
	display: block;
	font-size: 20px;
	text-align:left;
	font-weight: bold;
}
h3.mainTitle01 span i{
	margin-right:10px;	
	line-height: 24px;
	color: #900;
	font-size: 22px;
}

/*h3 title2*/
h3.mainTitle02{
  	font-weight: bold;
	position: relative;
	display: block;
	text-align:left;
	background-color: #fff;
	padding: 5px 0 5px 5px;
	border-left: 3px solid #900;
	border-bottom: 1px solid #ccc;
    margin: 10px 0 10px 10px;
}
h3.mainTitle02 span{
	font-size: 16px;
	font-weight: bold;
	display:inline-block;
	line-height:1;
}
h3.mainTitle02 span.btn{
	font-size: 16px;
	font-weight: bold;
	display:inline-block;
	line-height:1;
}




/*h4*/
#main h4.stockTitle01{
  	font-weight: bold;
	position: relative;
	display: block;
	text-align:left;
	background-color: #fff;
	padding: 3px 0 3px 5px;
    margin: 0 0 5px 5px;
}
#main h4.stockTitle01 span{
	font-size: 16px;
	font-weight: bold;
	display:block;
	line-height:50px;
}
#main h4.stockTitle01 span i{
	font-size: 18px;
	color:#900;
	font-weight: bold;
	padding-right:5px;
	line-height:50px;
}
#main h4.stockTitle01 span img.ico_weather{/*業績分析で使用（天気の表示）*/
	padding-left:5px;
	vertical-align:middle;
	width:60px;
	height:auto;
}

/*h4*/
#main h4.stockTitle02{
  	font-weight: bold;
	position: relative;
	display: block;
	text-align:left;
	background-color: #fff;
	padding: 3px 0 3px 5px;
    margin: 0 0 5px 5px;
}
#main h4.stockTitle02 span{
	font-size: 16px;
	font-weight: bold;
	display:block;
	line-height:18px;
}
#main h4.stockTitle02 span i{
	font-size: 18px;
	color:#900;
	font-weight: bold;
	padding-right:5px;
	line-height:18px;
}

/*My登録銘柄、更新*/
/*ポートフォリオでも使用中*/
#main .stockButton {
	position: absolute;
	bottom: 5px;
	right: 0px;
	}
#main .stockButton li {
	margin-right:10px;
	float:right;
	font-weight:normal;

}
#main .stockButton li a {
	text-align:center;
	width:80px;
	padding:0 1.5%;
	font-size:14px;
	background-color:#eee;
	color: #333;
	display: inline-block;
	box-shadow:2px 2px #ccc;
	border-radius: 3px;
}
#main .stockButton li a:hover,
#main .stockButton li.current a {
	background-color: #900;
	color:#FFF;
}

/*main 個別銘柄の株価*/
#main div.priceStock {
	position: relative;
	display: block;
	background: #fff;
	text-align:left;
	border-bottom: 2px solid #CCC;
}
#main div.priceStock span.time{
	display:block;
	line-height:1;
	margin:0;
}
/*株価の矢印*/
#main div.priceStock span.price-image-up a　,
#main div.priceStock span.price-image-down a,
#main div.priceStock span.price-image-right a{
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  padding: 0;
}
#main div.priceStock span.price-image-up i:before ,
#main div.priceStock span.price-image-down i:before ,
#main div.priceStock span.price-image-right i:before
 { 
	padding:0;
	line-height: 46px;
}
/*株価の矢印マーク*/
#main div.priceStock span.price-image-up i ,
#main div.priceStock span.price-image-down i ,
#main div.priceStock span.price-image-right i {
  width: 44px;
  height: 44px;
  margin: 0;
  border-radius: 50%;
  color: #fff;
  font-size:22px;
  line-height: 44px;
  text-align: center;
}
/*株価の矢印(上がったとき）*/
#main div.priceStock span.price-image-up i {
  background: #06067c;
  background: radial-gradient(#ec6565, #e20000);
}

/*株価の矢印(下がったとき）*/
#main div.priceStock span.price-image-down i {
  background: #06067c;
  background: radial-gradient(#3b85d1, #06067c);
}

/*株価の矢印(プラマイ0のとき）*/
#main div.priceStock span.price-image-right i {
  background: #06067c;
  background: radial-gradient(#d7d7d7, #b8b8b9);
}

	
/*現在値、前日比*/	
#main span.priceTitle1 ,#main span.priceTitle2{
	padding: 0 5px 0 10px;
	vertical-align:middle;
}
/*現在値の数値*/
#main span.priceNow{
	font-size:28px;
	font-weight:bold;
	line-height:1;
	vertical-align:middle;
}
/*前日比*/
#main span.priceUp ,#main span.priceDown{
	font-size:16px;
	font-weight:bold;
	vertical-align:middle;
}
/*前日比（上がった時）*/
#main span.priceUp{
	color: #f00;
}
/*前日比（下がった時）*/
#main span.priceDown{
	color: #009;
}

/*main 個別銘柄リンク*/
#stockLink {
	width: 100%;
	overflow: hidden;
	margin:5px auto;
}
#stockLink ul {
	text-align:center;
}
#stockLink ul li a{
     width:19.5%;
	float:left;
	 background: #ededed;	 
	 border-radius: 4px;
	 padding: 8px 0;
	 box-shadow:2px 2px #d2d2d4;
	 margin-right:0.5%;
	 margin-bottom:1.5%;
}
#stockLink ul li:nth-child(1) ,#stockLink ul li:nth-child(5){
	 margin-left:0%;
}
#stockLink ul li:nth-child(4) ,#stockLink ul li:nth-child(8){
	  margin-right:0;
}

#stockLink ul li a:hover,
#stockLink ul li.current a {
	color: #fff;
	background: #900;
	font-weight:bold;
	text-align: center; 
}

/*main ページ内リンク（ページ上部にあり）　*/
.pageLink {
	text-align:center;
}
.pageLink li {
	display: inline-block;

}
.pageLink li a {
	color:#900;
	text-decoration:underline;
	font-size:14px;
}
.pageLink li a i {
	padding-right:3px;
	font-size:14px;
}
.pageLink li a:hover{
	color:#333;
}


/*main ページ送り（ページ下部にあり）*/
.pageAll {/*1〜30件/全1,500件　*/
	text-align:left;
	padding-left:5px;
	font-size:12px;
}
#main ul.pageNav {
	width:100%;
	margin: 0 0 5px;
	padding: 5px;
	background: #fff;
	text-align: center;
}
#main ul.pageNav li {
	display: inline;
	margin: 0 0.8%;
	padding: 0;
}
#main ul.pageNav li a {
	display: inline-block;
	padding: 0.2% 2%;
	background: #eeeff7;
	text-decoration: none;
	vertical-align: middle;
    margin-bottom: 5px; /*20170419add_swMaeda 時系列表示期間*/
}
#main ul.pageNav li a:hover{
	color: #fff;
	background: #900;
	border-color: #00f;
}
#main ul.pageNav a.is-current {
	color: #fff;
	background: #900;
	border-color: #00f;
	font-weight:bold;
}

/*main ページ下部2つの広告*/
#main .adverBox1 {
	float: left;
	width: 50%;
	padding-left:1.85%;
}

#main .adverBox2 {
	float: right;
	width: 50%;
	padding-right:1.85%;
}

#main .advertiseContainer {
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
	/* clearfix */
#main .advertiseContainer:before,
#main .advertiseContainer:after {
    content: "";
    display: table;
}

#main .advertiseContainer:after {
    clear: both;
}
 	/* For IE 6/7 (trigger hasLayout) */
#main .advertiseContainer {
    zoom: 1;
}


/*　テーブル（左、右）分けたとき上のタイトルバー*/
.tabletop_title {
	width: 100%;
	margin: 0 auto;
	background: #006;
	color:#FFF;
	font-weight:bold;
	padding:8px;
}

 /* 右にスワイプできます（pcは非表示） */
div.spOnly {
	display: none;
}


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

 * 株価情報全般ページ（個別ページ）

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

/*mainの中で2ボックスに分ける*/
/*分布図　左*/
#distributionLeft {
	margin:0;
	float: left;
	width: 50%;	
}
/*分布図　右*/
#distributionRight {
	margin:0;
	padding:0;
	float: right;
	width: 50%;
}
/* 分布図　テーブル */
table.distributionTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;	
}
table.distributionTable thead tr td {
	width:50%;
	text-align : center;
	border: none;
	padding:2px;
}
table.distributionTable tbody tr th {
	width:50%;
	border: 1px #999 solid;
	line-height:1;
	background: #006; 
	color: #fff;
}		
table.distributionTable tbody tr td {
	width:50%;
	border: 1px #999 solid;
	line-height:1;
	text-align:right;
	vertical-align : middle;
}
table.distributionTable tr td img{
	width : 100%;	
}



/*mainの中で2ボックスに分ける*/
/*株価データ　左*/
#data {
	float: left;
	width: 49.6%;	
	}

/*見通し分析、業績分析　右*/
#analysis {
	float: right;
	width: 49.6%;
	
}


/*企業Profile*/
article.profile {
	text-align:left;
}
div#Profile_balloon{
    background: #006;
    dispay: inline-block;
    position: relative;
    width: 140px;
}
div#Profile_balloon p{
	color: #fff;
	font-weight:bold;
    text-align:center;
	padding: 3px 0 1px 0;
	vertical-align:middle;
}
div#Profile_balloon p i{
	padding-right: 5px;
}
.roundup {
	width: 100%;
	margin: 0 auto 0 auto;
	background-color:#fff;
	border: 2px solid #006;	
	padding: 0;
}
.roundup .profiletext {
	padding: 8px;
	text-align:left;
	border-bottom: #aaa 2px dotted;

}
.roundup .worktext {
	padding:8px;
	text-align:left;
}
.roundup .worktext span.title {
	background-color:#f60;
	color: #fff;
	padding:4px 8px;
	font-weight:bold;
	border-radius: 4px;
}


/* 株価データ　テーブル */
table.stockTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;	
}
table.stockTable tr th ,table.stockTable tr td{
	width:50%
}
table.stockTable tr th,
table.stockTable tr td {
	border: 1px #999 solid;	
}

table.stockTable tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}

table.stockTable thead tr th {
	background: #006;
	color:#FFF;
}
table.stockTable tbody tr th {
	text-align : left;
	background : #d8d8d4;
	line-height:1;
}
table.stockTable tbody tr th span {
	padding-left:3px;
	color:#666;
}
table.stockTable tbody tr td {
	text-align : right;
	line-height:1;
}
table.stockTable tr td span.small {/* 日時 */
	font-size:12px!important;
	color: #666!important;
}
table.stockTable tr td span.red {/* プラスの時 */
	color: #f00;
}
table.stockTable tr td span.blue {/* マイナスの時 */
	color: #039;
}



/*見通し分析、業績分析、株価チャートタイトル*/
#analysis div.title{
    background: #278fc4;
    width: 100%;
}
#analysis div.title p{
	color: #fff;
	font-weight:bold;
    text-align:center;

	padding: 5px 0;
	border: 1px solid #999;
	border-bottom:none;	
}
#analysis div.title  img.ico_weather{/*天気画像*/
	padding-left:15px;
	vertical-align:middle;
	width:60px;
	height:auto;
}


/*見通し分析*/
.forecastRound {
	width: 100%;
	margin: 0px auto;
	background-color:#fff;
	border: 1px solid #999;	
	padding: 8px;
}

.forecastRound .forecastText {
	margin-bottom:8px;
	text-align:left;
}
.forecastText p {
	margin-left: 1em;
	text-indent: -1em;
	line-height:22px;
}	
.forecastText p.webIco:before{
	font-family: FontAwesome ;
	font-size: 20px ;
	line-height:22px;
}
.forecastText p.webIco:before {
	content: "\f058\A" ;/*unicode*/
	color: #006 ;
}

		/*リンク（見通し分析）*/		
.forecastLink {
	padding:10px 0;
}
.forecastLink li {
	display: inline-block;
	font-size:12px;
	margin:6px 6px 12px 0;
}
.forecastLink li a {
	padding:8px;
	background-color:#d8d8d4;	
	border-radius: 4px;
}
.forecastLink li a i {
	padding-right:3px;
	font-size:12px;

}
.forecastLink li a:hover{
	background-color: #900;
	color:#FFF;
}


/*業績分析*/
.resultsRound {
	width: 100%;
	margin: 0px auto;
	background-color:#fff;
	border: 1px solid #999;	
	padding: 8px;
}
.resultsRound .resultsText {
	margin-bottom:8px;
	text-align:left;
}
.resultsText p {
	margin-left: 1em;
	text-indent: -1em;
	line-height:22px;
}	
.resultsText p.webIco:before{
	font-family: FontAwesome ;
	font-size: 20px ;
	line-height:22px;
}
.resultsText p.webIco:before {
	content: "\f058\A" ;/*unicode*/
	color: #006 ;
}
.resultsRound .resultsText2 {
	padding: 8px;
	text-align:left;
}
.resultsRound .resultsText2 span.title {
	background-color:#f60;
	color: #fff;
	padding:4px 8px;
	font-weight:bold;
	border-radius: 4px;
}

/*チャート*/
.chartRound {
	width: 100%;
	margin: 0px auto;
	background-color:#fff;
	border: 1px solid #999;	
	padding: 8px;
}
.chartRound .chartImg {
	margin-bottom:10px;
	text-align:center;
}




/*もっとリンク（見通し、業績分析、チャート）*/
.moreLink a {
	display:block;
	margin-top:10px;
	margin-left: auto;
	color:#fff;
	text-align:center;
	width:50%;
	padding: 5px 0;
	font-weight:bold;
	background-color:#006;
	border-radius: 4px;
}
.moreLink a i {
	padding-right:5px;
}
.moreLink a:hover {
	width:50%;
	background-color:#666;
}




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

 * 時系列ページ（個別ページ）

 * ========================================================================= */
  
 /* 時系列　検索フォーム */
table.detailhistoryform {
	margin:10px 0;
}
table.detailhistoryform tr th,
table.detailhistoryform tr td {
	border: 1px #999 solid;
	text-align:center;
}

 /* 期間選択（表示ボタン） */
.timeseries .btn-default {
  color: #333;
  font-weight:bold;
  background-color: #fff;
  border-color: #ccc;
  font-size:14px;
  margin-bottom:10px;

}
.timeseries .btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  padding:3px 20px;
  border-color: #ccc;
}
.timeseries .btn-default:hover,
.timeseries .btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.timeseries .btn-default:active,
.timeseries .btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}

/* responsiveTable */
/* 時系列 */ 
/* 企業情報（セグメント比率） */ 
/* 為替情報 */ 
/* ＩＰＯ（詳細画面） */


/* responsiveTable2 */
/* ランキング結果*/
/* スクリーニング（グラフ検索）検索結果 */
/* 優待検索結果 */
table.responsiveTable ,table.responsiveTable2 {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
	line-height:1;
}

table.segment {/* 見通し分析（セグメント比率）　ＩＰＯ詳細：財務情報データ */
	line-height:2!important;
}

table.segment thead th {/* 見通し分析（セグメント比率）　ＩＰＯ詳細：財務情報データ */
	line-height:1.2!important;
}
table.segment tbody th.title {/* 見通し分析（セグメント比率）　ＩＰＯ詳細：財務情報データ */
	text-align:left!important;
	width:25%;
}

table.responsiveTable tbody tr:nth-child(2n+1),
table.responsiveTable2 tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}
table.responsiveTable tr th{
	text-align:center;
}

table.responsiveTable tr th ,
table.responsiveTable2 tr th{
	border: 1px #999 solid;
}
table.responsiveTable tr td ,
table.responsiveTable2 tr td {
	border: 1px #999 solid;
	padding:4px 8px;
}
table.responsiveTable tr th.left {/* 企業情報（セグメント比率） */
	text-align:left;
}

table.responsiveTable2 tr td.stockname {
	text-align:left;
}
table.responsiveTable thead tr th, table.responsiveTable thead tr th.time ,
table.responsiveTable2 thead tr th, table.responsiveTable2 thead tr th.time {
	background: #006;
	color: #fff;
}
table.responsiveTable2 thead tr th.focus {
	background : #ff6600!important;
}
table.responsiveTable2 tbody  tr td.focus{
	background : #ffc!important;
	border: 1px #999 solid;
}
table.responsiveTable tbody tr th ,
table.responsiveTable2 tbody tr th {
	background : #d8d8d4;
	
}
table.responsiveTable tbody tr td ,
table.responsiveTable2 tbody tr td{
	text-align : right;
}

		
table.responsiveTable2 tbody tr td a{
	color:#006;
	text-decoration:underline;
}
table.responsiveTable2 tbody tr td a:hover{
	color:#900;
	text-decoration:underline;
}
table.responsiveTable2 tbody tr td a:before{
	font-family: FontAwesome ;
	margin: 0;
}
table.responsiveTable2 tbody tr td a:before{
	content: "\f138\A" ;/*unicode*/
	color: #900 ;
}


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

 * 時系列（個別銘柄）

 * ========================================================================= */
.termListItem{
    padding-left: 90px;
}
.termListItem li a{
    display: block;
    width: 100px;
    line-height: 30px;
    margin:3px;
    border: 1px solid #808080;
    float: left;
}
.termLabel li {
    display: block;
    width: 100px;
    line-height: 30px;
    margin:3px;
    border: 1px solid #808080;
    float: left;
}
.termListItemWrap li {
    display: block;
    overflow:hidden;
    clear:both;
}
.termListItemWrap div.termListItemTitle{
    float:left;
    width:20%;
}
.termListItemWrap div.termListItemBody{
    float:left;
    width:80%;
}



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

 * 財務情報（個別銘柄）

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


/* 財務情報テーブルマークの説明
-------------------------------------------*/
.z_explanation{
	text-align:right;
	font-size:12px;
	padding:10px 10px 0 0; 
}
.z_explanation span.point{
	color: #f60;
	font-size:14px;	
}
.z_explanation span.question{
	color: #666;
	font-size:14px;		
}


/* 財務情報　テーブル
-------------------------------------------*/
/* th　用語説明マーク */
th span i{
	padding-left:5px;
}
th span.point i{
	padding-right:5px;
	color: #f60;
}

/* テーブル（財務情報）*/
table.financeTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
}
table.financeTable tbody { 
	display: table-row-group;
	position : relative;
}
table.financeTable thead{
	display: table-header-group;
	float: none;
}

table.financeTable thead tr{
	display : table-row;
	float : none;
}

table.financeTable thead tr th {
	display: table-cell;
}	
table.financeTable tbody tr{
	display : table-row;
}
table.financeTable tbody tr:nth-child(2n+1) {
	
}
table.financeTable tbody tr th,
table.financeTable tbody tr td{
	display : table-cell;
}
table.financeTable tr th,
table.financeTable tr td {
	border: 1px #999 solid;

}
table.financeTable tr td {
	text-align : right;
}

table.financeTable tr th {
	background : #d8d8d4;
}
table.financeTable tr th span{
	padding-left:3px;
	color:#666;
}


/* テーブル（大株主構成）*/
table.stockholderTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
}
table.stockholderTable tbody { 
	display: table-row-group;
	position : relative;
}
table.stockholderTable thead{
	display: table-header-group;
	float: none;
}
table.stockholderTable thead tr{
	display : table-row;
	float : none;
}
table.stockholderTable thead tr th {
	color:#FFF;
	background-color:#006;
	display: table-cell;
}
table.stockholderTable tbody tr{
	display : table-row;
}

table.stockholderTable tbody tr th,
table.stockholderTable tbody tr td{
	display : table-cell;
}
table.stockholderTable tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}

table.stockholderTable tr th,
table.stockholderTable tr td {
	border: 1px #999 solid;

}
table.stockholderTable tr td {
	text-align : right;
}

table.stockholderTable tr th {
	background : #d8d8d4;
}	
table.stockholderTable td.stockname{
	text-align : left;
}



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

 * 見通し分析（個別銘柄）

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

/* スマホだけ見通し分析タイトルの横に天気マーク*/
h3.mainTitle01 span img.spOnly{
	display:none;
}

/* テーブル（見通し分析）*/
table.sitoutTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
}

table.sitoutTable tr td.weather{
	width:25%;
	text-align:center;
}

table.sitoutTable tr td.weather img{
	width:60px;
	height:auto;
}

table.sitoutTable tr th,
table.sitoutTable tr td {
	border: 1px #999 solid;
}

table.sitoutTable tbody tr th,
table.sitoutTable tbody tr td{
	display : table-cell;
}

table.sitoutTable tbody tr th {
	background : #d8d8d4;
}
	/* チェックマーク */
table.sitoutTable p {
	text-align:left;
	margin-left: 1em;
	text-indent: -1em;
}
	
table.sitoutTable p.webIco:before{
	font-family: FontAwesome ;
	font-size: 16px ;

}	
table.sitoutTable p.webIco:before {
	content: "\f058\A" ;/*unicode*/
	color: #006 ;
}


/* テーブル２（[課題」から）*/
/* IPO（詳細）決算期、概要でも使用*/
table.sitoutTable2 {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;
}
table.sitoutTable2 tr th,
table.sitoutTable2 tr td {
	border: 1px #999 solid;
}
table.sitoutTable2 tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}
table.sitoutTable2 tr th{
	width:25%;
	background : #d8d8d4;
}
table.sitoutTable2 tr td.title{
	text-align:center;
	font-weight:bold;
}
table.sitoutTable2 tr td.title br{
	display:none;
}
table.sitoutTable2 tr td.yen{
	text-align:right;
}
table.sitoutTable2 li:first-child {
	padding-bottom: 5px;
}
	/* チェックマーク */
table.sitoutTable2 p {
	text-align:left;
	margin-left: 1em;
	text-indent: -1em;
}	
table.sitoutTable2 p.webIco:before{
	font-family: FontAwesome ;
	font-size: 16px ;

}
table.sitoutTable2 p.webIco:before {
	content: "\f058\A" ;/*unicode*/
	color: #006 ;
}



/*円グラフ　※分析ページと、企業情報ページ*/
#main .pieGraphLeft {
	float: left;
	width: 40%;
}
#main .pieGraphRight {
	float: right;
	width: 40%;
}
#main .pieGraphCenter {
	margin:0 auto;
	width: 40%;
}

#main .pieGrapContainer {
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}
#main .pieGrapContainer div.title {
	width: 100%;
	color:#fff;
	background : #666;
}
	/* clearfix */
#main .pieGrapContainer:before,
#main .pieGrapContainer:after {
    content: "";
    display: table;
}
#main .pieGrapContainer:after {
    clear: both;
}
 	/* For IE 6/7 (trigger hasLayout) */
#main .pieGrapContainer {
    zoom: 1;
}

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

 * 企業情報（個別銘柄）

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

/*2ボックスに分ける*/
/*企業詳細　左*/
.company_left {
	float: left;
	width: 49.6%;	
	}

/*企業プロフィール　右*/
.company_right {
	float: right;
	width: 49.6%;
	
}
/*2ボックスに分ける*/
/*社員状況　左*/
.company_left2 {
	float: left;
	width: 50%;	
	}

/*社員状況　右*/
.company_right2 {
	float: right;
	width: 50%;
}


table.companyProfileTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;	
}
table.companyProfileTable a{
	text-decoration:underline;
	color:#900;
}
table.companyProfileTable a:hover{
	text-decoration:underline;
	color:#006;
}
	
table.companyProfileTable tr th{
	width:30%;
}
table.companyProfileTable tr td{
	width:70%
}
table.companyProfileTable tr th,
table.companyProfileTable tr td {
	border: 1px #999 solid;
}
table.companyProfileTable tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}

table.companyProfileTable thead tr th {
	background: #006;
	color:#FFF;
}
table.companyProfileTable tbody tr th {
	text-align : left;
	background : #d8d8d4;
}
table.companyProfileTable tbody tr td {
	text-align : left;
}
table.companyProfileTable tr td span.blue {/* マイナスの時 */
	color: #039;
}

div.company_left2 table.companyProfileTable td,
div.company_right2 table.companyProfileTable td{
		text-align : left;
}
div.company_right2 table.companyProfileTable th{
		border-left:none;
}
/* ============================================================================

 * 株主優待（個別銘柄）

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

/* 優待データ　テーブル */
table.shareholderTable {
	display: table; 
	width : 100%;
	margin : 0 auto;
	position : relative;	
}
table.shareholderTable a{
	text-decoration:underline;
	color:#900;
}
	
table.shareholderTable tr th{
	width:30%;
}
table.shareholderTable tr td{
	width:70%
}
table.shareholderTable tr th,
table.shareholderTable tr td {
	border: 1px #999 solid;
}
table.shareholderTable tbody tr:nth-child(2n+1) {
	background: #f5f4f4; 
}

table.shareholderTable thead tr th {
	background: #006;
	color:#FFF;
}
table.shareholderTable tbody tr th {
	text-align : left;
	background : #d8d8d4;
}
table.shareholderTable tbody tr td {
	text-align : left;
}

.base_left table.shareholderTable tr td{
	border-right: none;
}


 /*優待ボックス*/
#main .shareholderBox{
	width:100%;
	margin-bottom: 10px;/*ボックスの下のスペース*/
}

/* バッジ */
/* 優待 */
.pickup	{position: relative}
.badge	{width: 80px;
	height: 80px;
	padding-top: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 60px;
	background-color: #907808;
	color: #ffffff;
	text-align: center;
	box-shadow: 0 0 4px #aaaaaa;
	z-index:1;
	}
.badge i	{display: block;
	font-size: 26px}
/* バッジの表示位置 */
.badge	{position: absolute;
	top: 15px;
	right: 15px}


/*2ボックスに分ける*/
/*株主優待　基本情報　左*/
.base_left {
	float: left;
	width: 50%;	
	}

/*株主優待　基本情報　右*/
.base_right {
	float: right;
	width: 50%;
}



/*優待タイトル*/
.shareholderTitle{
	width: auto;
	position: relative;
  	border-bottom: 3px solid #ccc;
  	padding: 0.5em;
	background-color: #fff;
	padding: 6px 0 6px 10px;
    margin: 0 0 0 0;
}
.shareholderTitle:after{
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 50%;
  border-bottom: 5px solid #5b4b02;
}
.shareholderTitle span{
	width: 100%;
	display: block;
	font-size: 18px;
	text-align:left;
	font-weight: bold;
}
.shareholderTitle  span i{
	margin-right:10px;	
	line-height: 24px;
	color: #5b4b02;
	font-size: 20px;
}

/*優待サブタイトル*/
.shareholderSubtitle{
	position: relative;
	padding: 6px 0 6px 10px;
	width: 100%;
	background: #dbd69c;
}
.shareholderSubtitle span{
	width: 80%;
	display: block;
	font-size: 14px;
	text-align:left;
	font-weight: bold;
}

.shareholderSubtitle > div.right a{
	text-decoration:underline;
	color:#900;
	font-weight:bold;
	padding-right:10px;
}


/*優待詳細*/
.shareholderDetail{
	position: relative;
	padding: 6px 0 6px 10px;
	width: 100%;
	border: 1px #999 solid;
	text-align:left;
}

	/*マップリンク*/
.shareholderDetail > .mapLink a {
	display:block;
	margin-bottom:10px;
	text-align:center;
	margin-left: auto;
	margin-right:5px;
	width:20%;
	padding: 5px 0;
	font-weight:bold;
	background-color:#006;
	border-radius: 4px;
	color:#fff;
	text-decoration:none;
}
.shareholderDetail > .mapLink a i {
	padding-right:3px;
}
.shareholderDetail > .mapLink a:hover {
	width:20%;
	background-color:#666;
	color: #fff;
}

	/*優待詳細　タイトル*/
.shareholderDetail > span.title{
	display:block;
	padding:0px 5px;
	color:#f30;
	font-weight:bold;
	text-decoration:underline;
}

.shareholderDetail > span.title:before{
	font-family: FontAwesome ;
	font-size: 16px ;
	line-height:18px;
}
.shareholderDetail > span.title:before {
	content: "\f00c\A" ;/*unicode*/
}
	/*優待詳細　詳細*/
.shareholderDetail > span.detail{
	display:block;
	padding:0px 5px 10px 5px;
}


	/* 優待詳細　テーブル */
.shareholderDetail >  table{
	width:90%;
	margin:10px 5%;
}
.shareholderDetail >  table th{
	width:50%;
	border: 1px #999 solid;
	background : #eee;
}
.shareholderDetail >  table td{
	width:50%;
	border: 1px #999 solid;
	text-align:left;
}


	/* ※備考 */
.paragraphIndent {
	text-align : left;
	padding:0px 5px;
	font-size:12px;
}
.paragraphIndent > .remark{
	font-weight:bold;
	color:#006;
	background : #ff9;
	font-size:14px;
}
.textRed {
	color: #c00;
}
.textyellow a {
	color: #ff0;
	text-decoration:underline;
}
.textyellow a:hover {
	text-decoration:none;
}




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

 * 開示資料（個別銘柄）

 * ========================================================================= */
 
 
 /*開示資料のタブ*/
#disclosureLink {
	display:block;
	border-bottom: 4px solid #006;	/*下線*/
	width: 100%;
	height:40px;
	margin-bottom:15px;
}
#disclosureLink ul:after{
     clear: both;
}
 	/*タブ１個ごとの設定*/
#disclosureLink ul li {
	float: left;
	border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;
	background: #eee;
	margin-left: 1%;
	width: 19%;
	height:40px;
}
#disclosureLink ul li a {
	display: block;
	font-size:14px;
	border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;
	height:40px;
	padding:8px 0;
	vertical-align:middle;
	text-align: center;
}
	/*最初のタブの設定*/
#disclosureLink ul li:first-child {
	margin-left: 0px;
}
#disclosureLink ul li a:hover,
#disclosureLink ul li.current a {
	border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;
	background: #006;
	color: #fff;
	height:40px;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.5); 
}

dl.disclosure dt {
	font-weight: bold;
	float: left;
	width:200px;
	text-align:left;
	padding-left:8px;
	clear:both;

}
dl.disclosure dd {
	border-top: 1px solid #b9b9b9;
	padding-bottom:8px;
	padding-left: 200px;
	text-align:left;
	display:block;
}
dl.disclosure dd a:after {
	content: ">>" ;
	text-decoration:underline;
}
dl.disclosure dd a:hover {
	text-decoration:underline;
}

dl.disclosure img {
	width:24px;
	height:24px;
}


dl.disclosure dt.news p:after ,dl.disclosure dt.settle p:after ,dl.disclosure dt.revision p:after ,dl.disclosure dt.other p:after {
	display:inline-block;
	margin: 0px 8px;
	padding: 1px 5px;
	color:#FFF;
	text-align:center;
	width:70px;
	border-radius: 3px;
}

dl.disclosure dt.news p:after {
	background : #c00;	
	content: "ニュース" ;
}
dl.disclosure dt.settle p:after {
	background : #36c;
	content: "決算関連" ;
}
dl.disclosure dt.revision p:after {
	background : #399;
	content: "株式関連" ;
}
dl.disclosure dt.other p:after {
	background : #999;
	color:#FFF;
	content: "その他" ;
}


/*ボタン：pdfを開く*/
.pdfLink{
	margin: 10px auto 20px auto;
	width: 40%;
	border-radius: 4px;
}
.pdfLink a ,.pdfLink a:hover{
	background: #900;
	border-radius: 4px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	box-shadow:2px 2px 2px #666;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 8px;
}
.pdfLink a:hover{
	background-color:#999;
}

/*ボタン：全クリア*/
.pdfLinkReturn
{
	margin: 0px auto;
	width: 100px;
	border-radius: 4px;
}
.pdfLinkReturn button ,.pdfLinkReturn button:hover /*20170308add_swMaeda*/
{
    border:1px solid #999;
    width:100px;
}
.pdfLinkReturn a ,.pdfLinkReturn a:hover,
.pdfLinkReturn button ,.pdfLinkReturn button:hover /*20170308add_swMaeda*/
{
	background: #999;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	box-shadow:1px 1px 1px #666;
	font-weight:bold;
	display: block;
	text-align: center;
	padding: 4px;
}
.pdfLinkReturn a:hover,
.pdfLinkReturn button:hover /*20170308add_swMaeda*/
{
	background-color:#333;
}

/* ADD Okuda 20210412 SDGs Start */
/* ============================================================================

 * SDGsコンテンツ

 * ========================================================================= */
/* -----------
 * SDGs共通：
 *  17の目標について Title
 * ----------- */
#main h2.stockTitle01 .popupExp,
h3.mainTitle01 .popupExp {
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}
#main h2.stockTitle01 .popupExp{top: 10px;}
h3.mainTitle01 .popupExp {top: 16px;}

#main h2.stockTitle01 .popupExp i,
h3.mainTitle01 .popupExp i {
    padding-right: 4px;
    font-size: 13px;
    color: #006;
}
#main h2.stockTitle01 .popupExp:hover,
h3.mainTitle01 .popupExp:hover{
    text-decoration: underline;
}
@media screen and (max-width: 480px) {
    #main h2.stockTitle01 .popupExp{top: 40px;}
    h3.mainTitle01 .popupExp {top: 57px;}
}
/* -----------
 * SDGs共通：
 *  17目標について Hover
 * ----------- */
table.SDGsScreeningResult .listSDGs .goal/*SDGs検索結果*/,
table.SDGsDetailTable .listSDGs .goal/*個別銘柄>SDGs*/ {
    position: relative;
    float: left;
    margin: 0 3px 3px 0;
}
table.SDGsScreeningResult .listSDGs .goal{width: 40px;}/*SDGs検索結果*/
table.SDGsDetailTable .listSDGs .goal{width: 20%; max-width: 80px;}/*個別銘柄>SDGs*/

table.SDGsScreeningResult .listSDGs::after,
table.SDGsDetailTable .listSDGs::after{
    content: "";
    clear: both;
}
/* -----------
 *　SDGs共通：
　　　17の目標について別ウィンドウ
 * ----------- */
.modalWrap {
    background: #fff;
    text-align: left;
    padding: 40px;
    overflow-y: scroll;
    height: 100vh;
}
/*
@media screen and (max-width: 480px) {
}
*/

/*共通*/
.difi_goal_Wrap_pc {display: block;}
.difi_goal_Wrap_sp {display: none;}
/*文言*/
.modalWrap .stockTitle01 {
    margin-bottom: 24px;
}
.modalWrap .stockTitle01 .title {
    font-size: 16px;
    font-weight: bold;
}
.modalWrap .stockTitle01 .title i {
    padding-right: 6px;
    color: #900;
}
.modalWrap .stockTitle01 .text{
    line-height: 1.2;
    font-size: 12px;
    font-weight: normal;
}
/*構成*/
.difi_goal_Wrap_pc {
    line-height: 1.2;
    font-size: 0;
}
.difi_goal_Wrap_pc .difi_goal {
    display: inline-block;
    margin-bottom: 18px;
    margin-right: 8%;
    width: 46%;
    min-height: 5em;
    vertical-align: top;
}
.difi_goal_Wrap_pc .difi_goal:nth-child(2n) {margin-right: 0;}

.difi_goal_Wrap_pc .difi_goal .difiTerm_goal,
.difi_goal_Wrap_pc .difi_goal .difiDesc_goal {
    display: inline-block;
    vertical-align: top;
}
.difi_goal_Wrap_pc .difi_goal .difiTerm_goal{width: 70px;padding-right: 10px;}
.difi_goal_Wrap_pc .difi_goal .difiDesc_goal {width: calc(100% - 70px);font-size: 12px;}
/*説明文*/
.difi_goal_Wrap_pc .difi_goal .difiDesc_goal .title,
.difi_goal_Wrap_sp .difi_goal .title{display: block;font-weight: bold;width: 100%;}
.difi_goal_Wrap_pc .difi_goal .difiDesc_goal .title{padding: 2px 0 4px;font-size: 13px;}
.difi_goal_Wrap_sp .difi_goal .title{padding: 2px 0 10px;font-size: 16px;}

@media screen and (max-width: 768px) {
    /*共通*/
    .difi_goal_Wrap_pc {display: none;}
    .difi_goal_Wrap_sp  {display: block;}
    /*POPUP*/
    .popup-inner {width: 90%;height: auto;}
    /*構成*/
    .difi_goal_Wrap_sp {line-height: 1.2;font-size: 0;}
    
    /*スライダー*/
    .swiper-wrapper{flex-wrap:wrap;}
    .swiper-slide{width: 33.3%;}
    .swiper-button-prev,.swiper-button-next,.swiper-pagination{display: none;}
    /*構成*/
    .difi_goal_Wrap_sp .difi_goal {text-align: center;}
    .difi_goal_Wrap_sp .difi_goal img { width: 56%;max-width: 200px;}
    .difi_goal_Wrap_sp .difi_goal .difiDesc_goal {margin-top: 14px; font-size: 14px;}
    .difi_goal_Wrap_sp .flexslider .difi_goal .difiTerm_goal{width: 50%;}
    /*ナビゲーション*/
    .difi_goal_Wrap_sp .flex-control-nav {text-align: left;}
    .difi_goal_Wrap_sp .flex-control-nav li{display: inline-block;font-size: 12px;width: calc(100% / 6);}
    .difi_goal_Wrap_sp .flex-control-nav li a{display: block;padding: 4px;width: 100%;color: #fff;text-align: center;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(1) a{background: #e5243b;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(2) a{background: #DDA63A;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(3) a{background: #4C9F38;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(4) a{background: #C5192D;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(5) a{background: #FF3A21;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(6) a{background: #26BDE2;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(7) a{background: #FCC30B;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(8) a{background: #A21942;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(9) a{background: #FD6925;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(10) a{background: #DD1367;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(11) a{background: #FD9D24;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(12) a{background: #BF8B2E;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(13) a{background: #3F7E44;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(14) a{background: #0A97D9;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(15) a{background: #56C02B;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(16) a{background: #00689D;}
    .difi_goal_Wrap_sp .flex-control-nav li:nth-child(17) a{background: #19486A;}
    .difi_goal_Wrap_sp .flex-control-nav li a.flex-active{opacity: 0.6;}
    /*Next Previous*/
    .difi_goal_Wrap_sp .flex-direction-nav li a {
        text-decoration: none;
        display: block;
        margin: -20px 0 0;
        position: absolute;
        top: 40%;
        z-index: 10;
        overflow: hidden;
        opacity: 0;
        cursor: pointer;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .difi_goal_Wrap_sp .flex-direction-nav .flex-prev,
    .difi_goal_Wrap_sp .flex-direction-nav .flex-next {opacity: 0.7;font-size: 0;}
    .difi_goal_Wrap_sp .flex-direction-nav .flex-prev {left: 10px;}
    .difi_goal_Wrap_sp .flex-direction-nav .flex-next {right: 10px;}
    .difi_goal_Wrap_sp .flex-direction-nav .flex-prev:before,
    .difi_goal_Wrap_sp .flex-direction-nav .flex-next:before {
        font-family: FontAwesome;
        font-size: 70px;
        display: inline-block;
        color: rgba(0, 0, 0, 0.8);
        text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
    }
    .difi_goal_Wrap_sp .flex-direction-nav .flex-prev:before{content: "\f104";}
    .difi_goal_Wrap_sp .flex-direction-nav .flex-next:before{content: "\f105";}
}
@media screen and (max-width: 480px) {
    /*POPUP*/
    /*.popup-inner {padding: 30px;}*/
    /*ナビゲーション*/
}
/* ============================================================================

 * SDGs検索

 * ========================================================================= */
/* -----------
 * 目標別に企業を探す
 * ----------- */
/* 構成 */
.searchSDGs {padding-left: 30px;text-align: left;}
/* icon */
.searchSDGs .goal {
    float: left;
    margin: 0 1% 1% 0;
    width: 18%;
    font-size: 0;
}
.searchSDGs .goal::after{content: "";clear: both;}

/* checkedの動き */
.searchSDGs .goal input[type=checkbox] {display: none;}/* チェックボックスを非表示にする */
.searchSDGs .goal .goal_box {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.68,-.55,.265,1.55);
    transition: -webkit-transform .3s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .3s cubic-bezier(.68,-.55,.265,1.55);
    transition: transform .3s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .5s cubic-bezier(.68,-.55,.265,1.55);    
}
.searchSDGs .goal input:checked + label .goal_box img {padding: 2px;border: 5px solid #006;}

@media screen and (max-width: 480px) {
    /* PCの設定をリセット */
    .searchSDGs .goal input:checked + label .goal_box img {padding:inherit;border:none;}
    
    /* 構成 */
    .searchSDGs {padding-left: 0px;}
    /* icon */
    .searchSDGs .goal {width: 48%;}
    .searchSDGs .goal:nth-child(2n) {margin-right: 0;}
    /* icon 構成 */
    .searchSDGs .goal .goal_box{border: 1px solid #ccc;width: 100%;height: 34px;}
    .searchSDGs .goal .goal_box::after{content: "";clear: both;}
    .searchSDGs .goal .goal_box img{float: left;width: 32px;}
    .searchSDGs .goal .goal_box .goal_txt{float: left;width: calc(100% - 32px);padding-left: 6px;font-size: 13px;line-height: 32px;}
    /* checkの動き */
    .searchSDGs .goal input:checked + label .goal_box {background: #006;color: #fff;}
}
/*
 * IEのバグ
 * <label>内の画像<img>がクリックできずイベントを拾わない
 */
.searchSDGs .goal label {display:inline-block;width: 100%;}
.searchSDGs .goal label img{pointer-events: none;}

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

 * SDGs検索結果

 * ========================================================================= */
/*絞込条件*/
/*reset Table*/
.SDGsNarrowItemWrap th,
.SDGsNarrowItemWrap td {
    padding: 0;
    vertical-align: middle;
}
.SDGsNarrowItemWrap th {min-width: 4em;}
.SDGsNarrowItemWrap td {font-size: 0;}
.SDGsNarrowItemWrap .narrowItem {display: inline-block;}
.SDGsNarrowItemWrap .narrowItem img{display: inline-block;width: 40px;height: 40px;}
.SDGsNarrowItemWrap .narrowItem .narrowText{display: inline-block;font-size: 14px;vertical-align: middle;}

/*SDGsTable:検索結果*/
table.SDGsScreeningResult {
    display: table;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
table.SDGsScreeningResult thead tr th,
table.SDGsScreeningResult tbody tr td {
    padding: 1px auto;
    font-size: 14px;
    line-height: 1.2;
}
table.SDGsScreeningResult thead tr th {
    color: #FFF;
    background-color: #006;
    border: 1px #999 solid;
}
table.SDGsScreeningResult tbody tr.bgGray {
    background: #f5f4f4;
}
/*SDGsTable:検索結果 経線*/
table.SDGsScreeningResult tbody {border: 1px #999 solid;}
table.SDGsScreeningResult tbody tr th {border-right: 1px #999 solid;border-bottom: 1px #999 solid;}
table.SDGsScreeningResult tbody tr td {border-bottom: 1px #999 solid;}
table.SDGsScreeningResult tbody tr td.subject {border-bottom: 1px #999 dotted;}

/*銘柄名*/
table.SDGsScreeningResult tbody tr th a:before{
	font-family: FontAwesome ;
	margin: 0;
}
table.SDGsScreeningResult tbody tr th a:before{
	content: "\f138\A" ;/*unicode*/
	color: #900 ;
}
/*文字OVER 三点リーダ表示*/
table.SDGsScreeningResult tbody .stockname {
    white-space: nowrap;
    font-weight: normal;
    text-align: left;
}
table.SDGsScreeningResult tbody .stockname a {
	width: 240px;
    display: block;
    line-height: 1;
    color: #006;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*重要課題*/
/*文字OVER 三点リーダ表示*/
table.SDGsScreeningResult tbody tr td.subject .txt {
	display: -webkit-box;
    line-height: 1.2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
/*文字OVER 三点リーダ表示(IE用)*/
@media all and (-ms-high-contrast: none) {
	table.SDGsScreeningResult tbody tr td.subject .txt {
        position: relative;
        display: block;
		max-height: calc(1.2em * 2);/*line-height: 1.2;×3行*/
	}
    table.SDGsScreeningResult tbody tr td.subject .txt:before,
    table.SDGsScreeningResult tbody tr td.subject .txt:after {
      background: #fff;
      position: absolute;
    }
    table.SDGsScreeningResult tbody tr td.subject .txt:before,
    table.SDGsScreeningResult tbody tr td.subject .txt:after {background: #fff;}
    table.SDGsScreeningResult tbody tr td.subject .txt:before {
      content: "…";
      bottom: 0px;
      right: 0px;
    }
    table.SDGsScreeningResult tbody tr td.subject .txt:after {
      content: "";
      height: 100%;
      width: 100%;
    }
}
@media screen and (max-width: 768px) {
    table.SDGsScreeningResult tbody .stockname a{width: 180px;}/*Table>銘柄名*/
}
@media screen and (max-width: 480px) {
    .SDGsNarrowItemWrap .narrowItem img{width: 22px;height: 22px;}
    table.SDGsScreeningResult tbody .stockname a{width: 140px;}/*Table>銘柄名*/
    table.SDGsScreeningResult .listSDGs .goal,
    table.SDGsDetailTable .listSDGs .goal{max-width: 30px;}/*Table>該当する目標*/
}

/*検索結果をさらに絞り込む*/
.searchNarrowSDGsWrap{
    margin: 6px 0 20px;
}
.searchNarrowSDGs .goal {
    float: left;
    margin: 0 4px 4px 0;
    font-size: 0;
}
.searchNarrowSDGs .goal input[type=radio] {
    /*display: none;*/
}
.searchNarrowSDGs .goal .goal_box {
    width: 100%;
    height: 26px;
}
.searchNarrowSDGs .goal .goal_box img {
    float: left;
    width: 24px;
}
.searchNarrowSDGs .goal .goal_box .goal_txt {
    float: left;
    width: calc(100% - 24px);
    padding: 0 6px;
    font-size: 14px;
    line-height: 24px;
    background: #E4E4E3;
    color: #006;
    white-space: nowrap;
}
.searchNarrowSDGs .goal .goal_box.current .goal_txt {
    background: #006;
    color: #fff;
}
/* ============================================================================

 * SDGs（個別銘柄）

 * ========================================================================= */
/*SDGsTable:個別銘柄 > 重要課題*/
table.SDGsDetailTable {
    display: table;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
table.SDGsDetailTable tr th,
table.SDGsDetailTable tr td {
    padding: 1px auto;
    border: 1px solid #999;
    font-size: 14px;
    line-height: 1.2;
}
table.SDGsDetailTable tr th {
    color: #FFF;
    background-color: #006;
    border: 1px #999 solid;
}
table.SDGsDetailTable tr .subject{
    min-width: 170px;
    max-width: 300px; 
}
table.SDGsDetailTable tbody tr:nth-child(2n+1) {
    background: #f5f4f4;
}
/*SDGsTable:個別銘柄 > 基本情報*/
table.SDGsInfoTable {
    display: table;
    width: 100%;
    margin: 10px auto;
    position: relative;
}
table.SDGsInfoTable tr th,
table.SDGsInfoTable tr td {
    padding: 1px auto;
    border: 1px solid #999;
    font-size: 14px;
    line-height: 1.2;
}
table.SDGsInfoTable thead tr th {
    color: #FFF;
    background-color: #006;
    border: 1px #999 solid;
}
table.SDGsInfoTable tbody tr th {
    width: 16%;
    min-width: 5em;
    background: #d8d8d4;
}
table.SDGsInfoTable tbody tr:nth-child(2n+1) {
    background: #f5f4f4;
}
table.SDGsInfoTable tbody tr td.url {
    word-break: break-all;
}
table.SDGsInfoTable tbody tr td.url a{
    color: #006;
    text-decoration: underline;
}
@media screen and (max-width: 480px) {
    /* PCの設定をリセット */
    table.SDGsDetailTable tr .subject{min-width: none;max-width: none;}
    table.SDGsDetailTable .listSDGs .goal {max-width: 44px;}
    /* 構成 */
    table.SDGsDetailTable tr th,
    table.SDGsDetailTable tr td{
        float: left;
        width: 100%;
    }
    /*Table reset*/
    table.SDGsDetailTable tr th,
    table.SDGsDetailTable tr td {border: none;}
    /*Table*/
    table.SDGsDetailTable tr th {padding: 3px 0 8px;}
    table.SDGsDetailTable tr th.subject {padding: 8px 0 3px;}
    /*Table経線*/
    table.SDGsDetailTable tr td{border: 1px solid #999;border-top: none;}
    table.SDGsDetailTable tr td.subject{border: 1px solid #999;border-top: none;border-bottom: 1px dotted #999;}
}
/* ADD Okuda 20210412 SDGs END */

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

 * 株ニュース　

 * ========================================================================= */
dl.stocknews {
	border-bottom: 1px solid #b9b9b9;
}

dl.stocknews dt {
	float: left;
	clear: both;
	padding-left: 8px;
	width: 255px;
	font-size: 12px;
	text-align: left;
}

dl.stocknews dd.newstitie {
	display: block;
	text-align: left;
	border-top: 1px solid #b9b9b9;
	padding-bottom: 2px;
	padding-left: 255px;
}
dl.stocknews dd.newstitie a {
	color: #900;
	font-weight: bold;
}

dl.stocknews dd a:hover {
	text-decoration:underline;
}

dl.stocknews dd.newsdetail {
	display: block;
	padding: 8px;
	line-height: 15px;
	text-align: left;
	border-top: 1px dotted #ddd;
}

dl.stocknews dd.newsdetail a {
	font-size: 12px;
	color: #333;
}

dl.stocknews dt.catalyst p:after,
dl.stocknews dt.market p:after {
	display:inline-block;
	margin: 0 10px;
	padding: 1px 5px;
	width:100px;
	color:#fff;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	border-radius: 3px;
}

dl.stocknews dt.catalyst p:after {
	background : #c00;
	content: "兜町カタリスト";
}

dl.stocknews dt.market p:after {
	background : #36c;
	content: "市況";
}

h3.stocknewsDetailTitle {
	position: relative;
	margin: 0;
	padding: 6px 0;
	width: auto;
	background-color: #fff;
	border-bottom: 3px solid #ccc;
}

h3.stocknewsDetailTitle:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 40%;
	content: '';
	border-bottom: 5px solid #900;
}

h3.stocknewsDetailTitle div {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

h3.stocknewsDetailTitle div.catalyst:before,
h3.stocknewsDetailTitle div.market:before {
	display:inline-block;
	vertical-align: middle;
	margin: 0 10px;
	padding: 2px 0;
	width:110px;
	color:#fff;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

h3.stocknewsDetailTitle div.catalyst:before {
	background : #c00;
	content: "兜町カタリスト";
}

h3.stocknewsDetailTitle div.market:before {
	background : #36c;
	content: "市況";
}

.stocknewsDetailTime {
	position: relative;
	margin: 0;
	padding-right: 6px;
	width: 100%;
	font-size: 13px;
	color: #333;
	text-align: right;
}

.stocknewsDetailContents {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	color: #333;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.stocknewsDetailContents p {
	margin: 20px 4%;
	padding: 0x;
	width: 92%;
	font-size: 14px;
	color: #333;
	text-align: left;
}

.stocknewsDetailContents p a {
	color: #900;
}



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

 * ＃sub

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

/*広告（右カラム）*/
#sub #rnvBnr{
	margin-bottom:10px;
	z-index: 9999;
}

/*sub BOX設定*/
#sub .subBox{
	background-color: #FFF;
    width:100%;
    text-align:center;
	vertical-align: center;
	position: relative;
	border: 1px solid #CCC;
	margin-bottom: 10px;
}

/* sub h3 */
#sub h3 {
	font-size: 16px;
	padding: 8px;
	border-bottom: 4px solid #900;
	font-weight:bold;
	text-align:left;
}
#sub h3 span i{/*sub　h3　webicon*/
	margin-right:5px;	
	line-height: 20px;
	color: #900;
	font-size: 18px;
}

/*sub BOX内のリンク設定*/
/*１個ごとの設定*/
#sub ul.submenu li {
	background: #fff;
	border-bottom: solid 1px #ccc;
	text-align:left;
}
#sub ul.submenu li a {
	display: block;
	background-image:url("../../parts/image/listicon.png");
	background-size: 9px auto;
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding: 0px 8px 0 25px;/*変更する*/
}
#sub ul.submenu li:hover > a {
	background: #e0dfd7;
	background-image:url("../../parts/image/listicon.png");
	background-size: 9px auto;
	background-repeat:no-repeat;
	background-position:10px 10px;
}




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

 * footer

 * ========================================================================= */
footer {
	display:block;
	width: 100%;

}
.footer-inner {
	width: 100%;
	margin: 0 auto;
}
.footerLink {
	display:block;
	padding:8px;
	background: #900;
	text-align:center;
}
.footerLink li {
    color:#fff; /*20170419add_swMaeda*/
	display: inline-block;

}
.footerLink li a {
	color:#fff;
	text-decoration:none;	
	font-size:13px;
}
.footerLink li a:hover{
	text-decoration:underline;
}

.footer-info {
  color: #fff;
  padding:10px;
  text-align: center;
  background: #900;
  line-height: 1.4;
  font-size: 12px;
}

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

 * クロスドメインiframe

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

iframe#crossDomainFrame, iframe.crossDomainFrame{ 
 overflow: hidden;
 width: 100%;
 padding: 0;
 border: 0;
 vertical-align: bottom;
}


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

 * 画面1090px以下の設定（PC用）

 * ===================================================================================== */
 /* ============================================================================*/
@media screen and (max-width: 1090px) {

/*ページtopアイコンの表示位置*/
.page-top p{
	right: 20px ;
	bottom: 20px ;
} 
/*サイト幅にしたheader内のブロック*/
#menuList ul {
	width: 100%;
	height: auto;
}
#menuList ul li {
	width: 12.5%;
}

 /* 右にスワイプできます（1090px以下で表示） */
div.wid1090 {
	display: block;
	text-align:right;
}
div.wid1090 span i {
	padding-right:5px;
	font-size:14px;
}
div.wid1090 span {
	font-size:12px;
}

/* -------------------------------
   2カラム　コンテンツ幅設定　パーセント表示
----------------------------------*/
/*　main,subを囲む枠　*/
#contents {
	width: 100%;
	margin: 0.925% auto 1.388%;	/*10px 15px*/
}

#main {
	width: 70.37037037%;/*760px*/
	padding:0.46296%;/*5px*/
	}

#sub {
	float: right;
	width: 28.7037%;	/*310px*/
	padding:0.46296% 0.46296% 0.46296% 0; /*5px*/
}

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

 * #header 1090
 
 * ========================================================================= */
.header-inner {
	width: 100%;
}

/* -------------------------------
   ヘッダー 会員登録、ログイン
----------------------------------*/
#hdMember li a.memberNew,
#hdMember li a.login,
#hdMember li button.hdMemberLoginBtn /*20170302add_swMaeda*/
{
	width:100px;
}

/* -------------------------------
   ヘッダーマーケット情報
----------------------------------*/
#hdMarket .hdMarket-inner {
	width: 100%;
}

/* ------------------------------
   グローバルメニュー
------------------------------ */
#menuList ul {
	width: 100%;
}

#menuList ul li {
	width: 20%;
	border-bottom: 1px solid #aaa;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#menuList ul li:first-child{border-left: none;}
#menuList ul li:nth-child(n+6){border-bottom: none;}

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

 * My銘柄（Gnavi）

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

/*　●テーブル●　*/

/*株価の矢印マーク*/
div.mystockListWrap > div.up > table.mystock tr th > span.price-image:before,
div.mystockListWrap > div.down > table.mystock tr th > span.price-image:before,
div.mystockListWrap > div.even > table.mystock tr th > span.price-image:before{/* プラスマイナスゼロの時 20170224追加*/
	font-size:13px;
	line-height: 13px;
}	


div.mystockListWrap table.mystock tr th{
	width:63%;
	padding:10px 0 10px 4px;
	font-size:13px;
}
div.mystockListWrap > div.up > table.mystock tr td,
div.mystockListWrap > div.down > table.mystock tr td,
div.mystockListWrap > div.even > table.mystock tr td{/* プラスマイナスゼロの時 20170224追加*/
	width:37%;
	padding:0;
	font-size:12px;
}

/*　前日比から損益まで　*/

table.mystock-inner tr th{
	width:27%;
}
table.mystock-inner tr td{
	width:73%;
}


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

 * スクリーニング（Gnavi）1090以下

 * ========================================================================= */
 
/* ------------------------------
   条件検索
------------------------------ */
/*	優待の業種選択でも使用中*/
div.check-group {
	width:100%;
}

div.check-group label {
	width:24%;
}


/*	タイトル*/
.frm .screenListTitle{
  width: 100%;
  display:block;
}
.frm .screenListTitle2 {
  width: 100%;
  height:10px;
  display:block;
}
/*	テキストボックス*/
div.screenListText ,div.screenListText2{
	width:80%;
	display:table;
}


/*	テキストボックス*/
span.screenListTextBox{
	text-align:center;
	display:table-cell;
	margin-left:10%;
}

span.screenListTextBox3{
	text-align:left;
	display:block;
	margin-left:4%;
	
}
	
span.screenListTextBox input {
  width: 80%;
}



/*ボタン：上記の条件で検索する*/
.searchButton{
	width: 60%;
}

 /* テスト0119　ここから　*/

.select-box02 {
	padding-left:2.2%;
}



/* テスト0119　ここまで*/





/*/*　選択ボックス　*/
.screenChoose form {
	margin-left:5%;
}

.screenChoose label:after {
	clear:both;
}
*/



/* ------------------------------
   スクリーニング業種別件数結果
------------------------------ */

#industryaCategoryList ul li ,#industryaCategoryList ul li.focus {
	width: 19.3%;
	margin:0.3%;
	font-size:13px;
}



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

 * 株主優待（Gnavi）1090

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

/*　最低必要金額　*/
div.complimentarycheck-group3 label {
	width:48%;
}


/* ------------------------------
   株主優待（全体を知る）検索結果
------------------------------ */
#shareholderCategoryList ul li ,#shareholderCategoryList ul li.focus {
	width: 19.3%;
	margin:0.3%;
	font-size:13px;
}
#shareholderCategoryList2 ul li ,#shareholderCategoryList2 ul li.focus {
	width: 32%;
	margin:0.6%;
	font-size:13px;
}





}

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

 * ★画面768px以下の設定（タブレット用） ※floatを全て解除

 * ===================================================================================== */
 /* ============================================================================*/
@media screen and (max-width: 768px) {

/* パンくずリスト */
#bread-crumb-list {
	display:none;
}

/*ヘッダー広告画像*/
#hdBnr {
	display: none;
}

/* -------------------------------
   2カラム　コンテンツ幅設定
----------------------------------*/
#contents {
	width: auto;
}
#main, #sub {
	float: none;
	width: auto;
}

/* ------------------------------
   その他共通
------------------------------ */
footer .inner {
width: auto;
}

#main .advertiseContainer {
	display:none;
}

/*h3 title2*/
h3.mainTitle02{
    margin: 10px 0 10px 3px;
}



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

 * #header 768
 
 * ========================================================================= */

.header-inner {
	height: 92px;
}
/* -------------------------------
   ヘッダーマーケット情報
----------------------------------*/
#hdMarket .hdMarket-inner {
	padding:4px;
}

#hdMarket .hdMarket-inner span.marketTitle{
	display:none;
}


/* -------------------------------
   検索窓
----------------------------------*/
dl.search1{
	width:94%;
	margin:0 3%;
	position:relative;
	top:56px;
	left:0px;
}

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

 * 会員登録メールアドレス入力 768
 
 * ========================================================================= */
 
input#submit_button {
	width: 60%;
}


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

 * 会員登録必須項目入力 768

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

.memberAdd ,.memberAdd2 {
	background: #fff url(none);
}

.memberAdd dt ,.memberAdd2 dt {
	padding: 6px 10px 8px 10px;
	text-align:left;
}
.memberAdd dd, .memberAdd2 dd {
	padding: 8px 10px;
	text-align:left;
}

.memberAdd dt ,.memberAdd2 dt {
	float: none;
	background-color: #e4e4e4;
	width:100%;

}

.memberAdd dd ,.memberAdd2 dd {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

/*ボタン：規約に同意して登録*/
a#memberReturnButton, /*20170429add_swMaeda*/
input#memberButton {
	width: 60%;
}

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

 * 問い合わせフォーム　768　　20170613

 * ========================================================================= */
#mainOnly {
	width: 100%;
}

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

 * 株価指数（Gnavi）768

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

 /* 指数(現在値、前日比）　テーブル */
table.marketTable {
	width : 90%;
}
 /* 指数(詳細）　テーブル */
table.marketDetailTable {
	width : 90%;
}

/*ボタン：詳細を見る*/
.detailButton{
	width: 80%;
}

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

 * スクリーニング（Gnavi）768

 * ========================================================================= */
 /* テスト0119　ここから　*/

.select-box02 {
	width: 96%;
	padding-left:2.2%;
}


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

 * 株主優待（Gnavi）768

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

/*ボタン：全表示*/
.selectAllButton{
	margin: 20px auto;
	width: 80%;
	border-radius: 4px;
}

 
/* ------------------------------
   分布検索
------------------------------ */ 


/*　はい　選択の場合（詳細選択）　*/
div.screencheck-group {
	width:100%;
}
div.screencheck-group label {
	float: none;
	width:98%;
}

/*ボタン：上記の条件で検索する*/
.searchButton{
	width: 60%;
}




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

 * 株価情報全般ページ（個別ページ）768

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


#distributionLeft ,#distributionRight {
	float: none;
	width: auto;	
}


table.distributionTable thead tr td {
	width:50%;
}
table.distributionTable tbody tr th {
	width:50%;
}		
table.distributionTable tbody tr td {
	width:50%;
}

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

 * 企業情報（個別銘柄）

 * ========================================================================= */
#stockLink ul li a{
    font-size: 12px;
}
    
.company_left, .company_right {
	float: none;
	width: auto;
}

.company_left2, .company_right2 {
	float: none;
	width: auto;
}

div.company_right2 table.companyProfileTable th{
		border-left:1px #999 solid;
}


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

 * 株主優待（個別銘柄）
 
 * ========================================================================= */

.base_left, .base_right {
	float: none;
	width: auto;
}
.base_left table.shareholderTable tr th ,
.base_left table.shareholderTable tr td{
	border-bottom: none;
	border-right: 1px #999 solid;
}
	/* 優待データ　テーブルの中のテーブル */
table.shareholderTable2 tr td table{
	width:99%;
	margin:10px 0.5%;
}

	/*マップリンク*/
.shareholderDetail > .mapLink a {
	width:40%;
}

.shareholderDetail > .mapLink a:hover {
	width:40%;
}



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

 * ＃sub

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

/*subコンテンツ内box設定*/
#sub .subBox{
	width:50%;
	height:226px;
	overflow: hidden;
	float:left;
	margin-top:0px;
}


}




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

 * ★画面480px以下の設定（スマートフォン用）

 * ========================================================================= */
 /* ============================================================================*/
@media screen and (max-width: 480px) {
	
body {
	font-size: 15px;
}
table {
	font-size: 14px;
}
.pcclear { /* pcの時 */
	clear: none;
}
.spclear { /* スマホの時 */
	clear:both;
}
.PTonly { /* スマホの時 */
	display:none;
}
/*main ページ内リンク　*/
.pageLink li a {
	font-size:12px;
}
.pageLink li a i {
	font-size:12px;
}

table th{ 
	line-height:1.2;
}
table td{ 
	line-height:1.5;
}

th.spnone ,td.spnone {/* 為替(詳細ボタンで使用） */
	display:none;
}

/*アコーディオン（スマホのみ）*/
article.h75 {
	max-height:75px;
}
article.h100 {
	max-height:100px;
}
article.h120 {
	max-height:120px;
}

article.h265 {
	max-height:265px;
}

.sp_mgB00 { 
	margin-bottom: 0px !important;
}


/*div subTitle*/
div.subTitle{
    margin: 0;
}

#boxLeft, #boxRight {
	float: none;
	width: auto;
}


#boxLeft25, #boxRight75 {
	float: none;
	width: auto;
}

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

 * #header
 
 * ========================================================================= */
 

/* -------------------------------
   ヘッダーマーケット情報
----------------------------------*/
#hdMarket .hdMarket-inner {
	padding:0;
}

#hdMarket .hdMarket-inner span.marketTitle{
	display:none;
	padding-right:3px;
}
#hdMarket .hdMarket-inner img.flag {
	padding-right:2px;
	width:25px;
	height:auto;
}
#hdMarket .hdMarket-inner .japan{
	padding-left:6px;
}

/*20170419delete_swMaeda*/
/*
#hdMarket .hdMarket-inner .usa {
	display:none;
}*/


/*現在値*/
#hdMarket .hdMarket-inner span.priceNow{
	font-size:13px;
	line-height:13px;
}
/*前日比*/
#hdMarket .hdMarket-inner span.priceUp, 
#hdMarket .hdMarket-inner span.priceDown{
	line-height:13px;
	font-weight:normal;
}
/*現在値*/
#hdMarket .hdMarket-inner span.jaTime{
	line-height:13px;
}



/* -------------------------------
   ヘッダー 会員登録、ログイン
----------------------------------*/
#hdMember {
	position: absolute;
	right: 0;	/*header .innerからの位置*/
	top: 12px;
}

#hdMember li a.memberNew,
#hdMember li a.login,
#hdMember li button.hdMemberLoginBtn /*20170302add_swMaeda*/
{
	font-size: 12px;
	width:auto;
	padding:3px 6px;
}
#hdMember span.spNone{
	display:none;
}
#hdMember li span{
	display:none!important;
}
#hdMember li button span{
	display:block!important;
}

/* ------------------------------
   グローバルメニュー
------------------------------ */
#menuList ul li a {
	padding:2px 0;
	border-bottom: #900 2px solid;
}
#menuList ul li:nth-child(5){
	border-right: #aaa 1px solid;
}
#menuList ul li i,
#menuList ul li img{
	display:none;
}
#menuList ul li:hover > a {
	border-bottom: #f1f1f1 2px solid;
}
#menuList ul li span{font-size: 12px;}
    
    
/* ============================================================================

 * 会員登録フロー 480

 * ========================================================================= */
 
.process {
	background: transparent;
	width: 98%;
}
.process li {
	margin: 0.3em 0;
}
.process li::after {
	margin: 0 .1em;
}
.process li:last-of-type::after {
	display: none;
}
.process li > * {
	padding:4px;
	border-radius: 4px;
}
.process li.current > * {
	padding:4px 2px;
	border-radius: 4px;
}


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

 * 会員登録メールアドレス入力 480
 
 * ========================================================================= */
 
input#submit_button {
	width: 80%;
}
a#memberReturnButton, /*20170429add_swMaeda*/
input#memberButton {
	width: 80%;
}

/*　br消す　*/
.memberExplan br ,mailnotice br{
	display:none;
}



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

 * 会員登録必須項目入力480

 * ========================================================================= */
 
/*	会員登録：inputテキストボックス 　*/
span.member01 input{
	width: 90%;
}

/*	会員登録：selectボックス 　*/
div.memberSelect01 label {
	width: 90%;
}
/*	会員登録：selectボックス2（生年月日） 　*/
div.memberSelect02 select {
    width: 20%;
}
div.memberCheck label {
	width:48%;

}
 
 /* ============================================================================

 * プライバシーポリシー　480

 * ========================================================================= */
.pri-inner >.info{
	float:none;
}
.pri-inner dd{
	font-size:13px;
}
 
/* ============================================================================

 * 株価指数（Gnavi） 480

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

 /* 指数(現在値、前日比）　テーブル */
table.marketTable {
	width : 100%;
}
 /* 指数(詳細）　テーブル */
table.marketDetailTable {
	width : 100%;
}


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

 * 為替情報（Gnavi） 480

 * ========================================================================= */
 
 /* テーブル（為替情報一覧）*/
table.exchangeTable tr th,
table.exchangeTable tr td {
	line-height:1;
	font-size:14px;
	font-weight:normal;
}
table.exchangeTable tbody tr th {
	background : #d8d8d4;
	width:60%;
}

table.exchangeTable tbody tr td {
	width:13%;
}

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

 * 株主優待（Gnavi） 480
 
 * ========================================================================= */

 /* 銘柄コード入力欄*/
.comCode{
	margin-left:0;
}
.comCode input{
    width: 96%;
}

 /* 権利月の件数表示*/
div.shareholderInce span.title2{
	padding: 0 5px 0 10px;
}

/*　優待（大カテ）リンク*/
#comBigLink {
	width: 100%;
}
/*　優待内容　イラスト*/
div.complimentarycheck-group3 label img{
	display:none;
}
/*div subTitle2*/
/*使用：優待検索*/
div.subTitle2{
    margin: 5px 0 5px 5px;
}

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

 * My銘柄（Gnavi） 480

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

/*
---------------------------------------------------------------------------*/
/*損益表テーブルを縦、横逆に 開始
---------------------------------------------------------------------------*/
/* テーブル（all損益表）*/	
table.allIncomeStatement{ 
	display: block;
	position: relative; 
	width: 100%;
}
table.allIncomeStatement thead{ 
	display: block; 
	float: left;
	width: 40%; 
}

table.allIncomeStatement tbody{ 
	display: block; 
	width: 100%;
	white-space: nowrap; 
}
table.allIncomeStatement thead tr{ 
	display: block;
}
table.allIncomeStatement th{ 
	display: block;
	width: 100%; 


}
table.allIncomeStatement tbody tr{ 
	display: inline-block;
	width: 100%; 
	vertical-align: top;
}
table.allIncomeStatement td{ 
	display: block;
	width: 60%;
	text-align:right;
}

/* borderの調整 */
table.allIncomeStatement th{ 
border-bottom: 0; 
}
table.allIncomeStatement td{ 
border-left: 0; 
border-right: 0; 
border-bottom: 0; 
}
table.allIncomeStatement tbody td{ 
border-right: 1px solid #babcbf; 
}
table.allIncomeStatement th:nth-of-type(2),
table.allIncomeStatement td:nth-of-type(2) { 
border-bottom: 1px solid #babcbf; 
}

		
/*
---------------------------------------------------------------------------*/
/*損益テーブルを縦、横逆に　終了
---------------------------------------------------------------------------*/

 /* 右にスワイプできます（スマホだけ表示） */
div.spOnlyValue {
	display:block;
	text-align:left;
}
div.spOnlyValue span {
	font-size:12px;
	line-height:1;
}


/* ------------------------------
   ポートフォリオ　1銘柄
------------------------------ */
 /* ブロック */
 div.mystockListWrap ,div.mystockAddWrap {
	width : 33.33333%;
}

div.up{ /* 現在値がup */
	background-color: #f00;
}
div.down{ /* 現在値がdown */
	background-color: #0755e3;
}
div.even{ /* 現在値がeven */
	background-color: #555;
}
 /* ポートフォリオ(スマホだけ非表示にする項目） */
tr.noSp ,th.noSp ,td.noSp{
	display:none!important;
}
/*　削除ボタン　*/
div.mystockListWrap > div.delete {
	display:none;
}

/*　銘柄名　*/
div.mystockListWrap div.stockName {
	color:#006;
	font-weight:bold;
}

div.mystockListWrap div.stockName a {
	color:#fff;
}
div.mystockListWrap div.stockName a:hover {
	color:#fff;
	text-decoration:none;
}
/*　銘柄コード　*/
div.mystockListWrap div.number {
	color:#fff;
}
/*　取得時間　*/	
div.mystockListWrap div.now {
	display:none;
}

/*　チャート画像　*/
div.mystockListWrap div.stockImg {
	display:none;
}



/*　●テーブル●　*/
/*　現在値　*/
table.mystock span.currentPrice_sp:before {/*スマホだけ（現値表示） */
	content: "現" ;
	color: #fff ;
	font-size: 14px;
	lign-height:15px;
	float:left;
	margin-left:3px;
	font-weight:normal;

}
table.mystock span.perChange_sp:before {/* スマホだけ（現値表示） */
	content: "騰" ;
	color: #fff ;
	font-size: 14px;
	lign-height:15px;
	float:left;
	margin-left:3px;
	font-weight:normal;
}
/* ●201712追加 ここから　*/ 
table.mystock-inner_ohlc tr td{
	display:block;
	width:100%;
	color:#fff;
	padding:5px 3px 5px 0;
	font-size:14px;
	text-align:right;
}

table.mystock-inner_ohlc span.open_sp:before,
table.mystock-inner_ohlc span.high_sp:before,
table.mystock-inner_ohlc span.low_sp:before,
table.mystock-inner_ohlc span.yield_sp:before {/*スマホだけ表示 */
	color: #fff ;
	font-size: 14px;
	lign-height:15px;
	float:left;
	margin-left:3px;
	font-weight:normal;
}
table.mystock-inner_ohlc span.open_sp:before {/*始値 */
	content: "始" ;
}
table.mystock-inner_ohlc span.high_sp:before {/*高値 */
	content: "高" ;
}
table.mystock-inner_ohlc span.low_sp:before {/*安値 */
	content: "安" ;
}
table.mystock-inner_ohlc span.yield_sp:before {/*出来高 */
	content: "出" ;
}
/* ●201712追加 ここまで　*/ 

/*　●テーブル●　*/
/*　現在値　*/
div.mystockListWrap div.up table.mystock{/* プラスの時*/
	background-color: #f00;
}
div.mystockListWrap div.down table.mystock{/* マイナスの時*/
	background-color: #0755e3;
}
div.mystockListWrap div.even table.mystock{/* プラスマイナスゼロの時 20170224追加*/
	background-color: #555;
}

div.mystockListWrap table.mystock tr th{
	display:block;
	width:100%;
	padding:5px 3px 0 0;
	font-size:14px;
	text-align:right;
	color:#fff;
}

/*株価の矢印マーク*/
div.mystockListWrap > div.up > table.mystock tr th > span.price-image:before,
div.mystockListWrap > div.down > table.mystock tr th > span.price-image:before,
div.mystockListWrap > div.even > table.mystock tr th > span.price-image:before{/* プラスマイナスゼロの時 20170224追加*/
	display:none;
}
div.mystockListWrap > div.up > table.mystock tr td,
div.mystockListWrap > div.down > table.mystock tr td,
div.mystockListWrap > div.even > table.mystock tr td{/* プラスマイナスゼロの時 20170224追加*/
	display:block;
	width:100%;
	color:#fff;
	padding:5px 3px 0 0;
	font-size:14px;
	text-align:right;
}


/*　●テーブル●　*/
/*　前日比から損益まで　*/
div.mystockListWrap div.plus ,div.mystockListWrap div.minus ,div.mystockListWrap div.blank{
	padding:4px 0;
}
div.mystockListWrap div.blank table.mystock-inner{/* 未記入*/
	display: table;
	width : 96%;
	background-color: #fff;
	border-radius: 4px;
	text-align:center;
}
div.mystockListWrap div.plus table.mystock-inner{/* プラスの時*/
	display: table;
	width : 96%;
	background-color: #fce6ec;
	border-radius: 4px;
	text-align:center;
}
div.mystockListWrap div.minus table.mystock-inner{/* マイナスの時*/
	display: table;
	width : 96%;
	background-color: #e1f2f8;
	border-radius: 4px;
	text-align:center;
}


table.mystock-inner tr th{
	display: block;
	max-width: 100%;
	font-size:13px;
	padding:3px 0 0 3px;
	color:#333;
}
table.mystock-inner tr td{
	display: block;
	width:100%;
	font-size:14px;
	padding:0 3px 3px 0;
	color:#fff;
	text-align:right;
}

table.mystock-inner tr:first-child ,table.mystock-inner tr{
	border-top: none;
}
table.mystock-inner tr {
	border-bottom: none;	
}
table.mystock-inner tr td span.small {/* パーセント */
	font-weight:normal;
}


/*アコーディオン*/
/*my銘柄のメニュー*/
div.mymenu > ul > li > a{
  font-size: 13px;
  padding: 2px 0px;
}
div.mymenu > ul > li > a:hover{
  background-color: #d8d8d4;
}
div.mymenu > ul > li > a:after, div.mymenu > ul > li > a.active:after{
  top: 3px;
}
div.mymenu > ul > li > a:after{
  content: "▼";
}
div.mymenu > ul > li > a.active:after{
  content: "▲";
}
div.mymenu > ul > li > ul {
  display: none;
}
div.mymenu > ul > li > ul > li a {
	font-size: 13px;
}

/* ------------------------------
   編集（ポップアップウィンドウ）テーブル
------------------------------ */
.mfp-hide{
	display:block;
	font-size:13px;
	margin:0 auto;
	width : 80%;
}
table.popupTable {	
	width : 100%;
}

table.popupTable th {
	width : 20%;
}
/*	テキストボックス　*/
span.popup input {
  width: 80%;
}
table.popupTable2 {
	font-size:13px;
	width : 100%;
}



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

 * ランキング（Gnavi） 480

 * ========================================================================= */
 
#rankLeft ,#rankRight {
	float: none;
	width: 100%;	
}
#rankRight{
	padding-top:10px;
}



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

 * スクリーニング（Gnavi） 480　

 * ========================================================================= */
 
 /* ------------------------------
   スクリーニング業種別件数結果
------------------------------ */

#industryaCategoryList ul li ,#industryaCategoryList ul li.focus {
	width: 24%;
	margin:0.5%;
	font-size:13px;
}


  
 /*指定クリアボタン*/
h3.mainTitle02 .clearButton{
  margin-right:10px;

}
/*ボタン：上記の条件で検索する*/
.searchButton{
	width: 80%;
}

 
/* ------------------------------
   条件検索
------------------------------ */

.select-box02 {
	display:block;
	width: 98%;
	background-color: #fff;
}

div.check-group label {
	width:32%;
	margin:0.66%;
}

/*指数選択*/

/*	テキストボックス*/
div.screenListText ,div.screenListText2{
	width:100%;
	display:table;
}


div.screenListText2{
	margin-top:10px;
}	
span.screenListTextBox input {
  width: 80%;
}


/*	チェックボックス*/
div.show {
	float:none;
	display:block;
	text-align:right;
	padding-right:2%;
}

.frm li {
  height: 100px;
}


.frm li.scrSp2 {
  margin-top: -20px;
  height: 60px;
}


/*　業種5位までのランキング　*/
.rankIndustrya-inner {
	text-align:center;
	font-size:14px;

}

.rankIndustrya-inner span.cate{
	width: 140px;
	text-align:left;
	display:inline-block;
}

.paragraphIndent > .remark{
	font-weight:bold;
	content: "\A" ;
	white-space: pre ;
}


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

 * 株主優待（Gnavi） 480　

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

/* ------------------------------
   株主優待（全体を知る）検索結果
------------------------------ */
#shareholderCategoryList ul li ,#shareholderCategoryList ul li.focus {
	width: 24%;
	margin:0.5%;
	font-size:13px;
}



/*　■優待選択■*/
div.complimentarycheck-group ,div.complimentarycheck-group2 ,div.complimentarycheck-group3 {
	width:100%;
}
/*　最低必要金額　*/
div.complimentarycheck-group2 label {
	width:48%;
}

/*　権利月*/	
div.shareholderInce div.title2-inner{
	display:block;
}

/* -------------------------------------------------------------
  個別銘柄
---------------------------------------------------------------------------*/

#main h2.stockTitle01{
	padding: 3px 0 3px 10px;
	margin: 0;
	}
#main h2.stockTitle01 span.title{
	line-height:1.4;
}

#main img.companyLogo{
	display:none;
}
	
	
/*業種*/
#main h2.stockTitle01 span.cateIndustrya{
	margin-left:1%;
}


/*h3*/
h3.mainTitle01::after{
  width: 55%;
}



/*My登録銘柄、更新*/
/*ポートフォリオでも使用中*/
#main .stockButton li {
	margin-right:5px;
}
#main .stockButton li a {
	padding:2px 0;
	width:60px;
	font-size:12px;
}


#main span.priceTitle1{
	padding-left: 3px;
}


#main span.priceTitle2:before {
	content: "\A" ;/*前日比の前で改行する*/
	white-space: pre ;
}

#main span.priceTitle2{
	padding-left: 50px;
}

	
h2.mainTitle01::after{
  width: 50%;
}
/*main 個別銘柄リンク*/
#stockLink ul li{
	 margin-bottom:2px;
}
#stockLink ul li a {
	padding: 4px 0;
	font-weight:normal;
}
#stockLink ul li a:hover,
#stockLink ul li.current a {
	font-weight:bold;
}


/*　テーブル（左、右）分けたとき上のタイトルバー*/
.tabletop_title {
	padding:3px;
}

 /* 右にスワイプできます（スマホだけ表示） */
div.spOnly {
	display:block;
	text-align:right;
}
div.spOnly span i {
	padding-right:5px;
	font-size:14px;
}
div.spOnly span {
	font-size:12px;
}



.shareholderTitle small{
	display:block;
}
	
	

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

 * ＃sub

 * ========================================================================= */
 
#sub #rnvBnr{
	margin:10px auto;
}
#sub .subBox{
	width:100%;
	height:auto;
	float:none;
}
/* sub h3 */
#sub h3 {
	background: #900;
	color: #fff;
}
#sub h3 span i{/*sub　h3　webicon*/
	color: #fff;
}

/*sub BOX内のリンク設定*/
/*１個ごとの設定*/
#sub ul.submenu li a {
	background-position:10px 14px;
	padding: 3px 10px 3px 24px;
}
#sub ul.submenu li:hover > a {
background-position:10px 14px;
}


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

 * スクリーニング（Gnavi） 480　

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

/*main 銘柄検索（High)*/
#screenHighLink {
	margin-top:5px;
	height:43px;
}
#screenHighLink ul li i{
	font-size: 18px;
}
/*タブ１個ごとの設定*/
#screenHighLink ul li {
	height:43px;
}
#screenHighLink ul li a {
	height:43px;
	font-size:13px;
	padding:8px 0;
	line-height:1.2;

}

/*最初のタブの設定*/
#screenHighLink ul li:first-child {
	margin-left: 0px;
}

#screenHighLink ul li a:hover,
#screenHighLink ul li.current a {
	border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;
	background: #006;
	color: #fff;
	height:43px;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.5); 

}


.exp{display:none;}


/* テーブル（スクリーニングHigh）*/
table.screeningHighTable tr th,
table.screeningHighTable tr td {
	line-height:1;
}





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

 * 株価情報全般ページ（個別ページ）480

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

#data, #analysis {
	float: none;
	width: auto;
}
#data, #analysis {
	margin-bottom:10px;/*アコーディオンかぶさるので無理やり*/	
}


		/*リンク（見通し分析）*/		
.forecastLink {
	padding:10px 0;
}
.forecastLink li {
	font-size:14px;
	margin:3px 3px 8px 0;
}
.forecastLink li a {
	padding:8px 6px;
}


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

 * 財務情報（Gnavi） 480　

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


/*財務情報*/

.z_explanation{
	text-align:left;
	padding:10px 0 0 10px; 
}

/*財務情報テーブルスクロール*/
.scroll-box {
	width: 100%;
	overflow-x: auto;
}
.scroll-box::-webkit-scrollbar {
	height: 10px;
}
.scroll-box::-webkit-scrollbar-track {
	border-radius: 10px;
	background: #eee;
}
.scroll-box::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #666;
}

table.financeTable tbody { 
	overflow-x : auto; /* スクロール */
	white-space : nowrap; /* 折り返し禁止 */
}




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

 * 時系列（Gnavi） 480　

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

/* 時系列　テーブル */
table.responsiveTable tr th,
table.responsiveTable tr td,
table.responsiveTable2 tr th,
table.responsiveTable2 tr td{
	border: none;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	white-space: nowrap;
	height:33px;
	line-height:1;
}



/* 見通し分析　セグメント比率　テーブル */
/* ＩＰＯ詳細　財務データ　テーブル */
table.segment tr th,
table.segment tr td {
	border: none;
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
	white-space: nowrap;
	height:33px;
	line-height:1.5;
}

table.responsiveTable tbody tr th, table.responsiveTable tbody tr td ,
table.responsiveTable2 tbody tr th, table.responsiveTable2 tbody tr td{
	padding:0 8px;/* ★★★.pinned table th, .pinned table tdとpaddingあわせる */
}



	
	
.pinned ,.pinned2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 35%;
	overflow: hidden;
	overflow-x: scroll;
	border-right: 1px solid #999;
}


.pinned2 {
	width: 20%;
}
.pinned table ,.pinned2 table {
	border-right: none;
	border-left: none;
	width: 100%;
}
.pinned table th, .pinned table td ,
.pinned2 table th, .pinned2 table td {
	white-space: nowrap;
	padding:0 8px;/* ★★★.pinned table th, .pinned table tdとpaddingあわせる */
	height:33px;	
	border-bottom: 1px #999 solid;
	border-right: 1px #999 solid;
}

.pinned table th.time ,.pinned2 table th.time {  /* 日付：タイトル */
	background: #006;
	color: #fff;
}
.pinned table th ,.pinned2 table th {
	background: #d8d8d4;
}
.pinned table th{
	font-size: 14px;
}
.pinned td:last-child ,.pinned2 td:last-child {
	border-bottom: 0;
}
div.table-wrapper { 
	position: relative;
	margin-bottom: 0px;
	overflow: hidden;
	border-right: 1px solid #999;
	}
div.table-wrapper div.scrollable { margin-left: 35%; }
div.table-wrapper div.scrollable2 { margin-left: 20%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
div.table-wrapper div.scrollable2 { overflow: scroll; overflow-y: hidden; }	



table.responsiveTable td, table.responsiveTable th ,table.responsiveTable2 td, table.responsiveTable2 th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsiveTable th:first-child, table.responsiveTable td:first-child, table.responsiveTable td:first-child, table.responsiveTable .pinned td { display: none; }
table.responsiveTable2 th:first-child, table.responsiveTable2 td:first-child, table.responsiveTable2 td:first-child, table.responsiveTable2 .pinned2 td { display: none; }





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

 * 見通し（個別銘柄） 480　

 * ========================================================================= */
 
/* スマホだけ見通し分析タイトルの横に天気マーク*/
h3.mainTitle01 span img.spOnly{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	width:50px;
	height:auto;
}
table.sitoutTable td.weather{
	display:none;
}
table.sitoutTable{
	padding:0;
}
table.sitoutTable tr th,
table.sitoutTable tr td {
	border:none;
}
table.sitoutTable td.weather img{
	display:none;
}

/*円グラフ*/
#main .pieGraphLeft {
	float: left;
	width: 40%;
}
#main .pieGraphRight {
	float: right;
	width: 40%;
}
#main .pieGrapContainer {
	width: 90%;
	overflow: hidden;
	margin: 0 auto;
}
#main .pieGrapContainer div.title {
	width: 100%;
	color:#fff;
	background : #666;
}
	/* clearfix */
#main .pieGrapContainer:before,
#main .pieGrapContainer:after {
    content: "";
    display: table;
}
#main .pieGrapContainer:after {
    clear: both;
}
 	/* For IE 6/7 (trigger hasLayout) */
#main .pieGrapContainer {
    zoom: 1;
}




/*円グラフ*/
#main .pieGraphLeft {
	width: 49%;
}
#main .pieGraphRight {
	width: 49%;
}
#main .pieGrapContainer {
	width: 100%;
}

table.sitoutTable2 tr td.title br{
	display:block;
}

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

 * 企業情報（個別銘柄） 480　

 * ========================================================================= */
div.company_right2 table.companyProfileTable td:first-child{
		border-top:none;
}

/*
---------------------------------------------------------------------------*/
/*財務情報　テーブルを縦、横逆に 開始
---------------------------------------------------------------------------*/
		table.financeTable {
		display: block;
		width : 100%;

		}
		
		table.financeTable thead {
		float : left;
		}
		
		table.financeTable thead tr th {
		display : block;
		line-height:1.5;
		}
					
		table.financeTable tbody { 
		display : block;
		}
	
		table.financeTable tbody tr{
		display : inline-block;
		}
		
		table.financeTable tbody tr th,
		table.financeTable tbody tr td{
		display : block;
		line-height:1.5;
		}
/*
---------------------------------------------------------------------------*/
/*テーブルを縦、横逆に　終了
---------------------------------------------------------------------------*/


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

 * 株主優待（個別銘柄） 480　

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

/* バッジ */
.badge	{-ms-transform: scale(0.8);
	-ms-transform-origin: right top;
	-webkit-transform: scale(0.8);
	-webkit-transform-origin: right top;
	transform: scale(0.8);
	transform-origin: right top;
	top: -3px;
	right: 10px}

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

 * 開示資料（個別銘柄） 480　

 * ========================================================================= */
dl#disclosure,dl.disclosure {
	padding: 5px 0px 0px;
}
dl#disclosure dt,dl.disclosure dt {
	font-weight: bold;
	float: none;
	width: auto;
	padding-left:0;
	font-size:14px;
}
dl#disclosure dd,dl.disclosure dd {
	border-top: 1px solid #b9b9b9;
	padding-left: 0px;
}

dl#disclosure dd,dl.disclosure dd {
	border-top: none;
	border-bottom: 1px solid #b9b9b9;
	padding-left:0;
}



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

 * 株ニュース 480　

 * ========================================================================= */
	dl.stocknews {
		margin-top: 8px;
		padding: 0;
		border-bottom: 1px solid #b9b9b9;
	}

	dl.stocknews dt {
		float: none;
		clear: both;
		padding-left: 8px;
		width: 100%;
		font-size: 12px;
		text-align: left;
		border-top: 1px solid #b9b9b9;
	}

	dl.stocknews dd {
		padding-left: 0px;
	}

	dl.stocknews dd {
		padding-left:0;
		border-top: none;
		border-bottom: 0;
	}

	dl.stocknews dd.newstitie {
		display: block;
		padding: 0 8px;
		text-align: left;
		border-top: 0;
	}
	dl.stocknews dd.newstitie a {
		color: #900;
		font-weight: bold;
	}

	dl.stocknews dt.catalyst p:after,
	dl.stocknews dt.market p:after {
		width:96px;
		font-size: 12px;
	}

	dl.stocknews dd.newsdetail {
		display: block;
		padding: 8px;
		font-size: 14px;
		line-height: 18px;
		text-align: left;
		border-top: 1px dotted #ddd;
	}

	h3.stocknewsDetailTitle {
		position: relative;
		margin: 0;
		padding: 6px 0;
		width: 100%;
		background-color: #fff;
		border-bottom: 3px solid #ccc;
	}

	h3.stocknewsDetailTitle div {
		vertical-align: middle;
		margin: 0;
		padding: 0;
		width: 100%;
		font-size: 15px;
		font-weight: bold;
		text-align: left;
	}

	h3.stocknewsDetailTitle div.catalyst:before,
	h3.stocknewsDetailTitle div.market:before {
		display:inline-block;
		vertical-align: middle;
		margin: 0 10px 0 0;
		padding: 2px 0;
		width: 70px;
		color:#fff;
		font-size: 11px;
		font-weight: bold;
		text-align:center;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

	h3.stocknewsDetailTitle div.catalyst:before {
		background : #c00;
		content: "カタリスト";
	}

	h3.stocknewsDetailTitle div.market:before {
		background : #36c;
		content: "市況";
	}

	.stocknewsDetailTime {
		position: relative;
		margin: 0;
		padding-right: 6px;
		width: 100%;
		font-size: 11px;
		color: #333;
		text-align: right;
	}

	.stocknewsDetailContents {
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		color: #333;
		text-align: left;
		border: 1px solid #ccc;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.stocknewsDetailContents p {
		margin: 10px 4%;
		padding: 0;
		width: 92%;
		font-size: 14px;
		color: #333;
		text-align: left;
	}

	.stocknewsDetailContents p a {
		color: #900;
	}


}