@charset "utf-8";

/* ↓ reset
================================== */
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,a{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
a {text-decoration: none;}

/* ↓ setting
================================== */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* clearfix*/
.cf:after { content: ""; clear: both; display: block; }

/* マージン指定*/
.m0 { margin: 0px !important;}
.m5 { margin: 5px !important;}
.m10{ margin: 10px !important;}
.m15{ margin: 15px !important;}
.m20{ margin: 20px !important;}

.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}

.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.mb30{ margin-bottom: 20px !important;}

.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10{ margin-right: 10px !important;}
.mr15{ margin-right: 15px !important;}
.mr20{ margin-right: 20px !important;}

.ml0 { margin-left: 0px !important;}
.ml5 { margin-left: 5px !important;}
.ml10{ margin-left: 10px !important;}
.ml15{ margin-left: 15px !important;}
.ml20{ margin-left: 20px !important;}

/* 余白指定*/
.p0 { padding: 0px !important;}
.p5 { padding: 5px !important;}
.p10{ padding: 10px !important;}
.p15{ padding: 15px !important;}
.p20{ padding: 20px !important;}

.pt0 { padding-top: 0px !important;}
.pt5 { padding-top: 5px !important;}
.pt10{ padding-top: 10px !important;}
.pt15{ padding-top: 15px !important;}
.pt20{ padding-top: 20px !important;}

.pb0 { padding-bottom: 0px !important;}
.pb5 { padding-bottom: 5px !important;}
.pb10{ padding-bottom: 10px !important;}
.pb15{ padding-bottom: 15px !important;}
.pb20{ padding-bottom: 20px !important;}

.pr0 { padding-right: 0px !important;}
.pr5 { padding-right: 5px !important;}
.pr10{ padding-right: 10px !important;}
.pr15{ padding-right: 15px !important;}
.pr20{ padding-right: 20px !important;}

.pl0 { padding-left: 0px !important;}
.pl5 { padding-left: 5px !important;}
.pl10{ padding-left: 10px !important;}
.pl15{ padding-left: 15px !important;}
.pl20{ padding-left: 20px !important;}

/* テキスト位置指定*/
.tL { text-align: left !important;}
.tR { text-align: right !important;}
.tC { text-align: center !important; }

/* フォントサイズ*/
.fB { font-weight: bold;}
.fS {font-size: 80%;}
/* 縦位置指定*/
.vTop { vertical-align: top !important; }
.vMdl { vertical-align: middle !important; }
.vBtm { vertical-align: bottom !important; }
.vBsl { vertical-align: baseline !important; }
.mid {vertical-align:middle;}

/* ブロック指定*/
.dsp_b { display: block !important; }
.dsp_n { display: none !important; }
.dsp_ib { display: inline-block !important; }

/* フロート指定*/
.fL { float: left !important; }
.fR { float: right !important; }
.fN { float: none !important; }

/* ↓ style
================================== */
/* 全体 */
body{
	min-width: 1000px;
	font-family:  "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background: url(../img/bg.jpg) no-repeat center top;
}
a:hover {
	text-decoration: underline;
	color: #FF0084;
}
.ad {
	vertical-align: middle;
}
.ad:hover {
	opacity: 0.7;
}
/* アイコン */
.blank {
	background: url(../img/icon_blank.png) no-repeat right center;
	padding-right: 20px;
}
.pdf {
	background: url(../img/icon_pdf.gif) no-repeat right center;
	padding-right: 20px;
}

/* ヘッダー */
#header {
	width: 100%;
	background: #FFCC00;
	border-top: 3px solid #FFFAE5;
}
#header .txt_h1 {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 5px 10px;
	font-size: 75%;
}

/* ナビゲーション */
#nav {
	padding: 10px 0 20px;
}
#nav ul li {
	display: inline-block;
	width: 188px;
	margin-right: 10px;
	text-align: center;
	color: #01215E;
	font-size: 110%;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "ヒラギノ丸ゴ ProN W4", 'Hiragino Maru Gothic ProN',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 900;
}
#nav ul li a {
	display: block;
	padding: 8px 0;
	color: #323232;
	border: 1px solid #FFCC00;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(255,224,104,1) 50%, rgba(255,204,0,1) 51%, rgba(255,250,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(255,224,104,1) 50%,rgba(255,204,0,1) 51%,rgba(255,250,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(255,224,104,1) 50%,rgba(255,204,0,1) 51%,rgba(255,250,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fffae8',GradientType=0 ); /* IE6-9 */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#nav ul li a:hover {
	border: 1px solid #CCC;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}

/* コンテンツ */
#container {
	width: 1000px;
	margin: 0 auto;
	background: #FFF;
}
#container {
	box-shadow:rgba(113, 135, 164, 0.4) 0px 5px 15px 0px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.4) 0px 5px 15px 0px;
	-moz-box-shadow:rgba(113, 135, 164, 0.4) 0px 5px 15px 0px;
}
#contents {
	padding:0 30px 20px 30px;
}
#contents section {
	margin-bottom: 20px;
}
#contents h2 {
	margin-bottom: 10px;
	padding: 7px 5px 5px;
	font-size: 110%;
	border: 1px solid #ededed;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 37%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 37%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 37%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-family: "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", "ヒラギノ丸ゴ ProN W4", 'Hiragino Maru Gothic ProN',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 900;
}
#contents h2 span {
	display: block;
	padding:0 0 3px 10px;
	border-bottom: 2px solid #FFCC00;
}
#contents h3 {
	margin-bottom: 5px;
	padding: 3px 10px;
	font-size: 95%;
	border: 1px solid #ededed;
	border-left: 10px solid #FFCC00;
	background: #ffefb2;
}
#contents .sec_box {
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #CCC;
	line-height: 1.5;
}
#contents .gotop {
	font-size: 70%;
	text-align: right;
}
#contents .gotop a {
	color: #323232;
}
#contents .gotop a:hover {
	color: #FF0084;
	text-decoration: underline;
}
/* 参加申込要領 */
#outline .outline_table {
	width: 100%;
	margin: 15px 0;
	border-collapse:collapse;
	line-height: 1.5;
}
#outline .outline_table th {
	width: 15em;
	padding: 10px;
	border: 1px solid #CCC;
	background: #F3F3F3;
}
#outline .outline_table td {
	padding: 10px;
	border: 1px solid #CCC;
}
/* プログラム */
#program h3 span {
	padding-left: 20px;
	font-size: 85%;
}
#program .program_table {
	width: 100%;
	border-collapse:collapse;
	line-height: 1.5;
	border: 1px solid #CCC;
	border-bottom: 0;
}
#program .program_table th {
	width: 5em;
	padding-top: 10px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #CCC;
}
#program .program_table td {
	padding: 10px 10px 10px 20px;
	border: 1px solid #CCC;
}

#program .program_table .white td,
#program .program_table .white th {
	background:white;
}

#program .program_table .program_table_inr td {
	padding: 0 20px 0 0;
	border: none;
}
#program .break td {
	padding-left: 10px;
	background: #FFFAE5;
}
#program .border_none {
	border-bottom: 0!important;
}
	#program .table01 th,
	#program .table02 th,
	#program .table03 th,
	#program .table04 th,
	#program .table05 th {
		vertical-align: middle;
		border-bottom: 1px solid #CCC;
	}
	#program .table01 td,
	#program .table02 td,
	#program .table03 td,
	#program .table04 td,
	#program .table05 td {
		border-bottom: 1px solid #CCC;
	}
	#program th.ryouiki_ttl01,
	#program th.ryouiki_ttl02,
	#program th.ryouiki_ttl03,
	#program th.ryouiki_ttl04,
	#program th.ryouiki_ttl05 {
		width: 5%;
		padding:0;
		margin: 0;
	}
	#program .table01 th.ryouiki_ttl01 {
		background: #00A5E4;
	}
	#program .table02 th.ryouiki_ttl02 {
		background: #F7931D;
	}
	#program .table03 th.ryouiki_ttl03 {
		background: #011E46;
	}
	#program .table04 th.ryouiki_ttl04 {
		background: #D71634;
	}
	#program .table05 th.ryouiki_ttl05 {
		background: #00B259;
	}

#program .color_gray {
	background: #F3F3F3!important;
}

/* 会場案内 */
#access .map {
	width: 500px;
	margin: 20px auto 0;
}
#access .map2 {
	width: 800px;
	margin: 0 auto;
}
#access .map img,
#access .map2 img {
	width: 100%;
}
/* お申込み */
#app .link{
	max-width: 15em;
	margin: 10px auto;
	padding: 10px 0;
	background: rgb(1,33,92); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(1,33,92,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(49,137,201,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(1,33,92,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(49,137,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(1,33,92,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(49,137,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01215c', endColorstr='#3189c9',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
}
#app .link a{
	display: block;
	color: #FFF;
}
#app .link a:hover{
	text-decoration: none;
	opacity: 0.7;
}
/* フッター */
#footer {
	background: #FFCC00;
}
#footer .footer_inr {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 15px 10px  30px;
	font-size: 80%;
}
#footer .footer_inr a:hover {
	opacity: 0.7;
}

.finish {
	color: red;
	display: block;
	background: url(../img/icon_finish.png) no-repeat left 1px;
	padding: 2px 0 1px 25px;
}