@charset "UTF-8";

*{
  margin: 0;
  padding: 0;
  border: none;
  list-style-type: none;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}


body {
  position:relative;
  color: #fff;
  font-size: 13px; 
  line-height: 160%;
  font-family: futura, myriad pro, arial, movement, helvetica, sans-serif ,Hiragino Kaku Gothic Pro , MS Gothic;
     text-align:center;
     min-height: 600px;
   background: #1B7DB9 no-repeat top center;
    -webkit-text-size-adjust: 100%;
}


body#top {
   background: url(images/top2019bosyu.png) #1B7DB9 no-repeat center 50px;
   background-size: 800px auto;
}

/*----BASE ----*/

#btn01{
  position:fixed;
  bottom: 0px;
  left: 25%;
  padding:0;
  z-index:100;
}

#btn01 img{
  width:150px;
}

#top-txt{
  width:800px;
  margin:auto;
    padding:305px 0 0 65px;
  text-align:left;
}

#top-txt2{
  width:800px;
  margin:auto;
    padding:55px 0 0 65px;
  text-align:left;
}


#box{
  width:800px;
  margin:auto;
    text-align:left;
      position:relative;
}


#header-box{
  position:fixed;
  top: 0px;
  width:100%;
  height:240px; 
  padding:0;
  z-index:100;
   background:url(/images/header.png) center top no-repeat;
}

#header{
  width:750px;
  position:relative;
  margin:0 auto;
  z-index:100;
  padding: 0px 0px 0px 0px;
}

h1{
  margin:0 0 0 -40px;
}

h1 a:hover img
{
opacity:1.0;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}

h2{
  font-size: 140%; 
  line-height: 130%;
  padding:0 0 15px 0;
}

.red{
  color: #ED6C00;
}

.red a{
  color: #ED6C00;
    text-decoration: none;
}

.red a:hover {
  color: #abcd03;
}

.tree{
color:#A9CF00;
}

#menu {
  width:100%; 
  margin:0px 0 30px 0; 
  padding:0 0 0 0px; 
  z-index:1000;
    font-size: 120%; 
         text-align:left;
}

#menu a{
display:inline-block;
background-color:#fff;
color:#000;
    text-decoration: none;
	-moz-transform-origin:0 100%;
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	-moz-transform:skewX(-10deg);
	-webkit-transform:skewX(-10deg);
	transform:skewX(-10deg);
	  padding:0 4px 0 4px; 
}

#menu a:hover {
background-color:#ED6C00;
color:#fff;
-moz-transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
}

#menu a.green{
display:inline-block;
background-color:#A9CF00;
color:#000;
    text-decoration: none;
	-moz-transform-origin:0 100%;
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	-moz-transform:skewX(-10deg);
	-webkit-transform:skewX(-10deg);
	transform:skewX(-10deg);
	  padding:0 4px 0 4px; 
}

#menu a.green:hover {
background-color:#ED6C00;
color:#fff;
-moz-transition:0.2s ease-in-out;
-webkit-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
}


#sc{
  position:absolute;
  top: 5px;
  right: 0px;
  padding:0;
  z-index:100;
}

.contents {
  width: 690px;
  margin: 0 auto;
  text-align:left;
  padding: 300px 0px 0px 30px;
  
}



.contents-title{
  width: 180px;
  padding: 300px 50px 0px 100px;
      float: left;
            text-align:center;
}  
 
.contents-txt{

}  

.contents-txt p{
  padding: 0px 0px 15px 0px;
}  

.clear{
  clear: both;
} 

.sen {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #ccc;
}
  
h3{
  font-size: 20px; 
  line-height: 180%;
}

table h3 {
  font-size: 20px; 
  line-height: 180%;
  padding: 20px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #ccc;
}

h4{
  font-size: 15px; 
  line-height: 180%;
}

big{
  font-size: 110%; 
  line-height: 180%;
  font-weight: bold;
}

small {
  font-size: 80%; 
}

.blue{
  color: #00A0E5;
}

.contents-txt a {
  text-decoration: none;
  color: #00A0E5;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #00A0E5;
}

.contents-txt a:hover {
  text-decoration: none;
  color: #F974A6;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #F974A6;
}

.contents-txt a:active {
  text-decoration: none;
  color: #F974A6;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : #F974A6;
}


#nomi a {
  text-decoration: none;
  color: #111;
  border-bottom-width : 0px;
}

#nomi a:hover {
  text-decoration: none;
  color: #F974A6;
  border-bottom-width : 0px;
}

#nomi a:active {
  text-decoration: none;
  color: #F974A6;
  border-bottom-width : 0px;
}


img {
vertical-align:bottom;
}

a:hover img
{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}


.btn-top{
  padding: 50px 35px 0px 35px;
  text-align:right;
  clear: both;
}

.btn-top a{
  text-decoration: none;
  text-align:right;
  color: #111;
}

.btn-top a:hover {
  text-decoration: none;
  color: #999;
}


/*---- TOP----*/



/*---- about ----*/
#about{
    min-height: 750px;
           background: url(/2015/images/bs2015-p2.gif) center top no-repeat #FFFF00;
}

#about .contents-title h2{
  font-size: 13px; 
    line-height: 150%;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
}


/*---- if ----*/
#if{
    min-height: 750px;
           background: url(/2015/images/bs2015-p3.gif) center top no-repeat #FFFF00;
}

/*---- news ----*/
#news {
    min-height: 750px;
           background: url(/2015/images/bs2015-p4.gif) center top no-repeat #FFFF00;
}


.contents-txt h3 a {
  text-decoration: none;
  color: #111;
  border-bottom-width : 0px;
  border-bottom-style : solid;
  border-bottom-color : #111;
}



/*---- howto ----*/

#howto {
    min-height: 750px;
           background: url(/2015/images/bs2015-p5.gif) center top no-repeat #FFFF00;
}



/*---- judge ----*/
#judge{
    min-height: 750px;
           background: url(/2015/images/bs2015-p6.gif) center top no-repeat #FFFF00;
}






#contact .wpcf7-form-control{
  padding: 5px 15px 5px 15px;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #eee;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#111));
background: -webkit-linear-gradient(#eee, #111);
background: -moz-linear-gradient(#eee, #111);
background: -ms-linear-gradient(#eee, #111);
background: -o-linear-gradient(#eee, #111);
background: linear-gradient(#eee, #111);
-pie-background: linear-gradient(#eee, #111);
behavior: url(/PIE.htc);
position: relative;
}

#contact .wpcf7-submit {
  margin: 5px 0px 0px 0px;
  padding: 5px 15px 5px 15px;
  -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(/PIE.htc);
position: relative;
}



/*---- FOOTER ----*/

#footer {
  width: 100%;
  margin: 50px auto 20px auto;
  padding: 50px 0px 0px 0px;
  text-align:center;
  font-size: 10px;
  color: #111;
    clear: both;
}

#footer .contents{
  padding: 0px 0px 0px 0px;
  text-align:center;
  font-size: 10px;
  color: #111;
}

#footer a{
  color: #111;
}


.thm {
	width: 150px;
	height: 150px;
    padding:0;
    margin: 0px 25px 20px 0;
    	float: left;
    	  font-size: 10px; 
  line-height: 180%;
  letter-spacing: 0px;
}

.thm p{
	padding:0;
	margin: 0px 0px 5px 0px;
}

.thm img{
	width: 150px;
	height: 84px;
}

.thm a {
color: #222;
}

table tr {

}
 
table tr:nth-child(even) {

}

table{border-spacing:0;width:100%;border-collapse:separate}table caption{padding:1em 0;font-weight:600}table td,table th{padding:1em 0;text-align:left;vertical-align:top}table td p:last-child,table th p:last-child{margin-bottom:0}table th{font-weight:600}table thead th{padding:1em;vertical-align:middle}table tbody h2{font-size:1em;letter-spacing:normal;font-weight:400}table tbody h2 a{font-weight:400}

input[type=submit]{border:0;background:0 0;background-color:#ED6C00;border-color:#ED6C00;color:#fff;cursor:pointer;padding:1em 2em;text-decoration:none;font-weight:600;text-shadow:none;display:inline-block;outline:0;-webkit-appearance:none;-webkit-font-smoothing:antialiased;border-radius:0}

input[type=button],input[type=reset]{border:0;background:0 0;background-color:#43454b;border-color:#43454b;color:#fff;cursor:pointer;padding:.6180469716em 1.41575em;text-decoration:none;font-weight:600;text-shadow:none;display:inline-block;outline:0;-webkit-appearance:none;-webkit-font-smoothing:antialiased;border-radius:0}
input[type=search]{box-sizing:border-box}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}.input-text,input[type=tel],input[type=email],input[type=password],input[type=search],input[type=text],input[type=url],textarea{width:100%;padding:.6180469716em;background-color:#f2f2f2;color:#43454b;outline:0;border:0;-webkit-appearance:none;box-sizing:border-box;font-weight:400;box-shadow:inset 0 1px 1px rgba(0,0,0,.125)}.input-text:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{background-color:#e6e5e5;color:#2b2c30}textarea{overflow:auto;padding-left:.875em;vertical-align:top;width:100%}label{font-weight:400}label.inline input{width:auto}
input[type=button]:hover,input[type=button]:hover,input[type=reset]:hover,input[type=reset]:hover,input[type=submit]:hover,input[type=submit]:hover{background-color:#666}.button:hover,button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover{color:#fff}

#pwbox-125{
  width:25%;
}

#sp-field1{width:100px;}
#sp-field1{width:100px;}
#sp-field2{width:100px;}

.wpcf7-list-item-label {
  padding:2px 5px 2px 2px;
  display: inline-block; 
}


.thm {
	width: 380px;
	min-height: 280px;
    padding:0;
    margin: 0px 20px 0px 0;
    	float: left;
    	  font-size: 11px; 
  line-height: 180%;
  letter-spacing: 0px;
}



.thm p{
	padding:0;
	margin: 0px 0px 5px 0px;
}

.thm img{
	width: 380px;
	height: auto;
}

.thm a {
color: #222;
}



@media screen and (max-device-width: 480px) {
body {
  font-size: 22px; 
}

#top-txt{
  width:800px;
  margin:auto;
    padding:500px 0 0 65px;
  text-align:left;
}

#menu {
  width:75%; 
  margin:0px 0 30px 0; 
  padding:0 0 0 0px; 
  z-index:1000;
    font-size: 100%; 
         text-align:left;
}

#menu a{
  margin:0px 0 10px 0; 
}
}