/* Common CSS */
htm, body {
	background:#ffffff;
}

/* _______________________bug fix for Android Browser */
p, dd, h3 {
	background-color:rgba(255,255,255,.01);
}

/* ___________________Font */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    color: #555555;
    font-size: 15px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,Helvetica,Arial,Verdana;
}
/* ___________________Link */
a {
	color: #555555;
	text-decoration: none;
}
a:hover {
	color:#5b82d1;
}
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
/*==========================================================================
　header
==========================================================================*/

/* ___________________________________________event_header */

#header {
   	width: 100%;
	margin:0 auto;
}
.event_logo {
	width:1080px;
	height:60px;
	margin:0 auto;
}
.logo a{
	width:320px;
	height:60px;
	background:url(../images/event_common/logo_event.jpg) left center no-repeat;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.logo a:hover{opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#sq_visual {
	width:100%;
	min-width:1080px;
	padding:0 0;
	height:468px;
	margin:0 auto;
	background:url(../images/square/square_2014.jpg) center center no-repeat #81e6fc;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-top:1px solid #d1d2d4;
}
#sq_visual.sq2015 {
    background:url(../images/square/sq_2015.jpg) center center no-repeat #cdcdcd;
}
#sq_visual.sq2016 {
    background:url(../images/square/sq_2016.jpg) center center no-repeat #87d0f3;
}
#sq_visual.sq2017 {
    background:url(../images/square/sq_2017_finish.jpg) center center no-repeat #019bd9;
}
#sq_visual.sq2018 {
    background:url(../images/square/sq_2018_finish.jpg) center center no-repeat #fff;
}
#sq_visual.sq2019 {
    background:url(../images/square/sq_2019_finish.jpg) center center no-repeat #fff;
}
.visual_inner {
	width:1080px;
	margin:0 auto;
	position:relative;
}
/*.sq_visual1 {
	width:287px;
	height:43px;
	background:url(../images/square/sq_logo_2014.png) 0 0 no-repeat;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:relative;
	top:100px;
	left:10px;
}
.sq_visual2 {
	width:800px;
	font-size:35px;
	font-style:italic;
	font-weight:bold;
	color:#275171;
	text-shadow: 1px 0 10px #FFFFF6;
	position:relative;
	left:10px;
	top:120px;
}
.sq_visual3 {
	width:800px;
	font-size:35px;
	font-style:italic;
	color:#275171;
	text-shadow: 1px 0 10px #FFFFF6;
	position:relative;
	left:10px;
	top:235px;
}
.sq_visual4 {
	width:800px;
	font-size:20px;
	font-style:italic;
	color:#275171;
	text-shadow: 1px 0 10px #FFFFF6;
	position:relative;
	left:10px;
	top:255px;
}*/
#sq_visual_sb {
	width:100%;
	min-width:1080px;
	padding:0 0;
	height:308px;
	margin:0 auto;
	background:url(../images/square/square_2014_sb.jpg) center center no-repeat #81e6fc;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-top:1px solid #d1d2d4;
}
#sq_visual_sb.sq2015 {
    background:url(../images/square/sq_2015_sb.jpg) center center no-repeat #cdcdcd;
}
#sq_visual_sb.sq2016 {
    background:url(../images/square/sq_2016_sb.jpg) center center no-repeat #a4e0fd;
}
#sq_visual_sb.sq2017 {
    background:url(../images/square/sq_2017_sb_finish.jpg) center center no-repeat #019bd9;
}
#sq_visual_sb.sq2018 {
    background:url(../images/square/sq_2018_sb_finish.jpg) center center no-repeat #fff;
}
#sq_visual_sb.sq2019 {
    background:url(../images/square/sq_2019_sb_finish.jpg) center center no-repeat #fff;
}
#sq_visual.fa_visual_2015 {
    background-image: url(../images/future-aspect/fa_2015.jpg);
    background-color: #e8f7ff;
}
#sq_visual_sb.fa_visual_2015 {
    background-image: url(../images/future-aspect/fa_2015_sb.jpg);
    background-color: #e8f7ff;
}
#sq_visual.fa_visual_2016 {
    background-image: url(../images/future-aspect/fa_2016.jpg);
    background-color: #fff;
}
#sq_visual_sb.fa_visual_2016 {
    background-image: url(../images/future-aspect/fa_2016_sb.jpg);
    background-color: #fff;
}
#sq_visual.fa_visual_2016autumn {
    background-image: url(../images/future-aspect/fa_2016autumn.jpg);
    background-color: #6fba2c;
}
#sq_visual_sb.fa_visual_2016autumn {
    background-image: url(../images/future-aspect/fa_2016autumn_sb.jpg);
    background-color: #6fba2c;
}
/*#sq_visual_sb .sbv1 {
	top:50px;
}
#sq_visual_sb .sbv2 {
	top:60px;
}
#sq_visual_sb .sbv3 {
	top:120px;
}
#sq_visual_sb .sbv4 {
	top:130px;
}*/
/*==========================================================================
　global navigation
==========================================================================*/
/* ________________________________________event_global navigation */
.gnav_wrapper {
	min-width:1080px;
	width:100%;
	border-bottom:1px solid #d1d2d4;
	border-top:1px solid #d1d2d4;
}
#gnav {
	width: 1080px;
	height: 74px;
	margin: 0 auto 0 auto;
	padding:0 0 0;
}
#gnav li {
	height: 74px;
	width:153px;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	float: left;
	/*background: url(../images/common/gnav_line.jpg) left center no-repeat;*/
}
#gnav li a {
	height: 74px;
	width:153px;
	line-height:74px;
	font-style:italic;
	text-align:center;
	display: block;
	padding: 0;
}
.gnav_wrapper #gnav li a:hover,
.on {
	color:#3fc19e;
	background:url(../images/square/gnav_icon.png) center bottom no-repeat;
}
#gnav li.gnav7 a{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(../images/square/sq_login_btn.png) 0 0 no-repeat;
}
#gnav li.gnav7 a:hover{
	border:none;
	background:url(../images/square/sq_login_btn.png) 0 -74px no-repeat;
}

/* gnav 8 lists */
#gnav.num8 li,
#gnav.num8 li a {
	width:132px;
}
#gnav.num8 li.gnav7,
#gnav.num8 li.gnav7 a{
    width: 153px;
}


/*==========================================================================
　pan
==========================================================================*/
.pan_wrapper {
	width:100%;
	min-width:1080px;
	height:20px;
	padding:5px 0 0;
	background: url(../images/common/bg_blue_st.jpg) 0 0 repeat;
	border-bottom:1px solid #d1d2d4;
}
/*
#pankuzu {
	width:1040px;
	margin: 0 auto;
	padding:0 20px 0 20px;
	bottom:5px;
}
#pankuzu li {
	display:block;
	float:left;
	font-size:12px;
	padding:1px 0 0 0;
}
#pankuzu li a {
	padding: 0 20px 0 0;
	margin:0 13px 0 0;
	display:block;
	background: url(../images/common/pan.png) right 2px no-repeat;
	color:#777777;
	font-size:12px;
}
*/
#pankuzu {
	width:1040px;
	margin: 0 auto;
	padding:0 20px 0 20px;
	bottom:5px;
	display: flex;
}
#pankuzu li {
	max-width: 855px;
	font-size:12px;
	padding:1px 0 0 0;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#pankuzu li a {
	padding: 0 20px 0 0;
	margin:0 13px 0 0;
	display:block;
	background: url(../images/common/pan.png) right 2px no-repeat;
	color:#777777;
	font-size:12px;
}


/*==========================================================================
　layout
==========================================================================*/
/* _________________________________________________top_layout */
#top_contents {
	width:1060px;
	margin:0 auto 0 auto;
	padding:0 10px 150px;
}
#top_main_contents {
	width:764px;
	float:left;
	padding:30px 4px 0;
}
/* _________________________________________________evevt_layout */
.contents_wrapper {
	width:100%;
	min-width:1080px;
	height:100%;
	padding:0 0 100px;
	background:#f6f6f6;
}
#contents {
	width:1060px;
	margin:0 auto 0 auto;
	padding:0 10px;
}
#main_contents {
	background:url(../images/event_common/bg_contens.png) 0 0 repeat-y;
	width:764px;
	float:left;
	padding:30px 4px 0;
	border-bottom:1px solid #e0e2e4;
}
#main_contents2 {
	background:url(../images/event_common/bg_contens2.png) center center repeat-y ;
	width:1050px;
	padding:30px 3px 0;
	margin:0 auto 0 auto;
	border-bottom:1px solid #e0e2e4;
}
#sb_contents {
	padding:30px 0 0 0;
	width:252px;
	float:right;
}
/*==========================================================================
　UI
==========================================================================*/
.stitle {
	margin:0 0 20px;
	padding:0 0 5px;
	background:url(../images/common/line_ten.png) center bottom repeat-x;
}
.sq_stitle {
	height:25px;
	padding:10px 0 0 30px;
	margin:0 0 10px;
	font-size:20px;
	font-weight:bold;
	display:block;
	background:url(../images/square/sq_stitle_icon.png) 10px center no-repeat;
}
.stitle_pad {
	margin:0 20px 20px 20px;
}
.mtitle {
	height: 62px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-bottom:1px solid #d1d2d4;
	margin: 0 0 20px;
	padding:0 0 20px 0;
	background-position: 20px 0;
	background-repeat:no-repeat;
}
.about_mtitle {
	background-image: url(../images/event_common/mtitle_about.png);
}
.speaker_mtitle {
	background-image: url(../images/event_common/mtitle_speaker.png);
}
.sponsor_mtitle {
	background-image: url(../images/event_common/mtitle_sponsor.png);
}
.access_mtitle {
	background-image: url(../images/event_common/mtitle_access.png);
}
.fee_mtitle {
	background-image: url(../images/event_common/mtitle_fee.png);
}
.about_mtitle {
	background-image: url(../images/event_common/mtitle_about.png);
}
.news_mtitle {
	background-image: url(../images/top/mtitle_news.png);
}
.privacy_mtitle {
	background-image: url(../images/privacy/mtitle_privacy_2017.png);
	border-bottom:1px solid #e0e2e4;
}
.info_mtitle {
	background-image: url(../images/info/mtitle_info.png);
	border-bottom:1px solid #e0e2e4;
}
.archive_mtitle {
	background-image: url(../images/archive/mtitle_archive.png);
	border-bottom:1px solid #e0e2e4;
}
.top_btn {
	-webkit-box-shadow: 0 2px 2px 0 #D7D7D9;
	box-shadow: 0 2px 2px 0 #D7D7D9;
}
.top_btn a{
	background: url(../images/top/top_btn1.png) right center no-repeat #fff;
	border:2px solid #558fd7;
	padding:15px 20px;
	display:block;
	text-align:center;
	color:#416cc4;
	transition: all 0.3s ease-in-out 0s;
}
.top_btn a:hover{
	background: url(../images/top/top_btn1.png) right center no-repeat #5b82d1;
	text-align:center;
	color:#fff;
}

/* ___________________Square */
.sq_btn {
	-webkit-box-shadow: 0 2px 2px 0 #D7D7D9;
	box-shadow: 0 2px 2px 0 #D7D7D9;
}
.sq_btn a{
	background: url(../images/square/sq_btn_icon.png) right center no-repeat #fff;
	border:2px solid #47c9a6;
	padding:15px 20px;
	display:block;
	text-align:center;
	color:#47c9a6;
	transition: all 0.3s ease-in-out 0s;
}
.sq_btn a:hover{
	background: url(../images/square/sq_btn_icon.png) right center no-repeat #47c9a6;
	text-align:center;
	color:#fff;
}
/* ___________________sb_content */
.touroku_btn {
	margin:0 0 20px;
	-webkit-box-shadow: 0 2px 2px 0 #D7D7D9;
	box-shadow: 0 2px 2px 0 #D7D7D9;
}
.touroku_btn a{
	height:42px;
	background:url(../images/event_common/btn_touroku.png) 0 0 no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	display:block;
	text-align:center;
	padding:90px 0 0;
}
.touroku_btn a:hover{
	background:url(../images/event_common/btn_touroku.png) 0 -132px no-repeat;
}
.touroku_btn_caps {
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 1.4;
}
.boshu_btn {
	margin:0 0 20px;
	-webkit-box-shadow: 0 2px 2px 0 #D7D7D9;
	box-shadow: 0 2px 2px 0 #D7D7D9;
}
.boshu_btn a{
	height:46px;
	background:url(../images/event_common/btn_boshu.png) 0 0 no-repeat;
	font-size:18px;
    line-height:46px;
	font-weight:bold;
	color:#fff;
	display:block;
	text-align:center;
	padding:0;
}
.boshu_btn a:hover{
	background-position: 0 -46px;
}
.sb_title {
	width:237px;
	height:53px;
	line-height:53px;
	text-align: left;
	padding:0 0 0 15px;
	color:#4570c8;
	font-weight:bold;
	background:url(../images/event_common/sbtitle_bg.png) 0 0 no-repeat;
}
.sb_list {
	border:1px #bfc1c3 solid;
	background:#fff;
	margin:0 0 20px;
}
.sb_list li{
	padding:10px 7px;
	line-height:1.3;
	background:url(../images/common/line_ten.png) center bottom repeat-x;
}
.sb_list li:last-child{
	background:none;
}
.sb_list li a {
	padding:0 0 0 20px;
	display:block;
	background:url(../images/common/icon_sbsazi.png) 0px 2px no-repeat;
}
/*==========================================================================
　footer 共通
==========================================================================*/
#fnav {
	width: 1080px;
	height: 55px;
	margin: 0 auto 0 auto;
	padding:0 0 2px;
}
#fnav li {
	height: 55px;
	width:153px;
	display: block;
	float: left;
	background: url(../images/common/gnav_line.jpg) left center no-repeat;
}
#fnav li a {
	height: 55px;
	width:153px;
	line-height:55px;
	font-style:italic;
	text-align:center;
	display: block;
	padding: 0;
}
#fnav li a:hover {
	color:#3fc19e;
	border-bottom:#1fd4a3 2px solid;
	text-align:center;
	padding: 0;
}
#fnav li.gnav7 a{
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(../images/square/sq_login_btn2.png) 0 0 no-repeat;
}
#fnav li.gnav7 a:hover{
	border:none;
	background:url(../images/square/sq_login_btn2.png) 0 -55px no-repeat;
}
/* fnav 8 lists */
#fnav.num8 li,
#fnav.num8 li a {
	width:132px;
}
#fnav.num8 li.gnav7,
#fnav.num8 li.gnav7 a{
    width: 153px;
}

.footer_wrapper {
	width:100%;
	min-width:1080px;
	background:url(../images/common/footer_bg.jpg) 0 0 repeat;
	-webkit-box-shadow:inset 0 2px 1px 0 #c6cace;
	box-shadow:inset 0 2px 1px 0 #c6cace;
}
#footer {
	width:1080px;
	margin:0 auto 0 auto;
	padding:30px 0 20px 0;
}
#footer_copy {
	min-height:200px;
	width:268px;
	float:left;
	border-right:1px solid #b5bac4;
	border-left:1px solid #b5bac4;
}
.fbox {
	min-height:200px;
	width:254px;
	float:left;
	border-right:1px solid #b5bac4;
	padding:0 0 0 15px;
}
.flist {
	margin:0 0 15px;
	min-height:145px;
}
.flist li {
	padding:6px 0;
}
.flist li a{
	font-size:14px;
	padding:0 0 0 15px;
	background:url(../images/common/icon_yazi.png) 0 4px no-repeat;
	display: block;
}
.flist li:first-child a,
.f_midasi {
	padding:0 0 0 5px;
	font-weight:bold;
	background:none;
}
#flogo {
	width: 111px;
	height: 72px;
	margin:0 auto 50px auto;
	padding:10px 0 10px ;
}
#flogo a {
	width: 111px;
	height: 72px;
	background: url(../images/common/footer_logo.png) 0 0 no-repeat;
	padding: 0;
	display: block;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
#flogo a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";	
}
#copyrights {
	color: #fff;
	font-size: 70%;
	text-align: center;
	padding:3px 0 ;
}
.copy_wrapper {
	width:100%;
	min-width:1080px;
	height:20px;
	padding:5px 0 0;
	border-top:#2b57b0 1px solid;
	background:#4570c8;
}
.ftw_btn {
	float:left;
	margin:0 5px 0 0;
}
.ftw_btn a{
	width:35px;
	height:35px;
	background:url(../images/common/footer_snsicon.png) -35px 0 no-repeat;
	display: block;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.ftw_btn a:hover {
	background:url(../images/common/footer_snsicon.png) -35px -35px no-repeat;	
}
.fface_btn a{
	width:35px;
	height:35px;
	background:url(../images/common/footer_snsicon.png) 0 0 no-repeat;
	display: block;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.fface_btn a:hover {
	background:url(../images/common/footer_snsicon.png) 0 -35px no-repeat;	
}
.fbtn {
	width:220px;
	-webkit-box-shadow: 0 2px 2px 0 #c4c5c8;
	box-shadow: 0 2px 2px 0 #c4c5c8;
}
.fbtn a{
	background:#fff url(../images/common/icon_gaibu.png) 20px 0 no-repeat;
	font-size:14px;
	border:2px solid #558fd7;
	padding:15px 20px;
	display:block;
	text-align:center;
	color:#416cc4;
	transition: all 0.3s ease-in-out 0s;
}
.fbtn a:hover{
	background:#558fd7 url(../images/common/icon_gaibu.png) 20px -45px no-repeat;
	border:2px solid #558fd7;
	padding:15px 20px;
	display:block;
	text-align:center;
	color:#fff;
}
/* ___________________UI */
.pagetop {
	position:relative;
}
.pagetop a{
	width:75px;
	height:60px;
	display: block;
	background:#4570c8;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	color:#fff;
	text-align:center;
	line-height:60px;
	font-size:14px;
	position: absolute;
	top:-90px;
	right:0px;
	z-index:1;
}
.pagetop a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";	
}
.event_pagetop {
	position:relative;
}
.event_pagetop a{
	width:75px;
	height:55px;
	display: block;
	background:#4570c8;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	text-align:center;
	line-height:55px;
	font-size:14px;
	position: absolute;
	top:-160px;
	right:10px;
	z-index:1;
}
.event_pagetop a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";	
}