@charset "utf-8";

#mainTitle,
#mainTitle01{
 margin:0 0 20px;
 padding:1px 0;

 border-width:1px 0;
 border-style:solid;
}

#mainTitle div{
 padding:4px 0;

 height:45px;
 overflow:hidden;
}

#mainTitle p{
 font-size:15px;
 font-weight:bold;
}

#mainTitle h1{
 margin-top:5px;
 font-size:18px;
}

#headerSpace{
 padding:6px 0 12px;

 font-size:18px;
 text-align:center;
 color:#fff;
}

#headerCatch{ 
 padding-bottom:9px;
 font-size:16px;
 font-weight:bold;
}

.header-lightbrown,
.header-brown,
.header-green{
 background-image:url(../../img/bf/cssImages/background.png);
 background-repeat:no-repeat;
}

.header-green{ background-position:0 -110px; }
.header-brown{ background-position:0 -40px; }
.header-lightbrown{ background-position:0 -180px; }

.header-green-bgcolor{ background-color:#008000; }
.header-brown-bgcolor{ background-color:#6a0d05; }
.header-lightbrown-bgcolor{ background-color:#990000; }



/* pageLayout */
.repeat-block{
 margin:0 5px 15px;
 font-size:16px;
}


.section-header{
 margin:0 0 8px;
 height:18px;

 background-image:url(../../img/bf/cssImages/background.png);
 background-repeat:no-repeat;
}

.section-header h2{
 padding-left:16px;
 font-size:16px;
 font-weight:bold;
}


.sh-brown{ 
 color:#6A0D05;
 background-position:-4px -252px;
}
.sh-green{
 color:#060;
 background-position:-4px -287px;
}
.sh-lightbrown{
 color:#900;
 background-position:-4px -322px;
}


/* float setting */
.floatLeft{ font-size:12px; }
.floatLeft img,
img.floatLeft{ margin-right:10px; }


/* word */
.botton-word-orange{
 margin-top:12px;
 font-size:14px;
 color:#f30;
 
 text-align:center;
}


/* big-button設定 */
.big-button{ margin:9px auto 0; }
.big-button02{ margin:7px auto 0; }

.big-button li{
 margin:0 0 5px 5px;
 padding:2px;
 float:left;

 box-sizing:border-box;

 border:1px solid #F00;

 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;

}

.big-button02 li{
 margin:0 auto 5px;
 padding:2px;
 width:285px;
 text-align:center;

 box-sizing:border-box;

 border:1px solid #FF6600;

 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;

 background-color:#fff;
}

.big-button li:nth-child(1){
 margin-left:5%;
 margin-right:2%;
 width:43%;
}

.big-button li:nth-child(2){
 margin-left:2%;
 width:43%;
}

.big-button02 li:nth-child(1),
.big-button02 li:nth-child(2){ margin:7px auto 25px; }


.big-button a,
.big-button02 a{
 display:block;
 padding:14px 0;

 color:#fff;
 font-weight:bold;
 text-decoration:none;

 -webkit-appearance:none;

 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;

}

.big-button a{

/*
 background: #ff7373; /* Old browsers */
 background: -moz-linear-gradient(top,  #ff7373 17%, #ff0000 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#ff7373), color-stop(100%,#ff0000)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #ff7373 17%,#ff0000 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #ff7373 17%,#ff0000 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top,  #ff7373 17%,#ff0000 100%); /* IE10+ */
 background: linear-gradient(to bottom,  #ff7373 17%,#ff0000 100%); /* W3C */
*/

 box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -webkit-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -moz-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;

 background: #F00;


}


.big-button02 a{
 box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -webkit-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -moz-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;

 background: #f52828;
}


.bottunOrange li{  border:1px solid #f60; }

.bottunOrange a{

 box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -webkit-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;
 -moz-box-shadow:-3px -3px 3px 0 rgba(200, 65, 0, 0.8) inset,3px 3px 3px 0 rgba(255, 180, 150, 0.8) inset;

 background: #F60;
}


.big-button span{
 padding-left: 30px;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 1px;

 background-image:url(../../img/bf/cssImages/arrow_c.png);
 background-repeat:no-repeat;
 background-position:0% 50%;
 background-size: 18px 18px;
}

.big-button02 span{
 padding-left:30px;
 font-size:17px;

 background-image:url(../../img/bf/cssImages/arrow_c.png);
 background-repeat:no-repeat;
 background-position:0% 50%;
 background-size: 18px 18px;

}

.orenge-button{
 margin:10px auto 15px;
 width:250px;
 text-align:center;

 border:1px solid #ff7113;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 text-decoration:none;
 
}


.orenge-button a{
 display:block;
 margin:2px;
 padding:10px 0;
 height:18px;
 overflow:hidden;

 font-size:16px;
 font-weight:bold;
 color:#fff;
 text-decoration:none;
 text-shadow: 1px 1px 2px #333;

 border-radius: 4px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;

 box-shadow:-2px -2px 5px 0 rgba(220, 20, 60, 0.2) inset;
 -webkit-box-shadow:-2px -2px 5px 0 rgba(220, 20, 60, 0.2) inset;
 -moz-box-shadow:-2px -2px 5px 0 rgba(220, 20, 60, 0.2) inset;

 background:#ff7113;

}



/* ナビ用トップタイトル設定 */




.naviLink li{
 height:60px;
 overflow:hidden;
 line-height:150%;
}

.naviLink a{
 position:relative;
 display:block;
 padding:10px 12px;
 text-decoration:none;
}

.naviLink span{
 font-size:14px;
}

.dB-naviLink img{
 position:absolute;
 top:25px;
 left:92%;
 border:0;
}

.naviLink li.underborder-none { border-bottom:0; }


/* color setting  */

.border-brown{ border:1px solid #8D4640; }
.border-green{ border:1px solid #009900; }
.border-lightbrown{ border:1px solid #990000; }


/* space */
.bW20{ margin-bottom:20px; }

/* footer リンク */

#footer-nav{ margin-top:1px; }



/* END あいうえお */