@charset "shift_jis";
/* CSS Document */

/* --- 背景・テキスト --- */

body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

#wrapper {
	width:98%;
	max-width: 800px;
}

/* --- コンテナ --- */
#container {
width: 100%; /* ページの幅 */
margin: 0 auto; /* センタリング */
}

/* --- ヘッダ --- */
#header {
	width: 100%; /* ページの幅 */
	background-color: #FFFFFF; /* ヘッダの背景色 */
}

#headernavi {
	margin: 3 auto;
	width:95%;
	padding: 0 0 0;
	overflow: hidden;
	}
	
.navi_title {
	margin: 0;
	width:95%;
	padding: 0;
	overflow: hidden;
	border-bottom:1px solid #FFFFFF;
	}

.navi-left {
	float: left;
	margin: 0 5px 0 0;
	font-size:12px;
	width: 50%;
	text-align:left;
	}

.day-right {
	width: 40%;
	float: right;
	text-align:right;
	margin: 0;
	padding: 0;
	font-size:12px;
	line-height:125%;
}

/* --- コンテンツ --- */
#content {
background-color: #ffffff; /* コンテンツの背景色 */
}

/*.box{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:50px;
	width:90%;}
	
.box_ex{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	margin-top:50px;
	width:90%;}
	
.box_ex2{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding: 5px 5px 20px 0;
	width:85%;
	font-size: 18px;
	font-weight: bold;
	line-height: 120%;
}

.box_add1{
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	color: #FF0000;
	line-height: 150%;
	font-size: 14px;
	margin-top:30px;
	padding-top: 15px;
	padding-left: 35px;
	margin-bottom: 12px;
	border: none;
	width:95%;}
	
.box_add2{
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	text-align:center;
	margin-top:0px;
	padding-top: 15px;
	border: 1px solid black;
	width:90%;}*/
	
 ul {
	 text-align:left;
	 margin:0 0 0 40px;
	 padding:0 0 0 0;
 }

ul li {
	font-size:14px;
	color:#000000;
	margin-bottom:0.5em;
	line-height:130%;
	list-style-type:circle;}
	
/* ol {
	 text-align:left;
	 margin-top:0;
	 margin-left:10px;
	 padding-left:40px;
	 margin-bottom:0px;
 }

ol li {
	font-size:14px;
	margin-bottom:0.5em;
	line-height:130%;}*/

.pc {
	display:block !important;
	}
.mp {
	display:none !important;
	}
.sp {
	display:none !important;
	}

.order{
	 display: inline;
	column-count: 2;
	width:95%;
	text-align:center;}
	
.order1{
	float:left;
	width:40%;
	text-align:center;
		}
		
.order2{
	float:left;
	padding-left:60px;
	width:40%;
	text-align:center;}


/* --- フッタ --- */
#footer
{
	clear:both;
	background-color: #ffffff; /* フッタの背景色 */
}

#copyright {
   text-align:center;
   border-top:1px solid #FFF;
}


/* --- スタイル --- */
#wrapper {
  margin: 0 auto;
  background-color:#FFFFFF;

}

html {
   overflow-y:scroll;
   
}
img {
   border:0;
}

h1 {
	background-color:#330099;
	margin: 0.05em 0 1.5em 0;
	padding:8px 20px;
	font-size:20px;
	color:#FFFFFF;
	text-align:left;
	line-height:125%;
	letter-spacing:0.15em;
 }
h2 {
	background-color:#ccffff;
	margin: 25px 0 8px 0;
	padding:3px 25px;
	font-size:1.02em;
	color:#000000;
	text-align:left;
	margin-bottom:0.2em;
}

/*h3 {
	font-size:14px;
	font-weight: bold;
	margin: 21px 0 12px 12px;
}*/

table.sche
{
	border-collapse: collapse;
	border:none;
	width: 100%;
	padding-top: 0;
	margin: 8px auto 45px;
}

table.sche tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
/*  padding: .35em;*/
}

table.sche td {
	background-color:#FFFFFF;	
	/*border:none;*/
	border:solid 1px #59b9c6;
	border-bottom:solid 1px #59b9c6;
	padding :6px;
	line-height: 150%;
}

table.sche th {
	font-weight: 400;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 0.85em;
	border:none;
	border:solid 1px #59b9c6;
	border-bottom:solid 1px #59b9c6;
	padding:3px;
	background-color:#afeeee;
}

table.sche th.kind {
	width: 28%;
	letter-spacing: 0.5em;
}

table.sche td.main {
	width: 14%;
	text-align: center;
	font-size: 0.75em;
}

table.sche td.main2 {
	width: 14%;
	font-size: 0.75em;
	padding:0;
	text-align: center;
}

table.sche th.date {
	width:19%;
	letter-spacing: 0.5em;
}

/*講習日*/
table.sche th.dateL {
	width:19%;
	letter-spacing: 0.5em;
}

table.sche th.dateS {
	width:15%;
	letter-spacing: 0.5em;
	vertical-align: middle;
}

.date2 {
	text-align: center;
	font-size: 0.75em;
}

.name2 {
	text-align: center;
	font-size: 0.85em;
}

table.sche th.time {
	width: 19%;
	letter-spacing: 0.5em;
}

table.sche th.where {
	width: 19%;
}

/*会場名*/
table.sche th.adress {
	width: 30%;
	letter-spacing: 0.5em;
}

.where2 {
	font-size: 0.85em;
}

.wherepc {
	display: block;
}

.wheresp {
	display: none;
}

table.sche th.person {
	width: 15%;
	letter-spacing: 0.5em;
}

.person2 {
	text-align: left;
	font-size: 0.75em;
}

table.sche th.name {
	width: 10%;
	letter-spacing: 0.2em;
	vertical-align: middle;
}


/*table.sche thead
{
	color:#000000;
	font-size:0.9em;
}*/

table.sche tbody
{
	background-color:#iijkll;
}

.navi
{
	padding-top:3px;
	font-size:12px;
	color:#000000;}

p { 
	margin: 0 0 2px 20px;
	padding: 0 10px 0 8px;	
	text-align:left;
	font-size:0.83em;
	line-height:170%;
	letter-spacing:0.07em;
 }

.style1 {color: #FF0000;}
.style2 {color: #FF0000;
         font-weight:bold;}
.style3 {color: #0000ff;}
.style4 {
	color: #0000ff;
	font-weight:bold;
}
.style5 {
	background-color:#FF3333;
	padding-top:1px;
	padding-bottom:1px;
	line-height:105%;
	padding-left:1px;
	padding-right:1px;
	color:#FFFFFF;
}
.style6 {
	background-color:#006699;
	padding-top:1px;
	padding-bottom:1px;
	line-height:105%;
	padding-left:1px;
	padding-right:1px;
	color:#FFFFFF;
}
.style7 {color: #308C59;
         font-weight:bold;}
.style8 {
	background-color:#adff2f;
	padding-top:1px;
	padding-bottom:1px;
	line-height:98%;
	padding-left:1px;
	padding-right:1px;
	color:#FFFFFF;
}

/*-- 規程 ---*/

table.rule{
	border:none;
	margin: 12px 50px 12px 50px;
	width:90%;
}

/*
.appli
{
	background-color:#a1d8e2;
	color:#000000;
	text-align:center;
	line-height:150%;
	width:30%;
	font-weight:bold;
	font-size:0.83em;
}*/

.num {
	width:3%;
	text-align:right;
	vertical-align: top;
}

.point
{
	width:95%;
}

#contactus {
	text-align: center;
	font-size: 0.83em;
	line-height: 140%;
	margin: 0 0 35px 0;
}

/*td
{
	border:none;
	border:solid 0px black;
	border-bottom:solid 0px black;
	font-size:0.83em;
	line-height:150%;
	}*/

/* Mobile view */
@media screen and (max-width:480px) {
	
#wrapper {
	width:100%;
	max-width: 420px;
	
}
/* --- コンテナ --- */
#container {
width: 100%; /* ページの幅 */
margin: 0 auto; /* センタリング */
}

/* --- ヘッダ --- */
#header {
	width: 100%; /* ページの幅 */
	background-color: #FFFFFF; /* ヘッダの背景色 */
}

#headernavi {
	margin: 1px auto;
	width:95%;
	margin-bottom: 5px;
	}
	
.navi_title {
	margin: 0 auto;
	width:95%;
	}

.navi-left {
	margin-right:5px;
	font-size:11px;
	width: 100%;
	}

.day-right {
	width: 0;
	}
	
h1 {
	margin: 0.35em 0 1.5em 0;
	padding:8px 10px;
	font-size:0.9em;
	line-height:110%;
	letter-spacing:0.05em;
 }
h2 {
	margin: 25px 0 4px 0;
	padding:3px 12px;
	font-size:0.8em;
	margin-bottom:0.2em;
}

h3 {
	font-size:13px;
	font-weight: bold;
	margin:12px 0 12px 12px;
}
	
table.sche
{
	margin: 0 auto;
	width: 100%;
	font-size:0.83em;
	padding-top: 0;
	margin-bottom: 25px;
}

table.sche tr {
  /*padding: .35em;*/
}

table.sche caption{
	margin-top:5px;
	padding-left: 15px;
	font-size: 12px;}

table.sche td {
	padding :3px;
	line-height: 120%;
}

table.sche th {
	font-size: 0.83em;
	letter-spacing: 0.01em;
	padding:1px;
}
	
table.sche th.kind {
	width: 20%;
}

table.sche td.main {
	width: 10%;
}

table.sche td.main2 {
	width: 10%;
}

table.sche th.date {
	width: 20%;
}
table.sche th.time {
	width: 20%;
}

table.sche th.where {
	width: 20%;
}

table.sche th.name {
	width: 12%;
	letter-spacing: 0;
}

.wherepc {
	display: none;
}

.wheresp {
	display: block;
}
	
/*-- 規程 ---*/	
table.rule{
	border:none;
	margin: 5px 25px 8px 25px;
	width:90%;
}

.num {
	width:3%;
	text-align:right;
	vertical-align: top;
}

.point
{
	width:95%;
}

/* --- コンテンツ --- */
#content {
background-color: #ffffff; /* コンテンツの背景色 */
}

.box{
	margin-top:20px;
	width:98%;}
	
.box_ex{
	margin-top:20px;
	width:98%;}
	
.box_ex2{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding: 5px 5px 0 0;
	width:98%;
	font-size: 13px;
	line-height: 120%;
	}

.box_add1{
	margin-left:auto;
	margin-right:auto;
	color: #FF0000;
	font-size: 11px;
	line-height: 150%;
	text-align:left;
	margin-top:0;
	padding-top: 0;
	padding-left: 5px;
	margin-bottom: 0;
	border: none;
	width:98%;}
	
.box_add2{
	margin-left:auto;
	margin-right:auto;
	font-size: 11px;
	text-align:center;
	margin-top:0px;
	padding-top: 15px;
	border: 1px solid black;
	width:98%;}	
	
.order{
	display:block;
	column-count: 1;
	width:98%;
	text-align:center;}
	
.order1{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom: 8px;
		}
		
.order2{
	float:left;
	padding-left:0;
	width:100%;
	text-align:center;
	margin-bottom: 8px;}

p { 
	margin: 0 0 2px 10px;
	padding: 0 5px 0 5px;	
	text-align:left;
	font-size:0.73em;
	line-height:170%;
	letter-spacing:0.07em;
 }
	
ul {
	 margin:0 0 8px 10px;
	 padding:0 10px 0 15px;
 }

ul li {
	font-size:12px;
	color:#000000;
	margin-bottom:0.5em;
	line-height:130%;
	list-style-type:circle;}
	
 ol {
	 margin-left:5px;
	 padding-left:20px;
 }

ol li {
	font-size:12px;
}

.pc {
	display:none !important;
	}
.mp {
	display:none !important;
	}
.sp {
	display:block !important;
	}

#contactus {
	text-align: center;
	font-size: 0.7em;
	line-height: 120%;
	margin: 0 2px 25px;
}

}

/*-- ここまで ---*/