@charset "UTF-8";

/*!normalize.css v3.0.2 | MIT License | git.io/normalize */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}

/* ===============================================
	base setting
=============================================== */
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/js/boxsizing.htc); 
	-ms-touch-action: none;
}
body {
	background: #f3f3f3;
	color: #53565a;
	font: 14px/1.8 "Helvetica Neue","Helvetica",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	width: 100%;
	min-width: 320px;
}

/*	image 
----------------------- */
a img, 
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

/*	anchor	 
----------------------- */
a{
	text-decoration: none;
	outline: none;
	color: #00AEEF;
}
a:hover{
	text-decoration: underline;
}


/**/
::-moz-selection{ background: #E6F2F9; }
::selection { background: #E6F2F9; }

/*	 
----------------------- */
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.left { float: left; }
.right { float: right; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

.Enable { display: inline-block; }
.Disable { display: none; }
.pcDisable { display: none !important; }

.display_pc{ display: none; }
.display_sp{ display: block; }

.display_block{ display: block !important; }

ol,ul{
	list-style: none;
	padding: 0;
}

.small{ font-size: 86%; }
.large{ font-size: 114%;; }
.bold{ font-weight: bold; }
.gray{ color: #666; }


/* ===============================================
	common setting
=============================================== */
.fb_iframe_widget > span { vertical-align: baseline !important; }

/* Google Mapを横幅100%にしたときのナビゲーションコントロール */
#map-canvas label { width: auto; display:inline; }
#map-canvas img { max-width: none; }

/*	Clearfix 
----------------------- */
.cf { zoom: 1; }
.cf:after { content: ""; display: block; clear: both; }


/* ===============================================
	module
=============================================== */
/* Heading style
----------------------- */
/*
h1{
	position: absolute;
	top: 216px;
	left: 0;
	color: #fff;
	font-weight: 100;
	background: #004280;
	padding: 16px 88px 16px 40px;
	font-size: 260%;
}
*/
h1{
	margin: 0;
}
.headingstyle--01{
	color: #0071C5;
	font-weight: normal;
  font-size: 200%;
  padding: 0;
}
.headingstyle--02{
	margin-top: 0;
}
.headingstyle--03{
	margin-top: 0;
	color: #0071C5;
}
.headingstyle--04{
	margin-top: 0;
	color: #ED1C24;
}


/* button
----------------------- */
.btn{
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	text-align: center;
}
.button{
	display: inline-block;
  color: #fff;
  font-size: 129%;
  text-align: center;
  width: 40%;
  min-width: 200px;
  margin: 20px auto 16px;
  padding: 15px 0;
  background: #0071C5 url(../images/arrow_cobtn.png) 90% center no-repeat;
  -webkit-transition: background .3s ease;
	transition: background .3s ease;
}
.button:hover{
	background: #004280 url(../images/arrow_cobtn.png) 92% center no-repeat;
	text-decoration: none;
}

.dl-button{
	display: inline-block;
  color: #fff;
  text-align: center;
  width: 160px;
  margin: 20px auto 16px;
  padding: 8px 0;
  background: #00aeef;
  -webkit-transition: background .3s ease;
	transition: background .3s ease;
}
.dl-button:hover{
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.back {
  display: inline-block;
  color: #fff;
  font-size: 129%;
  text-align: center;
  width: 20%;
  min-width: 200px;
  margin: 0 20px;
  padding: 15px 0;
  background: #B1BABF;
  border: none;
}
.back:hover{
	background: #939598;
}


/* layout
----------------------- */
.container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.add-padding {
	padding: 25% 0 10%;
}
.mv{
	margin-top: 24px;
}
.footer{
	font-size: 93%;
	padding: 24px 50px 32px;
}
.section-box{
	position: relative;
	margin-top: 32px;
  padding: 40px 50px;
  background: #fff;
  border-bottom: 3px solid #ebebeb;
}
.section-box dt{
	float: left;
	width: 20%;
	clear: both;
	border-top: 1px solid #e5e5e5;
	padding: 12px 6px;
}
.section-box dd{
	margin: 0;
	padding: 12px 6px;
	float: left;
	width: 80%;
	border-top: 1px solid #e5e5e5;
}
.section-box dt:first-child,
.section-box dd:nth-child(2){
	border-top: none;
}

.bg_w{ background: #fff; }
.bg_gray{ background: #f3f3f3; }


/* ===============================================
	detail
=============================================== */
.header{
	padding: 24px 24px 0;
}
.section-box dd span{
	display: block;
}
.section-box dd span.title{
	font-size: 114%;
	font-weight: bold;
	color: #1a1a1a;
}
.section-box dd span.speaker{
	font-size: 96%;
	color: #1a1a1a;
}
.section-box dd span.summary{
	margin-top: 1em;
}
.section-box dd span.ip{
	margin: 0 0 .5em;
}

.section-box dd.date span{
	display: inline-block;
	font-weight: bold;
}
.section-box dd.date span.l{
	font-size: 150%;
}

.footer li{
	list-style: disc inside;
	text-indent: -1em;
	padding-left: 1em;
}
.note{
	color: #999;
}
.copyright{
	padding: 16px 8%;
	border-top: 1px solid #ddd;
}
.copyright small{
	display: inline-block;
	color: #999;
}

/*  */
.att{
	border: 2px solid #0071C5;
	padding: 8px 24px;
	margin: 2em 0;
}
.att p{
	color: #0071C5;
}

.dl-pre{
	color: #fff;
	padding: 8px 24px;
	margin: 2em 0;
	background: #666;
	width: 24%;
	min-width: 100px;
	text-align: center;
}

.list01{
	margin: 0;
}
.list01 span{
	display: inline-block !important;
	margin-bottom: .5em;
}
.list01 span.s01{
	width: 21%;
	float: left;
}
.list01 span.s02{
	float: left;
	width: 79%;
}
.list01 li{
	clear: both;
}

.ml-list li{
	list-style: inside disc;
	text-indent: -1em;
	padding-left: 1em;
}



/* ===============================================
	form
=============================================== */
input,
select,
textarea {
	font: 14px/1.8 "Helvetica Neue","Helvetica",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
input[type="text"]{
	border: 1px solid #ccc;
	padding: 3px 8px;
	margin-right: 10px;
}
input[type="text"].sizeSS{
	width: 80px;
}
input[type="text"].sizeS{
	width: 160px;
}
input[type="text"].sizeM{
	width: 184px;
}
input[type="text"].sizeL{
	width: 400px;
}
input[type="checkbox"],
input[type="radio"]{
	margin-right: .5em;
}
input[type="submit"]{
	border: none;
}
input[type="radio"] + label{
	margin-right: 2em;
}

/* error */
input[type="text"].error{
	border: 1px solid #ED1C24;
}
.error-message{
	background: url(../images/icon_error.png) left center no-repeat;
	color: #ED1C24;
  padding-left: 24px;
  margin: 0;
}
#entry_person1_last_name_error{
	display: inline;
}
#entry_person1_last_name_kana_error{
	display: inline;
}
#entry_guardian_last_name_error{
	display: inline;
}
#entry_guardian_last_name_kana_error{
	display: inline;
}
#entry_person2_last_name_error{
	display: inline;
}
#entry_person2_last_name_kana_error{
	display: inline;
}
#entry_zip1_error{
	display: inline;
}
#entry_tel1_error{
	display: inline;
}
#entry_tel2_error{
	display: inline;
}
#entry_email2_1_error{
	display: inline;
}
#entry_session_display_error{
	display: inline;
}

.must {
  color: #ED1C24;
  font-weight: normal;
  margin-right: 0.5em;
}
.section-box form dd span{
	display: inline-block;
}
.pricay_note li{
	list-style: inside disc;
	text-indent: -1em;
	padding-left: 1em;
}
