@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: #000;
  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;
   background:#ccc no-repeat top center;
    -webkit-text-size-adjust: 100%;
        padding:5% 0;
}

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

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

#btn01 img{
  width:150px;
}

#top-txt{
  margin:auto;
  width:800px;
  min-height:260px;
    padding:200px 50px 50px 50px;
  text-align:left;
     background: url(images/top-bosyu.png) #fff no-repeat top;
   background-size: 100% auto;
}

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


#box{
  width:800px;
  margin:auto;
    text-align:left;
      position:relative;
           background:  #fff;
               padding:30px 50px 50px 50px;
}


#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 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;
}

#top-txt h2{
  font-size: 140%; 
  line-height: 130%;
  padding:0 0 0 0;
}

.white{
  color: #fff;
}

.red{
  color: #e4007f;
}

.red a{
  color: #fff;
    text-decoration: none;
  color: #fff;
    background: #e4007f;
  display:inline-block;
	-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; 
	  margin:4px 0 4px 0; 
}

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

#form .red{
  color: #e4007f;
background:none;
  display:inline-block;
	  padding:0; 
	  margin:4px 0 4px 0; 
}

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

#form .red a:hover {
  color: #000;
}

.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:#e4007f;
color:#fff;
    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:#e4007f;
color:#000;
-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:#e4007f;
color:#fff;
    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:#e4007f;
color:#000;
-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 : dotted;
  border-bottom-color : #e4007f;
}
  
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;
}



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:#e4007f;border-color:#e4007f;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=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}

input[type=password]{width:50%;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);margin-right:20px;}


#pwbox-125{
  width:25%;
}

#sp-field1{width:120px;}
#sp-field2{width:120px;}
#sp-field3{width:120px;}

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

#radio-lan .wpcf7-list-item, #radio-res .wpcf7-list-item, #radio-bir .wpcf7-list-item {
display: block;
}

#radio-lan .wpcf7-list-item.last, #radio-res .wpcf7-list-item.last, #radio-bir .wpcf7-list-item.last{
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;
	width: 380px;
	height: 213px;
	overflow: hidden;
}

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

.thm a {
color: #222;
}


@media screen and (max-width: 767px) {
body {
  font-size: 15px; 
}

#top-txt{
  margin:0 5%;
  width:80%;
    padding:130% 5% 20px 5%;
  text-align:left;
     background: url(images/top-bosyu-sp.jpg) #fff no-repeat top;
   background-size: contain;
}
#box{
  width:80%;
  margin:auto;
    text-align:left;
      position:relative;
           background:  #fff;
               padding:30px 5% 50px 5%;
}
h1 img{
  width:100%;
  height:auto;
}
#menu {
  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; 
}

.wpcf7-radio .wpcf7-list-item {
display: block;
}
.wpcf7-radio .wpcf7-list-item.last{
display: inline-block;
}
}