#rec { overflow: hidden; width: 700px; }
#rec dl { float: left; margin-right: 10px; width: 165px; height: 300px; }
#rec dl dt img { width: 163px; margin-bottom: 10px; border: 1px solid #ccc; }
#rec dl dt img:hover { border: 1px solid rgba(240,199,129,1.00); }
#rec dl dd { margin: 0; padding: 0; font-size: 12px; color: #000; margin-bottom: 10px; }
#bbb .square_btn{ display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8; color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; }
#bbb .square_btn:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
}
#bbb p { float:right;}
#bbb a { color:#FFF; }

.h250 { height:250px; }
* {
      box-sizing: border-box;
    }

    .slider {
        width: 100%;
        margin: 0px auto 50px auto;
    }

    .slick-slide {
      margin: 0px;
    }

    .slick-slide img {
      width: 100%;
    }

#contents-center-bl .info-box2 h2{
	margin:20px 0px 0px 0px;
	padding:30px 0px 20px 20px;
	height:35px;
	background: none;
	text-align: left;
 font-size:20px;
width:95%;
}
#contents-center-bl .info-box2 .of-bl{
	margin:0;
	padding:0;
	height:370px;
	overflow:scroll;
	color:#333333;
  border:1px dotted #ccc;
}
#contents-center-bl .info-box2 dl{
	margin:0 auto;
	padding:0;
	width:98%;
	color:#333333;
  clear:both;
}
#contents-center-bl .info-box2 dl dt{
	margin:0px 20px 0px 0px;
	padding:20px 0px 5px;
	font-weight:bold;
        float:left;
}
#contents-center-bl .info-box2 dl dd{
	margin:0px;
	padding:20px 0px 20px 0px;
	border-bottom: dashed 1px #cccccc;
        font-size:14px;
        height:170px;
        line-height:1.8;
}

#contents-center-bl .info-box2 span {text-decoration:underline; }

#contents-center-bl .info-box3 h2{
	margin:20px 0px 0px 0px;
	padding:30px 0px 20px 20px;
	height:35px;
	background: none;
	text-align: left;
 font-size:20px;
width:95%;
}
#contents-center-bl .info-box3 .of-bl{
	margin:0;
	padding:0;
	height:370px;
	overflow:scroll;
	color:#333333;
  border:1px dotted #ccc;
}
#contents-center-bl .info-box3 dl{
	margin:0 auto;
	padding:0;
	width:98%;
	color:#333333;
}
#contents-center-bl .info-box3 dl dt{
	margin:0px 20px 0px 0px;
	padding:0px 0px 5px;
	font-weight:bold;
        float:left;
}
#contents-center-bl .info-box3 dl dd{
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	border-bottom: dashed 1px #cccccc;
        font-size:13px;
        height:170px;
        line-height:1.8;
}

#contents-center-bl .info-box3 .link { 
  background:orange;
  color:#FFF;
  text-decoration:none;
  padding:3px;
border-radius:10px;
  margin:10px;
  float:right;
  width:150px;
}
#contents-center-bl .info-box3 a { color:#FFF;}

#sellingitems { width:100%; padding-top:30px; }
#sellingitems ul  { width:100%; }
#sellingitems li { float:left; width:49.5%; margin-right:1px; margin-bottom:10px; padding:0px; }
#sellingitems span { background:#01b2a9; color:#FFF; font-weight:bold; padding:3px 4px; border-radius:10px; font-size:13px; }
#sellingitems img { width:100%; border:1px solid #ccc; }
#sellingitems b { font-weight:bold; color:orange; letter-spacing:0; }
#sellingitems p { padding:10px 0px 10px 0px; }
#sellingitems .last { float:right; width:49.5%; margin-right:0px; padding:0px;  }

#info-yt  { border-bottom:1px dashed #ccc; padding:15px 0px; }
#info-yt .youtube2 { position: relative; width: 90%; padding-top: 56.25%;  margin:0px auto;}
#info-yt .youtube2 iframe { position: absolute; top: 0; right:0; width: 100% !important; height: 100% !important; }

#top-info { width: 100%; padding: 20px; margin:5px 0px; border: 1px dashed #ccc; height: 270px;
  overflow: scroll; font-size:14px; text-align: left; }
#top-info p { line-height:1.8; letter-spacing:0px; }
#top-info .bold { font-size: 15px; font-weight:bold; color:#00b2aa; }
#top-info .red { font-size: 15px; font-weight:bold; color:#e60012; }
#top-info .notice { color:#dc143c; }
#top-info dl { width: 100%; margin:10px 0px; clear: both; float: left;}
#top-info dt { float: left; width: 30%; margin:10px 10px 10px 0px; }
#top-info dd { padding-top: 10px;}
#top-info a:hover  {color:#000; text-decoration:underline;}
#top-info li {padding-bottom:10px; list-style:square; }

#new-items{
  clear:both;
}
#new-items .i-box{
	width:165px;
	float:left;
	padding: 0 10px 0 0px;
}
#new-items .i-box.r{
	padding: 0 0 0 0px;
}
#new-items .i-box img{
	border: solid 1px #cccccc;
}
#new-items .i-box img:hover{
   border: solid 1px #f6ab00;
}
#new-items .i-box p.t{
	padding:10px 10px 20px;
	font-size:95%;
}
#new-items .i-box p.t a{
  color:#000;
}
#new-items .i-box p.t a:hover{
  color: #f6ab00;
}
#new-items .i-box p.t .new_mark_img1{
	position:relative;
	top:-8px;
}
#new-items .i-box p.t span.f-b{
	font-weight: bold;
}


.top-banner4 {float:left; width:32.7%; margin-right:5px; margin-bottom:15px; }
.top-banner5 {float:left; width:32.7%; margin-right:5px; margin-bottom:15px; }
.top-banner6 {float:left; width:32.7%; margin-bottom:15px; }
.bold18 { font-weight:bold; font-size:18px; }
.pad-t20c { clear:both; padding-top:20px; }
.to_free { background:#f7ab00; padding:5px; border-radius:5px; }
.center-banner { text-align:center; padding:60px 0px 0px 0px; float:left; width:97.3%; margin-left:5px; }
.center-banner ul { width:100%; }
.center-banner li { width:49%; float:left; }
.center-banner .li-l { margin-right:3px; }
.center-banner .li-r { margin-right:0px; }

.debut {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #f7f0df;
    box-shadow: 0px 0px 0px 10px #f7f0df;
    border: dashed 2px #f7ab00;
    border-radius: 8px;
  width:45%;
  float:left;
  margin:15px;
}
.debut p {
    margin: 0; 
    padding: 0;
}
.debut span { font-weight:bold; font-size:13px; }

 .square_btn{ display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #FFF; color: ;  border-radius: 30px; color:#00b2aa;}
 .square_btn:active {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    border-bottom: none;
   color:#FFF;
   font-weight:bold;
}

.seminar_ad {
    padding: 0.2em 0.5em ;
    margin: 2em 0;
   width:100%;
}

.seminar_ad li { float:left; width:49%; margin-right:5px; padding-bottom:1.5em; }
.seminar_ad .right { float:right; width:49%; margin-right:0px; padding-bottom:1.5em; }
.seminar_ad img { width:100%; }