@charset "utf-8";
/* CSS Document */

body {
    font-size: 14px;
    line-height: 1;
}
/* emg-min.css 1.0.0 */
#emg,#emg2,#emg3{margin-bottom:10px;text-align:center;}#emg2 br{display:none;}#emg table,#emg2 table,#emg3 table{margin:0 auto;text-align:left;}/* ie/mac \*//*/#emg,#emg2{margin-left:120px;}#emg3{margin-left:235px;}/**/

#contents {
    background-color: #FFF;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;color:#595757;
    font-size:16px;
}
.w950 { width:870px;margin: 0 auto;}
.headerBox{position: relative;}
.contentsInner {
   }
.contentsInner a{text-decoration:none;}
.contentsInner a {color: #1c6cc3;}
.contentsInner a:hover{cursor:pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.contentInnerHeader{text-align:left;}

.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;line-height:0;}
.clearfix{ zoom: 1; }


strong{
    color: #ff2000;
    text-decoration: underline;
}

h1{
	text-indent:-9999px;
}
h2{
	display:block;
	text-align:center;
}
h3{
	display:block;
	text-align:center;
}
h4{
	font-size:20px;
	font-weight:bold;
}
h5.hdg05{
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 10px 0;
}
.txtLink{
	background:url(../img/ico_arw_link.png) no-repeat left center;
	font-size:14px;
	font-weight:normal;
	color:#0b50a2;
	padding-left:14px;
}
.txtLink:hover{
	opacity:0.7;
}
.leadTxt{
	font-size:18px;
}


#header {
}


#header .logoArea {
	margin:0 auto;
	width:870px;
	padding:15px 40px;
	display:block;
}
#header .logoArea a{
    display: inline-block;
/*    width: 366px;*/
}
#header .logoArea a.logoL { float: left; }
#header .logoArea a.logoR { float: right; }
#header .prArea{
	background:#0068b7;
	color:#ffffff;
	padding:5px 0;
	clear:both;
}
#header .logoYjam{
	width:120px;
	float:left;
	display:block;
	position: absolute;
	top: 6px;
}
#header .textPr{
	font-size:14px;
	width:750px;
	float:right;
	text-align:right;
	line-height:42px;
}

#footer{
    background-color: #0b50a2;
    font-size: 13px;
    color: #FFF;
    width: 100%;
    padding: 30px 0;
}

#footer address{
    padding: 0;
    border: none;
    line-height: normal;
}

#footer address a{
    color: #FFF;
    text-decoration: underline;
}

#footer ul li{
    display: inline-block;
}



.mainVisual{
    margin: 0 auto;
	height:360px;
	background:url(../img/mainV.png) no-repeat center #dde5ed;
}
.mainVisual .w950{
	position:relative;
  padding: 0 40px;
}
.mainVisual .mainLink01{
	display:block;
	width:233px;
	height:235px;
	position:absolute;
	background:url(../img/sprite.png) no-repeat;
	left:430px;
	top:30px;
	text-indent:-9999px;
	background-position: 0px 0px;
}
.mainVisual .mainLink01:hover{
	background:url(../img/sprite.png) no-repeat;
	background-position: 0px -234px;
	-webkit-transition: 0.0s;
	transition: 0.0s;
}

.mainVisual .mainLink02{
	display:block;
	width:233px;
	height:235px;
	position:absolute;
	background:url(../img/sprite.png) no-repeat;
	left:655px;
	top:30px;
	text-indent:-9999px;
	background-position: -230px 0px;

}
.mainVisual .mainLink02:hover{
	background:url(../img/sprite.png) no-repeat;
	background-position: -230px -234px;
	-webkit-transition: 0.0s;
	transition: 0.0s;
}
.mainVisual .mainLink03{
    display: block;
    width: 530px;
    height: 110px;
    position: absolute;
    background: url(../img/sprite.png) no-repeat;
    left: 230px;
    top: 250px;
    text-indent: -9999px;
    background-position: -470px -112px;
}
.mainVisual .mainLink03:hover{
    background: url(../img/sprite.png) no-repeat;
    left: 230px;
    top: 245px;
    text-indent: -9999px;
	background:url(../img/sprite.png) no-repeat;
	background-position: -470px 100px;
	-webkit-transition: 0.0s;
	transition: 0.0s;
	background-position: -470px 0px;
}


/*ナビ*/
.naviMenu{
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
	background:#f2f6fa;
	font-weight:bold;
	height:40px;
	display:block;
	line-height:40px;
}
.naviMenu ul{
	width:950px;
	margin:0 auto;
}

.naviMenu li {
	display:inline-block;
	list-style-type:none;
	margin-right:14px;
	padding-left:18px;
	width:270px;
}
.naviMenu li a{
	background:url(../img/arw_btm.png) no-repeat right;
	padding-right:20px;
}

.naviMenu li a:hover{
    text-decoration: underline;
    color: #0068b7;
	opacity:0.7;
}

.naviMenu .navi01,.navi02{
	text-align:center;
}


/*お知らせ*/
.noticeArea{
	width:870px;
	margin:0 auto;
	padding:0 40px;
	border:none;
}
.noticeArea th{
	width:140px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background:#f2f6fa;
	border:none;
}
.noticeArea td{
	font-size:14px;
	padding:0 30px;
	border:none;
}
.noticeArea td img{
	margin-top:10px;
}
.noticeArea .newText{
	color:#f29219;
	margin-left:10px;
}
.noticeArea .date{
	color:#777777;
}
.noticeArea .title{
	font-weight: 600;
}
.noticeArea a:hover {
	opacity: 0.7;
}

/*おカネに働いてもらう楽しさをすべての人に*/
.concept{
	width:456px;
	height:193px;
	background:url(../img/concept.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
}

/*Yjam投信シリーズのご紹介*/
.yjamSeries01{
	width:870px;
	height:232px;
	background:url(../img/series_bg_01.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.linkPlus a{
	display:block;
	position:absolute;
	width:162px;
	height:54px;
	position:absolute;
	top:129px;
	left:94px;
	background:url(../img/series_plusBtn.png) no-repeat;
}
.linkLight a{
	display:block;
	position:absolute;
	width:162px;
	height:54px;
	position:absolute;
	top:129px;
	left:614px;
	background:url(../img/series_lightBtn.png) no-repeat;
}
.yjamSeries01 a:hover{
	opacity:0.7;
}
.yjamSeries02{
	width:870px;
	height:316px;
	background:url(../img/series_bg_02.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
	overflow:hidden;
}
.yjamSeriesNote dt{
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
}
.yjamSeriesNote dd{
	font-size:11px;
	line-height:180%;
	display:none;
}
.yjamSeriesNote .openArw{
	display:inline-block;
	width:11px;
	height:6px;
	margin-left:4px;
	background:url(../img/notice_open.png) no-repeat;
}
.yjamSeriesNote .closeArw{
	display:inline-block;
	width:11px;
	height:6px;
	margin-left:4px;
	background:url(../img/notice_close.png) no-repeat;
}
.yjamSeries03{
	width:870px;
	height:145px;
	background:url(../img/series_bg_03.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto;
	overflow:hidden;
}
.yjamSeries04{
	width:870px;
	margin:0 auto;
}
.yjamSeries04 h3{
	margin-bottom: 30px;
}
.yjamSeries04 .flLeft{
	float:left;
	margin-left:35px;
}
.yjamSeries04 .flRight{
	float:right;
	margin-right:35px;
	margin-top:38px;
}

/*ヤフーグループ企業の三社が一体となって、
Yjam投信シリーズが創られます*/
.bg{
	background:#f2f6fa;
	padding:50px 0;
}
.bgCorporateGroup{
	display:block;
	width:870px;
	height:214px;
	background:url(../img/img_05.png) no-repeat;
	text-indent:-9999px;
}
.bgCorporateGroupList{
	display:block;
}
.bgCorporateGroupList li{
	display:block;
	float:left;
	width:270px;
	vertical-align:top;
}
.bgCorporateGroupList li img{
	margin-bottom:20px;
}
.bgCorporateGroupList li dd{
	font-size:14px;
}
.bgCorporateGroupList .corpTxtL{
	font-weight:bold;
	font-size:16px;
}

/*Q&A*/
.qaArea li{
	margin-bottom:30px;
	background:url(../img/ico_arw_link.png) no-repeat 0 4px;
	font-size:16px;
}
.qaArea li:hover{
	opacity:0.7;
}
.qaArea li a{
	display:block;
	margin-left:14px;
}
.qaText{
	display:block;
	text-align:right;
	font-size:12px;
	line-height:200%;
}
.qaText a{
	font-size:14px;
}
.qaText a:hover{
	opacity:0.7;
}

/*ニュースリリース*/
.newsArea li{
	margin-bottom:25px;
	background:url(../img/ico_arw_link.png) no-repeat 0 4px;
	font-size:14px;
}
.newsArea li:hover{
	opacity:0.7;
	cursor:pointer;
}
.dateTxt{
	display:block;
	color:#505659;
	text-align:right;
}
.newsArea li a{
	display:block;
	margin-left:14px;
	color: #1c6cc3;
	text-decoration:none;
}
#news .presLink a {display: inline-block; margin-left:0px;}
#news .presLink .title {cursor: default; margin-left:14px;}
#news .newsArea li:hover {opacity:1; cursor: default;}
#news .newsArea li a:hover {opacity:0.7; cursor: pointer;}

/*お取扱い店*/
.productsArea .box{
    border-radius: 10px;
    padding: 0;
    width:100%;
    margin: 0 auto;
}
.productsArea .productsTtl{
    color: #595757;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.productsArea .box dl{
    float: left;
    margin-right: 4px;
}

.productsArea .box dl:last-child{
    margin-right: 0;
}

.productsArea .box dl dt{
    margin-bottom: 5px;
}

.productsArea .box ul{
    text-align: center;
    background: #f2f6fa;
    padding:20px 20px 0px 20px;
}
.productsArea .box ul li{
	float:left;
	margin-bottom:20px;
	margin-right: 6%;
}

.productsArea .box ul li:last-child{
    margin-right: 0px;
    margin-bottom:20px;
}
.productsArea .box ul li.newListNewBefore{
	margin-right: 4%;
}
.productsArea .box ul li span{
    display: block;
}
.productsArea .box ul li span.logo{
    margin-bottom: 5px;
    background:#ffffff;
}
.productsArea .box a img:hover{
	opacity:0.7;
}
.productsArea .box .newList {
	border: 3px solid #f29219;
    padding: 10px;
    border-radius: 8px;
    margin-left:0px;
    margin-bottom:0px;
}
.productsArea .box .new {
	color: #f29219;
    font-weight: bold;
    border-bottom: 2px dotted #f29219;
    padding: 0 0 5px;
    margin-left:0px;
    margin-bottom: 10px;
}
.productsArea .box .new002{
	color: #f29219;
	font-weight: bold;
	margin-left:0px;
}

div.logoImg{
    text-align: right;
    margin: 15px 10px 30px 0;
}

p.attention{
    padding: 20px 15px;
    line-height: 1.7em;
    font-size: 14px;
    background-color: #f0f0f0;
    margin-bottom: 30px;
}
.onlyPlus{
    width:100%;
    padding-top:20px;
    margin-top: 30px;
    border-top: #595757 dashed 1px;
}
.onlyPlus dd{
    display:inline-block;
    margin: 0 36px 10px 0;
}
.onlyPlus .new_s{
    border: 3px solid #f29219;
    padding: 10px;
    border-radius: 8px;
    vertical-align: middle;
}
.onlyPlus .new_s .text{
    color: #f29219;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
}


.attentionArea p{
    font-size: 12px;
    line-height: 1.7em;
    margin-top: 10px;
}
.attentionArea h4{
	font-size:16px;
	margin-top:25px;
}

.attentionBtn{
  background-color: #e1eef9;
  width:500px;
  font-size:18px;
  font-weight:bold;
  color: #0b50a2;
  text-align:center;
  display:block;
  text-decoration:none;
  border-radius: 10px;
  padding:17px 0 13px 0;
  margin: 0 auto;
}
.trademarkTxt{
	font-size:16px;
	margin:20px 0 50px;
}
.graphArea {
	margin: 0 auto;
	width: 720px;
}
.graphList .plus:hover , .graphList .light:hover {opacity: 0.7;}
.graphList .plus:before {
	content: "●";
	color: blue;
    margin-right: 5px;
}
.graphList .light:before {
	content: "●";
	color: red;
	margin-right: 5px;
}
.graphList .plus .label,.graphList .light .label {
	display: inline-block;
    font-weight: bold;
}
.graphList .plus a,.graphList .light a {
	font-size: small;
    display: block;
    margin: 5px 0 0 20px;
}


/*----------------table----------------*/

#cost table.attentionTable{
    width: 100%;
    font-size: 12px;
}

#cost table , #cost td, #cost th {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
#cost td, #cost th {
	padding: 20px 10px;
	height: 25px;
}
#cost th {
	background: #f3f3f3;
    width: 200px;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}
.comingsoon{
	font-size: 14px;
	text-align: right;
}

/*----------------innerTable----------------*/

#cost table.innerTable{
    width: 100%;
    font-size: 12px;
    margin: 20px 0 0 0;
}

#cost table.innerTable , #cost table.innerTable td, #cost table.innerTable th {
	border: 1px solid #cccccc;
	border-collapse: collapse;
    text-align: center;
}
#cost table.innerTable td, #cost table.innerTable th {
	padding: 3px;
	width: 30px;
	height: 25px;
}
#cost table.innerTable th.last{
	width:100px;
}
#cost table.innerTable th {
	background: #f0f0f0;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}

.yLink{
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
	line-height:200%;
}

.yLink a:hover{
	opacity:0.7;
}


/* --------------------------------------
デバイス切り替え
-----------------------------------------*/

.changeDevice{margin:10px;font-size:14px;text-align: center;}
.changeDevice dl{display:inline-block;padding:5px 5px 5px 10px;border:1px solid #e7e7e7;background:#f9f9f9;}
.changeDevice dt{display:inline;}
.changeDevice dt:after{content:":";}
.changeDevice dd{display: inline;}
.changeDevice dd:after{content:"|";}
.changeDevice dd:last-child:after{content:"";}
.changeDevice p{font-size:12px;}
.changeDevice a,#contentsInner .changeDevice span{padding:0 5px;}
.changeDevice span{font-weight:bold;}



/* --------------------------------------
エクスパンド
-----------------------------------------*/

.dropdown__term a {
  display: block;
  position: relative;
  margin-right: 10px;
  color: #1c6cc3;
  text-decoration:none;
}
.dropdown__arrow {
  position: absolute;
  top: 5px;
  right: 80px;
  display: block;
  width: 18px;
  height: 18px;
}
.dropdown__arrow--open {
  background: url("../img/close_icon.png") 0 no-repeat;
  background-size: 18px auto;
}
.dropdown__arrow--close {
  background: url("../img/open_icon.png") 0 no-repeat;
  background-size: 18px auto;
}
.open {
  display: block;
}
.close {
  display: none;
}

/* --------------------------------------
相互リンク
-----------------------------------------*/
.mutualLink img:hover{
	opacity:0.7;
}

/* --------------------------------------
SNSボタン
-----------------------------------------*/

.sns li a{
	display:block;
	width:40px;
	height:40px;
	text-indent:-9999px;
}
.sns li a:hover{
	opacity:0.7;
}
.twitter a{
	background:url(../img/sns_t.png) no-repeat;
	position:absolute;
	top:10px;
	right:57px;
}
.facebook a{
	background:url(../img/sns_f.png) no-repeat;
	position:absolute;
	top:10px;
	right:107px;
}


/* --------------------------------------
モジュール
-----------------------------------------*/

.mb50{
	margin-bottom:50px;
}
.mb60{
	margin-bottom:50px;
}
.mb70{
	margin-bottom:70px;
}
.mb85{
	margin-bottom:85px;
}
.mb100{
	margin-bottom:100px;
}
.mb120{
	margin-bottom:120px;
}
.mb150{
	margin-bottom:150px;
}
.mb200{
	margin-bottom:200px;
}

.marT5{margin-top:5px;}
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marT20{margin-top:20px;}
.marT30{margin-top:30px;}
.marT40{margin-top:40px;}
.marT50{margin-top:50px;}
.marT60{margin-top:60px;}
.marT70{margin-top:70px;}
.marB5{margin-bottom:5px;}
.marB20{margin-bottom:20px;}
.marB30{margin-bottom:30px;}
.marB40{margin-bottom:40px;}
.marB50{margin-bottom:50px;}
.marL20{margin-left:20px;}
.marR10{margin-right:10px;}
.marR30{margin-right:30px;}
.marR50{margin-right:50px;}
.marR100{margin-right:100px;}
.padB0 {padding-bottom: 0px;}
.padT4{padding-top:4px;}
.padT50{padding-top:50px;}
.padB4{padding-bottom:4px;}
.padW4{padding-left:4px;padding-right:4px;}
.font11{font-size:11px;}
.font12{font-size:75%;}
.font14{font-size:87.5%;}
.font15{font-size:93.75%;}
.font18{font-size:112.5%;}
.font24{font-size:150%;}
.fontBold{font-weight:bold;}
.txtL{text-align: left;}
.txtR{text-align: right;}
.dspB{display:block;}
.alignAnnotations{
	text-indent:-1em;
	padding-left:1em;
	display:block;
	font-weight:normal;
}


/* ---------- clearfix ---------- */
.cf:after
{
    display: block;
    visibility: hidden;
    clear: both;

    height: 0;

    content: '.';
}
.cf
{
    zoom: 1;
}