/*--------------------------------------------- */
/*
/*  index.scss / 2013.11.19
/*
/*  @outputFile ../htdocs/css/index.css  */
/*--------------------------------------------- */
#keyVisual,
#notice{ position: relative; }
#notice .itemList,
#campaign .itemList,
#seminar .itemList{ overflow: hidden; }
#notice .itemList,
#campaign .itemList,
#seminar .itemList{ margin: 10px 15px 0; }
#notice .itemList li,
#campaign .itemList li,
#seminar .itemList li {
	border-top: 1px dashed #CCC;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-top: -1px;
	padding-left: 8em;
}
#notice .itemList li .item,
#campaign .itemList li .item,
#seminar .itemList li .item {
	width: 7.5em;
	margin-left: -8em;
}
#notice .itemList li .item i,
#campaign .itemList li .item i,
#seminar .itemList li .item i{ display: block; }
#main a,
#main a:link,
#main a:visited{ color: #333; }
/*----------------------------------------------*/
/* sharedKeyVisual
/*----------------------------------------------*/
.sharedKeyVisual {
	position: relative;
	overflow: hidden;
}
.sharedKeyVisual .keyVisualView {
	position: absolute;
	width: 100%;
	height: 100%;
	max-height: 330px;
}
.sharedKeyVisual .keyVisualBg {
	vertical-align: top;
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
}
/*----------------------------------------------*/
/* keyVisual
/*----------------------------------------------*/
#keyVisual .keyVisualInnerB {
	position: relative;
	max-width: 1200px;
	max-height: 300px;
	margin: 0 auto;
	text-align: center;
}
#keyVisual .keyVisualInnerB img {
	/*width: 100%;*/
	/*height: auto;*/
}
#keyVisual a{ display: block; }
#KeyVisualtriautoRenew{ background: url("../information/img/index/bg_keyvisual_info_141205.png") no-repeat top center; }
#KeyVisualtriautofx1{ background: url("../triauto/img/index/bg_keyvisual_triautofx_1_back.png") no-repeat top center; }
#KeyVisualtriautofxranking{ background: url("../triauto/img/index/bg_keyvisual_triautofx_ranking_1_back.png") no-repeat top center; }
#KeyVisualtriautofxsp{ background: url("../triauto/img/index/bg_keyvisual_triautofx_sp_back.png") no-repeat top center; }
#KeyVisualtriautofxsimulator{ background: url("../triauto/img/index/bg_keyvisual_triautofx_simulator_back.png") no-repeat top center; }
#KeyVisualtriautofx3{ background: url("../triauto/img/index/bg_keyvisual_triautofx_3_back.png") no-repeat top center; }
#KeyVisualtriautofx4{ background: url("../triauto/img/index/bg_keyvisual_triautofx_4_back.png") no-repeat top center; }
#KeyVisualtriautofx5{ background: url("../triauto/img/index/bg_keyvisual_triautofx_5_back.png") no-repeat top center; }
#KeyVisualtriauto6{ background: url("../img/index/bnr_keyvisual_st24_account_6_back.png") no-repeat top center; }
#KeyVisualtriauto7{ background: url("../img/index/bg_keyvisual_triautofx_6_back.png") no-repeat top center; }
#KeyVisualtriauto8{ background: url("../img/index/bg_keyvisual_triautofx_7_back.png") no-repeat top center; }

#KeyVisualst24mrfullauto{ background: url("../img/index/bnr_keyvisual_st24_account_7_back.png") no-repeat top center; }


#KeyVisualtriautozai{ background: url("../campaign/detail/triauto/20150622_zai/img/bg_tazai_back.png") no-repeat top center; }
#KeyVisualInfo{ background: url("../information/img/index/bg_keyvisual_info.png") no-repeat top center; }
#KeyVisualSeminar{ background: url("../seminar/img/index/bg_keyvisual_info.png") no-repeat top center; }
#KeyVisualSeminar2{ background: url("../seminar/img/index/bg_keyvisual_info_140522.png") no-repeat top center; }
#KeyVisualSeminar3{ background: url("../seminar/img/index/bg_keyvisual_info_05st24mr.png") no-repeat top center; }
#KeyVisualSeminar4{ background: url("../seminar/img/index/bnr_keyvisual_150929_more_1_back.png") no-repeat top center; }
#KeyVisualSeminar5{ background: url("../seminar/img/index/bnr_keyvisual_hiroseETF_more_1_back.png") no-repeat top center; }
#KeyVisualSeminar6{ background: url("../seminar/img/index/bnr_keyvisual_0829_back.png") no-repeat top center; }

#KeyVisualCampaign2{ background: url("../campaign/detail/st24/20151207_st24awards_2015/img/bg_stratgyawards_back.png") no-repeat top center; }
#KeyVisualCampaign3{ background: url("../campaign/detail/triauto/20150105_cashback_1/img/bg_traiauto_back.png") no-repeat top center; }
#KeyVisualCampaign4{ background: url("../campaign/detail/triauto/20150706_tagp_3/img/bg_tagr_back.png") no-repeat top center; }
#KeyVisualCampaign6{ background: url("../campaign/detail/triauto/20150622_zai/img/bg_tazai_back.png") no-repeat top center; }
#KeyVisualCampaign7{ background: url("../campaign/detail/common/20160101_cashback_1/img/bg_cashback_back.png") no-repeat top center; }
#KeyVisualCampaign8{ background: url("../campaign/detail/triauto/20150907_shikake_wars/img/bg_shikake_wars_back.png") no-repeat top center; }
#KeyVisualCampaign9{ background: url("../campaign/detail/triauto/20151005_tagp_4/img/bg_tagr_back.png") no-repeat top center; }
#KeyVisualCampaign10{ background: url("../campaign/detail/triauto/20160208_tagp_5/img/bg_tagr_back.png") no-repeat top center; }
#KeyVisualCampaign11{ background: url("../campaign/detail/triauto/20160401_cashback_1/img/bg_cashback_back.png") no-repeat top center; }
#KeyVisualCampaign12{ background: url("../campaign/detail/common/missionpj/img/bg_missionpj_back.png") no-repeat top center; }
#KeyVisualCampaign13{ background: url("../campaign/detail/st24/20161219_st24awards_2016/img/TOP_bnr_keyvisual_st24awards_2016_1_back.png") no-repeat top center; }
#KeyVisualCampaign14{ background: url("/etf/img/index/bnr_keyvisual_etf_4_back.jpg") no-repeat top center; }
#KeyVisualCampaign15{ background: url("../img/index/TOP_bnr_keyvisual_1009_back.png") no-repeat top center; }
#KeyVisualCampaign16{ background: url("../img/index/TOP_bnr_keyvisual_1101_back.jpg") no-repeat top center; }
#KeyVisualCampaign18{ background: url("../img/index/TOP_bnr_keyvisual_etffx1807cam_back.jpg") no-repeat top center; }
#KeyVisualCampaign19{ background: url("../img/index/TOP_bnr_keyvisual_etffx1809cam_back.jpg") no-repeat top center; }
#KeyVisualCampaign20{ background: url("../img/index/TOP_bnr_keyvisual_etffx1811cam_back.jpg") no-repeat top center; }
#KeyVisualCampaign21{ background: url("../img/index/TOP_bnr_keyvisual_invastcard_1000_back.png") no-repeat top center; }
#KeyVisualCampaign22{ background: url("/etf/img/index/bnr_keyvisual_autoselect_builder_back.png") no-repeat top center; }

/* #KeyVisualCampaign{ background: url("../img/index/TOP_bnr_keyvisual_campaign_back.png") no-repeat top center; } */
#KeyVisualCampaign{ background: #ff7c00; }

#KeyVisualRequest{ background: url("../request/img/TOP_bnr_keyvisual_request_back.png") no-repeat top center; }

#KeyVisualETF{ background: url("../etf/img/index/TOP_bnr_keyvisual_etf_gosmart_bg.png?6") no-repeat top center; }


#KeyVisualInquiry{ background: url("../inquiry/img/bg_keyvisual_faq.png") no-repeat top center; }
#KeyVisualSeminarbeginner{ background: url("../seminar/img/index/bnr_keyvisual_beginner_back_1.png") no-repeat top center; }
#KeyVisualSeminarchart{ background: url("../seminar/img/index/bnr_keyvisual_chart_back_1.png") no-repeat top center; }
#KeyVisualSeminarst24{ background: url("../seminar/img/index/bnr_keyvisual_1020_1_back.png") no-repeat top center; }
#KeyVisualSeminaretf01{ background: url("../seminar/img/index/bnr_hirose_1811_1_back.jpg") no-repeat top center; }
#KeyVisualSeminarfx{ background: url("../seminar/img/index/bnr_keyvisual_fx_back_1.png") no-repeat top center; }
#KeyVisualSeminarEURUSD{ background: url("/img/index/bnr_keyvisual_EURUSD_back.png") no-repeat top center; }
#KeyVisualSeminartokyo{ background: url("../seminar/img/index/bnr_keyvisual_tokyo_back.png") no-repeat top center; }
#KeyVisualSeminar201501{ background: url("../seminar/img/index/bnr_keyvisual_201501_back.png") no-repeat top center; }
#KeyVisualSeminartriauto{ background: url("../seminar/img/index/bnr_keyvisual_triauto_1_back.png") no-repeat top center; }
#KeyVisualSeminarmizukami{ background: url("../seminar/img/index/bnr_keyvisual_mizukami_1_back.png") no-repeat top center; }
#KeyVisualSeminarkadota{ background: url("../seminar/img/index/bnr_keyvisual_kadota_1_back.png") no-repeat top center; }
#KeyVisualSeminartriauto2{ background: url("../seminar/img/index/bnr_keyvisual_triauto_2_back.png") no-repeat top center; }
/* keyVisual1
---------------------------------*/
#keyVisual1{ background: #592589 url("../img/index/bg_keyvisual_triauto_2.png") no-repeat top center; }
/* keyVisual2
---------------------------------*/
#keyVisual2{ background: #1d2440 url("../st24mr/img/index/bg_keyvisual_st24_1.jpg") no-repeat top center; }
/*----------------------------------------------*/
/* keyVisual3
---------------------------------*/
#keyVisual3{ background: #2d4198 url("../fx24//img/index/bg_keyvisual_fx24_1.jpg") no-repeat top center; }
/* keyVisual4
---------------------------------*/
#keyVisual4{ background: #1d2440 url("../st24mr/img/index/bnr_keyvisual_st24_account_6_back.png") no-repeat top center; }
/* keyVisual5
---------------------------------*/
#keyVisual5{ background: #1d2440 url("../etf/img/index/bnr_keyvisual_etf_3_back.png") no-repeat top center; }
/* keyVisual6
---------------------------------*/
#keyVisual6{ background: #1d2440 url("/etf/img/index/bnr_keyvisual_etf_1807_back.jpg") no-repeat top center; }
/* keyVisual8
---------------------------------*/
#keyVisual8{ background: #1d2440 url("/etf/img/index/bnr_keyvisual_etf_1804_back.png") no-repeat top center; }
/* keyVisual9
---------------------------------*/
#keyVisual9{ background: #1d2440 url("/etf/img/index/bnr_keyvisual_etf_1806_back.jpg") no-repeat top center; }
/* keyVisual10
---------------------------------*/
#keyVisual10{ background: #1d2440 url("/etf/img/index/bnr_keyvisual_etf_1809_back.jpg") no-repeat top center; }
/* keyVisual11
---------------------------------*/
#keyVisual11{ background: #1d2440 url("/etf/img/index/bnr_keyvisual_etf_select_back.png") no-repeat top center; }
/* keyVisual12
---------------------------------*/
#keyVisual12{ background: #1d2440 url("/etf/img/index/bnr_keyvisual_autoselect_builder_back.png") no-repeat top center; }


@media screen and (max-width: 640px) {
	#keyVisualSt24Cm a.zoom,
	#keyVisualTriAuto1 a.zoom{ display: none; }
}
/*----------------------------------------------*/
/* keyVisualTriSt241
/*----------------------------------------------*/
#keyVisualTriSt241{ background: url("../st24mr/img/index/bg_keyvisual_st24_1.jpg") no-repeat top center; }
/*----------------------------------------------*/
/* #keyVisualSt24Cm
/*----------------------------------------------*/
#keyVisualSt24Cm{ background: #000C3D url("../st24mr/img/index/bg_st24_cm.png") repeat-x 0 0; }
#keyVisualSt24Cm .keyVisualInnerB .bgLight{ position: absolute; }
#keyVisualSt24Cm .keyVisualInnerB .bgLight img{ width: 100%; }
#keyVisualSt24Cm .videoRead {
	position: relative;
	padding-top: 25%;
	width: 40%;
	display: inline-block;
	margin: 1px auto;
	left: 9.5%;
	vertical-align: top;
}
#keyVisualSt24Cm .videoRead .videoFrame {
	overflow: hidden;
	width: 100%;
	height: 90%;
	/*margin-top: -28.5%;*/
	border: 1px solid #FFF;
	box-shadow: 0 0 8px #FFF;
	position: absolute;
	top: 4%;
	left: 0;
}
#keyVisualSt24Cm .videoRead .videoFrame img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#keyVisualSt24Cm .videoRead #player {
	cursor: pointer;
	background-color: #000;
	vertical-align: top;
}
#keyVisualSt24Cm a.zoom {
	position: absolute;
	left: 80.5%;
	bottom: 10px;
}
#keyVisualSt24Cm a,
#keyVisualSt24Cm a:link,
#keyVisualSt24Cm a:visited{ color: #FFF; }
#keyVisualSt24Cm a.btnMore {
	background: url("../img/index/btn_more.png") no-repeat 0 0;
	width: 150px;
	height: 34px;
	display: inline-block;
	overflow: hidden;
	position: absolute;
	left: 1em;
	bottom: 10%;
	text-indent: -777px;
}
#keyVisualSt24Cm a.btnMore:hover{ background-position: 0 -34px; }
@media screen and (max-width: 640px) {
	#keyVisualSt24Cm a.btnMore {
		width: 75px;
		height: 17px;
		background-size: 100% auto;
	}
	#keyVisualSt24Cm a.btnMore:hover{ background-position: 0 -17px; }
}
/*----------------------------------------------*/
/* #keyVisualTriAuto1
/*----------------------------------------------*/
#keyVisualTriAuto1{ background: #24013b url("../triauto/img/index/bg_traiauto_preview.png") repeat-x 0 0; }
#keyVisualTriAuto1 .title {
	position: absolute;
	left: 10px;
	top: 10%;
	/*margin-top: -10%;*/
	margin: 0;
	width: 28.16%;
	height: auto;
}
#keyVisualTriAuto1 .keyVisualInnerB .bgLight{ position: absolute; }
#keyVisualTriAuto1 .keyVisualInnerB .bgLight img{ width: 100%; }
#keyVisualTriAuto1 .videoRead {
	position: relative;
	padding-top: 25%;
	width: 40%;
	display: inline-block;
	margin: 1px auto;
	left: 2%;
	vertical-align: top;
}
#keyVisualTriAuto1 .videoRead .videoFrame {
	overflow: hidden;
	width: 100%;
	height: 90%;
	/*margin-top: -28.5%;*/
	border: 1px solid #FFF;
	box-shadow: 0 0 8px #FFF;
	position: absolute;
	top: 4%;
	left: 0;
}
#keyVisualTriAuto1 .videoRead .videoFrame img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
#keyVisualTriAuto1 .videoRead #player {
	cursor: pointer;
	background-color: #000;
	vertical-align: top;
	display: inline-block;
}
#keyVisualTriAuto1 a.zoom {
	position: absolute;
	left: 73.5%;
	bottom: 10px;
}
#keyVisualTriAuto1 a,
#keyVisualTriAuto1 a:link,
#keyVisualTriAuto1 a:visited{ color: #FFF; }
#keyVisualTriAuto1 a.btnMore {
	background: url("../img/index/btn_more.png") no-repeat 0 0;
	width: 150px;
	height: 34px;
	display: inline-block;
	overflow: hidden;
	position: absolute;
	left: 1em;
	bottom: 10%;
	text-indent: -777px;
}
#keyVisualTriAuto1 a.btnMore:hover{ background-position: 0 -34px; }
#keyVisualTriAuto1 a.btnAccount {
	background: url("../img/index/btn_account.png") no-repeat 0 0;
	width: 150px;
	height: 34px;
	display: inline-block;
	overflow: hidden;
	position: absolute;
	left: 1em;
	bottom: 10%;
	text-indent: -777px;
}
#keyVisualTriAuto1 a.btnAccount:hover{ background-position: 0 -34px; }
@media screen and (max-width: 640px) {
	#keyVisualTriAuto1 a.btnMore {
		width: 75px;
		height: 17px;
		background-size: 100% auto;
	}
	#keyVisualTriAuto1 a.btnMore:hover{ background-position: 0 -17px; }
	#keyVisualTriAuto1 a.btnAccount {
		width: 75px;
		height: 17px;
		background-size: 100% auto;
	}
	#keyVisualTriAuto1 a.btnAccount:hover{ background-position: 0 -17px; }
}
/*----------------------------------------------*/
/* keyVisualTriAuto2
/*----------------------------------------------*/
#keyVisualTriAuto2 {
	background: url("../triauto/img/index/bg_keyvisual_triauto_1.jpg") no-repeat top center;
	overflow: hidden;
}
/*----------------------------------------------*/
/* keyVisualTriAutodemogame
/*----------------------------------------------*/
#keyVisualTriAutodemogame {
	background: url("../triauto/img/index/bg_keyvisual_triautodemogame_1.png") no-repeat top center;
	overflow: hidden;
}
/*----------------------------------------------*/
/* newsList
/*----------------------------------------------*/
.newsList .columnBox3 li .colInner {
	background-color: #fff;
	padding: 10px;
	min-height: 20em;
}
.newsList .columnBox3 li .colInner p{ font-size: 12px; }
.newsList .columnBox3 li .colInner p a{ display: inline-block; }
.newsList .authorBox {
	overflow: hidden;
	font-size: 11px;
}
.newsList .authorBox .authorThumb {
	float: left;
	margin-right: 5px;
}
.newsList .authorBox .authorProfile{ overflow: hidden; }
/*----------------------------------------------*/
/* notice
/*----------------------------------------------*/
#notice .newsList .date .noWrap{ display: block; }
@media screen and (max-width: 640px) {
	#notice .newsList a,
	#notice .newsList .item{ display: block; }
	#notice .newsList a{ padding-left: 0.5em; }
	#notice .newsList .item {
		width: auto;
		float: none;
		margin-left: 0;
	}
	#notice .newsList .date .noWrap {
		display: inline-block;
		padding: 0 0.5em;
	}
}
/*----------------------------------------------*/
/* campaign
/*----------------------------------------------*/
#campaign .date {
	/*width: 7.5em;*/
	display: inline-block;
}
#campaign .icoCampaign{ display: none; }
@media screen and (max-width: 640px) {
	#campaign .contents{ display: none; }
	#campaign br{ display: none; }
	#campaign .blockLinkList a{ padding-left: 5.5em; }
	#campaign .blockLinkList a .item {
		width: 5em;
		margin-left: -5.5em;
	}
}

/*----------------------------------------------*/
/* seminar
/*----------------------------------------------*/
#seminar .date {
	width: 7.5em;
	display: inline-block;
	margin-right: 5px;
}
#seminar .icoSeminar{ display: none; }
@media screen and (max-width: 768px) {
	#seminar .categoryIcons,
	#campaign .categoryIcons{ display: block; }
}
/* End @media  */
/*----------------------------------------------*/
/* st24Advantage
/*----------------------------------------------*/
/*----------------------------------------------*/
/* triAutoAdvantage
/*----------------------------------------------*/
/*----------------------------------------------*/
/* second
/*----------------------------------------------*/

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