@charset "utf-8";
/* グローバルナビ */

html{
	height: 100%;
    margin: 0!important;
    padding: 0!important;
	min-width:960px!important;
	background:#FFF;
}

/*
span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, input, .speakAnchor, #navSpeak, #header, #navExtra, .nav, .search, #textresizerEmbed, #textresizeBtn, .text, .textresizer, .help, #navMain, #navSub, .wrapper, #mainCol, #breadcrumbTop, #contents, .section, .pageprint, .inner, .pageTop, #subCol, .speakAnchor, #bankCode, .border, #lNav, .aside, .column, .legal, #groupCorp, #plugin, .flash, .pdf, #subTop{
    overflow: hidden;
}	

*/
body{
    font-family: "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, Verdana, sans-serif;
	color:#333;
}

/*Font Icon Settings
============================================*/
@font-face {
	font-family: 'icomoon';
	src:url('/common2/pc/font/icomoon.eot?vu3106');
	src:url('/common2/pc/font/icomoon.eot?vu3106#iefix') format('embedded-opentype'),
		url('/common2/pc/font/icomoon.ttf?vu3106') format('truetype'),
		url('/common2/pc/font/icomoon.woff?vu3106') format('woff'),
		url('/common2/pc/font/icomoon.svg?vu3106#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

div.wrapper.wide div#mainCol div#contents div.column2, div.wrapper.wide div#mainCol div#contents div.column3, div.wrapper.wide div#mainCol div#contents div.column4{
	width: 100%;
	padding:0% 3%;
	margin-right:0px!important;
	box-sizing:border-box;
}

div.wrapper.wide{
	width:100%;
}

div.wrapper.wide div#mainCol div#contents div.column3{
	padding:0% 2%;
}
div.wrapper.wide div#mainCol div#contents div.column3 div.col{
    width: 31%;
    float: left;
    margin-right: 14px;
}
div.wrapper.wide div#mainCol div#contents div.column2{
	padding:0% 3%;
}
div.wrapper.wide div#mainCol div#contents div.column2 div.col{
    width: 47%;
    float: left;
    margin-right: 3%;	
}

div#header{
	padding-top:0;
	border:none;
}
div#header #navMain.nonSub{
	background:none;
    height: 33px;
	display: inline-block;
	background-image: url(/fintech/images/gnav_bar.gif);
    background-repeat: no-repeat;
	background-position: bottom;
}
ul.sp_nav {
	display: none;
}
.global_menu_mn ul,
.global_menu_mn a {
	display: none;
}

.open_searchBtn {
	display: none;
}


/* サブナビ　文字サイズ */
div#header div#navExtra div#textresizerEmbed{
	float: right;
}

div#header div#navExtra div.sub_nav{
	display: inline-block;
	float:right;
	padding-top: 2px;
}

/* mainPanelImg */

div.wrapper div#mainCol div#contents .section{
	margin-top:0.85em;
}
div.wrapper div#mainCol div#contents ul{
	margin:0!important;	
}
p.PanelImgL{
	width:100%;
	margin:0!important;	
	position:relative;
	z-index:1;	
}
ul.PanelImgS{
	width:960px;
	display:table-row;
}
ul.PanelImgS li{
	width:50%;
	margin:0!important;
	display:inline;
	float:left;
	position:relative;
	z-index:1;
}
p.PanelImgL img.interview,
ul.PanelImgS li img.news,
ul.PanelImgS li img.casestudy,
ul.PanelImgS li img.award{
	max-width:90px;
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
}

div.sectionTopics{
	width:100%;
	margin:0!important;	
	position:relative;
	z-index:1;		
}
div.sectionTopics img.topics{
	max-width:90px;
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
}

div.wrapper.wide div#mainCol div#contents div.column2 div.col ul.normal{
	padding: 30px 0px 0px 30px!important;	
}

div.wrapper div#mainCol div#contents .section{
	margin-top:0.85em;
}


/* アンカーズレ */
div#about, div#gaiyou, div#shinsa, div#api{
    margin-top: -60px;
    padding-top: 60px;
}


/* 2カラム画像 */
p.sp_center{
	text-align:center;
}

/* Footer Setting
============================================*/
#footer {
	margin-top: 20px;
	border-top: 3px solid #010065;
	background: #F0EFEB;
	padding-top: 30px;
	position: relative;
	min-width: 960px;
}
body.mini #footer {
	min-width: 750px;
}
#footer .inner {
	width: 960px;
	margin: 0 auto;
	line-height: 1.4;
}
body.mini #footer .inner {
	width: 750px;
}

#footer #legal {
	font-size: 1.4em;
	width: 380px;
	float: left;
}
#footer #legal.wide {
	width: 100%;
	float: none;
}
#footer ul {
	margin-top: 10px;
}
#footer ul li {
	margin-top: 10px;
}
#footer #legal.wide ul li {
	display: inline-block;
	margin-right: 20px;
}
#footer .signature {
	margin-top: 10px;
}
#footer .signature + ul {
	margin-top: 30px;
}
#footer #groupCorp {
	font-size: 1.4em;
	width: 250px;
	float: left;
	margin-left: 40px;
}
#footer #social {
	font-size: 1.4em;
	width: 250px;
	float: left;
	margin-left: 40px;
}
#footer #social li {
	display: inline-block;
	margin-left: 14px;
}
#footer #social li:first-child {
	margin-left: 0;
}
#footer #plugin {
	font-size: 1.4em;
	clear: both;
	padding-top: 40px;
}
#footer #plugin .flash {
	width: 460px;
	float: left;
}
#footer #plugin .pdf {
	width: 460px;
	margin-left: 40px;
	float: left;
}
#footer #plugin .flash span,
#footer #plugin .pdf span {
	margin-top: 12px;
	display: block;
}
#footer h2 {
	font-weight: bold;
	border-bottom: 1px solid #b9b8b5;
	line-height: 1.4;
	padding-bottom: 8px;
	margin-top: 30px;
}
#footer h2:first-child {
	margin-top: 0;
}

#footer h2 a {
	text-decoration: none;
	padding-left: 0.7em;
}
#footer h2 a:hover {
	text-decoration: underline;
}
#footer .pgtp {
	position: absolute;
	bottom: 626px;
	right: 20px;
	left: 50%;
	margin-left: 434px;
	width: 46px;
	height: 46px;
}
body.mini #footer .pgtp {
	margin-left: 300px;
}
#footer .pgtp.fixed {
	position: fixed;
	opacity: 0.7;
}
#footer #copyright {
	margin-top: 30px;
	background: #deddda;
	font-size: 1.2em;
	line-height: 1;
	padding: 10px 0;
}
#footer a{
	text-decoration: underline;
    color: #333;
}
@media screen and (max-width:767px){
p.sp_center img{
	width: initial;
    margin: 0 auto!important;	
}

div.wrapper.wide div#mainCol div#contents div.column2 div.col{
    margin-top: 3%;
}
html{
	min-width:inherit!important;
}

}




div#contents{
	z-index:1!important;	
}


p.keySP, p.linkSP{
	display:none;	
}
p.keyPC, p.linkPC{
	display:block;	
}


.txtCenter{
	text-align:center;
}

div.wrapper div#mainCol div#contents div.section div.section{
	margin-top:0;	
}
div.wrapper div#mainCol div#contents .section{
	margin-top:0px;	
}




div.wrapper, div.wrapper.wide div#mainCol{
	display:inherit!important;
	width:100%;
}
div.setWidth, div.secBOX, div.setWidthP{
	width:960px;
	margin:0 auto;	
}
div#breadcrumbBtm{
	width:960px;
	margin:0 auto;	
}

.sec_key{ text-align: center;	}

div.nav_anchor{
    background-color: #3a3f4f;
    display: block;
    height: 50px;
    color: white;
	position:relative;	
}

div.nav_anchor div.secBOX{
    text-align: center!important;	
}


div.nav_anchor ul{
    height: 50px;
    display: inline-block;
}
div.nav_anchor ul li{
    line-height: 1.5;
    margin: 7px 0px;
    float: left;
    border-left: 1px solid #47edeb;
    padding: 7px 30px;
}
div.nav_anchor ul li.lastChild{ border-right: 1px solid #47edeb;	}

div.nav_anchor ul li a:link,.nav_anchor ul li a:hover{
	color:#FFFFFF;
}
div.nav_anchor .nav_left{
	background-image:url(/mizuho_hack/images/nav_left.jpg);
	background-repeat:no-repeat;
	position: absolute;
    height: 50px;
    width: 50px;
    left: 0;
}
div.nav_anchor .nav_right{
	background-image:url(/mizuho_hack/images/nav_right.jpg);
	background-repeat:no-repeat;
	position: absolute;
    height: 50px;
    width: 50px;
    right: 0;
}

div.fixed{
	position:fixed;
	z-index:1000;
	top:0;
	width:100%;
}	
div#fixedBox{
	width:100%;
}	



div.backColorB{	background-color:#f2f2f4;	}
div.backColorW{	background-color:#ffffff;	}
div.backColorB, div.backColorW{
	padding-bottom:30px;
}

div.secTitle{
    text-align: center;
    padding: 30px 0px;
}
div.secTitle p{
	margin-top:0.5em!important;
}
p.TitIcon{	margin-top:0px!important; }
p.TitTxt{
	margin: 0.25em 0em;
    font-size: 1.8em;
	font-weight:bold;
}
div.aboutTxt{
	font-size:1.3em;	
}

h2.h2Article, span.strong{
	font-size: 1.25em;
    font-weight: bold;	
}
h2.h2Article{
	text-align:center;
    margin: 35px 0px 20px 0px;
}

p.nameTit{
	text-align: center;
    font-size: 1.15em;
    font-weight: bold;
}

p.BtnSP{
	display:none;	
}
p.BtnPC{
	display:block;	
}

div.wrapper.wide div#mainCol div#contents div.column4 div.col{
	margin-right:10px!important;
}


/*-----会場アクセス-----*/

div.wrapper.wide div#mainCol div#contents div.access{
	width: 100%;	
}

div.wrapper.wide div#mainCol div#contents div.access div.col{
    width: 46%;
    float: left;
    margin-right: 2%;	
}


/*タイムスケジュール*/
div.wrapper.wide div#mainCol div#contents div.schedule{
	padding:0%!important;
}

/*--------------------------------
		開催協力企業
----------------------------------*/
ul.hold{
	text-align:center;
}

ul.hold li{
	line-height: 1.5;
    margin: 0px 0px 15px 10px!important;
    display: inline-block!important;
    width: 220px!important;
	vertical-align:top;
}

ul.hold li p{
	padding:0px 10px;
	word-break: break-all;
}

ul.hold li p.apiLogo{
	text-align:center;
}


/*--------------------------------
		提供API
----------------------------------*/
ul.api li{
	line-height: 1.5;
    margin: 0px 0px 30px 10px!important;
    display: inline-block!important;
    width: 300px!important;
    vertical-align:top;
}

ul.api li p{
	padding:0px 10px;
	word-break: break-all;
}

ul.api li p.apiLogo{
	text-align:center;
}

/*--------------------------------
		IE対応
----------------------------------*/
* html*div.wrapper{
    width:960px;
}

/*  ナビ部分 */
div.nav_anchor ul li{
	_padding: 7px 15px;
}

div.wrapper div#mainCol div#contents div.nav_anchor ul{
	*margin-left: 15%!important;
	*margin-right: 15%!important;
	_margin-right:15%!important;
	_margin-left:25%!important;
}
_div.nav_anchor div#fixedBox{
	position:relative!important;
	top:0px;
	width:100%;
}
*div.nav_anchor div#fixedBox{
	position:relative!important;
	top:0px;
	width:100%;
}


div#fixedBox\9{
	position:relative!important;
	top:0px;
	width:100%;
}

*ul.api li{
	float: left;
}
/* アンカーズレ */
div#about, div#gaiyou, div#shinsa, div#api{
    *margin-top: 0px!important;
    *padding-top:0px!important;
	_margin-top: 0px!important;
    _padding-top:0px!important;
}

/*  開催企業 */
*ul.hold{
	padding:0% 13%!important;
}

*ul.hold li{
	display:inherit;
	float:left;
}

/*タイムスケジュール*/
div.wrapper.wide div#mainCol div#contents div.schedule{
	_padding:0%!important;
}
div.wrapper.wide div#mainCol div#contents div.schedule div.col{
    _margin-right: 0%!important;	
}

@media screen and (max-width:767px){

span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, input, .speakAnchor, #navSpeak, #header, #navExtra, .nav, .search, #textresizerEmbed, #textresizeBtn, .text, .textresizer, .help, #navMain, #navSub, .wrapper, #mainCol, #breadcrumbTop, #contents, .section, .pageprint, .inner, .pageTop, #subCol, .speakAnchor, #bankCode, .border, #lNav, .aside, #breadcrumbBtm, #footer, .column, .legal, #groupCorp, #plugin, .flash, .pdf, .copyright, #subTop{
    overflow: hidden;
}
	
div.nav_anchor{
	*padding: 0% 0%;
}
html {
	min-width: initial;
}
ul.api li{
	line-height: 1.5;
    margin: 0px 0px 30px 0px!important;
    display: inline-block!important;
    width: 100%!important;
    vertical-align:top;
}
div.aboutTxt{
	font-size:inherit;
}
div.wrapper div#mainCol div#contents div.column2, div.wrapper div#mainCol div#contents div.column3, div.wrapper div#mainCol div#contents div.column4, div.wrapper div#mainCol div#contents div.column2 div.col, div.wrapper div#mainCol div#contents div.column3 div.col{
	margin-bottom:7%;
}
.marginTBN{
	margin-top:0!important;
	margin-bottom:0!important;
}

div.setWidth, div.secBOX{
	width:100%;
	padding: 0px 20px;
}
div.setWidthP{
	width:100%;
	padding:0px;
}
div.nav_anchor{
	display:none;	
}
h2.h2Article, span.strong{
	font-size: 1.25em;
    font-weight: bold;
    padding: 10px 0px;
}

ul.api li{
	text-align:center;
}	

div.secBOX div.column4 div.col{
	margin-bottom:15px;	
}
p.BtnSP{
	display:block;	
}
p.BtnPC{
	display:none;	
}

p.keySP, p.linkSP{
	display:block;	
}
p.keyPC, p.linkPC{
	display:none;	
}

div#about, div#gaiyou, div#shinsa, div#api{
    margin-top: 0px;
    padding-top: 0px;
}
div.column2 div.marginTBN p{
	margin-bottom: 10px!important;
}

}

@media screen and (max-width:960px){
div.sec_key p.keyPC img{
  width:100%;
}
	
}