@charset "utf-8";

/* メイン
---------------------------------- */
#top {
	float: left;
	width: 860px;
  overflow: hidden;
  margin: 30px 15px 30px 0;
}
#top .section {
	overflow: hidden;
	margin-bottom: 40px;
}
#top h2 {
	margin-bottom: 20px;
	padding: 2px 0 5px 0;
	border-bottom: 2px solid #DDDDDD;
	font-size: 134%;
	font-weight: bold;
}
#top h2 span {
	display: inline;
	padding: 0 15px 1px;
	line-height: 100%;
	border-bottom: 2px solid #3684C2;
}
#top h2 em.attn {
	font-weight: normal;
	font-size: 63%;
	color: #C51013;
}
/* ご案内 */
#top #flow dl {
	overflow: hidden;
	margin-left: 10px;
}
#top #flow dt {
	clear: both;
	float: left;
	margin: 0 0 3px 0;
	text-align: center;
}
#top #flow dt span {
	display: inline-block;
	margin-bottom: 3px;
	padding: 5px 5px 3px;
	border: 1px solid #77ADD9;
	background: #E3EEF7;
	font-size: 125%;
	color: #3484C0;
}
#top #flow dd {
	float: right;
	width: 740px;
	margin-top: 5px;
	margin-left: 0;
	margin-bottom: 15px;
	padding-left: 5px;
}
#top #flow dd p {
	margin-bottom: 3px;
}
#top #flow dd .attn {
	font-size: 84%;
	color: #C51013;
}
#top #flow .btn {
	margin: 15px 0;
}
/* DL */
#top #dl p.txt {
	margin-left: 10px;
	margin-bottom: 10px;
}
#top #dl ul {
	margin-left: 10px;
}
#top #dl li {
	margin-bottom: 3px;
	padding: 5px 25px 5px 0;
	padding-left: 25px;
	background: url(../images/icn_dl.png) left top no-repeat;
}
/* 大会概要 */
#top table {
	width: 630px;
	margin: 0 10px 0;
	border-top: 1px dotted #ccc;
	border-collapse: collapse;
}
#top table th {
	width: 100px;
	padding: 10px;
	background: #E3EEF7;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}
#top table td {
	padding: 10px;
	border-bottom: 1px dotted #ccc;
}
#top iframe {
	width: 803px;
	height: 250px;
	margin: 0 10px 0;
	border: 1px solid #ccc;
}
/* サイド
---------------------------------- */
#side {
  overflow: hidden;
  float: right;
  width: 313px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#side .section {
	width: 290px;
	margin: 10px 10px 20px 10px;
	margin-bottom: 0px\9 /* IE8 */;
	padding: 0;
	background: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border: 1px solid #E9E9E9;
	box-shadow: 0 0 5px 1px #E9E9E9;
	-moz-box-shadow: 0 0 5px 1px #E9E9E9;
	-webkit-box-shadow: 0 0 5px 1px #E9E9E9;
	-o-box-shadow: 0 0 5px 1px #E9E9E9;
	-ms-box-shadow: 0 0 5px 1px #E9E9E9;
	behavior: url(PIE.htc);
}
#side h2 {
	font-size: 134%;
	font-weight: bold;
}
#side #login h2 {
	margin: 2px;
	padding-top: 20px;
	padding-bottom: 13px;
	background: #E3EEF7;
	border-top-left-radius:10px; 
	border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px; 
	-webkit-border-top-right-radius:10px;
	-moz-border-top-left-radius:10px; 
	-moz-border-top-right-radius:10px;
	-o-border-top-left-radius:10px; 
	-o-border-top-right-radius:10px;
	-ms-border-top-left-radius:10px; 
	-ms-border-top-right-radius:10px;
	border-bottom: 2px solid #ddd;
	text-align: center;
	behavior: url(PIE.htc);
}
#side .box {
	margin: 1px 2px;
	padding: 15px 15px 10px;
	background: #F5F5F5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F5F5F5), color-stop(1.00, #fff));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #F5F5F5 0%, #fff 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #F5F5F5 0%, #fff 100%);　/* FF3.6+ */
  background: -o-linear-gradient(top, #F5F5F5 0%, #fff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #F5F5F5 0%, #fff 100%); /* IE10+ */
  background: linear-gradient(to bottom, #F5F5F5 0%, #fff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#ffffff', GradientType=0); /* IE7,8,9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F5F5', endColorstr='#ffffff')";
  zoom: 1;
	behavior: url(PIE.htc);
}
#side .box .btn {
	margin-bottom: 20px;
}

#side .section {
	margin-bottom: 20px;
}
#side .section p {
	margin-bottom: 10px;
}
#side dl {
	width: 80%;
	margin: 15px auto 15px;
	text-align: center;
}
#side dt {
	margin-bottom: 5px;
	text-align: left;
}
#side dd {
	margin: 0;
	text-align: left;
}
#side dd input {
	width: 100%;
}
#side .btn {
	text-align: center;
}
#side #login p {
	font-size: 86%;
	text-align: center;
}
#side #login .attn_sec {
	margin-bottom: 10px;
	padding: 10px 15px 5px 35px;
	background: #FDE3E4 url(../images/icn_attn01.gif) 10px 50% no-repeat;
	background-size: 20px;
	border: 1px solid #C51014;
	font-size: 100%;
	text-align: left;
}
#side .attn {
	margin: 0 auto 20px;
	width: 260px;
	padding: 15px 15px 10px;
	background: #eee;
}
#side .attn h3 {
	margin-bottom: 5px;
	font-size: 117%;
	font-weight: bold;
}
#side .attn p {
	margin-bottom: 5px;
	color: #C51013;
}
#side .attn li {
	margin-bottom: 3px;
	margin-left: 1em ;
	text-indent: -1em;
}
/* 終了 */
#side .entry_end {
	padding: 40px 0 30px;
	text-align: center;
}

#side #security {
	text-align: center;
}

/* ボタン
------------------------------------------------------ */
#side .btn input[type="submit"],
#side .btn input[type="button"],
#side .btn input[type="reset"],
#top #dl .btn input[type="button"] { width: 170px!important; }
#top #flow .btn input[type="button"] { width: 360px!important; }

#side .btn input[type="button"],
#side .btn input[type="subtmit"],
#side .btn input[type="reset"] {
	padding: 7px 0 5px;
	border: 3px solid #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	background: #246AAA;
  background: -webkit-gradient(linear, left top, left bottom, from(#EAA8AA), color-stop(0.01, #246AAA), color-stop(0.5, #246AAA), color-stop(0.99, #3684C2), to(#ddd));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #EAA8AA, #246AAA 1%, #246AAA 50%, #3684C2 99%, #ddd); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #EAA8AA, #246AAA 1%, #246AAA 50%, #3684C2 99%, #ddd);　/* FF3.6+ */
  background: -o-linear-gradient(top, #EAA8AA, #246AAA 1%, #246AAA 50%, #3684C2 99%, #ddd); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #EAA8AA, #246AAA 1%, #246AAA 50%, #3684C2 99%, #ddd); /* IE10+ */
  background: linear-gradient(to bottom, #EAA8AA, #246AAA 1%, #246AAA 50%, #3684C2 99%, #ddd); /* W3C */
	  
  font-size: 125%;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px #05598B;
  cursor: pointer; 
	box-shadow: 0 0 4px #ccc;
	
	position:relative;
	behavior: url(PIE.htc);
}
#side .btn input[type="submit"]:hover {
	border: 3px solid #fff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	background: #3684C2;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.01, #3684C2), color-stop(0.5, #3684C2), color-stop(0.99, #246AAA), to(#EAA8AA));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA);　/* FF3.6+ */
  background: -o-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* IE10+ */
  background: linear-gradient(to bottom, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* W3C */
  
  text-shadow: 1px 1px #05598B;
  cursor: pointer; 
	box-shadow: 0 0 4px #ccc;
	
	position:relative;
	behavior: url(PIE.htc);
}
#side .btn input[type="submit"]:active {
	border: 3px solid #fff;
	padding: 8px 0 4px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	background: #3684C2;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.01, #3684C2), color-stop(0.5, #3684C2), color-stop(0.99, #246AAA), to(#EAA8AA));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA);　/* FF3.6+ */
  background: -o-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* IE10+ */
  background: linear-gradient(to bottom, #ddd, #3684C2 1%, #3684C2 50%, #246AAA 99%, #EAA8AA); /* W3C */

  text-shadow: -1px -1px #05598B;
  cursor: pointer; 
	box-shadow: 0 0 4px #ccc;
	
	position:relative;
	behavior: url(PIE.htc);
}
#top .btn input[type="button"] {
	padding: 7px 0 5px;
	border: 3px solid #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	border-radius: 7px;
	background: #249B93;
  background: -webkit-gradient(linear, left top, left bottom, from(#249B93), color-stop(0.01, #246AAA), color-stop(0.5, #5BB4A9), color-stop(0.99, #5BB4A9), to(#ddd));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #249B93, #249B93 1%, #5BB4A9 50%, #5BB4A9 99%, #5BB4A9); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #EAA8AA, #246AAA 1%, #5BB4A9 50%, #5BB4A9 99%, #ddd);　/* FF3.6+ */
  background: -o-linear-gradient(top, #EAA8AA, #246AAA 1%, #5BB4A9 50%, #5BB4A9 99%, #ddd); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #EAA8AA, #246AAA 1%, #5BB4A9 50%, #5BB4A9 99%, #ddd); /* IE10+ */
  background: linear-gradient(to bottom, #249B93, #249B93 1%, #5BB4A9 50%, #5BB4A9 99%, #ddd); /* W3C */
	  
  font-size: 125%;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px #05598B;
  cursor: pointer; 
	box-shadow: 0 0 4px #ccc;
	
	position:relative;
	behavior: url(PIE.htc);
}
#top .btn input[type="button"]:hover {
	border: 3px solid #fff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	background: #5BB4A9;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.01, #5BB4A9), color-stop(0.5, #5BB4A9), color-stop(0.99, #249B93), to(#249B93));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #ddd, #5BB4A9 1%, #5BB4A9 50%, #249B93 99%, #249B93); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ddd, #5BB4A9 1%, #5BB4A9 50%, #246AAA 99%, #EAA8AA);　/* FF3.6+ */
  background: -o-linear-gradient(top, #ddd, #5BB4A9 1%, #5BB4A9 50%, #249B93 99%, #249B93); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddd, #5BB4A9 1%, #5BB4A9 50%, #249B93 99%, #249B93); /* IE10+ */
  background: linear-gradient(to bottom, #ddd, #5BB4A9 1%, #5BB4A9 50%, #249B93 99%, #249B93); /* W3C */
  
  text-shadow: 1px 1px #05598B;
  cursor: pointer; 
	box-shadow: 0 0 4px #ccc;
	
	position:relative;
	behavior: url(PIE.htc);
}
#top .btn input[type="button"]:active {
	border: 3px solid #fff;
	padding: 8px 0 4px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	background: #5BB4A9;
  background: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.01, #5BB4A9), color-stop(0.5, #5BB4A9), color-stop(0.99, #249B93), to(#249B93));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #ddd, #5BB4A9 1%, #5BB4A9 50%, #249B93 99%, #249B93); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #ddd, #5BB4A9 1%, #5BB4A9 50%, #246AAA 99%, #EAA8AA);　/* FF3.6+ */
  background: -o-linear-gradient(top, #ddd, #5BB4A9 1%, #5BB4A9 50%, #249B93 99%, #249B93); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ddd, #5BB4A9 1%, #5BB4A9 50%, #249B93 99%, #249B93); /* IE10+ */
  background: linear-gradient(to bottom, #ddd, #5BB4A9 1%, #5BB4A9 50%, #249B93 99%, #249B93); /* W3C */

  text-shadow: -1px -1px #05598B;
  cursor: pointer; 
	box-shadow: 0 0 4px #ccc;
	
	position:relative;
	behavior: url(PIE.htc);
}