@charset "UTF-8";
/* CSS Document */

a:active, a:hover {
  color:yellow;
}
table {
  width:100%;
}
table,table tr,table tr td {
  border:1px solid;
  text-align: center;
  vertical-align: middle;
}
.img-box{
  margin: 10px 0 4px 0;
  padding:10px 0;
  float:left;
}
.img-box-outer{
  float:left;
}
.caption{
  margin:10px 0;
  font-size:small;
  text-align:center;
}
.textbox{
	margin:20px 10px;
	line-height: 20px;
}
.txt-box-mintcream{  margin:0 0 20px 30px;
	padding:10px;
  background-color: beige;
  font-size:14px;
  line-height:20px;
}
.txt-box-beige{
  margin:0 0 20px 0;
	padding:10px;
  background-color: beige;
  font-size:14px;
  line-height:20px;
  float:left;
}
.txt-box-cornsilk{
  margin:0 0 20px 30px;
	padding:10px;
  background-color:honeydew;
  font-size:14px;
  line-height:20px;
  float:left;
}
.txt-box-honeydew{
  margin:0 0 20px 30px;
	padding:10px;
  background-color: honeydew;
  font-size:14px;
  line-height:20px;
  float:left;
}
.txt-box-seashell{
  margin:0 0 20px 30px;
	padding:10px;
  background-color:seashell;
  font-size:14px;
  line-height:20px;
}
.txt-box-lavender{
  margin:0 0 20px 30px;
	padding:10px;
  background-color:lavender;
  font-size:14px;
  line-height:20px;
}
.bold{
  font-weight:bold;
}
p.Q {
  color:#336699;
	font-weight: bold;
	}
p.A {
    margin: 10px 5px 5px 5px;
    color: #333333;
	}
.lead-main{
    margin:10px 0px 10px 30px;
    padding:6px 10px 6px 10px;
    text-align: center;
    background-color:#3EA34A;
    font-size: 22px;
    color:#ffffff;
    line-height: 20px;
    }
.lead-sienna{
    margin:15px 0 15px 10px;
    padding:6px 0 6px 0;
    text-align: center;
    background-color:sienna;
    color:#ffffff;
    }
.lead-chocolate{
  margin:10px 0;
  padding: 4px 10px;
  background-color:#800000;
  color:#ffffff;
}
.lead-radius{
border-radius: 10px
}
.lead-darkolivegreen{
  margin:10px 0;
  padding: 4px 10px;
  background-color:darkolivegreen;
  color:#ffffff;
}
.lead-darkolivegreen-s{
  padding: 2px 10px;
  background-color: darkolivegreen;
  color: #ffffff;
}
.lead-teal{
  margin:10px 0;
  padding: 4px 10px;
  background-color:teal;
  color:#ffffff;
}
.lead-sub-darkorange{
  padding: 6px 8px;
  font-size: 16px;
  background-color: darkorange;
  color: #ffffff;
} 
.lead-sub-limegreen{
  padding: 6px 8px;
  font-size: 16px;
  background-color: limegreen;
  color: #ffffff;
} 
.lead-sub-limegreen{
  padding: 6px 8px;
  font-size: 16px;
  background-color:tomato;
  color: #ffffff;
} 
.lead-sub-yellowgreen{
  padding: 2px 8px 2px 8px;
  font-size: 16px;
  background-color: yellowgreen;
  color: #ffffff;
}
.lead-sub-gold{
  padding: 2px 8px 2px 8px;
  font-size: 16px;
  background-color:gold;
  color: #ffffff;
} 
.lead-sub-yellow{
  padding: 2px 8px 2px 8px;
  font-size: 16px;
  background-color:yellow;
  color: #ffffff;
} 
.txt-arange-l{
  text-indent: 10px;
  text-align: left;
}
.txt-arange-c{
  text-indent: 10px;
  text-align: center;
}

div .panel{
  margin-left: 30px;
}


/*
https://on-ze.com/archives/6448
*/
.carouselx {
width:100%;
padding:12px 0;
overflow-x:scroll;
-webkit-overflow-scrolling:touch;
/*overflow-scrolling:touch;*/
white-space:nowrap;
}

.carouselx li {
background: #fff;
margin: 2px;
text-align: center;
display: inline-block;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/*
http://bashalog.c-brains.jp/14/12/22-133149.php
*/

.slider-wrapper {
  width: 600px;
  padding: 5px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #CCC;
}

.slider {
  width: 850px;
  -webkit-overflow-scrolling: touch;
}

.slider > * {
  -webkit-transform: translateZ(0px);
}

.slider-wrapper::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}

.unit {
  float: left;
  width: 150px;
  margin: 0 0 0 5px;
  border: 1px solid #DDDDDD;
  background: #EFEFEF;
}

.unit:first-child {
  margin: 0;
}

.unit .img {
  text-align: center;
}

/*
http://bashalog.c-brains.jp/14/12/22-133149.php
*/