/* common */



body{
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
  
}
.container{
  min-width:320px;
}
.container#tpl-header{
  padding:0 6px;
  margin-bottom:20px;
}
.container#tpl-content{
  padding-right:10px;
  padding-left:10px;
}
#tpl-content h1{
  width:100%;
  margin:0 0 8px 0;
  padding:4px;
  font-size:20px;
  font-weight:bold;
  border-bottom:2px solid #303346;
}
#tpl-content h2{
  margin:0 0 15px 0;
  padding-left:15px;
  font-size:16px;
  font-weight:bold;
  color:#3B3D4C;
  background : url(img/05.png) 0px 4px / auto auto no-repeat scroll padding-box border-box transparent;
}
#tpl-content .subpage h2{
  margin:15px 0;
  padding-left:0;
  font-size:16px;
  font-weight:bold;
  color:#3B3D4C;
  background:none;
}
#tpl-content h3{
  }
#tpl-content p{
  margin:8px 0 0 0;
}
#tpl-content .subpage p{
  margin:8px 0;
}
#tpl-content img.left{
  float:left;
  margin-right:8px;
  margin-bottom:8px;
}
#tpl-content img.right{
  float:right;
  margin-left:8px;
  margin-bottom:8px;
}
/*  */

.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.clearfix{
  display: inline-block;
}
#tpl-content .example{
  width:100%;
  margin:0 0 15px 0;
  padding:0;
  border-top:5px solid #B3B0A7;
  border-bottom:5px solid #B3B0A7;
}
#tpl-content .example h2{
  font-size:12px;
  font-weight:normal;
  margin:0 0 15px 0;
  padding:5px 10px;
  border-bottom:5px solid #B3B0A7;
  background:none;
}
#tpl-content .example div{
  width : 25%;
  float:left;
  padding:0 15px;
  margin-bottom:10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-right : 1px solid #cccccc;
}
#tpl-content .example div:last-child{
  border-right:none;
}
#tpl-content .example img{
  border:1px solid #9B9A96;
}
@media (max-width:767px){
  #tpl-content .example div{
  width:100%;
  border:none;
  padding:8px;
  float:none;
}
}
#tpl-content .box01{
  margin-bottom:20px;
  border:5px solid #84848E;
  padding:10px;
}
#tpl-content .box01 h2{
  padding-bottom:15px;
  border-bottom:3px solid #8D8779;
}
#tpl-content .box01 a{
  color:#303346;
  font-size:10px;
  text-decoration:none;
}
#tpl-content .box01 p{
  margin:8px 0 0 0;
  padding:0;
}
#tpl-content .box02{
  margin-bottom:40px;
  padding:10px 15px 0;
  border-top:3px solid #8D8779;
  border-bottom:3px solid #8D8779;
}
#tpl-content .box02 img{
  border:1px solid #9B9A96;
}
#tpl-content .box02 h3{
  font-size:18px;
  font-weight:bold;
  margin:10px 0 20px;
  color:#615A3E;
}
#tpl-content .box02 p{
  margin:5px 0;
  padding:0;
}
#tpl-content .box02 p a{
  font-size:10px;
  color:#898884;
}
#tpl-content .box02 ul{
  margin:0;
  padding:0px;
  list-style-type:none;
  border-top:dotted 1px #CDCDCD;
}
#tpl-content .box02 ul li{
  border-bottom:dotted 1px #CDCDCD;
  padding: 5px 0;
}
#tpl-content .box02 ul li span{
  color:#898884;
  margin-right:8px;
}
#tpl-content .box02 ul li a{
  color:#333;
  text-decoration:none;
  display:block;
}
#tpl-content .box03{
  border:1px solid #9B9A96;
  background:#FFFEF9;
}
#tpl-content .box03 h2{
  font-size:12px;
  font-weight:normal;
  color:#333;
  background:none;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:3px solid #8D8779;
}
#tpl-content .box04 div{
  width:50%;
  float:left;
  padding:0 15px;
  margin-bottom:10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-right:1px solid #ccc;
}
#tpl-content .box04 div:last-child{
  border-right:none;
}
#tpl-content .box04 img{
  border:1px solid #9B9A96;
}
#tpl-content .more{
  margin-bottom:20px
;
}
#tpl-content .more a{
  background:#9D9789;
  color:#fff;
  border:none;
}
@media (max-width:767px){
  #tpl-content .box04 div{
  width:100%;
  border:none;
  padding:8px;
  float:none;
}
}
#tpl-content .box05{
  margin-bottom:20px;
  padding:20px;
  background:#FFFEF9;
  border:5px solid #8D8779;
}
#tpl-content .box05 h2{
  padding-left:0;
  font-size:20px;
  color:#333;
  background:none;
  margin-bottom:20px;
}
#tpl-content .box05 .contact01 a{
  width:290px;
  height:52px;
  line-height:52px;
  display:block;
  text-align:center;
  font-size:14px;
  font-weight:bold;
  color:#333;
  text-decoration:none;
  background-image : url(img/15.png);
}
#tpl-content .box05 .contact02 a{
  color:#2F313D;
  font-size:2em;
  text-align:center;
}
#tpl-content .box05 .contact03{
  color:#656460;
  text-align:center;
}
/* / */

.container#tpl-footer{
  padding:0 6px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding:0 13px;
}
@media (max-width:767px){
  .container#tpl-header,
	.container#tpl-footer{
  padding:0;
}
.container#tpl-content{
  margin-top:64px;
}
.row{
  margin-left:-10px;
  margin-right:-10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  padding:0 10px;
}
}
@media (min-width:952px){
  .container{
  width:952px;
}
}
/* header - top */

#tpl-header .top{
  width:100%;
  overflow:hidden;
  padding:8px 0;
}
#tpl-header .top .sp-btn{
  display:none;
}
#tpl-header .top .sp-btn a{
  color:#303346;
  line-height:1em;
  padding:6px 8px;
}
#tpl-header .top .sp-btn .title{
  margin:4px 0 0;
  text-align:center;
  font-size:8px;
}
#tpl-header .top .left{
  display:none;
  overflow:hidden;
  float:left;
}
#tpl-header .top .left .sp-btn{
  float:left;
}
#tpl-header .top .center{
  float:left;
  padding:15px;
  color : green;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box black;
}
#tpl-header .top .center a{
  color:#eee;
}
#tpl-header h1{
  margin:0;
}
.subpage#tpl-header .top .center span{
  font-size:24px;
}
#tpl-header .top .right{
  float:right;
  overflow:hidden;
}
#tpl-header .top .right .sp-btn{
  float:right;
  margin-right:4px;
}
#tpl-header .top .right .contact-pc{
  padding:4px 8px;
  background:#FFFEF9;
  border:1px solid #F8F8F0;
}
#tpl-header .contact-pc p{
  margin-bottom:0;
}
#tpl-header .top .right .contact-pc .tel{
  font-size:150%;
  font-weight:bold;
  line-height:1em;
}
#tpl-header .top .right .contact-pc .tel a{
  color:#303346;
}
#tpl-header .top .right .contact-pc .message{
  color:#9E9E9E;
  font-size:10px;
  margin-bottom:2px;
}
#tpl-header .top .right .contact-pc .link a{
  color:#fff;
  border:none;
  background:#303346;
  padding: 2px 10px;
  font-size:10px;
}
#tpl-header .top .right .contact-sp{
  display:none;
}
@media (max-width:767px){
  #tpl-header{
  padding:0;
}
#tpl-header .top{
  padding: 4px 0px 2px;
}
#tpl-header .top .sp-btn{
  display:block;
}
#tpl-header .top .left{
  display:block;
  padding: 0 4px;
}
#tpl-header .top .center{
  padding:8px;
}
#tpl-header h1,
	.subpage#tpl-header .top .center span{
  font-size:14px;
  line-height:1.1;
}
#tpl-header .top .right .contact-pc{
  display:none;
}
#tpl-header .top .right .contact-sp{
  display:block;
}
}
/* header - menu,image */

#tpl-header .menu{
  width:100%;
  margin-bottom:8px;
  padding-top:5px;
  border-top:3px solid #303346;
}
#tpl-header .menu ul{
  margin:0;
  padding:0;
  list-style-type:none;
  overflow:hidden;
  width:100%;
}
#tpl-header .menu ul li{
  display:block;
  width : 20%;
  float:left;
  text-align:center;
  border-right : 1px solid #cccccc;
}
#tpl-header .menu ul li:last-child,
#tpl-header .menu ul li:nth-last-child(2){
  border-right:none;
}
#tpl-header .menu ul li a{
  display:block;
  padding:10px 0;
  color:#333;
}
.image{
  position: relative;
  overflow: hidden;
  /*	margin-bottom:20px;
*/
}
@media (max-width:767px){
  #tpl-header .menu{
  display:none;
}
#tpl-header .contact{
  display:none;
}
#tpl-header-btn{
  display:block;
}
#tpl-header .menu{
  padding:0;
  border:none;
}
#tpl-header .menu ul li{
  width:100%;
  float:none;
  text-align:left;
  border-bottom:1px solid #333;
  border-right:none;
  background:none;
}
#tpl-header .menu ul li:first-child{
  border-top:1px solid #333;
}
#tpl-header .menu ul li a{
  border-bottom:none;
  border-left:16px solid #303346;
  padding-left:16px;
}
.subpage#tpl-header .image{
  display:none;
}
}
/* header - fixed */

@media (max-width:767px){
  body.header-fixed #tpl-header .top{
  position: fixed !important;
  position: absolute;
  top: 0;
  left: 0;
  background:#fff;
  border-bottom:1px solid #333;
  z-index:9999;
}
body.header-fixed #tpl-header .menu{
  position: fixed !important;
  position: absolute;
  top: 0;
  left: 0;
  background:#fff;
  z-index:9999;
}
}
/* footer */

#tpl-footer .links{
  margin:0;
  padding:1.5em;
  overflow:hidden;
  position: relative;
  border-top:3px solid #303346;
}
#tpl-footer .links ul{
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  position: relative;
  left: 50%;
}
#tpl-footer .links ul li{
  float:left;
  border-right:1px solid #333;
  padding: 0 6px;
  line-height: 1;
  position: relative;
  left: -50%;
}
#tpl-footer .links ul li:last-child{
  border-right:none;
}
#tpl-footer .links ul li a{
  color:#333;
  font-size:12px;
}
#tpl-footer .copyright{
  padding:.8em;
  color : #ffffff;
  text-align:center;
  background : none 0% 0% / auto auto repeat scroll padding-box border-box #000000;
}
@media (max-width:991px){
  #tpl-footer .links{
  padding:1em 0;
}
}
@media (max-width:767px){
  #tpl-footer .links{
  padding:0;
}
#tpl-footer .links ul{
  float:none;
  left: 0;
}
#tpl-footer .links ul li{
  float:none;
  width:100%;
  border-right:none;
  padding: 0;
  left: 0;
}
#tpl-footer .links ul li a{
  display:block;
  width:100%;
  height:44px;
  padding:18px;
  border-bottom:solid 1px #333;
}
#tpl-footer .links ul li:last-child a{
  border-bottom:none;
}
}
/* left menu */

#tpl-content .left-menu{
  margin-bottom:20px;
}
/* right menu */

#tpl-content .right-menu{
  margin-bottom:20px;
}
#tpl-content .right-menu .banner-contact{
  margin-bottom:20px;
  border:1px solid #9B9A96;
}
#tpl-content .right-menu .banner{
  border:1px solid #9B9A96;
  padding:4px;
  margin-bottom:10px;
  font-size:14px;
}
#tpl-content .right-menu .banner img{
  border:1px solid #ccc;
}
#tpl-content .right-menu .banner a{
  color:#333;
  font-weight:bold;
  display:block;
}
#tpl-content .right-menu .blog-list{
  margin:10px 0 20px;
  padding:10px 10px 4px;
  border:1px solid #919191;
}
#tpl-content .right-menu .blog-list h2{
  margin:0;
  padding:0;
  font-size:14px;
  font-weight:bold;
  background:none;
  color:#333;
}
#tpl-content .right-menu .blog-list h2 img{
  border:1px solid #9B9A96;
  margin-right:10px;
  float:left;
}
#tpl-content .right-menu .blog-list p{
  margin:5px 0;
  padding:0;
}
#tpl-content .right-menu .blog-list p a{
  font-size:10px;
  color:#898884;
}
#tpl-content .right-menu .blog-list ul{
  margin:0;
  padding:0px;
  list-style-type:none;
  clear:both;
}
#tpl-content .right-menu .blog-list ul li{
  border-bottom:solid 1px #CDCDCD;
  padding: 2px;
}
#tpl-content .right-menu .blog-list ul li span{
  color:#898884;
  margin-right:8px;
  font-size:10px;
}
#tpl-content .right-menu .blog-list ul li a{
  color:#333;
  text-decoration:none;
  display:block;
}
/* contact */

#tpl-content .contact{
  margin:20px;
}
#tpl-content .contact .btn{
  color:#fff;
  border-color:#303346;
  background-color:#303346;
  margin: 10px 0 20px;
}
@media (max-width:767px){
  #tpl-content .contact{
  margin: 20px 10px;
}
}
/* news */

#tpl-content ul.news-list{
  margin:0 0 8px 0;
  padding:0px;
  list-style-type:none;
}
#tpl-content ul.news-list li{
  border-bottom:dotted 1px #999;
  padding: 16px 0px 2px;
}
#tpl-content ul.news-list li span.date{
  color:#303346;
  margin-right:8px;
}
#tpl-content ul.news-list li h2{
  padding:0 0 4px;
}
#tpl-content ul.news-list li p{
  padding:0;
}
#tpl-content ul.news-list li a{
  color:#333;
}
#tpl-content .news-content p.date{
  color:#303346;
}
img_l{
  float : left;
}