*{
  margin : 0px;
  padding : 0px;
}



#content {
    width: 100%;
    max-width: 1200px;
    min-width: 800px;
}


#wraper
 {
	
}

a:hover {
	transition: all 0.3s ease 0s;
}



a:hover img {
	transition: all 0.3s ease 0s;
	opacity: 0.6;
}



/* スマホ
------------------------------ */
@media screen and (max-width:800px) {
    
    #kbts_a a {
    display: block;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
    
    .x-scroll {
overflow: auto;
}
.x-scroll table{
    width: 100%;
    max-width: 1800px;
}
.x-scroll::-webkit-scrollbar{
height: 5px; /* スクロールバーの高さ */
}
.x-scroll::-webkit-scrollbar-track{
background: #F1F1F1; /* スクロールバーの背景色 */
}
.x-scroll::-webkit-scrollbar-thumb {
background: #d6d6d6; /* スクロールバーの色 */
}
.x-scroll td, .x-scroll th{
white-space: ;　/* 文字の折返しを禁止 */
}
    
    #ank_g {
    margin-bottom: 110px;
}
#ank_f {
    margin-bottom: 110px;
}
#kny_i   {
    background-color: #B2B2B2;
}
#kny_i tr td   {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-size: 26px;
    line-height: 1.6em;
}
#ank_e {
    margin-bottom: 180px;
}
#kny_g {
    float: left;
    width: 25%;
}
#kny_h {
    float: left;
    width: 73%;
    font-size: 28px;
    line-height: 1.6em;
    text-align: left;
}
#kny_h p {
    margin-bottom: 28px;
}
#kny_g img {
    width: 100%;
}
#ank_a {
    margin-bottom: 180px;
}
#kny_b {
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    min-width: 800px;
}
#ank_b {
    margin-bottom: 180px;
}
#kny_c {
    margin-left: auto;
    margin-right: auto;
    padding-top: 28px;
    padding-right: 28px;
    padding-bottom: 28px;
    padding-left: 28px;
    margin-bottom: 30px;
    background-color: #1B812B;
    color: #FFFFFF;
    font-size: 32px;
    line-height: 1.4em;
    font-weight: 700;
}
#ank_c {
    margin-bottom: 180px;
}
#kny_f {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 26px;
    line-height: 1.6em;
    text-align: left;
}
#kny_d {
    float: left;
    width: 40%;
    margin-right: 1%;
    min-width: 390px;
}
#kny_e {
    float: left;
    width: 49%;
}
#kny_e img {
    width: 100%;
    max-width: 480px;
}
#kny_b img {
    width: 100%;
}
#ank_d {
    margin-bottom: 180px;
}
    
        #cho_a img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-width: 800px;
    max-width: 1000px;
}
    #cho_a {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    min-width: 800px;
    background-color: #0075FF;
}

#knysch {
}
#knysch a {
    background-color: #226CBB;
    color: #FFFFFF;
    display: block;
    text-align: center;
    font-size: 28px;
    line-height: 1.6em;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-left: 30px;
    margin-right: 30px;
    background-image: url(../../img_marks/snd-002wht.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-left: 40px;
    padding-right: 80px;
    border-radius: 10px;
    border: 6px solid #6593CA;
}
#knysch a:hover  {
	background-color: #54A0F1;
	color: #FFFFFF;
	text-align: center;
	font-size: 24px;
	line-height: normal;
}
#kny_a {
}
#kny_a ul {
	margin-top: 5px;
	margin-left: 5px;
}
#kny_a ul li {
    list-style-image: none;
    list-style-type: none;
}
#kny_a ul li a {
    display: block;
    color: #1C1C1C;
    font-size: 28px;
    text-align: center;
    line-height: 1.6em;
    border: 2px solid #0064E2;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
    padding-left: 30px;
    background-image: url(../../img_marks/snd-004bu.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
#kny_a ul li a:hover {
    background-color: #F2F2F2;
}

/* wraper */
#wraper{
    width: 100%;
    background-color: #F1F1F1;
    text-align: center;
}


/* header */

#header{
  margin:0px;
  width:800px;
  text-align:left;
}

#l_head{
  text-align:left;
  float:left;
  width:210px;
}
#c_head{
  text-align:right;
  float:left;
  width:300px;
  vartical-align:middle;
}
#r_head{
	padding:0px 2px;
  text-align:left;
  float:left;
  width:125px;
}
#r_head2{
	padding:0px 2px;
  text-align:right;
  float:left;
  width:125px;
}


#header2{
	width:800px;
  text-align:left;

}


/* container */
#container{
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	clear: both;
	background-color: #FFFFFF;
}

/* l_menu */

#l_menu {
text-align:left;
float:left;
width:180px;
}

#l_menu ul {
list-style:none;
margin:0px;
padding:0px;
}


#l_menu li {
margin:0px;
padding:0px;

}

#l_menu li a {
	list-style:none;
	display:block;
	width:100%;
	width:176px;
	height:70px;
}



/* middle */

#middle{
text-align:left;
float:right;
width:600px;

}
/* middle */

#middle20141226{
	text-align: left;
	float: right;
	width: 800px;
}


/* navigation */
#navigation{
	width:800px;
  float:left;
	margin:0px;
	padding:0px;
	font-size:small;
	line-height:22px;
	font-family:ＭＳ Ｐゴシック;
	background:url(../../img/head_bg_ab03.jpg) repeat-x top left;
}

#navigation ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
	overflow:hidden;
}

#navigation li{
	float:left;
	width:88px;
	margin:0px;
	padding:0px;
}
#navigation a{
	display:block;
	width:100%;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

#navigation a:hover{
	background-color:#336600;
}


/* navigation2 */
#navigation2{
	width:800px;
  float:left;
	margin:0px;
	padding:0px;
	font-size:small;
	line-height:22px;
	font-family:ＭＳ Ｐゴシック;
	background:url(../../img/head_bg_ab03.jpg) repeat-x bottom left;
}

#navigation2 ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
	overflow:hidden;
}

#navigation2 li{
	float:left;
	width:88px;
	margin:0px;
	padding:0px;
}
#navigation2 a{
	display:block;
	width:100%;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

#navigation2 a:hover{
	background-color:#336600;
}

/* regist */

#regist{
text-align:right;
float:left;
width:800px;
}


#rec01{
float:left;width:600px;
text-align:center;
padding:18px 6px;
font-size:large;
color:#003399;
height:260px;
}

#tel{
width:600px;
text-align:center;
font-size:small;
}


#tel ul{
list-style: none;
margin:0px;
padding:0px;
}

#tel li{
float:left;
width:140px;
margin:2px;
padding:0px;
list-style: none;
}

#tel a{
	display:block;
	width:120px;
	padding:4px 0px 4px 0px;
}


/* footer */

#footer{
text-align:center;
width:800px;
background-color:#cccccc;
clear:both;
}

#footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:20px;
	overflow:hidden;
}

#footer li{
	float:left;
	width:112px;
	margin:1px 0px;
	padding:0px;
}


#footer a{
	display:block;
	width:100%;
	color:#333333;
	text-decoration:none;
	text-align:center;
}

#footer a:hover{
	background-color:#006600;
}


#navi {
padding:0px;
margin:2px;
font-weight:bold;
}

#navi ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 26px;
	overflow: hidden ;
}

#navi li{
	float:left;
	list-style: none;
	width:120px;
	line-height: 26px;
	margin:3px;
	padding:0pc;
}

#navi a{
	display:block;
	width:100%;
	padding:1px 0px 2px 0px;
	color:#006600;
	background:url(https://tofl.jp/img/button-mini.gif) left top no-repeat;
	text-decoration:none;
	text-align:center;
}

#navi a:hover{
	background-position:right top;
}


#navi2 {
padding:0px;
margin:2px;
font-weight:bold;
}

#navi2 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 26px;
	overflow: hidden ;
}

#navi2 li{
	float:left;
	list-style: none;
	width:180px;
	line-height: 26px;
	margin:3px;
	padding:0pc;
}

#navi2 a{
	display:block;
	width:100%;
	padding:1px 0px 2px 0px;
	color:#006600;
	background:url(https://tofl.jp/img/button03.gif) left top no-repeat;
	text-decoration:none;
	text-align:center;
}

#navi2 a:hover{
	background-position:right top;
}



a:hover {
	transition: all 0.3s ease 0s;
}




body{
	color: #020202;
	font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
	font-size: 16px;
	line-height: normal;
}

a:hover{
  color:orange;
  text-decoration:underline;
}
a:link{
	text-decoration: none;
	color: #000000;
}

a:visited{
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}
.green{
  color:#006633;
  font-size:small;
}
.red{
  color:magenta;
  font-size:x-small;
}
.dodg{
  color:#1e628c;
  font-size:medium;
  font-weight:bold;
}
.dodg_l{
  color:#1e628c;
  font-size:150%;
  font-weight:bold;
}
.tab1{
  color:white;
  font-weight:bold;
  background-color:royalblue;
  font-size:small;
  padding:1px;
}
.tab2{
  color:white;
  font-weight:bold;
  background-color:dodgerblue;
  font-size:small;
  padding:1px;
}
.tab3{
  color:white;
  font-weight:bold;
  background-color:cornflowerblue;
  font-size:small;
  padding:1px;
}
.f150{
  font-size:small;
  color:#000033;
  line-height:150%;
}
.orange{
  color:orange;
  font-size:small;
}
.white{
  color:white;
  font-size:medium;
}
.blue{
  color:blue;
  font-size:medium;
}
.sm03{
  font-size:small;
  color:#000033;
}
.fire{
  color:firebrick;
  font-size:small;
  font-weight:bold;
}
.nom{
  background-color:darkorange;
  color:white;
  border:1px solid maroon;
}
.gray{
  color:dimgray;
  font-size:small;
  word-spacing:0.2em;
  letter-spacing:0.1em;
}
.sky_bt1{
  background:#000000;
  font-size:10pt;
  color:#000000;
  padding:1px;
}
.sky_bt2{
  border-width:1px;
  border-style:solid;
  border-color:#ffffff dodgerblue dodgerblue #ffffff;
  background:skyblue;
  padding:2px;
}
.sk_w1{
  font-size:11pt;
  border-width:1px;
  border-style:solid;
  background:#ffffff;
  border-color:#555555;
  padding:2px;
  position:relative;
  top:-1px;
  left:-1px;
}
.sk_w2{
  border-left:7px solid steelblue;
  padding:0 15px;
}


table#tb01{
  border-collapse:collapse;
  border: solid #6699cc 1px;
}
table#tb02{
  border-collapse:collapse;
  border: solid #cccccc 1px;
}

td#tb03{
  border:solid 1px #0066ff;
}

table#tb04{
  border-collapse:collapse;
  border-style:solid;
  border-color:#666666;
}
.kage {
  background:#999;
  margin:10px;
}
.menu {
  background:#fff;
  position:relative;
  top:-3px;
  left:-3px;
}


#s1{
  font-size : small;
  color:#666666;
  text-align:right;
  margin:0px 0px;
  padding:0px 0px;
  border:0px;
  background-color:#ffffff;
}

#s2{
  font-size : small;
  margin:0px 0px;
  padding:0px 0px;
  border:0px;
  color:#666666;
}


#s2 a:link{
  font-size : small;
  color:#666666;
}

#s2 a:visited{
  font-size : small;
  color:#666666;
}

#regist{
width:800px;
text-align:right;
}

.date{
  color:green;
}


h1{
  color:#ffffff;
  vertical-align:middle;
  font-family : Arial,平成角ゴシック,MSPゴシック sans-serif;
  font-size:large;
  font-weight:900;
  padding:6px;
  margin:4px 8px 6px 6px;
  text-align:center;
  background-color:#666666;
  line-height:120%;
  border-top:1px solid #999999;
  border-left:14px solid #999999;
  border-bottom:1px solid #999999;
  border-right:14px solid #999999;
}

h2{
	margin : 0;
	padding: 4px 20px 4px 20px;
	font-size: medium;
	border-top: 8px solid #666666;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight: bold;
}

h3{
	margin: 0px 0px 6px 6px;
	font-size:medium;
	padding:2px 12px 2px 6px;
  border-left:8px solid #666666;
  border-bottom:1px solid #999999;
}

h4{
	color : #993366;
	vertical-align:middle;
	padding:2px 6px;
	margin: 0px 0px 8px 6px;
	background-color :#efefef;
	border-left : 5px solid #666666;
	border-bottom : 1px solid #cccccc;
	font-size:small;
}

h5{
	color : #666666;
	font-weight : bold;
	padding:2px 6px;
	margin: 0px 0px 8px 6px;
	border-bottom : 1px solid #cccccc;
}

.m_green{
	color : #006600;
	margin : 0;
	padding:2px 20px 2px 20px;
	font-size:medium;
	font-weight : bold;
	border : 1px solid #cccccc;
}

.num01{
	padding:1px;
	background-color:green;
	color:white;
}

.red{
	color:#ff0099;
	font-size:small;
}

.comment{
	color:#004600;
}

.m_item{
	background : url(../img/item_bg2.gif) repeat-x left top;
	margin : 0;
	padding:2px 12px 2px 12px;
	font-size:small;
	border : 1px solid #cccccc;
	font-weight : bold;
}


.brief{
	background : url(../img/item_bg3.gif) repeat-x left top;
	margin : 0;
	padding:2px 20px 2px 20px;
	font-size:small;
	border : 1px solid #cccccc;
	font-weight : bold;
}



.f14b{
	font-weight : bold;
  color : #006666;
}

.f16b{
  font-size : medium;
  font-weight : bold;
  color : #006600;
}

.f16{
  font-size : medium;
  color : #003366;
  line-height:150%;
}


hr{
  noshade : noshade;
  size : 1px;
  color : #cccccc;
	line-height : 90%;
}


p{
	margin-bottom: 10px;
}

#secondary ul{
  margin : 0;
  padding : 0;
  list-style :none;
}
#secondary li{
  margin:0;
  border-bottom:1px dashed #cccccc;
  color:#666666;
  font-family:arial,helvetica,sans-serif;
  padding : 2px 2px 2px 25px;
  background : url(../img/arrow01.gif) no-repeat left center;
}
#secondary li a:hover{
  color:#ec8602;
  text-decoration:none;
  background:none;
}

#secondary2 ul{
  margin : 0;
  padding : 0;
  list-style :none;
}
#secondary2 li{
  margin:0;
  border-bottom:1px dashed #cccccc;
  color:#336633;
  font-family:arial,helvetica,sans-serif;
  padding : 4px 3px 4px 25px;
  background : url(../img/arrow03.gif) no-repeat left center;
}
#secondary2 li a:hover{
  color:#ec8602;
  text-decoration:none;
  background:none;
}


.quest{
	font-size:xx-large;
	line-height:150%;
	font-weight:bold;
	color:red;
}

.answer{
	font-size:xx-large;
	line-height:150%;
	font-weight:bold;
	color:blue;
}


.cor ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 text-align:center;
}
.cor li{
 float:left;
 width:180px;
 margin:3px;
 padding:0px;
 line-height:26px;
 list-style: none;
}
.cor a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(https://tofl.jp/img/button.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
 float:left;
}

.cor a:hover{
 background-position:right top;
}


#cor{
 margin: 0px;
 padding: 0px;
}

#cor ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 overflow: hidden ;
}
#cor li{
 float:left;
 width:250px;
 margin:3px;
 padding:0pc;
 line-height:26px;
 list-style: none;
}
#cor a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(../img/button08.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
}
#cor a:hover{
 background-position:right top;
}

#cor1{
 margin: 0px;
 padding: 0px;
}

#cor1 ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 overflow: hidden ;
}
#cor1 li{
 float:left;
 width:120px;
 margin:3px;
 padding:0pc;
 line-height:26px;
 list-style: none;
}
#cor1 a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(../img/button01.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
}
#cor1 a:hover{
 background-position:right top;
}


#cor2{
 margin: 0px;
 padding: 0px;
}

#cor2 ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 overflow: hidden ;
}
#cor2 li{
 float:left;
 width:260px;
 margin:3px;
 padding:0pc;
 line-height:26px;
 list-style: none;
}
#cor2 a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(../img/button04.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
}
#cor2 a:hover{
 background-position:right top;
}

#cor3{
 margin: 0px;
 padding: 0px;
}

#cor3 ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 overflow: hidden ;
}
#cor3 li{
 float:left;
 width:150px;
 margin:3px;
 padding:0pc;
 line-height:26px;
 list-style: none;
}
#cor3 a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(../img/button_s.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
}
#cor3 a:hover{
 background-position:right top;
}


#cor4{
 margin: 0px;
 padding: 0px;
}

#cor4 ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 overflow: hidden ;
}
#cor4 li{
 float:left;
 width:180px;
 margin:3px;
 padding:0pc;
 line-height:26px;
 list-style: none;
}
#cor4 a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(../img/button03.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
}
#cor4 a:hover{
 background-position:right top;
}
.20160104{
	font-size: 20px;
	line-height: 24px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.20160104 a{
	color: #0099FF;
}
}



















/* PC
------------------------------ */
@media screen and (min-width:801px) {




#knysch {
}
#knysch a {
    background-color: #1C69BA;
    color: #FFFFFF;
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 2em;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    min-width: 650px;
    background-image: url(../../img_marks/snd-001wht.png);
    background-repeat: no-repeat;
    background-position: right center;
    border-radius: 10px;
    border: 5px solid #6F9ADD;
}
#knysch a:hover  {
    background-color: #54A0F1;
    color: #FFFFFF;
    text-align: center;
}
#kny_a {
    width: 100%;
    max-width: 1000px;
    min-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
#kny_a ul {
	margin-top: 5px;
	margin-left: 5px;
}
#kny_a ul li {
    list-style-image: none;
    list-style-type: none;
}
#kny_a ul li a {
    display: block;
    color: #1C1C1C;
    font-size: 18px;
    text-align: center;
    line-height: 70px;
    border: 1px solid #0064E2;
    border-radius: 10px;
    float: left;
    width: 47%;
    margin-left: 2%;
    margin-bottom: 20px;
}
#kny_a ul li a:hover {
    background-color: #F0F0F0;
}

/* wraper */
#wraper{
    width: 100%;
    background-color: #F1F1F1;
    text-align: center;
}


/* header */

#header{
  margin:0px;
  width:800px;
  text-align:left;
}

#l_head{
  text-align:left;
  float:left;
  width:210px;
}
#c_head{
  text-align:right;
  float:left;
  width:300px;
  vartical-align:middle;
}
#r_head{
	padding:0px 2px;
  text-align:left;
  float:left;
  width:125px;
}
#r_head2{
	padding:0px 2px;
  text-align:right;
  float:left;
  width:125px;
}


#header2{
	width:800px;
  text-align:left;

}


/* container */
#container{
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	clear: both;
	background-color: #FFFFFF;
}

/* l_menu */

#l_menu {
text-align:left;
float:left;
width:180px;
}

#l_menu ul {
list-style:none;
margin:0px;
padding:0px;
}


#l_menu li {
margin:0px;
padding:0px;

}

#l_menu li a {
	list-style:none;
	display:block;
	width:100%;
	width:176px;
	height:70px;
}



/* middle */

#middle{
text-align:left;
float:right;
width:600px;

}
/* middle */

#middle20141226{
	text-align: left;
	float: right;
	width: 800px;
}


/* navigation */
#navigation{
	width:800px;
  float:left;
	margin:0px;
	padding:0px;
	font-size:small;
	line-height:22px;
	font-family:ＭＳ Ｐゴシック;
	background:url(../../img/head_bg_ab03.jpg) repeat-x top left;
}

#navigation ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
	overflow:hidden;
}

#navigation li{
	float:left;
	width:88px;
	margin:0px;
	padding:0px;
}
#navigation a{
	display:block;
	width:100%;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

#navigation a:hover{
	background-color:#336600;
}


/* navigation2 */
#navigation2{
	width:800px;
  float:left;
	margin:0px;
	padding:0px;
	font-size:small;
	line-height:22px;
	font-family:ＭＳ Ｐゴシック;
	background:url(../../img/head_bg_ab03.jpg) repeat-x bottom left;
}

#navigation2 ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:22px;
	overflow:hidden;
}

#navigation2 li{
	float:left;
	width:88px;
	margin:0px;
	padding:0px;
}
#navigation2 a{
	display:block;
	width:100%;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

#navigation2 a:hover{
	background-color:#336600;
}

/* regist */

#regist{
text-align:right;
float:left;
width:800px;
}


#rec01{
float:left;width:600px;
text-align:center;
padding:18px 6px;
font-size:large;
color:#003399;
height:260px;
}

#tel{
width:600px;
text-align:center;
font-size:small;
}


#tel ul{
list-style: none;
margin:0px;
padding:0px;
}

#tel li{
float:left;
width:140px;
margin:2px;
padding:0px;
list-style: none;
}

#tel a{
	display:block;
	width:120px;
	padding:4px 0px 4px 0px;
}


/* footer */

#footer{
text-align:center;
width:800px;
background-color:#cccccc;
clear:both;
}

#footer ul{
	list-style:none;
	margin:0px;
	padding:0px;
	height:20px;
	overflow:hidden;
}

#footer li{
	float:left;
	width:112px;
	margin:1px 0px;
	padding:0px;
}


#footer a{
	display:block;
	width:100%;
	color:#333333;
	text-decoration:none;
	text-align:center;
}

#footer a:hover{
	background-color:#006600;
}


#navi {
padding:0px;
margin:2px;
font-weight:bold;
}

#navi ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 26px;
	overflow: hidden ;
}

#navi li{
	float:left;
	list-style: none;
	width:120px;
	line-height: 26px;
	margin:3px;
	padding:0pc;
}

#navi a{
	display:block;
	width:100%;
	padding:1px 0px 2px 0px;
	color:#006600;
	background:url(https://tofl.jp/img/button-mini.gif) left top no-repeat;
	text-decoration:none;
	text-align:center;
}

#navi a:hover{
	background-position:right top;
}


#navi2 {
padding:0px;
margin:2px;
font-weight:bold;
}

#navi2 ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 26px;
	overflow: hidden ;
}

#navi2 li{
	float:left;
	list-style: none;
	width:180px;
	line-height: 26px;
	margin:3px;
	padding:0pc;
}

#navi2 a{
	display:block;
	width:100%;
	padding:1px 0px 2px 0px;
	color:#006600;
	background:url(https://tofl.jp/img/button03.gif) left top no-repeat;
	text-decoration:none;
	text-align:center;
}

#navi2 a:hover{
	background-position:right top;
}



a:hover {
	transition: all 0.3s ease 0s;
}




body{
	color: #020202;
	font-family: 'Hiragino Sans', 'Meiryo', sans-serif;
	font-size: 16px;
	line-height: normal;
}

a:hover{
  color:orange;
  text-decoration:underline;
}
a:link{
	text-decoration: none;
	color: #000000;
}

a:visited{
	text-decoration: none;
	font-weight: normal;
	color: #000000;
}
.green{
  color:#006633;
  font-size:small;
}
.red{
  color:magenta;
  font-size:x-small;
}
.dodg{
  color:#1e628c;
  font-size:medium;
  font-weight:bold;
}
.dodg_l{
  color:#1e628c;
  font-size:150%;
  font-weight:bold;
}
.tab1{
  color:white;
  font-weight:bold;
  background-color:royalblue;
  font-size:small;
  padding:1px;
}
.tab2{
  color:white;
  font-weight:bold;
  background-color:dodgerblue;
  font-size:small;
  padding:1px;
}
.tab3{
  color:white;
  font-weight:bold;
  background-color:cornflowerblue;
  font-size:small;
  padding:1px;
}
.f150{
  font-size:small;
  color:#000033;
  line-height:150%;
}
.orange{
  color:orange;
  font-size:small;
}
.white{
  color:white;
  font-size:medium;
}
.blue{
  color:blue;
  font-size:medium;
}
.sm03{
  font-size:small;
  color:#000033;
}
.fire{
  color:firebrick;
  font-size:small;
  font-weight:bold;
}
.nom{
  background-color:darkorange;
  color:white;
  border:1px solid maroon;
}
.gray{
  color:dimgray;
  font-size:small;
  word-spacing:0.2em;
  letter-spacing:0.1em;
}
.sky_bt1{
  background:#000000;
  font-size:10pt;
  color:#000000;
  padding:1px;
}
.sky_bt2{
  border-width:1px;
  border-style:solid;
  border-color:#ffffff dodgerblue dodgerblue #ffffff;
  background:skyblue;
  padding:2px;
}
.sk_w1{
  font-size:11pt;
  border-width:1px;
  border-style:solid;
  background:#ffffff;
  border-color:#555555;
  padding:2px;
  position:relative;
  top:-1px;
  left:-1px;
}
.sk_w2{
  border-left:7px solid steelblue;
  padding:0 15px;
}


table#tb01{
  border-collapse:collapse;
  border: solid #6699cc 1px;
}
table#tb02{
  border-collapse:collapse;
  border: solid #cccccc 1px;
}

td#tb03{
  border:solid 1px #0066ff;
}

table#tb04{
  border-collapse:collapse;
  border-style:solid;
  border-color:#666666;
}
.kage {
  background:#999;
  margin:10px;
}
.menu {
  background:#fff;
  position:relative;
  top:-3px;
  left:-3px;
}


#s1{
  font-size : small;
  color:#666666;
  text-align:right;
  margin:0px 0px;
  padding:0px 0px;
  border:0px;
  background-color:#ffffff;
}

#s2{
  font-size : small;
  margin:0px 0px;
  padding:0px 0px;
  border:0px;
  color:#666666;
}


#s2 a:link{
  font-size : small;
  color:#666666;
}

#s2 a:visited{
  font-size : small;
  color:#666666;
}

#regist{
width:800px;
text-align:right;
}

.date{
  color:green;
}


h1{
  color:#ffffff;
  vertical-align:middle;
  font-family : Arial,平成角ゴシック,MSPゴシック sans-serif;
  font-size:large;
  font-weight:900;
  padding:6px;
  margin:4px 8px 6px 6px;
  text-align:center;
  background-color:#666666;
  line-height:120%;
  border-top:1px solid #999999;
  border-left:14px solid #999999;
  border-bottom:1px solid #999999;
  border-right:14px solid #999999;
}

h2{
	margin : 0;
	padding: 4px 20px 4px 20px;
	font-size: medium;
	border-top: 8px solid #666666;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight: bold;
}

h3{
	margin: 0px 0px 6px 6px;
	font-size:medium;
	padding:2px 12px 2px 6px;
  border-left:8px solid #666666;
  border-bottom:1px solid #999999;
}

h4{
	color : #993366;
	vertical-align:middle;
	padding:2px 6px;
	margin: 0px 0px 8px 6px;
	background-color :#efefef;
	border-left : 5px solid #666666;
	border-bottom : 1px solid #cccccc;
	font-size:small;
}

h5{
	color : #666666;
	font-weight : bold;
	padding:2px 6px;
	margin: 0px 0px 8px 6px;
	border-bottom : 1px solid #cccccc;
}

.m_green{
	color : #006600;
	margin : 0;
	padding:2px 20px 2px 20px;
	font-size:medium;
	font-weight : bold;
	border : 1px solid #cccccc;
}

.num01{
	padding:1px;
	background-color:green;
	color:white;
}

.red{
	color:#ff0099;
	font-size:small;
}

.comment{
	color:#004600;
}

.m_item{
	background : url(../img/item_bg2.gif) repeat-x left top;
	margin : 0;
	padding:2px 12px 2px 12px;
	font-size:small;
	border : 1px solid #cccccc;
	font-weight : bold;
}


.brief{
	background : url(../img/item_bg3.gif) repeat-x left top;
	margin : 0;
	padding:2px 20px 2px 20px;
	font-size:small;
	border : 1px solid #cccccc;
	font-weight : bold;
}



.f14b{
	font-weight : bold;
  color : #006666;
}

.f16b{
  font-size : medium;
  font-weight : bold;
  color : #006600;
}

.f16{
  font-size : medium;
  color : #003366;
  line-height:150%;
}


hr{
  noshade : noshade;
  size : 1px;
  color : #cccccc;
	line-height : 90%;
}


p{
	margin-bottom: 10px;
}

#secondary ul{
  margin : 0;
  padding : 0;
  list-style :none;
}
#secondary li{
  margin:0;
  border-bottom:1px dashed #cccccc;
  color:#666666;
  font-family:arial,helvetica,sans-serif;
  padding : 2px 2px 2px 25px;
  background : url(../img/arrow01.gif) no-repeat left center;
}
#secondary li a:hover{
  color:#ec8602;
  text-decoration:none;
  background:none;
}

#secondary2 ul{
  margin : 0;
  padding : 0;
  list-style :none;
}
#secondary2 li{
  margin:0;
  border-bottom:1px dashed #cccccc;
  color:#336633;
  font-family:arial,helvetica,sans-serif;
  padding : 4px 3px 4px 25px;
  background : url(../img/arrow03.gif) no-repeat left center;
}
#secondary2 li a:hover{
  color:#ec8602;
  text-decoration:none;
  background:none;
}


.quest{
	font-size:xx-large;
	line-height:150%;
	font-weight:bold;
	color:red;
}

.answer{
	font-size:xx-large;
	line-height:150%;
	font-weight:bold;
	color:blue;
}


.cor ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 text-align:center;
}
.cor li{
 float:left;
 width:180px;
 margin:3px;
 padding:0px;
 line-height:26px;
 list-style: none;
}
.cor a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(https://tofl.jp/img/button.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
 float:left;
}

.cor a:hover{
 background-position:right top;
}


#cor{
 margin: 0px;
 padding: 0px;
}

#cor ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 overflow: hidden ;
}
#cor li{
 float:left;
 width:250px;
 margin:3px;
 padding:0pc;
 line-height:26px;
 list-style: none;
}
#cor a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(../img/button08.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
}
#cor a:hover{
 background-position:right top;
}

#cor1{
 margin: 0px;
 padding: 0px;
}

#cor1 ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 overflow: hidden ;
}
#cor1 li{
 float:left;
 width:120px;
 margin:3px;
 padding:0pc;
 line-height:26px;
 list-style: none;
}
#cor1 a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(../img/button01.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
}
#cor1 a:hover{
 background-position:right top;
}


#cor2{
 margin: 0px;
 padding: 0px;
}

#cor2 ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 overflow: hidden ;
}
#cor2 li{
 float:left;
 width:260px;
 margin:3px;
 padding:0pc;
 line-height:26px;
 list-style: none;
}
#cor2 a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(../img/button04.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
}
#cor2 a:hover{
 background-position:right top;
}

#cor3{
 margin: 0px;
 padding: 0px;
}

#cor3 ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 overflow: hidden ;
}
#cor3 li{
 float:left;
 width:150px;
 margin:3px;
 padding:0pc;
 line-height:26px;
 list-style: none;
}
#cor3 a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(../img/button_s.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
}
#cor3 a:hover{
 background-position:right top;
}


#cor4{
 margin: 0px;
 padding: 0px;
}

#cor4 ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
 height: 30px;
 overflow: hidden ;
}
#cor4 li{
 float:left;
 width:180px;
 margin:3px;
 padding:0pc;
 line-height:26px;
 list-style: none;
}
#cor4 a{
 display:block;
 width:100%;
 padding:0px 0px 4px 0px;
 color:#006600;
 background-image:url(../img/button03.gif);
 background-repeat:no-repeat;
 background-position:left top;
 text-decoration:none;
 text-align:center;
}
#cor4 a:hover{
 background-position:right top;
}
.20160104{
	font-size: 20px;
	line-height: 24px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.20160104 a{
	color: #0099FF;
}
        #cho_a img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-width: 800px;
    max-width: 1000px;
}
    #cho_a {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    min-width: 800px;
}
    
    #ank_g {
    margin-bottom: 110px;
}
#ank_f {
    margin-bottom: 110px;
}
#kny_i   {
    background-color: #B2B2B2;
}
#kny_i tr td   {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4em;
}
#ank_e {
    margin-bottom: 110px;
}
#kny_g {
    float: left;
    width: 25%;
}
#kny_h {
    float: left;
    width: 75%;
    font-size: 16px;
    line-height: 1.6em;
    text-align: left;
}
#kny_h p {
    margin-bottom: 16px;
}
#kny_g img {
    width: 100%;
}
#ank_a {
    margin-bottom: 110px;
}
#kny_b {
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    min-width: 800px;
}
#ank_b {
    margin-bottom: 110px;
}
#kny_c {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    min-width: 800px;
    padding-top: 18px;
    padding-right: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
    margin-bottom: 30px;
    background-color: #229134;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 1.4em;
    border-radius: 10px;
    font-weight: 700;
}
#ank_c {
    margin-bottom: 110px;
}
#kny_f {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    min-width: 800px;
    font-size: 16px;
    line-height: 1.6em;
    text-align: left;
}
#kny_d {
    float: left;
    width: 40%;
    margin-right: 1%;
    min-width: 390px;
}
#kny_e {
    float: left;
    width: 49%;
}
#kny_e img {
    width: 100%;
    max-width: 480px;
}
#kny_b img {
    width: 100%;
}
#ank_d {
    margin-bottom: 110px;
}
    #kbts_a a {
    display: block;
    width: 99%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

}