@charset "UTF-8";
/*--------------------------------------------------------------- 
			ページ構造の指定
--------------------------------------------------------------- */
html, body {
 width: 100%;
 height: 100%;
}
body {
 -webkit-text-size-adjust: 100%;
 background: url(../img/bg.jpg) repeat-x center top;
 text-align: justify;
 text-justify: inter-ideograph;
 font-family: Arial, Verdana, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, Osaka, sans-serif;
 font-size: 90%;
 line-height: 1.65;
 color: #212121;
}
#wrapper {
 width: 1000px;
 margin: 0 auto;
}
#wrapperInr {
 width: 998px;
 border: #FFFFFF solid 1px;
 background: url(../img/bg_wrap.jpg) repeat-y left top;
 overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
 zoom: 1; /* for IE6 */
 margin: 19px auto;
}



/*NAV
---------------------------------------------------------------*/
#side-nav {
 width: 251px;
 min-height: 1000px;
 background: url(../img/nav_bg.jpg) no-repeat center top;
 float: left;
}
#side-nav .nav-banner {
 text-align: center;
 margin: 20px 0 18px;
}
#side-nav .nav-banner p {
 line-height: 100%;
 margin-bottom: 19px;
}
#side-nav .nav-banner p a:hover {
 filter: alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}



/*MAIN
---------------------------------------------------------------*/
#main {
 width: 746px;
 float: right;
}



/*--------------------------------------------------------------- 
			ヘッダー
--------------------------------------------------------------- */
#header {
 width: 100%;
 height: 110px;
 background: url(../img/header.jpg) no-repeat center top;
 /* box-shadow */
 /*box-shadow:0px 6px 8px -2px rgba(72,0,33,0.25);*/
 margin-bottom: 6px;
}
#header h1 {
 text-indent: -999999px;
}
#header h1 a {
 height: 110px;
 display: block;
 outline: none;
}



/*--------------------------------------------------------------- 
			フッター
--------------------------------------------------------------- */
#footer {
 clear: both;
 width: 100%;
 background-color: #98b1d4;
}
#footerInr {
 width: 960px;
 /*background: url("../img/footer_bg.jpg") no-repeat center bottom;*/
 margin: 0 auto 0;
 padding: 12px 10px;
}
#footer p {
 font-size: 86%;
 color: #FFF;
 text-align: center;
 letter-spacing: 0.05em;
}
/*PAGETOP*/
.pagetop {
 position: fixed;
 right: 1%;
 display: block;
 /*bottom: 180px;*/
 z-index: 10;
 margin-right: 60px;
 padding: 0;
}
.pagetop img {}



/*--------------------------------------------------------------- 
			トップページ
--------------------------------------------------------------- */
#topBG {
 /*background: url("../img/top_bg.jpg") no-repeat center top;*/
}
#topMain {
 height: 679px;
 background: url( "../img/top_main.jpg") no-repeat center top;
 /*position: relative;*/
}
#topMain p {
 display: none;
}

/*---topSub---*/
#topSub {
 background: url("../img/top_bg.jpg") repeat-x top left;
 padding-top: 20px;
}

/*--特設ボタン--*/
#side-nav .nav-btn-txt {
 margin: 30px 20px 1em;
}
#side-nav .nav-btn-txt p {
 margin: 0 0 8px;
}
#side-nav .nav-btn-txt span {
 display: inline-block;
 font-size: 0.85em;
 margin: 10px 0 0;
}
#side-nav .nav-btn-txt a {
 display: block;
 font-family: Arial, Verdana, "游ゴシック", YuGothic, "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
 font-weight: bold;
 color: #fff;
 text-align: center;
 text-decoration: none;
 line-height: 125%;
 background-color: #E5488F;
 border: 2px solid #ED86B5;
 /* border-radius */
 border-radius: 7px; /* CSS3草案 */
 -webkit-border-radius: 7px; /* Safari,Google Chrome用 */
 -moz-border-radius: 7px; /* Firefox用 */
 padding: 13px 5px 11px;
}
#side-nav .nav-btn-txt a:hover {
 filter: alpha(opacity=90);
 -moz-opacity: 0.9;
 opacity: 0.9;
 transition: 0.5s ease-in-out;
}
#side-nav .nav-btn-txt a.col-2 {
 background-color: #0A8FD9;
}
#side-nav .nav-btn-txt a.col-3 {
 background-color: #F4E8EA;
 color: #EC3B63;
}
#side-nav .nav-btn-txt a.col-4 {
 background-color: #EBF4E8;
 color: #369A0E;
 border-color: #7BC862;
}
#side-nav .nav-btn-txt a.col-5 {
 background-color: #FF7E00;
}
#side-nav .nav-btn-txt a.col-6 {
 background-color: #005912;
 box-shadow: 0px 2px 0px 3px #529f57;
}


/*---大会終了---*/
#top-end {
 font-size: 1.15em;
 /*color: #42001E;*/
 background-color: #FFF;
 border: #0BAEAB solid 1px;
 filter: alpha(opacity=95);
 -moz-opacity: 0.95;
 opacity: 0.95;
 /* border-radius */
 border-radius: 4px; /* CSS3草案 */
 -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
 -moz-border-radius: 4px; /* Firefox用 */
 margin: 20px 22px 40px;
 padding: 1.5em;
}


/*---重要な期日---*/
#top-important {
 /*position: absolute;*/
 /*top: 570px;
	left: 100px;*/
 width: 600px;
 background-color: #FBF7F7;
 filter: alpha(opacity=90);
 -moz-opacity: 0.9;
 opacity: 0.9;
 border: 2px solid #F82E00;
 filter: alpha(opacity=90);
 -moz-opacity: 0.9;
 opacity: 0.9;
 /* border-radius */
 border-radius: 4px; /* CSS3草案 */
 -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
 -moz-border-radius: 4px; /* Firefox用 */
 margin: 0 auto 40px;
 padding: 1.5em;
}
#top-important h2 {
 text-align: center;
 letter-spacing: 0.05em;
 font-size: 1.19em;
 font-weight: bold;
 font-family: Arial, Verdana, "游ゴシック", YuGothic, "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
 /* border-radius */
 border-radius: 10px 10px 0 0; /* CSS3草案 */
 -webkit-border-radius: 10px 10px 0 0; /* Safari,Google Chrome用 */
 -moz-border-radius: 10px 10px 0 0; /* Firefox用 */
 padding: 0.15em;
 margin-bottom: 0.65em;
}
#top-important p {
 margin-top: 1em;
 /*text-indent: 1em;*/
}


/*---お知らせ---*/
#top-news {
 /*height: 180px;*/
 border: #06b1ac solid 1px;
 background-color: #FFF;
 margin: 0 22px 20px;
 padding: 20px 0;
}
#top-news #top-newsInr {
 height: 140px;
 overflow-x: auto;
 overflow-y: scroll;
 zoom: 1;
}
#top-news h2, #top-news dl, #top-news dl dt, #top-news dl dd { /*余白リセット*/
 line-height: 100%;
 margin: 0;
 padding: 0;
}
#top-news h2 {
 float: left;
}
#top-news dl {
 overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
 zoom: 1; /* for IE6 */
 /*border-bottom: #e5e5e5 solid 1px;*/
 margin: 0 0 0 0;
}
#top-news dl dt, 
#top-news dl dd {
 display: block;
 line-height: 130%;
 font-weight: normal;
 /*border-top: #e5e5e5 solid 1px;*/
 padding: 0.6em 0;
}
#top-news dl dt {
 clear: left; /* 環境別での表示崩れを防ぐ */
 float: left;
 width: 17%;
 color: #00a29d;
 font-weight: bold;
 /*background: url("../img/icon_news_list.jpg") no-repeat 8px center;*/
 /*padding-left: 20px;*/
}
#top-news dl dd {
 float: left;
 width: 78%;
}


/*---事務局---*/
#jimu dl, #jimu dl dt, #jimu dl dd { /*余白リセット*/
 margin: 0;
 padding: 0;
}
#jimu {
 overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
 zoom: 1; /* for IE6 */
 margin: 0 22px 20px;
 padding: 0 0 20px 4px;
}
#jimu .jimuBox {
 float: left;
}
#jimu h2 {
 height: 30px;
 margin: 20px 0 0 0;
}
#jimu dl {
 text-align: left;
 line-height: 140%;
 margin: 23px;
}
#jimu dl dt, #jimu dl dd {
 font-family: Arial, Verdana, "游ゴシック", YuGothic, "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
 margin: 0px;
 padding: 0px;
}
#jimu dl dt {
 line-height: 130%;
 color: #222222;
 margin: 0.4em 0;
}
#jimu dl dd {}
#jimu a {
 color: #0000D8;
}
#jimu a:hover {
 color: #0000D8;
 text-decoration: none;
}
.jimuBox .img-float {
 margin: 5px 8px;
}
/*---banner---*/
.area-banner {
 text-align: center;
 margin: 20px;
}
.area-banner img {
 border: #FFF solid 1px;
}
/*---演題期間---*/
.top-kikan {
 color: #00A1E9;
 font-size: 155%;
 font-weight: bold;
 text-align: center;
 /*background: #F7FDFF;*/
 border: 3px solid #84C03C;
 margin: 5px 0;
 padding: 1em;
}
/*---演題期間beta---*/
.top-kikan-s {
 color: #FFF;
 font-size: 155%;
 font-weight: bold;
 text-align: center;
 background: #00A1E9;
 border: #00A1E9 solid 3px;
 margin: 5px 0;
 padding: 0.75em;
}
/*---演題期間3---*/
.top-kikan-3 {
 font-size: 155%;
 font-weight: bold;
 text-align: center;
 background: #83B14C;
 border: 2px solid #8EC64B;
 margin: 5px 0;
 padding: 0.82em;
}
/*---演題期間4---*/
.top-kikan-4 {
 color: #FFF;
 font-size: 155%;
 font-weight: bold;
 text-align: center;
 background: #77AD36;
 border: 3px solid #6EA132;
 margin: 5px 0;
 padding: 0.7em;
}
.top-kikan-6 {
 font-size: 155%;
 font-weight: bold;
 text-align: center;
 background: #F0F5E1;
 border: 2px solid #BED17A;
 margin: 5px 0;
 padding: 0.76em;
}
/**/
#topSub .areaChui {
 margin: 30px 30px 0;
}



/*--------------------------------------------------------------- 
			ページ共通
--------------------------------------------------------------- */
#page {
 min-height: 1000px;
 height: auto !important; /* for IE6 */
 height: 1000px; /* for IE6 */
 background-color: #FFF;
}
.pageInr {
 width: 600px;
 margin: 30px auto 0;
 padding-bottom: 60px;
}
h3 {
 font-size: 145%;
 font-weight: bold;
 color: #FFFFFF;
 line-height: 140%;
 text-align: left;
 letter-spacing: 1px;
 background: #1d3d7e;
 /* border-radius */
 border-radius: 5px; /* CSS3草案 */
 -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
 -moz-border-radius: 5px; /* Firefox用 */
 margin: 3em -17px 0.8em;
 position: relative; /* for IE6 */
 padding: 0.28em 0.7em;
}
h4 {
 color: #032155;
 font-size: 130%;
 font-weight: bold;
 line-height: 130%;
 text-align: left;
 letter-spacing: 0.05em;
 border-top: #a3c3ff solid 2px;
 border-bottom: #a3c3ff double 3px;
 background: url("../img/h4_bg.jpg") no-repeat left bottom;
 margin: 2em -10px 0.8em;
 position: relative; /* for IE6 */
 zoom: 1;
 padding: 0.3em 7px 0.28em;
}
/*h4::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 3px;
	width: 16px;
	height: 14px;
	background: url(" ../img/h4_icon.jpg") top left no-repeat;
	background-size: 16px 14px;
	margin-top: -9px;
}*/
h5 {
 font-size: 110%;
 color: #00a39f;
 font-weight: bold;
 text-align: left;
 background-image: url(../img/h5_bg.jpg);
 background-repeat: no-repeat;
 background-position: 0 0.5em;
 margin-top: 1.2em;
 margin-bottom: 0.5em;
 padding-left: 15px;
}
.areaInt h5 {
 margin-left: -20px;
}
h6 {
 font-size: 105%;
 font-weight: bold;
 text-align: left;
 margin: 1em 0 0.3em;
}
.title7 {
 color: #D90000;
 /*color: #104EBA;*/
 font-size: 118%;
 font-weight: bold;
 margin-top: 30px;
}
.areaInt .title7 {
 margin-left: -20px;
}