@charset "utf-8";

*, article, aside, canvas, details, figcaption, figure,
header, footer, hgroup, nav, section, summary, main {
  margin: 0;
  padding: 0;
}

html,body{ height:100%;}

/* 背景 */
body {
  line-height: 1.4;
  color: #333333;
  font-family: Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 90%;
  background:url(../images/bg.gif);
}

/* 画像全体 */
img {
  border: 0;
  vertical-align: top;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

/* リスト */
ol, ul, li {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

/* テーブル */
table {
  border-collapse: collapse;
}

/* HTML5 */
article, aside, canvas, details, figcaption, figure,
header, footer, hgroup, nav, section, summary, main {
  display: block
}

/* コンテンツ全体 */
#contents_all {
  width:960px;
  height:auto !important;
  height:100%;
  margin:0 auto;
  min-height:684px;
  background:url(../images/bg_nav.gif) repeat-y left;
  box-shadow: 0px 0px 6px 6px rgba(51,51,51,0.2);
}

/* ヘッダー */
header{
  text-align:center;
 }
header.top {
	float: right;
}
/* コンテンツ */
#contents {
  margin:0 auto; 
  width: 960px;
}

/* クリアフィクス */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/* 左コンテンツ */
#contents_l {
  float: left;
  width: 230px;/* 適宜書き換え */
}

/* メニュー */
nav {
  width: 220px;
  margin:0 auto 30px;
}
ul.menu {
  width: 220px;
}
ul.menu > li > a {
  display: block;
  width: 220px;
  height: 40px;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-bottom: 5px;
  position: relative;
}
ul.menu > li a.on,
ul.menu > li a:focus,
ul.menu > li a:hover {
  background-position: -220px 0;
}
ul.menu > li.menu00 > a {background-image: url(../images/menu00.png)}
ul.menu > li.menu01 > a {background-image: url(../images/menu01.png)}
ul.menu > li.menu02 > a {background-image: url(../images/menu02.png)}
ul.menu > li.menu03 > a {background-image: url(../images/menu03.png)}
ul.menu > li.menu04 > a {background-image: url(../images/menu04.png)}
ul.menu > li.menu05 > a {background-image: url(../images/menu05.png)}
ul.menu > li.menu06 > a {background-image: url(../images/menu06.png)}
ul.menu > li.menu07 > a {background-image: url(../images/menu07.png)}
ul.menu > li.menu08 > a {background-image: url(../images/menu08.png)}
ul.menu > li.menu09 > a {background-image: url(../images/menu09.png)}
ul.menu > li.menu10 > a {background-image: url(../images/menu10.png)}
ul.menu > li.menu11 > a {background-image: url(../images/menu11.png)}
ul.menu > li.menu12 > a {background-image: url(../images/menu12.png)}
ul.menu > li.menu13 > a {background-image: url(../images/menu13.png)}
ul.menu > li.menu14 > a {background-image: url(../images/menu14.png)}
ul.menu > li.menu15 > a {background-image: url(../images/menu15.png)}

/* ここからmain部分 */

/* 右コンテンツ */
#contents_r.top {
  float: right;
  width: 730px;
  min-height: 610px;
  background:url(../images/bg_contentsall.png) repeat-y left;
}
#contents_r {
  float: right;
  width: 730px;
  min-height: 820px;
  background:url(../images/bg_contentsall.png) repeat-y left;
}

.point {
    position: relative;
}
#banner {
    position: absolute;
    top: 306px;
    left: 434px;
    z-index: 1;
}
#endaibanner {
    position: absolute;
    top: -300px;
    left: 530px;
    z-index: 1;
}
#dakuhi {
    position: absolute;
    top: 350px;
    left: 50px;
    z-index: 1;
}
#dakuhi div.dakuhiwaku {
	width:240px;
	border-radius: 10px;
	background: #d7003a;
	padding: 0.5em 1em;
	box-shadow: 0px 0px 0px 2px #ffffff;
}
#dakuhi div.dakuhiwaku p {
	font-weight:bold;
	font-size:16px;
	color:#ffffff;
	text-align:center;
}
#dakuhi a:hover,#dakuhi a:active {
	text-decoration:none;
}

div.aisatsu {
	border:3px solid #d7003a;
    position: absolute;
    top: 328px;
    left: 40px;
    z-index: 1;
	font-weight:bold;
	padding: 0.5em 1em;
	border-radius: 10px;
	width:340px;
	background: #fff;
	box-shadow: 0px 0px 0px 3px #fff;
}

/* 新着情報 */
#news {
  margin: 100px auto 0;
  width:690px;
  text-align:left;
}
#news_flame {
  width: 670px;/* #newsの幅より小さく */
  margin:0 auto 10px;
  font-size: 13px;
  height:165px;
  height:170px;  /*懇親会バナー追加により*/
  height:205px;
  padding:5px 10px;
  overflow:auto;
  background-color: #FFFFFF;
}
/* 段落の場合 */
#news_flame p span{
  color:#1e257c;
}
#news_flame p{
  padding-bottom:5px;
}
/* テーブルの場合 */
#news_flame table{
  width:660px;/* #news_flameの幅より小さく */
}
#news_flame table th{
  padding:5px 0;
  width:6.5em;
  vertical-align:top;
  text-align:left;/* 入れた方が良い */
  font-weight:100;
}
#news_flame table td{
  padding:5px 0;
  vertical-align:top;
}

/* 事務局等 */
#info {
	background-color:#FFFFFF;
  margin:4px 4px 9px;
  text-align:left;
	width: 220px;
}
#info .contact {
  width:220px;
  margin-bottom: 10px;
  border: 1px solid #6fba2c;
}
#info .info_title {
  width: 200px;
  margin: 4px 5px 0;
  text-align: center;
  padding:5px;
  background-color: #6fba2c;
  color: #FFFFFF;
}
#info address {
  font-style: normal;
  font-size: 12px;
}
#info address p{
  padding: 5px;
  text-align: left;
  line-height: 1.6;
}

/* フッター */
footer {
  clear: both;
  width:960px;
  text-align: center;
  vertical-align:middle;
   background-color:#5b2d41;
	font-size: 12px;
	padding: 6px 0;
	margin: 0 auto;
	color: #FFFFFF;
}

/* サブページ内 */
main {
  margin: 0 auto 20px;
  width: 700px;
  padding:40px 30px;
  position:relative;
  min-height:890px;
  background-color: #FFFFFF;
  border: 1px solid #6fba2c;
  border-radius: 0 0 10px  10px;
	box-sizing: border-box;
}

/* サブページ大見出し */
main h3 {
  font-size: 120%;
  font-weight: bold;
  padding:15px 10px 15px 15px;
  margin:2em 0 1em;
  border-left:10px solid #1A5CA0;
  border-bottom: 1px solid #1A5CA0;
  color: #333333;
}

/* 一番最初にくる時はアキなしにする場合はここに書き足す */
main h3:first-child, main h4:first-child, main h5:first-child, main p:first-child, main table tr td p:first-child, main blockquote p:first-child {
	margin-top: 0;
}

/* 組み合わせでアキなしする場合はここに書き足す */
main h3 + h4, main h4 + h5, main h3 + p ,main h4 + p, main h5 + p {
	margin-top:0;
}

/* サブページ中見出し */
main h4 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-size: 110%;
  font-weight: bold;
	padding: 5px 0 5px 10px;
	border-left: 10px solid #1A5CA0;
  color: #1A5CA0;
}

main h4.btn {
	padding:0 0 0 10px;
}
main h4.btn span {
	padding-right:4em;
}
main h4.btn img {
	vertical-align: middle;
}

/* サブページ小見出し */
main h5 {
  margin-top: 1em;
	margin-bottom: 0.5em;
	padding-bottom: 0.2em;
  font-weight: bold;
	border-bottom: 1px solid #1A5CA0;
}

/* サブページ段落 */
main.greet p{
	line-height: 1.8;
	text-indent:1em;
	margin-top:0;
	margin-bottom: 1.5em;
}
main p {
  margin-top: 1em;
}
main p.han {
  margin-top: 0.5em;
}
main p.zero {
  margin-top: 0;
}

/* サブページリスト（基本は固定） */
main ul {
  margin-left: 1em;
}
main ul li {
  list-style: disc;
}
main ul.aki li {
  margin-bottom: 0.5em;
}
main ol {
  margin-left: 1.5em;
}
main ol li {
  list-style: decimal;
}
main ol.aki li {
  margin-bottom: 0.5em;
}

/* 只今準備中です。 */
p.jyunbi {
  text-align: center;
  padding-top: 100px;
}

/* 挨拶 */
main.greet p{
  line-height: 1.8;
  text-indent:1em;
}

main.greet img {
  border: 1px solid #CCCCCC;
  padding: 1px;
}
/* テーブルで組む場合 */
table.greet_name {
  border: none;
  margin-bottom: 2em;
}
table.greet_name td {
	text-align: left;
	vertical-align: bottom;
}
table.greet_name th {
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	font-weight: normal;
	width:140px;
}

/* 開催概要 */
table.hyou_info{
	border-collapse:collapse;
	width:100%;
	border: 1px solid #BBBBBB;
}
table.hyou_info th{
	border-top:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	border-right:1px solid #BBBBBB;
	background-color: #FCF6F5;
	padding:1em 1.5em 1em 0.5em;
	vertical-align:top;
	white-space:nowrap;
	text-align:left;
	color: #555555;
	width:10%;
}
table.hyou_info td{
	border-top:1px solid #BBBBBB;
	border-bottom:1px solid #BBBBBB;
	padding:1em 0 1em 0.5em;
	vertical-align:top;
	text-align:left;
}
table.hyou_info td span.bold{
  color: #555;
}

/* program */
main h3.h3_prg {
	border: none;
	background-color: #9DCCFF;
	padding: 10px 5px 8px 10px;
}
main p.prg_day {
	text-align: right;
	margin-top: -0.75em;
	color: #828282;
	font-weight: bold;
}
main p.s_title {
	margin-top: 0.25em;
	color: #fc9126;
	font-weight: bold;
	font-size:105%;
	padding-left:1em;
	text-indent:-1em;
}

table.prg, table.prg2, table.prg3 {
  border: none;
  margin:0.5em 0 0 0;
	width: 100%;
}
table.prg + table.prg, table.prg2 + table.prg, table.prg2 + table.prg2 {
	margin-top:0;
}
table.prg td, table.prg2 td, table.prg3 td {
  text-align: left;
  vertical-align: top;
}
table.prg td.name, table.prg2 td.name, table.prg3 td.name {
  white-space: nowrap;
	width:12%;
}
table.prg td.name {
	width:12%;
}
table.prg2 td.name, table.prg3 td.name {
	width:14%;
	padding-left:0.5em;
}
table.prg td.affi, table.prg2 td.affi, table.prg3 td.affi {
	padding-left:1em;
	text-indent:-1em;
}
table.prg2 td.affi, table.prg3 td.affi {
	padding-bottom:0.2em;
}
table.prg td.affi_pb0, table.prg2 td.affi_pb0, table.prg3 td.affi_pb0 {
	padding-left:1em;
	text-indent:-1em;
	padding-bottom:0em;
}
table.prg td.affi {
	width:79%;
}
table.prg2 td.affi {
	width:71%;
}
table.prg3 td.affi {
	width:78%;
}
table.prg2 td.num, table.prg3 td.num {
	white-space: nowrap;
	vertical-align: top;
	width:6%;
}
table.prg3 td.num {
	width:8%;
	padding-left:1em;
}
table.prg2 td.e_title, table.prg3 td.e_title {
	font-weight: bold;
	padding-left:1em;
	text-indent:-1em;
}
table.prg2 td.e_title {
	width:85%;
}
table.prg3 td.e_title {
	font-weight: bold;
	width:92%;
}
table.prg th, table.prg2 th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  color:#1a9b3b;
  padding-right:0;
	padding-left:1em;
	width:9%;
}
/* seminar */
main p.seminar_day {
	margin-top: 0.25em;
	color: #828282;
	font-weight: bold;
}
table.seminar {
  border: none;
  margin:0.5em 0 1em 1em;
}
table.seminar td {
  text-align: left;
  vertical-align: top;
}
table.seminar td.name {
  white-space: nowrap;
}
table.seminar td.affi {
	padding-left:1em;
	text-indent:-1em;
}
table.seminar th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  color:#1a9b3b;
  padding-right:1em;
}
main p.endai_title {
	margin:-0.25em 0 -0.5em 1em;
	font-weight:bold;
}
/* endai */
.caution {
	background-color: #ffd0d0;
	padding: 1em;
	margin-top: 3em;
	margin-bottom: 3em;
	font-weight: bold;
	text-align: center;
	color: #ff0000;
}
.endai {
	border: 2px solid #cccccc;
	padding: 1em;
	margin: 1em 0;
}
.endai_caution {
	background-color: #FFF4D3;
	border: 2px solid #cccccc;
	padding: 1em;
	margin: 1em 0;
}
main p.endai_midashi {
	font-size: 110%;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
	color: #d2691e;
}
main p.endai_midashi2 {
	margin-bottom: 0.5em;
	font-weight: bold;
	color: #1A5CA0;

}
table.category {
  width: 100%;
  margin: 1em 0;
}
table.category td {
  border: 1px solid #666666;
  background-color: #FFFFFF;
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
}
table.category th {
	border: 1px solid #666666;
	background-color: #FEF2CF;
	padding: 0.5em;
	vertical-align: top;
	text-align: left;
	width: 50%;
}
table.houhou {
  border: none;
  width: 100%;
  margin-bottom: 0.5em;
}
table.houhou td {
  border-bottom: 1px solid #666666;
  text-align: left;
  vertical-align: top;
  padding: 1em 0;
}
table.houhou th {
  border-bottom: 1px solid #666666;
  padding: 1em 0;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
table.hyou_categories_l{
	width:319px;
	margin-bottom:1em;
	float:left;
}
table.hyou_categories_r{
	width:319px;
	margin-bottom:1em;
	float:right;
}
table.hyou_categories_l td, table.hyou_categories_r td{
	border:1px solid #777777;
	padding:0.5em;
	vertical-align:top;
	text-align:left;
}
table.hyou_categories_l th{
	border:1px solid #777777;
	background-color:#FEF2CF;
	padding:0.5em;
	vertical-align:top;
	text-align:center;
	font-weight:normal;
	width:10%;
}
table.hyou_categories_r th{
	border:1px solid #777777;
	border-left:none; 
	background-color:#FEF2CF;
	padding:0.5em;
	vertical-align:top;
	text-align:center;
	font-weight:normal;
	width:10%;
}
.nyukai {
	background-color: #FFF4D3;
	padding: 1em;
	margin: 1em 0;
}
.award {
	border : 1px solid #FF0000;
	border-top : 8px solid #FF0000;
	background-color: #fffff0;
	padding: 1em;
	margin-top: 2em;
	margin-bottom:2em;
}

/* WEBアプリのご案内 */
div.appli_waku {
	border:2px solid #F00;
	padding:8px 4px 8px 14px;
	margin:1.5em auto 0;
	width:84%;
}

/* 単位・ポイント取得のご案内 */
div.tani h3 {
	padding:10px 10px 10px 15px;
}
div.tani h4 {
	padding: 0;
	border-left: none;
}
table.tani {
	width: 100%;
	margin-bottom: 1em;
}
table.tani td {
	border: 1px solid #888888;
	padding: 0.3em 0.5em;
	vertical-align: top;
	text-align: left;
	width:84%;
}
table.tani th {
	border: 1px solid #888888;
	padding: 0.3em 0.5em;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	width:16%;
}

/* 懇親会 */
.konshinread {
	background-color:#fcf7e3;
	padding:0.5em 2.5em;
	font-size:105%;
	border: 4px dotted #fac000;
	margin-bottom:2em;
}
table.konshinkai {
	width: 100%;
	margin: 1em 0 2em;
	border: none;
}
table.konshinkai td {
	padding-bottom: 0.5em;
	vertical-align: top;
	text-align: left;
}
table.konshinkai td.photo {
	text-align: right;
	padding: 0;
}
table.konshinkai th {
	padding-bottom: 0.5em;
	vertical-align: top;
	text-align: left;
	font-weight:bold;
	color:#89572e;
	white-space: nowrap;
	width:4em;
}

/* 託児所のご案内 */
table.hyou_nursery{
	width:100%;
	border: 1px solid #BBBBBB;
	margin-top: 1em;
	margin-bottom: 2em;
}
table.hyou_nursery th{
	border:1px solid #BBBBBB;
	background-color: #FCF6F5;
	padding:1em 0.5em;
	vertical-align:top;
	white-space:nowrap;
	text-align:left;
	color: #555555;
	width:6em;
}
table.hyou_nursery td{
	border:1px solid #BBBBBB;
	padding:1em 0.5em;
	vertical-align:top;
	text-align:left;
}

.num2 dt{
	width:1.5em;
	float:left;
}
.num2 dd{
	margin-left:1.5em;
}

/*ポスター・チラシ申し込み*/
table.hyou_poster{
	border:1px solid #BBBBBB;
	border-collapse:collapse;
	margin:1em 0 0;
}
table.hyou_poster td{
	border:1px solid #BBBBBB;
	padding:0.3em 1em;
	vertical-align:top;
	text-align:left;
}
table.hyou_poster th{
	border:1px solid #BBBBBB;
	background-color:#FCF6F5;
	padding:0.3em 1em;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}
div.nifuda {
    border: 1px solid #878787;
    padding: 0.5em 1em;
}

/* sanka */
.num dt{
	width:1.5em;
	float:left;
}
.num dd{
	margin-left:1.5em;
	margin-bottom:0.5em;
}

table.non_sanka {
  border: none;
}
table.non_sanka td {
  text-align: left;
  vertical-align: top;
}
table.non_sanka th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  font-weight: normal;
}

p.tani_title {
	font-size: 110%;
	font-weight: bold;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
  color: #1A5CA0;
}

table.hyou_tani {
  width: 100%;
  margin-bottom: 1em;
}
table.hyou_tani td {
	border: 1px solid #888888;
	padding: 0.3em 0.5em;
	vertical-align: top;
	text-align: left;
	width:84%;
}
table.hyou_tani th {
	border: 1px solid #888888;
	padding: 0.3em 0.5em;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	width:16%;
}

table.hyou_iinkai {
  width: 100%;
  margin-bottom: 1em;
}
table.hyou_iinkai td {
  border: 1px solid #666666;
  background-color: #FFFFFF;
  padding: 0.3em 0.5em;
  vertical-align: middle;
  text-align: center;
}
table.hyou_iinkai th {
	border: 1px solid #666666;
	background-color: #FEF2CF;
	padding: 0.5em;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
}

/* 座長・演者の皆様へ */
main.speaker h4 {
  padding: 0;
  border-left: none;
}

.num-maru dt{
	width:1.5em;
	float:left;
  padding-left: 0.5em;
}
.num-maru dd{
	margin-left:2em;
}

table.hyou_speaker {
  width: 100%;
  margin-bottom: 0.5em;
}
table.hyou_speaker td {
  border: 1px solid #666666;
  background-color: #FFFFFF;
  padding: 0.3em 0.5em;
  vertical-align: middle;
  text-align: center;
}
table.hyou_speaker th {
	border: 1px solid #666666;
	background-color: #FEF2CF;
	padding: 0.5em;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
}


/* 別ページで開く------------------- */

/* 別ページで開くここまで------------------- */

/* kigyo */

/* accsess*/

/* リンク */
p.link {
	background:url(../images/icon_link.png) no-repeat left center;
	padding-left:15px;
	margin-bottom:0;
}
p.link a:link,p.link a:visited {
	color:#333333;
	text-decoration:none;
}
p.link a:hover,p.link a:active {
	color:#666666;
	text-decoration:underline;
}

/* 文章中のリンク */
a:link, a:visited {
  color: #0066CC;
  text-decoration: none;
}
a:hover, a:active {
  color: #0066CC;
  text-decoration: underline;
}

/* pagetop */
.pagetop {
	display: none;
	position: fixed;
	bottom:70px;
	right:70px;
}
.pagetop a {
	display: block;
	width:70px;
	height:70px;
}

/* 外部リンク */
a.external {
  background: url(../images/external.png) no-repeat right center;
  padding-right: 20px;
}

/* テンプレート */
table.hyou_aaa {
  width: 100%;
  margin-bottom: 1em;
}
table.hyou_aaa td {
  border: 1px solid #666666;
  background-color: #FFFFFF;
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
}
table.hyou_aaa th {
	border: 1px solid #666666;
	background-color: #FEF2CF;
	padding: 0.5em;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	width: 20%;
}
table.hyou_aaa tr {
  padding: 0.5em;
  vertical-align: top;
  text-align: left;
}

/* table line_none */
table.non {
  border: none;
}
table.non td {
  text-align: left;
  vertical-align: top;
}
table.non th {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  font-weight: normal;
}

/* ※一字下げ */
.kome{
	padding-left:1em;
	text-indent:-1em;
}
.btn_dl ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.btn_dl ul {
	margin:1.5em 2em 2em;
}
.btn_dl ul li {
	float:left;
	list-style:none;
	width:50%;
	text-align:center;
}
