@charset "utf-8";
/* CSS Document */

/*////////////////////////////////////////////////
フォントサイズ統一化設定
////////////////////////////////////////////////*/
body{
font-size:80%; /* IE */
line-height:120%;
}
html>/**/body{
font-size:13px; /* Except IE */
}
html[xmlns*=""] body:last-child body{
font-size:88%;
}
/*////////////////////////////////////////////////
=共通設定
////////////////////////////////////////////////*/
.clear{
clear:both;
}
.over {
overflow: hidden;
}
.f_left{
float:left;
}
.f_right{
float:right;
}
.m10{
margin-top:10px;
}
.m20{
margin-top:20px;
}
.m40{
margin-top:40px;
}
.ml10{
margin-left:10px;
}
.red {
color: #de0404;
font-weight: bold;
font-size: 100%;
margin: 10px 0;
}
/*////////////////////////////////////////////////
=body設定
（タグリセット設定）
////////////////////////////////////////////////*/
html {
margin: 0;
padding: 0;
}
body {
    font-family:'Lucida Grande',
 Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    color: #333;
	max-width: 100%;
	font-size: 90%;
	line-height: 1.6;
	height: 100%;
	margin:0;
	padding: 0;
	background: #D1D1D1;
	/*background: url('../images/bg_dot.webp') center top repeat;*/
}
img{
border:0;
}
ul,li,p,dl,dd,dt {
margin:0;
padding:0;
list-style:none;
}
a:hover {
color: #f01520;
text-decoration: underline;
}
a {
color:#fff;
text-decoration:none;
}
h1 {
text-transform: lowercase;
color: inherit;
text-rendering: optimizelegibility;
margin: 0;
padding: 0;
height: 100px;
}
#header {
width: 100%;
margin: 0 auto;
height:105px;
background: #3a3a3a;
}
#header h1 {
float: left;
padding-top: 35px;
}
#header .btn {
float: right;
padding-top: 35px;
}
#header_inner {
width:1000px;
margin: 0 auto;
}
#inner {
width:1050px;
margin: 20px auto 0; 
padding: 5px 0 30px;
background: #fff;
}
#inner_other {
width:1050px;
margin: 20px auto 0; 
padding: 30px 0 30px;
background: #fff;
}

#footer .f_inner {
width: 1000px;
margin: 0 auto;
}
#footer img {
float: left;
padding-top: 20px;
}
#footer p {
float: right;
}
#sns {
position: absolute;
top: 50px;
right: 0;
}
/*////////////////////////////////////////////////
=共通ページ設定
////////////////////////////////////////////////*/

div#contents {
width: 100%;
margin: 0 auto;
padding: 0 !important;
/*background: url('../images/bg.webp') center top repeat-x;*/
}
div#contents_inner {
width: 1050px;
margin: 0 auto;
padding-top: 7px;
}

h2 {
position: absolute;
left: 8px;
top: 30px;
}
div#inner .copy {
position: absolute;
top: 200px;
left:15px;
}
div#inner .main_text {
position: absolute;
top: 240px;
left:30px;
font-size: 12px;
width: 500px;
letter-spacing:0.1em;
}
div#inner .main_text span {
font-size:130%;
font-weight: bold;
display: block;
padding-bottom: 10px;
}
div#inner .news {
position: absolute;
top: 440px;
left: 11px;
width: 320px;
}
div#inner .news li {
margin-top: 15px;
padding-left: 15px;
}
div#inner .news li span {
display: block; ;
}
#inner .title {
margin: 15px auto 0;
}
#block1 {
background: url('../images/sttl1.webp') right top no-repeat;
width: 1000px;
overflow: hidden;
margin-top: 40px;
border-bottom: 1px dotted #d1d1d1;
padding-bottom: 30px;
}
#block2 {
background: url('../images/sttl2.webp') left top no-repeat;
width: 1000px;
overflow: hidden;
margin-top: 40px;
border-bottom: 1px dotted #d1d1d1;
padding-bottom: 30px;
}
#block3 {
background: url('../images/sttl3.webp') right top no-repeat;
width: 1000px;
overflow: hidden;
margin-top: 40px;
border-bottom: 1px dotted #d1d1d1;
padding-bottom: 30px;
}
#block1 img,#block3 img {
float: left;
padding-left: 40px;
}
#block1 p {
float: right;
width: 500px;
padding-right: 15px;
padding-top: 70px;
}
#block2 img {
float: right;
padding-right: 40px;
}
#block2 p {
float: left;
width: 515px;
padding-left: 30px;
padding-top: 90px;
}
#block3 p {
float: right;
width: 463px;
padding-right: 15px;
padding-top: 100px;
}
#block3 p.c3 {
padding-top: 20px;
}
#block3 p.c3 span{
font-size: 16px;
font-weight: bold;
display: block;
line-height: 135%;
padding-bottom: 7px;
}
#block3 p.c3 span.c3att{
font-size: 11px;
font-weight: 400;
display: block;
line-height: 135%;
padding-top: 10px;
color: red;
}
#block1 p span,#block2 p span,#block3 p span {
font-size: 18px;
font-weight: bold;
display: block;
line-height: 135%;
padding-bottom: 15px;
}
#block1 p.join,#block2 p.join,#block3 p.join {
padding-top: 20px;
color: #f54c02;
}
#schedule {
width: 970px;
margin: 40px auto 40px;
border-collapse:collapse;
}
#schedule th {
background: #d7f1ff;
font-size: 16px;
padding: 10px;
border: 1px solid #d1d1d1;
}
#schedule td {
background: #fff;
padding: 10px 20px;
border: 1px solid #d1d1d1;
}
#schedule td.center {
text-align: center;
}
#footer {
background: #3a3a3a;
height: 60px;
width: 100%;
line-height: 60px;
font-size: 90%;
color: #fff;
clear:both;
margin-top: 20px;
}
.alpha{
	filter: alpha(opacity=100);
    -moz-opacity:1.00;
    opacity:1.00;
}

.alpha:hover{
	filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}
.border {
border: 1px solid #c0c0c0;
}


.disnon {
  display: none;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 0px;
	font-size: 12px;
	font-weight: bold;
	font:"Arial Black", Gadget, sans-serif;
}
#page-top a {
	background: #007cbe;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 20px 0;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
	background: #f54c02;
}
.center_btn {
width: 680px;
margin: 0 auto;
text-align:center;
overflow:hidden;
padding-bottom:15px;
}
.cont_line {
border-bottom: 1px dotted #bfbfbf;
margin: 20px auto 40px;
}



/*////////////////////////////////////////////////
=form
////////////////////////////////////////////////*/

.form {
width: 970px;
margin: 30px auto;
padding-bottom: 30px;
overflow: hidden;
}
.form table {
width: 970px;
padding-bottom: 20px;
}
.form th.t_ttl {
background: #000;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
padding: 10px 0 10px 20px;
text-align:left;
color: #fff;
font-size: 120%;
}

.form th {
background: #d7f1ff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
padding: 10px 0 10px 20px;
width: 190px;
text-align:left;
table-layout: fixed;
}

.form td {
padding: 10px 15px;
background: #fff;
border-bottom: 2px solid #ececec;
overflow:hidden;
}

.form td p.form_ttl {
font-size: 130%;
font-weight: bold;
padding-bottom: 7px;
}
.form td p.form_ttl span {
color: #de0404;
}

.form_cam {
width: 890px;
margin: 30px auto 0;
padding-bottom: 30px;
overflow: hidden;
}
.form_cam table {
width: 890px;
padding-bottom: 20px;
}
.form_cam th {
background: #ececec;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
padding: 10px 0 10px 20px;
width: 190px;
text-align:left;
}

.form_cam td {
padding: 10px 15px;
background: #ececec;
border-bottom: 2px solid #fff;
overflow:hidden;
}

.form_cam td p.form_ttl {
font-size: 130%;
font-weight: bold;
padding-bottom: 7px;
}
.form_cam td p.form_ttl span {
color: #de0404;
}

.btn_area {
margin: 15px auto;
text-align: center;
width: 480px;
}
.attention {
color: red;
}
.form table.seminarwp {
border-top: 3px solid #999;
border-bottom: 3px solid #999;
padding-bottom: 0;
margin-top: 20px;
}
.seminarwp th{
border-collapse:collapse;
border-right: 1px dotted #999;
width: 50%;
background: #fff;
text-align:center
}
.seminarwp th p {
padding: 20px 10px 15px;
}
.seminarwp td{
border-collapse:collapse;
border-right: 1px dotted #999;
background: #fff;
padding-bottom: 20px;
padding-left: 120px;
}
.seminarwp td.noborder,.seminarwp th.noborder {
border-right: none;
}

/*////////////////////////////////////////////////
=seminar
////////////////////////////////////////////////*/
.mainvis {
margin: 25px 0;
}
.arrow {
float: right;
padding-bottom:10px;
padding-right: 10px;
}
.seminar {
width: 970px;
margin: 0 auto;
/*padding-bottom: 30px;
overflow: hidden;*/
}
.seminar table a:hover {
color: #F00;
text-decoration:underline;
}
.seminar table a {
color: #f01520;
text-decoration:none;
}
.seminar table {
width: 970px;
padding-bottom: 20px;
}
.seminar th {
background: #ececec;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
padding: 10px;
width: 160px;
}

.seminar td {
padding: 10px 15px;
background: #ececec;
border-bottom: 2px solid #fff;
overflow:hidden;
}

.seminar td p.seminar_ttl {
font-size: 130%;
font-weight: bold;
padding-bottom: 7px;
}
.seminar td p.seminar_ttl span {
color: #de0404;
}
.timesche {
width: 970px;
margin: 40px auto 10px;
padding-bottom: 30px;
}
.timesche th {
background: #ececec;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
padding: 10px;
width: 160px;
}

.timesche td {
padding: 10px 15px;
background: #ececec;
border-bottom: 2px solid #fff;
overflow:hidden;
}
.timesche td p {
width: 550px;
float: left;
}
.timesche td p.timesche_ttl {
font-size: 120%;
font-weight: bold;
}
.timesche_name {
padding: 7px 0;
font-weight: bold;
line-height:120%;
}
.timesche_name span{
color: #2a4cdc;
}
.timesche td p.timesche_ttl span {
color: #de0404;
}
.timesche td img {
float: right;
}
.seminar_text {
border-top: 1px dotted #000;
padding: 7px 1px 0 1px;
margin-top:7px;
}
.other_seminar {
width: 970px;
margin: 30px auto 10px;
padding-bottom: 30px;
color: #2e2e2e;
}
.other_seminar a:hover {
color: #f01520;
text-decoration: underline;
}
.other_seminar a {
color: #2a4cdc;
}
.other_seminar th {
background: #fff;
border-right: 2px solid #ddd;
border-bottom: 2px solid #ddd;
padding: 10px;
width: 160px;
}
.other_seminar td {
padding: 10px 15px;
background: #fff;
border-bottom: 2px solid #ddd;
overflow:hidden;
}
.other_seminar td p {
width: 700px;
float: left;
}
.seminar_name {
padding: 7px 0 5px;
font-weight: bold;
line-height:120%;
font-size: 120%;
}
.seminar_name span{
color: #2a4cdc;
}
h3.formttl {
background: #007cbe;
font-size:30px;
font-weight: bold;
color: #fff;
padding: 10px 0;
text-align: center;
}

.partner .ttl01 {
text-align: center;
font-size:300%;
color: #de0404;
font-weight:bold;
}

.partner .text01 {
text-align: center;
font-size:150%;
font-weight:bold;
padding-bottom: 15px;
}