@charset "utf-8";

/* common.css
---------------------------------------------*/

.lh12 { line-height: 1.2 ; }
.lh14 { line-height: 1.4 ; }
.lh16 { line-height: 1.6 ; }
.lh18 { line-height: 1.8 ; }
.lh20 { line-height: 2.0 ; }

.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }

.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }

.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }

.p-single-product-freearea img{ margin: 0 auto; }
.c-product-freearea img{ margin: 0 auto; }

.freeWrap{ padding-bottom: 50px; }
.freeWrapInner{	width: 730px; margin: 0 auto; }
@media screen and (max-width: 767px){
	.freeWrap{ overflow-x: scroll; }
}

/* common.css END
---------------------------------------------*/

	.tcRed{ color: #E30012; }
	.taC{ text-align: center; }
	.taR{ text-align: right; }
	
	.taC img{
		margin: 0 auto;
	}

	.clearfix::after {
		content: "";
		clear: both;
		display: block;
	}

  .innerWrap .heading{
    margin: 0 15px 15px;
  }
  .about{
    margin: 20px 15px;
  }
  .about ul{
    margin-bottom: 20px;
  }
  .about ul li{
    display: inline-block;
    vertical-align: top;
    margin-right: 18px;
    margin-left: 0;
    width: 156px;
    line-height: 1.4em;
    font-weight: bold;
  }
  .about ul li:last-of-type{
    margin-right: 0;
  }
  .about ul li small{
    line-height: 1.2em;
  }
  .link ul li{
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
  }
  .link ul li:first-of-type{
    margin-left: 0;
  }
  .link ul li a:hover img{
    opacity: 0.8;
  }
  .link.index{
    margin: 40px auto;
  }
  .link.index ul li{
    margin-left: 21px;
  }
  .link.index ul li:first-of-type{
    margin-left: 0;
  }
  .link.index a{
    display: inline-block;
		color: #065fd4;
		font-size: 14px;
    text-align: right;
    line-height: 2em;
    text-decoration: none;
  }
  .innerWrap h4{
    margin: 20px auto;
    font-size: 1.2rem;
    background-color: #666;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    line-height: 1.2em;
    padding: 10px;
  }
  h4#type01{
    background-color: #0080FF;
  }
  h4#type02{
    background-color: #2607BA;
  }
  h4#type03{
    background-color: #F8C499;
    color: #F00;
  }
  h4#type04{
    background-color: #0B3B65;
    color: #FFF;
  }
  .colBox::after{
    content: '';
    display: block;
    clear: both;
  }
  .colBox .colL{
    float: left;
    margin: 0 15px 15px 0;
  }
  .colBox .colR{
    float: left;
    margin: 0 0 15px 0;
  }
  .colBox .colR_L{
    float: left;
    margin: 30px 15px 0 0 ;
  }
  .colBox .colR_R{
    float: left;
    margin: 0;
  }
  .colBox .midashi{
    font-weight: bold;
    font-size: 1.1rem;
  }  
  .colBox .midashi span{
    color: #EC6C00;
  }
  table.products{
    width: 100%;
    margin-bottom: 40px;
  }
  table.products tr th{
    background-color: #999;
    color: #FFF;
    border: 1px solid #666;
    padding: 5px 10px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
	}
  table.products tr td{
    border: 1px solid #666;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
  }
  table.products tr td:nth-of-type(2){
    text-align: left;
  }
  table.products tr td a{
    color:  #065fd4;
		border-bottom: 1px solid #065fd4;
  }
  .colBox.kumi{
    margin-bottom: 15px;
    margin-left: 20px;
  }
  .colBox.kumi .midashi{
    font-size: 1.1em;
    margin-bottom: 10px;
  } 
  .colBox.kumi .colR{
    margin-top: 2em;
  }
  .colBox.kumi .colR ul li{
    display: inline-block;
    text-align: center;
    line-height: 1.4em;
    margin:  0 15px 20px;
  }
  .colBox.kumi .colR ul li a:hover{
    opacity: 0.8;
  }
  .colBox.kumi .colR ul li img{
    margin-bottom: 5px;
  }
  ul.info{
    margin: 20px 15px;
    line-height: 1.5em;
    font-size: 0.9em;
  }
  ul.info li{
    text-indent: -1em;
    padding-left: 1em;
  }
  .colBox.od .colL{
    margin-left: 20px;
  }
  .colBox.od .colR{
    float: right;
    margin-right: 20px;
	}