@charset "utf-8";

/*
	File Name   : style.css
	Description : デザイン、レイアウト用CSS
*/


/* ブロック相当　共通
----------------------------------------------------------- */
.main {width: 1170px;margin: 0 auto;position: relative;}
#side {float: left;width: 262px;}
#content {float: right;width: 900px;}

/* インライン相当　共通
----------------------------------------------------------- */
.cf:before,
.cf:after,
.head_top:before,
.head_top:after,
.meet ul:before,
.meet ul:after,
section:before,
section:after,
#info:before,
#info:after,
footer ul:before,
footer ul:after,
.main:before,
.main:after{
  content:"";
  display: table;
}
.cf:after,
.head_top:after,
.meet ul:after,
section:after,
#info:after,
footer ul:after,
.main:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf,
.head_top,
.meet ul,
section,
#info,
footer ul,
.main{
  *zoom:1;
}
div.solid    { border-top:1px solid  #000; margin:0;}
div.dashed   { border-top:1px dashed #000; margin:0;}
div.dashed96 { border-top:1px dashed #000; margin:0; width:96%; margin:0 auto;}

/* 各要素
----------------------------------------------------------- */
/* ヘッダー */
#head_top{background-color: #2F343B;text-align: right;line-height: 35px;padding-right: 24px;}
#head_top li{display:inline-block; padding:0;list-style-type: none;margin-right: 11px;}
#head_top li a{text-decoration: none;color: #FFF;}
#head_top li:last-child,#logo_area li:last-child{margin-right: 0;}
#head_top li img{vertical-align: middle;}
#logo_area {height: 100px;}
#logo_area p{float: left;padding-top: 15px;}
#logo_area ul{text-align: right;float:right;padding-top: 77px;  width:450px;}
#logo_area li{display: inline-block;padding: 0;list-style-type: none;margin-right: 15px;font-weight: 600;font-size: 95%;}
nav ul{text-align: center; padding-top:20px;}
nav ul li{display: inline-block;list-style-type: none;width: 150px; line-height:20px;}

#agu {
border:3px solid #004173;
padding-top:3px;
padding-bottom:3px;
}

#now{height: 60px;color: #FFF;background-color: #004173;text-align: center; font-size:120%; font-weight: bold;}
#now a{color: #FFF;}
#now span{line-height: 21px;color:#004173; background-color: #fff;margin-right: 5px;padding-right: 13px;padding-left: 13px;font-size: 90%;}
.sub{background-color: #F9F9F9;padding-bottom: 5px;}
#now span a{color:#004173;}

#now div.reg_button{border:5px solid #fff;width:200px;height:30px;float:right;margin-left:60px;padding-top:2px;padding-bottom:2px;font-size:80%;margin-top:-10px;}
#now div.comment{float:left;margin-left:25%;margin-top:18px;margin-bottom:10px;}

#now_notice{height: 60px;color: #FFF;background-color: #004173;text-align: center; margin-top:-40px;margin-bottom:40px;}

#now_notice div.comment_notice{float:left;margin-left:25%;margin-top:18px;margin-bottom:10px;background-color: #004173;font-size:80%; font-weight: bold;}

.sub{background-color: #F9F9F9;padding-bottom: 5px;}
#sub_nav{background-color: #B6C0CF;line-height: 55px;}
#sub_nav a{color: #000;font-weight: 600;font-size: 110%;}
#sub_nav a:hover{color: #fff;}
#pan{background-color: #333;line-height: 36px;margin-bottom: 10px;}
#pan li{color: #FFF;display: inline-block;font-size: 70%;position: relative;margin-right: 10px;}
#pan li a{color: #FFF;text-decoration: none;}
#pan  li:not(:first-child) {padding-left: 5px;}
#pan  li:not(:first-child)::after {display: block;content: '';position: absolute;top: 15px;left: -1em;width: 6px;height: 6px;border-right: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

/* サイドメニュー */
#side ul{border-bottom: 1px solid #A3C756;}
#side ul:last-child{border-bottom: none;}
#side ul{padding-top: 15px;padding-bottom: 35px;}
#side ul ul{padding: 0;border-bottom: none;}
#side li{list-style-type: none;color: #333;}
#side li li{font-size: 80%;margin-left: 45px;line-height: 22px;}
#side li li a{color: #333;}
#side li p{line-height: 20px;background: url(../img/common/side_s.gif) no-repeat left top;padding-left: 28px;padding-bottom:10px;font-size: 120%;margin: 0px;}

/* コンテンツ */
#content h1{line-height: 59px;background-color: #AFC7D9;text-indent: 24px;font-size: 150%;letter-spacing: 0.1em;}
#content h2{text-indent: 19px;border-left: 7px solid #004173;font-size: 150%;font-weight: lighter;line-height: 33px;margin-bottom: 40px;}
#content section{padding: 20px 5px 64px 5px;}
#content table {border-collapse: collapse;text-align: left;width: 100%;margin-right: 11px;margin-left: 11px;}
#content table th {width: 100px;vertical-align: top;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;font-weight: lighter;text-align: center;padding-top: 5px;}
#content table td {vertical-align: top;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;border-left: 1px solid #DFDFDF;padding: 5px 20px 5px 20px;}

/* スライドショー */
.slideWrap {width: 100%;margin: 0 auto;position: relative;}
.slide {width:100%;overflow:hidden;position:relative;}
.slideInner {list-style:none;margin:0;padding:0;}
.slideInner li {position:absolute;width:100%;background:#fff;margin:0;padding:0;}
.slideInner li img {width: 100%;}
.slidePrev {position:absolute;width:50px;height:60px;left:10%; cursor:pointer;z-index:100;}
.slideNext {position:absolute;display:block;width:32px;height:32px;right:10%;cursor:pointer;z-index:100;}
.controlNav {position:relative;float:left;left:50%;bottom:0;}
.slideWrap nav{background-color: rgba(255,255,255,0.7);position: absolute;bottom: 0;height: 100px;width: 100%;}
.slideWrap nav ul{margin-top: 15px;}
.slideWrap nav ul li{font-weight: 600;font-size: 110%;}
.slideWrap nav ul li a{color: #000;}
.slideWrap nav ul li a:hover{color: #054273;}

/* 大会概要 */
.meet{padding-bottom: 25px;}
.meet ul{margin-top: 25px;}
.meet ul,.meet h1{text-align: center;}
.meet li{display: inline-block;list-style-type: none;vertical-align: top;margin-right: 70px;}
.meet ul li:last-child{margin-right: 0;}
.meet li a{list-style-type: none;}
.meet h1{font-size: 180%;color: #999;margin-bottom: 15px;margin-top: 25px;}
.meet h2{font-size: 120%;color: #000;padding-top: 3px;}
.meet h3{font-size: 120%;color: #999;padding-top: 3px;}

/* 大会概要 英語 */
.meet_e{padding-bottom: 25px;}
.meet_e ul{margin-top: 25px;}
.meet_e ul,.meet_e h1{text-align: center;}
.meet_e li{display: inline-block;list-style-type: none;vertical-align: top;margin-right: 70px;}
.meet_e ul li:last-child{margin-right: 0;}
.meet_e li a{list-style-type: none;}
.meet_e h1{font-size: 130%;color: #999;margin-bottom: 15px;margin-top: 25px;}
.meet_e h2{font-size: 95%;color: #000;padding-top: 3px; line-height:20px;}
.meet_e h3{font-size: 95%;color: #999;padding-top: 3px; line-height:20px;}



/* イベントアイコン */

.event_top{
 width: 60%;margin: 0 auto;position: relative;
border-top:solid 10px #004173;
margin-top:30px;}

#event_top_title{
font-weight:bold;
font-size:20px;
padding-top:20px;
padding-left:20px;
padding-bottom:20px;
}

#event_top_icon{
 width: 60%;margin: 0 auto;position: relative;
padding-bottom:40px;
}


/* NEWS */
.news{display: table;width: 100%;}
#news_left{background-color: #2F343B;display:table-cell;width: 65%;} 
#news_left_text{width: 690px;float: left;padding-top: 30px;padding-bottom: 22px;} /*アプリを公開したらfloat をrightに戻す   */
#news_left_text h1{text-align: left;float: left;width: 160px;margin-right: 25px;padding-left: 14px;}
#news_left_text dl{float: right;width: 480px;font-size: 85%;}
#news_left_text dl dd{margin-bottom: 5px;}
#news_left_text dl dd a{color: #C9E5FC;}
#news_left_text dl dt{color: #fff;margin-right: 15px;width: 89px;float: left;margin-bottom: 5px;}
#news_left_text dl dt span{text-align: center;font-size: 80%;height: 22px;width: 89px;display: inline-block;line-height: 22px;}
#news_left_text dl dt span.brown{background-color: #D4913B;}
#news_left_text dl dt span.blue{background-color: #00ADED;}
#news_left_text dl dt span.green{background-color: #87A35C;}
#news_left h1 span{color: #FFF;display: block;font-size: 140%;font-weight: 500;margin-top: 15px;}
#news_right{background-color: #5FA9DD;display: table-cell;width: 35%;color: #FFF;vertical-align: top;padding-left: 34px;padding-top: 18px;}
#news_right h2{font-size: 140%;}

/* 参加フロー */
#info{height: auto;width: 100%;background: url(../img/index/tab.gif) repeat-x left 85px;margin: 0px;text-align: center;padding: 33px 0 20px 0;}
#info h1{margin: 0;padding: 0;position: absolute;left: 20px;top: 15px;font-weight: 600;font-size: 26px;}
.tabs{width: 1020px;text-align: center;padding: 0px;margin: 0 auto;}
.hiddenTarget {display: none;position: fixed;}
.tabbedPages {position: relative;margin: 0;}
ul.tabs {padding: 0;margin: 0;list-style: none;position: relative;z-index: 100;text-align: right;}
ul.tabs li {margin-right: 2px;line-height: 50px;display: inline-block;font-size: 20px;}
#info ul.tabs li a {display: block;border: 1px solid #2BA8DB;border-radius: 5px 5px 0 0;padding: 0 42px;text-decoration: none;color: #36ACDD;background-color: #C9E9F6;}
.tabcontent {float: left;width: 100%;padding: 20px;background: #fff;position: relative;z-index: 10;display: none;clear: left;top: -1px;}
.tabcontent h2{text-align: left;}
#info .tabcontent p {padding: 0 0 5px 0;margin: 0;}
.tabcontent img{margin-top: 20px;}
ul.tabs li a.default, #tab1:target ~ .tabbedPages .tabs li a.default, #tab2:target ~ .tabbedPages .tabs li a.tab2, #tab3:target ~ .tabbedPages .tabs li a.tab3, #tab4:target ~ .tabbedPages .tabs li a.tab4, #tab5:target ~ .tabbedPages .tabs li a.tab5 {background-color: #fff;border-bottom: 1px solid #fff;color: #000;line-height: 52px;}
div.default, #tab1:target ~ .tabbedPages div.default, #tab2:target ~ .tabbedPages div#view2, #tab3:target ~ .tabbedPages div#view3, #tab4:target ~ .tabbedPages div#view4, #tab5:target ~ .tabbedPages div#view5 {display: block;}
#tab2:target ~ .tabbedPages div.default, #tab3:target ~ .tabbedPages div.default, #tab4:target ~ .tabbedPages div.default, #tab5:target ~ .tabbedPages div.default {display: none;}
.tab li{list-style-type: none;}
.tab-title {width: 100%;border-bottom: 1px solid #2BA8DB;}
.tab-title:before, .tab-title:after {display: table;content: '';}
.tab-title:after {clear: both;}
.tab-title li {float: left;width: 25%;padding: .8em 0;text-align: center;cursor: pointer;}
.tab-contents li {display: none;padding: 1.4em;background-color: #fff;}
.tab-contents li.active {display: block;} 

/* 会場マップ */
#accsess{background-color: #E6E6E6;text-align: center;padding-top: 34px;padding-bottom: 34px;}
#accsess h1{font-size: 120%;margin-bottom: 25px;letter-spacing: 0.2em;}
#accsess iframe{height: 590px;width: 1140px;border: none;}
#accsess p{font-size: 130%;font-weight: 600;}
#accsess p span{font-size: 70%;padding-left: 20px;}
#accsess p span a{color: #108BEA;}

/* バナー
--------------- */
.banner_area{padding-top: 40px;padding-bottom: 35px;text-align: center;width: 980px;margin-right: auto;margin-left: auto;}
.banner{ text-align:left; }
.banner .title{font-size: 120%;text-align: left;color: #999;padding: 0;font-weight: 600;margin-bottom: 10px;}
.sanjyo{margin-top: 20px; text-align:center;}
.banner_sub{border-top: 1px solid #D2D2D2;}
.banner_area img{margin-right: 20px;}
.random{margin-top: 20px; text-align:center;}
.itemimage{text-align:center;width:190px;}



/* バナー ロゴ
--------------- */

#banner_logo td{
padding-left:30px;
padding-right:30px;
}

/* OSPA */
font.read3 {text-indent: 19px;border-left: 7px solid #004173;font-size: 125%;font-weight: lighter;line-height: 33px;margin-bottom: 40px;}
table#meetings{width: 60%;}
td.price{text-align: right;}
/* フッター
--------------- */
footer{background-color: #AAAEB4;}
footer .footer_top ul{margin: 0px;width: 100%;padding: 25px 0 25px 0;}
footer .footer_top ul:first-child{border-bottom: 2px dotted #4B5057;}
footer .footer_top li{width: 18%;list-style-type: none;vertical-align: top;margin: 0px;font-size: 80%;float: left;padding: 0 20px 0 0;line-height: 18px;}
footer .footer_top p{margin: 0px;font-size: 120%;padding: 0 0 10px 0;}
footer .footer_top ul ul{margin: 0;padding: 0;}
footer .footer_top li ul li{width: 100%;font-weight: lighter;font-size: 85%;list-style-type: disc;margin-left: 20px;}
footer .footer_top li ul li a{color:#323232;}
footer .footer_top li span{display: block;padding-left: 25px;}
footer #footer_btn{color: #FFF;background-color: #2F343B;text-align: center;padding-top: 15px;font-size: 90%;}
footer #footer_btn ul{width: 100%;}
footer #footer_btn li{font-weight: lighter;width: auto;margin-right: 60px;display: inline-block;}
footer #footer_btn li a{color: #FFF;}
footer #footer_btn li:last-child{margin-right: 0;}
.cpright {font-size: 75%;padding-top: 15px;}

.meet2018{
border:solid 3px #004173;
width:600px;
margin: 0 auto;
margin-bottom:30px;
text-align:center;
padding-top:15px;
padding-bottom:15px;
}

.meet2018_title{
color:#004173;
font-size:24px;
}