@charset "UTF-8";

/* header
-------------------------------------------------------------*/
#header * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header {
  background: #fff;
  border-bottom: 1px solid #f75802;
  height: 45px;
  width: 100%;
  max-width: 990px;
  margin: 0 auto;
}
#header.header_full {
  background: #F9FDFF;
  border-bottom: 1px solid #0080CF;
}
#header.header_light {
  background: #F9FDFF;
  border-bottom: 1px solid #FF8B00;
}
#header .header_left {
  float: left;
}
#header .header_sitelogo a {
  display: block;
}
#header .header_sitelogo img {
  height: 38px;
  padding: 6px 0 0 9px;
}
#header.header_full .header_sitelogo img,
#header.header_light .header_sitelogo img {
  height: 40px;
}
#header .header_right {
  float: right;
  width: 205px;
  text-align: right;
}
#header .header_right .first {
  display: inline-block;
}
#header .header_right .btnArea {
  display: inline-block;
}
#header .btnArea a {
  display: block;
}
#header .btnArea a.login {
  margin: 6px 5px 0 0;
  height: 32px;
  font-size: 14px;
  line-height: 32px;
  background: #fff;
  border: 1px solid #f75802;
  border-radius: 3px;
  color: #f75802;
  padding: 0 12px;
}
#header .btnArea a:hover {
  opacity: .7;
}

/* footer
-------------------------------------------------------------*/
#footer{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 4px 5px 2px;
  background: #FFF;
  border-top: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#footer .footer_sitebt{
  float:left;
  width:20%;
}
#footer .footer_sitebt img{
  height:40px;
  padding:1px;
}
#footer .footer_sitebt_top,
#footer .footer_sitebt_search,
#footer .footer_sitebt_ranking,
#footer .footer_sitebt_point,
#footer .footer_sitebt_mybook,
#footer .footer_sitebt_cource,
#footer .footer_sitebt_faq,
#footer .footer_sitebt_newstart{
  width:44px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
#footer .footer_sitebt_top a,
#footer .footer_sitebt_search a,
#footer .footer_sitebt_ranking a,
#footer .footer_sitebt_point a,
#footer .footer_sitebt_mybook a,
#footer .footer_sitebt_cource a,
#footer .footer_sitebt_faq a,
#footer .footer_sitebt_newstart a{
  display:block;
  background: #FFF;
  border:1px solid #CCC;
  border-radius:5px;
}
#footer .footer_sitebt_point a,
#footer .footer_sitebt_cource a{
  background: #FFF;
}
#footer .footer_sitebt_top a:hover,
#footer .footer_sitebt_search a:hover,
#footer .footer_sitebt_ranking a:hover,
#footer .footer_sitebt_point a:hover,
#footer .footer_sitebt_mybook a:hover,
#footer .footer_sitebt_cource a:hover,
#footer .footer_sitebt_faq a:hover,
#footer .footer_sitebt_newstart a:hover{
  background: #FFF;
}
#footer .footer_sitebt_point a:hover,
#footer .footer_sitebt_cource a:hover{
  background: #FFF;
}
#footer .footer_copy{
  margin: 2px 0 3px;
  padding: 0;
  border-top: none;
  font-size: 10px;
  color: #666;
  text-align: center;
}
.footer_spbt {
  margin:0;
  padding:7px 5px 7px 10px;
  background:#FFF;
  border-top:1px dotted #DDD
}
.footer_spbt .footer_cambt {
  float:left;
  width:33.1%;
  margin:0;
  padding:0;
  font-size:12px;
  font-weight:bold;
  border-right:solid 1px #DDD
}
.footer_spbt .footer_cambt:nth-child(3) {
  border-right:none
}
.footer_spbt .footer_cambt_new,
.footer_spbt .footer_cambt_pickup,
.footer_spbt .footer_cambt_campaign {
  width:98%;
  text-align:center;
  margin:0 auto;
  padding:0;
  border:none;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -ms-border-radius:2px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box
}
.footer_spbt .footer_cambt_new a,
.footer_spbt .footer_cambt_pickup a,
.footer_spbt .footer_cambt_campaign a {
  display:block;
  background:none;
  border:none;
  border-radius:0;
  padding:0;
  color:#5885A7;
  height:20px;
  line-height:20px;
  font-weight:400
}
.footer_spbt .footer_cambt_new a:hover,
.footer_spbt .footer_cambt_pickup a:hover,
.footer_spbt .footer_cambt_campaign a:hover {
  background:#F2F2F0
}

/* banner_box
-------------------------------------------------------------*/
.banner_box{
  margin: 5px 0;
  text-align:center
}
.banner_box ul{
  margin: 0 auto;
  display: block;
}
.banner_box li{
  display:inline;
}
.banner_box li img{
  border:2px solid #666;
  border-radius:5px;
}