/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/*　■■■■■■■■■ 共通CSS  ■■■■■■■■■■■　*/
/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/

/*　■■■■■■■■■ リセット補足 ■■■■■■■■■　*/
a {
	text-decoration:none;
}
a:link, a:visited {
	color:#000;
}
a:hover {
	color:#F00;
}
figure {
	margin:0;
}
.clear {
	clear:both;
}
/*　■■■■■■■■■ 文字色・背景 ■■■■■■■■■　*/
/* カラー */
.black {
	color:#000;
}
.red {
	color:#F00;
}
.white {
	color: #FFF;
}
.blue {
	color: #00F;
}
.navy {
	color:#006;
}
.gray {
	color:#CCC;
}
.green {
	color:#090;
}
.orange {
	color: #F60;
}
.pink {
	color:#F69;
}
/* 背景 */
.back_gray {
	background-color:#CCC;
}
.back_white {
	background-color:#FFF;
}
/*　■■■■■■■■■ フォント ■■■■■■■■■　*/
/* サイズ */
.s400 {
	font-size:400%;
}
.s200 {
	font-size:200%;
}
.s160 {
	font-size:160%;
}
.s140 {
	font-size:140%;
}
.s120 {
	font-size:120%;
}
.s110 {
	font-size:110%;
}
.s90 {
	font-size:90%;
}
.s85 {
	font-size:85%;
}
.s80 {
	font-size:80%;
}
.s70 {
	font-size:70%;
}
.s60 {
	font-size:60%;
}
.s50 {
	font-size:50%;
}
/* フォントの太さ */
.bold {
	font-weight: bold;
}
.normal {
	font-weight:normal;
}
/*　■■■■■■■■■ 文字配置 ■■■■■■■■■　*/
/* 行の高さ */
.lh110 {
	line-height:110%;
}
.lh130 {
	line-height:130%;
}
.lh150 {
	line-height:150%;
}
/* 行揃えの位置 */
.tright {
	text-align:right;
}
.tleft {
	text-align:left;
}
.tcenter {
	text-align:center;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
/* テキストの下線・打ち消し線 */
.under {
	text-decoration: underline;
}
.torikeshi {
	text-decoration:line-through;
}
/* 字下げ */
.sage1 {
	text-indent: 1em;
}
.sage10 {
	margin:0 0 7px 1em;
	text-indent: -1em;
}
.sage13 {
	margin:0 0 7px 1.3em;
	text-indent: -1.3em;
}
.sage20 {
	margin:0 0 7px 2em;
	text-indent: -2em;
}
/* マージン・パディング */
/* 上 */
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt30 {
	margin-top:30px;
}
/* 右 */
.mr10 {
	margin-right:10px;
}
.mr20 {
	margin-right:20px;
}
.mr30 {
	margin-right:30px;
}
/* 下 */
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
/* 左 */
.ml03 {
	margin-left:0.3em;
}
.ml04 {
	margin-left:0.4em;
}
.ml05 {
	margin-left:0.5em;
}
.ml06 {
	margin-left:0.6em;
}
.ml08 {
	margin-left:0.8em;
}
.ml10 {
	margin-left:1em;
}
.ml13 {
	margin-left:1.3em;
}
.ml20 {
	margin-left:2em;
}
.ml30 {
	margin-left:3em;
}
.ml40 {
	margin-left:4em;
}
/*　■■■■■■■■■ テーブル ■■■■■■■■■　*/
table {
	font-size:90%;
}
table.kihon td{
	border:solid #999 1px;
	padding:7px;
}
table.kihon th{
	border:solid #999 1px;
	padding:7px;
}
table.kihon2 td{
	border:solid #999 1px;
	padding:14px;
}
table.kihon2 th{
	border:solid #999 1px;
	padding:14px;
}
table.wakunashi tr td{
	border:none;
	padding:7px;
}
/*　■■■■■■■■■ リスト ■■■■■■■■■　*/
/* 算用数字 */
.deci {
	margin:0 0 0 20px;
	list-style-type:decimal;
}
/* 先頭に0をつけた算用数字 */
.deci2 {
	margin:0 0 0 20px;
	list-style-type:decimal-leading-zero;
}
/* 黒四角 */
.square {
	margin:0 0 0 20px;
	list-style-type:square;
}
/* 黒丸 */
.disc {
	margin:0 0 0 20px;
	list-style-type:disc;
}
/* 白丸 */
.circle {
	margin:0 0 0 20px;
	list-style-type:circle;
}
/* 大文字のローマ数字 */
.uproman {
	margin:0 0 0 20px;
	list-style-type:upper-roman;
}
/* 小文字のアルファベット */
.lowlatin {
	margin:0 0 0 20px;
	list-style-type:lower-latin;
}
/* 大文字のアルファベット */
.uplatin {
	margin:0 0 0 20px;
	list-style-type:upper-latin;
}
/* dlを使ったシンプルなリスト その１ */
dl.list01 dt {
	margin:15px 0 5px;
	font-size:105%;
	font-weight:bold;
}
dl.list01 dt span {
	margin:0 0 0 5px;
	font-size:85%;
	font-weight:normal;
}
dl.list01 dd {
	margin:0 0 0 1em;
}
/*　■■■■■■■■■ その他 ■■■■■■■■■　*/
/* 画像の枠線など */
.img_border {
	padding:1px;
	border:solid 1px #666;
	background-color: #FFF;
}
/* ページトップへ */
.toTop {
	clear:both;
	text-align:right;
	margin:15px 3em 54px 0;
	font-size:85%;
}
/* 準備中 */
.const {
	margin:40px 0 0 30px;
	font-size:200%;
	color:#999;
	line-height:240%;
}
.const span {
	margin-left:40px;
	font-size:240%;
}
/* ボタン */
ul.btn01 {
}
ul.btn01 li {
	margin:0 20px 5px 0;
	padding:5px;
	width:240px;
	height:40px;
	border:solid 1px #333;
	border-radius:3px;
	background:#fc6;
	float:left;
}
ul.btn01 a:link li, ul.btn01 a:visited li {
	color:#000;
}
ul.btn01 a:hover li {
	opacity:0.7;
	color:#F00;
}
/* 住所 */
dl.address {
	margin:7px 0 0;
}
dl.address dt {
	margin:10px 0 5px;
	line-height:120%;
	font-weight:bold;
}
dl.address dt.s {
	margin:0 0 7px;
	line-height:120%;
	font-weight:bold;
	font-size:80%;
}
dl.address dd {
	line-height:120%;
}
dl.address a:visited {
	color:#000;
}
dl.address a:link {
	color:#000;
}
dl.address a:hover {
	color:#F00;
}
/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/*　■■■■■■■■■ ページの構造 ■■■■■■■■■　*/
/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/* ------------ ボディ -----------*/
body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 83%;
	line-height:165%;
	background:#999;
}
/* ------------ 外枠 -----------*/
#sec {
	margin:0 auto;
	width:900px;
	text-align:left;
	box-shadow:0 0 15px #000;
	background:#FFF;
}
/* ------------ ヘッダ -----------*/
#title {
	width:900px;
	height:100px;
	background:#069;
	border-bottom:solid 1px #000;
}
#title .title_l {
	float:left;
}
#title .title_l img {
	margin:10px 0 0 50px;
}
#title .title_r {
	float:left;
}
#title h1 {
	margin:35px 0 0 50px;
	font-weight:bold;
	font-size:360%;
	text-shadow:1px 1px 1px #333;
	color:#fff;
}
#title h1 span {
	margin:0 5px 0 5px;
	font-size:85%;
	letter-spacing:-1px;
}
#title h2 {
	margin:7px 0 0 60px;
	font-size:105%;
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
#title h2 .ue {
	vertical-align:5px;
	font-size:70%;
}
/* ----------------------- 左枠 ----------------------- */
#sec_left {
	padding: 0;
	width: 219px;
	min-height:950px;
	float: left;
	border-right:solid 1px #999;
}
/* ----------------------- 右枠 ----------------------- */
#sec_right {
	padding:0;
	width: 680px;
	float: right;
}
#sec_right_temp {
	padding:0;
	width: 680px;
	float: right;
	background:#FFF;
}
/* -------------- フッター -------------- */
#footer {
	clear:both;
	width: 100%;
	height: 44px;
	margin:0 0 0;
	padding:14px 0;
	background:#000;
}
#footer .copy {
	margin: 5px auto auto -10px;
	font-size: 9px;
	color:#fff;
	text-align: right;
	width: 850px;
}
#footer a:visited {
	color:#FFF;
}
#footer a:link {
	color:#FFF;
}
#footer a:hover {
	color:#F00;
}
/* -------------- ナビゲーションボタン -------------- */
#navi{
	margin:20px 0 0 10px;
	width:190px;
	background:url(img/image_side.jpg);
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
}
#navi li {
	margin:0;
	padding:6px 0 8px 5px;
	width:185px;
	border-bottom:solid 1px #999;
	font-size:105%;
	font-weight:bold;
	text-shadow:1px 1px 1px #fff;
}
#navi a {
	width:190px;
	display:block;
}
#navi li span.migi {
	margin:0 5px 0 0;
	font-size:110%;
}
#navi a:link, #navi a:visited {
	color:#000;
}
#navi li:hover {
	background:#ccc;
	color:#ff0;
}
#navi a:link span.migi, #navi a:visited span.migi {
	color:#069;
}
#navi li:hover span.migi {
	color:#ff0;
}
/*モバイルトップ用ナビ～ページが縦長になった場合は使用する*/
.navi_mobile {
	display:none;
}
/* -------------- 共通コンテンツ -------------- */
.atcl00 {
	margin: 0 0 25px 2.5em;
	width: 90%;
}
.atcl_side {
	width: 185px;
	margin: 0 10px 24px 15px;
}
.atcl_temp {
	padding:1px 0 0;
	min-height:650px;
	background:#fff;
}
.bar {
	width:620px;
	margin: 20px 0 15px 20px;
	padding:7px 0 7px 0.5em;
	font-size:120%;
	font-weight:bold;
	background:#069;
	box-shadow:1px 1px 1px #000;
	color:#fff;
}
.bar span.renew {
	margin:0 1em 0 0;
	float:right;
	font-size:70%;
}
.bar span.renew a:link, .bar span.renew a:visited {
	color:#fff;
}
.bar span.renew a:hover {
	color:#F00;
}
.minibar {
	width:200px;
	margin: 20px 0 15px 5px;
	padding:5px 0 5px 0.5em;
	font-size:120%;
	font-weight:bold;
	background:#069;
	box-shadow:1px 1px 1px #000;
	color:#fff;
}
.mark {
	color:#fff;
}
/*　■■■■■■■■■ トップページ ■■■■■■■■■　*/
/* メインイメージ（開催概要） */
#main {
	height:700px;
	background:url(img/image.jpg) no-repeat;
	border-bottom:solid 1px #999;
}
#main dl {
	position:relative;
	top:35px;
	left:380px;
	width:300px;
}
#main dt {
	margin:0;
	padding:0;
	width:50px;
	height:50px;
	float:left;
	background:#ff0;
	border-radius:30px;
	box-shadow:1px 1px 1px #000;
	font-weight:bold;
	line-height:100%;
	text-align:center;
}
#main dt p {
	padding:18px 0 0;
}
#main dd {
	margin:0 0 10px 5em;
	padding:13px 0 0 ;
	color:#111;
	text-shadow:1px 1px 1px #FFF;
}
#main p.date {
	margin: -10px 0 20px;
	font-size:130%;
	font-weight:bold;
	letter-spacing:-2px;
}
#main p.date span {
	font-size:160%;
	text-shadow:1px 1px 1px #FFF;
}
#main p.kaijo {
	margin: -5px 0 0;
	font-size:150%;
	font-weight:bold;
	letter-spacing:-2px;
}
#main p.kaijo span {
	font-size:70%;
	font-weight:normal;
}
#main p.kaicho {
	margin:-5px 10px 0 0;
	font-size:170%;
	font-weight:bold;
}
#main p.kaicho_sub {
	font-size:90%;
	font-weight:bold;
	color:#333;
	line-height:110%;
}
/* 更新情報 */
.news {
	margin:0 0 0 0;
	width:95%;
	height:230px;
	overflow:auto;
	background:#FFF;
}
.news dl {
	padding:10px 5px;
	border-bottom:dotted 1px #666;
}
.news dt {
	float:left;
}
.news dt span {
	margin:0 5px 0 0;
	color:#f00;
	font-size:110%;
}
.news dd {
	margin:0 0 0 9em;
}
/*　■■■■■■■■■ 挨拶 ■■■■■■■■■　*/
#aisatsu .bun {
	width:98%;
	font-size:105%;
	line-height:180%;
}
#aisatsu .bun p {
	margin:0 0 10px;
	text-indent:1em;
}
/*　■■■■■■■■■ 開催概要 ■■■■■■■■■　*/
#gaiyo h4 {
	margin:10px 0 3px;
	font-weight:bold;
	color:#003399;
}
#gaiyo h4.top {
	margin:0 0 3px;
}
#gaiyo dl {
	margin:34px 0 0;
}
#gaiyo dt {
	padding:5px 0;
	width:100px;
	text-align:center;
	background:#666;
	border:solid 1px #999;
	border-radius:5px;
	font-weight:bold;
	line-height:110%;
	float:left;
}
#gaiyo dt p {
	color:#fff;
}
#gaiyo dt .nimoji {
	letter-spacing:1em;
}
#gaiyo dd {
	margin:0 0 20px 9em;
	padding:3px 0 0 ;
}
#gaiyo .title {
	margin:10px 0 3px 1.3em;
	text-indent:-1.3em;
	font-size:105%;
}
#gaiyo .enja {
	margin:0 0 0 2em;
}
#gaiyo .enja span {
	margin:0 0 0 0.5em;
	font-size:85%;
}
/*　■■■■■■■■■ プログラム ■■■■■■■■■　*/
#pro h2 {
	margin:50px 0 10px;
	padding:5px 0;
	text-align:center;
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
	background:#666666;
}
#pro h3 {
	margin:35px 0 3px;
	padding:0 0 3px 5px;
	border-bottom:solid 1px #000;
	font-weight:bold;
	font-size:110%;
}
#pro h3 span.time {
	font-size:85%;
	font-weight:normal;
	margin:0 0 0 1em;
}
#pro h3 span.kakko {
	margin-right:1em;
	float:right;
	font-size:85%;
	font-weight:normal;
}
#pro h4 {
	margin:10px 0 5px 1em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:125%;
	font-weight:bold;
}
#pro .zacho {
	float:right;
	margin:0 0 20px 4em;
	text-indent:-3em;
}
#pro .title {
	clear:both;
	margin:20px 0 5px 6em;
	text-indent:-3.5em;
	font-size:110%;
	font-weight:bold;
	width:85%;
}
#pro .title span {
	margin-right:1em;
	/*font-size:110%;*/
	color:#666;
}
#pro .enja {
	margin:0 0 0 9em;
	text-indent:-1em;
}
#pro .zoku {
	margin:0 0 0 9em;
	font-size:85%;
}
/*■PDFダウンロード*/
#pro ul.pdf {
	margin:10px 0 0 0;
}
#pro ul.pdf li {
	margin: 0 0 20px 5px;
	padding:0px auto;
	width:200px;
	border:solid 1px #333333;
	border-radius:5px;
	background:#990000;
	float:left;
	text-align:center;
}
#pro ul.pdf li:hover {
	opacity:0.8;
}
#pro ul.pdf li a {
	display:block;
	padding:10px 0;
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
}
/*　■■■■■■■■■ 演題 ■■■■■■■■■　*/
#endai h3 {
	margin:35px 0 15px;
	padding:0 0 3px;
	border-bottom:dotted 1px #666666;
	font-size:110%;
	font-weight:bold;
	color:#333333;
	clear:both;
}
#endai h3.gakusei {
	margin:35px 0 15px;
	padding:10px;
	border-bottom:none;
	background:#993366;
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
	clear:both;
}
#endai h4 {
	margin:30px 0 10px;
	font-size:115%;
	font-weight:bold;
	clear:both;
}
#endai h5 {
	margin:20px 0 5px;
	font-size:105%;
	font-weight:bold;
	clear:both;
}
#endai .con {
	margin:0 0 0 2em;
	width:95%;
}
#endai dl dt {
	margin:20px 0 10px;
	font-size:105%;
	font-weight:bold;
	color:#333333;
}
#endai dl.online dd {
	margin:0 0 0 20px;
}
#endai dl.online dd.kikan {
	font-size:160%;
	font-weight:bold;
	color:#003300;
}
#endai dl.online dd.kikan span {
	font-size:150%;
}
#endai dl.online dd.kikan_encho {
	font-size:160%;
	font-weight:bold;
	color:#003300;
}
#endai dl.online dd.kikan_encho span {
	font-size:150%;
}
#endai dl.online dd.kikan_encho p.encho {
	margin:0 0 0 11em;
	color:#FF0000;
}
#endai dl.online dd.kikan_encho span.torikeshi {
	font-size:85%;
	text-decoration:line-through;
}
#endai dl.online li {
	margin:0 10px 10px 0;
	width:150px;
	height:30px;
	border-radius:10px;
	border:solid 1px #999999;
	font-size:120%;
	float:left;
	color:#FFFFFF;
}
#endai dl.online li.shinki {
	padding:10px 0 0 30px;
	background-color:#FF0000;
}
#endai dl.online a:link li.shinki, #endai dl.online a:visited li.shinki {
	color:#FFFFFF;
}
#endai dl.online a:hover li.shinki {
	color:#FFFFCC;
	background-color:#FF6666;
}
#endai dl.online li.syusei {
	padding:10px 0 0 20px;
	background-color:#003399;
}
#endai dl.online a:link li.syusei, #endai dl.online a:visited li.syusei {
	color:#FFFFFF;
}
#endai dl.online a:hover li.syusei {
	color:#FFFFCC;
	background-color:#0066CC;
}
#endai .waku {
	width:90%;
	padding:10px;
	border: solid 1px #3cf;
	letter-spacing:2px;
}
#endai table.kazari {
	width:90%;
}
#endai table.kazari td {
	border: solid 1px #3cf;
}
.box {
	margin:0;
	padding:10px 20px;
	width:70%;
	border:solid 1px #069;
}
#endai ul.disc > li {
	margin-bottom:10px;
}
/*　■■■■■■■■■ ハンズオン ■■■■■■■■■　*/
#hanson h3 {
	margin:35px 0 15px;
	padding:0 0 3px;
	border-bottom:dotted 1px #666666;
	font-size:110%;
	font-weight:bold;
	color:#333333;
	clear:both;
}
#hanson dt {
	float:left;
	font-weight:bold;
}
#hanson dd {
	margin:0 0 10px 11em;
}
#hanson .deci li {
	margin-bottom:7px;
}
/*　■■■■■■■■■ 居酒屋討論会 ■■■■■■■■■　*/
#izakaya h3 {
	margin:35px 0 15px;
	padding:0 0 3px;
	border-bottom:dotted 1px #666666;
	font-size:110%;
	font-weight:bold;
	color:#333333;
	clear:both;
}
#izakaya dl {
	margin:20px 0 ;
	padding:10px 10px 7px 10px;
	width:70%;
	border:solid 1px #000000;
	background:#FFFFCC;
}
#izakaya dt {
	float:left;
	font-weight:bold;
}
#izakaya dd {
	margin:0 0 10px 5em;
}
#izakaya .deci li {
	margin-bottom:7px;
}
#izakaya .excel {
	margin:30px 0;
	padding:10px 0;
	width:280px;
	background:#006600;
	text-align:center;
	border-radius:5px;
}
#izakaya .excel:hover {
	opacity:0.7;
}
#izakaya .excel a {
	display:block;
	width:280px;
	font-size:120%;
	font-weight:bold;
	color:#FFFFFF;
}
/*　■■■■■■■■■ アクセス ■■■■■■■■■　*/
#access h3 {
	margin:35px 0 15px;
	padding:0 0 3px;
	border-bottom:dotted 1px #666;
	font-size:110%;
	font-weight:bold;
	color:#333;
}
/*　■■■■■■■■■ リンク ■■■■■■■■■　*/
#link h3 {
	margin:35px 0 15px;
	padding:0 0 3px;
	width:95%;
	border-bottom:dotted 1px #666;
	font-size:110%;
	font-weight:bold;
	color:#333;
}
#link ul {
	margin:10px 0 0 30px;
	list-style:square;
}
#link li {
	margin:0 0 10px;
	font-size:105%;
}
#link li a {
	font-size:85%;
	text-decoration:underline;
}
/*　■■■■■■■■■ 案内 ■■■■■■■■■　*/
#annai h3 {
	margin:35px 0 15px;
	padding:0 0 3px;
	border-bottom:dotted 1px #666;
	font-size:110%;
	font-weight:bold;
	color:#333;
}
#annai h4 {
	margin:20px 0 5px 0;
	font-size:110%;
	font-weight:bold;
	color:#333;
}
#annai h5{
	margin:10px 0 5px 0;
	font-weight:bold;
}
#annai .con {
	margin:0 0 0 2em;
}
#annai dt {
	font-weight:bold;
	float:left;
}
#annai dd {
	margin:0 0 5px 7em;
}
#annai li {
	margin:0 0 5px 0;
}