@charset "utf-8";

/* ---------------------------------------------
　layout modules
------------------------------------------------ */

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table,
.content blockquote{
	margin: 15px 0 0;
	line-height:1.8em;
}

.content ul p, .content ul dl, .content ul ol, 
.content dl p, .content dl ul, .content dl ol, 
.content ol p, .content ol ul, .content ol dl, 
.content table p, .content table ul, .content table dl, .content table ol{
	margin: 0;
}

.content p img, .content dl img, .content ul img {
	vertical-align: middle;
}


/* common modules
------------------------------------------------ */

.small    { font-size:87%;  }
.x-small  { font-size:78%;  }

.large    { font-size:107%; }
.x-large  { font-size:120%; }

.attention{ color: #FF3366;   }
.bold     { font-weight:bold; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left;    }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.content .nocss { marin:0; padding:0; border:none; background:none; }

.marginbottom20    { margin-bottom: 20px !important; }

/* --- openwin --- */

.openwin{ 
	padding-right: 15px;
}


/* ------ title -------------------------------- */

.content h2{
	clear:both;
	margin:40px 0 0;
	font-weight:bold;
	padding:8px 0;
	text-align:center;
	color:#2dc0ce;
	font-size:200%;
}

.content h2 span:before {
	content: "　";
	display:inline-block;
	width: 60px;
	height:43px;
	background: url(../img/bg_h2_before.jpg) no-repeat 0 0;
}

.content h2 span:after {
	content: "　";
	display:inline-block;
	width: 60px;
	height:43px;
	background: url(../img/bg_h2_after.jpg) no-repeat 100% 0;
}

.content h2 em {
	font-weight:normal;
	font-size:75%;
	margin-left:10px;
}

.content h2 a:link          { text-decoration:underline; }
.content h2 a:visited       { text-decoration:underline; }
.content h2 a:hover,a:active{ text-decoration:none; }


.content h3 {
	clear:both;
	margin:30px 0 0;
	font-weight:bold;
	padding:0;
	font-size:114%;
	color:#009dce;
}


.content h4 {
	clear:both;
	margin:30px 0 0;
	font-weight:bold;
	padding:10px 0 0;
	font-size:114%;
	color:#009dce;
	text-align:center;
}

/* ------ ul ----------------------------------- */


/* --- normal list --- */

.list li{
	background:url(../images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	margin-bottom:5px;
}

.list li li {
	background:url(../images/icon_list02.png) no-repeat 0 0.6em;
}

/* --- link list --- */

.link li{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	margin-bottom:5px;
}

.link li li{
	background:url(../images/icon_arrow02.png) no-repeat 0 0.5em;
	padding-left: 10px;
}

/* --- number list --- */

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:5px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */

.rice li{
	margin:0 0 5px 1em;
	text-indent:-1em;
}

/* --- compact list --- */

.compact li{
	display:inline;
	margin-right:10px;
}

/* --- within compact list --- */

.within {
	padding: 8px;
	border: 1px solid #ddd;
}

.within li{
	background:url(../images/icon_arrow_within.png) no-repeat 0 0.4em;
}


.content ul ul, .content dl dl, .content ol ol {
	margin-top: 5px;
}

/* ボタン */

.btn-list li {
	margin-bottom:10px;
}

/*.btn-list li a {
	display: block;
	position: relative;
	padding: 10px 25px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	width:500px;
	margin:0 auto;
	background: #26a5cc; 
	background: -moz-linear-gradient(top,  #26a5cc 0%, #2abfce 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26a5cc), color-stop(100%,#2abfce)); 
	background: -webkit-linear-gradient(top,  #26a5cc 0%,#2abfce 100%);
	background: -o-linear-gradient(top,  #26a5cc 0%,#2abfce 100%);
	background: -ms-linear-gradient(top,  #26a5cc 0%,#2abfce 100%); 
	background: linear-gradient(to bottom,  #26a5cc 0%,#2abfce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a5cc', endColorstr='#2abfce',GradientType=0 ); 
}

.btn-list li a:after {
	display: block;
	content: "　";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-list li a:hover {
	background: #009bd8;
	background: -moz-linear-gradient(top,  #009bd8 0%, #25b9dd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009bd8), color-stop(100%,#25b9dd));
	background: -webkit-linear-gradient(top,  #009bd8 0%,#25b9dd 100%);
	background: -o-linear-gradient(top,  #009bd8 0%,#25b9dd 100%);
	background: -ms-linear-gradient(top,  #009bd8 0%,#25b9dd 100%);
	background: linear-gradient(to bottom,  #009bd8 0%,#25b9dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bd8', endColorstr='#25b9dd',GradientType=0 );
}*/


.btn-list li a {
	display: block;
	position: relative;
	padding: 10px 25px;
	border: 2px solid #009DCE;
	color: #009DCE;
	font-size: 18px;
	text-decoration: none;
	width:500px;
	margin:0 auto;
	background: #fff;
}

.btn-list li a:after {
	display: block;
	content: "　";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 2px #009DCE;
	border-right: solid 2px #009DCE;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-list li a:hover {
	background: #009DCE;
	color:#fff;
}


/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
	background:url(../images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	font-weight:bold;
}

.list dd{
	padding-left:13px;
}

/* --- link list --- */

.link dt{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	font-weight:bold;
}

.link dd{
	padding-left:15px;
}

/* --- horizonal --- */

.horizonal dt {
  clear: left;
  float: left;
  width: 10em;
  padding:8px 8px 8px 0;
}

.horizonal dd {
  padding:8px 15px 8px 11em;
  border-bottom:1px solid #ddd;
}



/* ------ layout frame ------------------------- */

.content .layout-frame {
	clear: both;
	margin-left: -20px;
}

.content .layout-3col {
	margin-left: -15px;
}

.content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

.content .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 720px */
.grid-1 { width: 60px; }
.grid-2 { width:110px; }
.grid-3 { width:170px; }
.grid-4 { width:230px; }
.grid-5 { width:290px; }
.grid-6 { width:350px; }
.grid-7 { width:410px; }
.grid-8 { width:470px; }
.grid-9 { width:530px; }
.grid-10{ width:590px; }
.grid-11{ width:650px; }



/* ------ table -------------------------------- */

table{
	border-collapse:collapse;
	border:1px solid #cecece;
	width:100%;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

table th,
table td{
	padding:10px;
	vertical-align:top;
	border:1px solid #cecece;
	background:#fff;
}

table th{
	background:#f2f7fb;
	font-weight:bold;
}

table thead th,
th.head {
	background:#e0ecfa;
	text-align:center;
}

/* --- noborder --- */

table.noborder,
table.noborder td,
table.noborder th{
	border:0;
	background: none;
}
/* --- 実施会場一覧 --- */

table.place-map th,
table.place-map td {
	vertical-align:middle;
}

table.place-map tbody th {
	text-align:center;
	width:20%;
}

/* index
------------------------------------------------ */

.index {
	clear: both;
	margin: 0 0 0 -20px;
}

.index dl {
	position: relative;
	float: left;
	display: inline;
	margin-left: 20px;
	width: 350px;
	background: #eee;
}

.index dt {
	padding: 7px;
	background:#ddd;
}

.index dt a {
	text-decoration:none;
}

.index dd {
	padding: 7px;
}

.decoration {
	background:#edf2f6;
	padding:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}