@charset "utf-8";

/* top
-----------------------------*/
a:link,
a:visited {
	color: #0059B2;
	text-decoration: none;
}
a:hover {
	color: #922A40;
	text-decoration: underline;
}

#wrapper {
    padding-top: 0px;
				padding-bottom:50px;
    width: 100%;
				display:inline-block;
}
#top_contents_one {
    margin: 0 auto;
    /*width: 1000px;*/
				font-size:13px;
}
h2 {
				border:none;
    padding: 42px 0 10px 0;
				text-align:center;
				clear:both;
}
.box_area {
    padding: 20px;
				margin: 0 auto;
				width: 1000px;
}
#about_area {
				background:#FDFAE5;
    padding: 20px;
				margin: 20px auto 40px;
				width: 1000px;
				overflow:hidden;
}
#about_area .flt_rgt {
				width:474px;
				padding-left:10px;
				
}
#cont_area {
				background:#F7F7F7;
				padding-top:14px;
}
#cont_area span.tit_01 {
				padding: 8px 0 0 0;
				display:block;
				text-align:center;
				font-size:16px;
				font-weight:600;
				line-height:1.3;
}
#cont_area span.tit_02 {
				padding: 0 0 2px 0;
				display:block;
				text-align:center;
				font-size:12px;
}
#cont_area span.tit_03,#cont_area span.tit_02 {
				padding: 4px 0;
				display:block;
				text-align:center;
				font-size:14px;
				font-weight:600;
}
#cont_area li a {
				color:#333;
				text-decoration:none;
}
#cont_area li a:hover {  
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha( opacity=60 )";
 -moz-opacity: 0.6;
 -khtml-opacity: 0.6;
}
#support_area {
				background:#F3EFE3;
}
#topics_area {
				background:#FAF7E9;
				padding: 20px;
				float:left;
				width:700px;
}

#topics_area .tp_title {
				border-bottom:1px solid #20202F;
				width:100%;
				padding-bottom:12px;
}
#topics_area .tp_title span {
				float:right;
}

#topics_area dl {
				border-bottom:1px solid #DBDBEA;
				display:table;
				width:100%;
				padding:12px 0;
}
#topics_area dt {
				display:table-cell;
				width:100px;
}
#topics_area .ico_news {
				display:inline-block;
				width:70px;
				height:18px;
				line-height:18px;
				color:#fff;
				font-size:11px;
				text-align:center;
				margin-left:6px;
				background:#069;
}
#topics_area .ico_ques {
				display:inline-block;
				width:70px;
				height:18px;
				line-height:18px;
				color:#fff;
				font-size:11px;
				text-align:center;
				margin-left:6px;
				background:#F63;
}
#topics_area .ico_pickup {
				display:inline-block;
				width:70px;
				height:18px;
				line-height:18px;
				color:#fff;
				font-size:11px;
				text-align:center;
				margin-left:6px;
				background:#960;
}
#topics_area .ico_base,#topics_area .ico_base,#topics_area .ico_news,#topics_area .ico_ques,#topics_area .ico_pickup {
        height:24px !important;
        line-height:25px !important;
}

#topics_area dd {
				display:table-cell;
}

#store_area {
				background:#F4F4F2;
				padding: 16px 16px 6px 16px;
				float:right;
				width:210px;
}

#store_area .store_title {
				width:100%;
}

#textbook_area {
				background:#F4F4F2;
				padding: 16px 16px 16px 16px;
				float:right;
				width:210px;
}

#textbook_area .textbook_title {
				width:100%;
}
#event_area {
				padding: 0 10px;
    width: 980px;
				margin:0 auto 60px;
}

/* slider
-----------------------------*/
.sliderbox-area {
  position: relative;
  overflow: hidden;
}
.sliderbox-area-wide .col-full {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  height: 480px;
}
.sliderbox {
  position: relative;
  margin: 0 auto;
  width: 50%;
  max-width: 670px;
  min-height:100%;
}
.sliderbox .slide {max-height:100%;}
.sliderbox .slides {
  margin: 0;
  opacity: 1;
}
.sliderbox .slide {
  position: relative;
  display: none;
}

.sliderbox .slide a{
  position: relative;
  display:table-cell;
  vertical-align: middle;
  text-align: center;
}
.sliderbox .slide-wttl a{
  padding-top:60px;
}
.sliderbox .slide img {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  max-height: 500px;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  overflow: hidden;
}

.controls-container,.controls-inner {
  position: relative;
}
.flex-direction-nav {
  position: absolute;
  width: 100%; 
  top: 50%;
  z-index: 30;
}
.flex-direction-nav .prev {
  position: absolute;
  display: block;
  width: 25px;
  height: 26px;
		background:url(../images/top/slider/prev.png) no-repeat 0 0;
		
}
.flex-direction-nav .next{
  position: absolute;
  display: block;
  width: 25px;
  height: 26px;
		background:url(../images/top/slider/next.png) no-repeat 0 0;
}
.sliderbox-area-s .flex-direction-nav .prev{
  border-right-color: #acaca8;
  opacity: 0;
}
.sliderbox-area-wide .flex-direction-nav .prev{
  left: -55px;
}
.sliderbox-area-wide .flex-direction-nav .next{
  right: -55px;
}
.sliderbox .slide a{
  height: auto;
  line-height: 1;
}
.sliderbox .slide img {
  max-height: 480px;
  opacity: 1;
}

.sliderbox-area-wide .sliderbox .slide a {
  width: 100%;
  background-color: #e5e5e1;
  overflow: hidden;
}


.sliderbox-area-wide .sliderbox {
  background: none;
  max-width: 500px;
  overflow: visible !important;
  position: absolute;
  top: 0;
  left: 0;
}

.opacity_left,.opacity_right{
  display:block;
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  background:#000;
  opacity:0.72;
  z-index:20;
}
.opacity_left{ left:-100%;}
.opacity_right{ right:-100%;}
.tn_area{
	width:960px;
	border:1px solid #ddd;
	background:#eee;
	padding:20px 20px 10px 20px;
	-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
	margin:0 auto;
}
.tn_area2{
	width:960px;
	border:1px solid #ddd;
	background:#FFFFBF;
	padding:20px 20px 10px 20px;
	-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
	margin:0 auto 20px;
}










@media only screen and (max-width: 767px) {
/* top
--------------------------------------------------------------------------------------------------------------------*/
#wrapper {
    padding-top: 20px;
				padding-bottom:20px;
}
#top_contents_one {
    width: 100%;
}
#about_area,#cont_area,#support_area,#support_area,#topics_area,#store_area,
#event_area ,.box_area,.tn_area,.tn_area2 {
				width:100%;
				-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#about_area .flt_rgt {
				width:100%;
				text-align:center;
}
#cont_area li,#support_area li {
				text-align:center;
}
#topics_area {
				float:none;
}
#store_area {
				float:none;
				margin-top:20px;
}
#topics_area dt {
				display:block;
				width:100%;
}
#topics_area dd {
				display:block;
				padding-top:10px;
}
/*slider*/
.sliderbox-area-wide .sliderbox{overflow: hidden!important;}
  
.sliderbox-area .col-full {
    height: auto;
  }
  .sliderbox-area .col-full {
    max-width: 640px;
    /*height: auto;*/
  }
 
  .sliderbox-area-wide{height:414px;}
  .sliderbox-area-wide .sliderbox{ width: 100%; max-width: 640px;position: relative;}
  
  .sliderbox-area .flex-direction-nav {
    top:auto;
    bottom: 0;
    margin-top:0;
  }
  .sliderbox-area .flex-direction-nav .prev{
  left: 10px;
  top: -160px;
		position: absolute;
  display: block;
  width: 25px;
  height: 26px;
		background:url(../images/top/slider/prev.png) no-repeat 0 0;
  }
 .sliderbox-area .flex-direction-nav .next{
  right: 10px;
  top: -160px;
  position: absolute;
  display: block;
  width: 25px;
  height: 26px;
		background:url(../images/top/slider/next.png) no-repeat 0 0;
  }

  .flex-direction-nav .prev:before,.flex-direction-nav .next:before {
    left: 11px;
    top: 11px;
    font-size: 14px;
    font-size: 1.4rem;
  }
    .sliderbox-area .flex-direction-nav .prev:before,.sliderbox-area .flex-direction-nav .next:before{
    color: #fff;
  }
  .sliderbox-area .flex-direction-nav .prev:hover:before,.sliderbox-area .flex-direction-nav .next:hover:before{
    color: #000;
  }

  .sliderbox .slide a{
    height: 300px;
    line-height: 1;
    width: 100%;
    *width:auto;
    *zoom:1;
  }
  
  .sliderbox-area-wide .sliderbox .slide{overflow: hidden;}
  .sliderbox-area-wide .sliderbox .slide a {
    font-size: 0;
    height: 100%;
    overflow: hidden;
  }
  .sliderbox-area-wide .sliderbox .slide img{max-width: 100%;max-height: 100%;height:auto;width:auto;}
  .sliderbox-concept .slide img {
    max-height: 100% !important;
  }
  .flex-control-nav li a { 
    position: relative;
    display:block;
    width:10px;
    height:10px;
    border-radius: 50%;
    background: #999;
    opacity:0.9;
    text-indent: -999em;
    overflow:hidden;  
  } 
 .flex-control-nav li{
  margin: 0 13px 0 12px;
  padding: 0;
 }
 .flex-control-nav li.active a{
   background:#000;
}
/**/}