@charset "UTF-8";

/* ====================================================
 *     
 *	   ヘッダ
 *
 * ==================================================== */

#header{
	background: #FFF;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.00, #FFF),color-stop(0.95, #FFF),color-stop(1.00, #F75802));
	background: -webkit-linear-gradient(top, #FFF 0%, #FFF 95%, #F75802 100%);
	background: -moz-linear-gradient(top, #FFF 0%, #FFF 95%, #F75802 100%);
	background: -o-linear-gradient(top, #FFF 0%, #FFF 95%, #F75802 100%);
	background: -ms-linear-gradient(top, #FFF 0%, #FFF 95%, #F75802 100%);
	background: linear-gradient(to bottom, #FFF 0%, #FFF 95%, #F75802 100%);
	margin:0px;
	padding:0px;
}

#header .il_boxleft img{
	height: 32px;
	padding: 6px 0 0 7px;
}

#header .header_sitebt{
	float:right;
	margin:2px 0px 4px 3px;
}

#header .header_sitebt img{
	height:40px;
	padding:0px;
}

#header .header_sitebt_point a,
#header .header_sitebt_mybook a,
#header .header_sitebt_newstart a,
#header .header_sitebt_cource a,
#header .header_sitebt_regist a{
	display:block;
	background: -webkit-gradient(linear,center top, center bottom, from(#FFF),to(#EEE));
	border:1px solid #CCC;
	border-radius:5px;
}

#header .header_sitebt_regist a{
	background: -webkit-gradient(linear,center top, center bottom, from(#F90),to(#FF0));
	border:1px solid #C00;
}

#header .header_sitebt_point a,
#header .header_sitebt_cource a{
	background: -webkit-gradient(linear,center top, center bottom, from(#FF0),to(#FFF));
}

#header .header_sitebt_point a:hover,
#header .header_sitebt_mybook a:hover,
#header .header_sitebt_newstart a:hover,
#header .header_sitebt_cource a:hover{
	background: -webkit-gradient(linear,center top, center bottom, from(#FF9),to(#FFF));
}

#header .header_sitebt_regist a:hover{
	background: -webkit-gradient(linear,center top, center bottom, from(#FF0),to(#F90));
}

#header .header_sitebt_point a:hover,
#header .header_sitebt_cource a:hover{
	background: -webkit-gradient(linear,center top, center bottom, from(#FFF),to(#FF0));
}

#header .header_sitebt_point img,
#header .header_sitebt_mybook img,
#header .header_sitebt_newstart img,
#header .header_sitebt_cource img,
#header .header_sitebt_regist img{
	height:38px;
}

#header li .il_boxright{
	width:100%;
	float:right;
	margin-left:-180px;
	text-align:right;
	padding:6px 0px 0px 0px;
	color:#333;
}

#header li .il_boxright>* {
	margin-left:180px;
}

#header li .il_boxleft{
	width:85px;
	line-height:1.2;
	float:right;
}

#header li .il_boxright2{
	width:88px;
	padding:0px 5px 0px 0px;
	float:right;
}

#header li .il_boxright a,
#header li .il_boxright a:hover{
	text-decoration:underline;
	color:#F60;
	font-size:14px;
	font-weight:bold;
}




/* ====================================================
 *     
 *	   フッタ
 *
 * ==================================================== */

#footer{
	background: #fafafa;
	padding:2px 5px 2px 5px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #999;
	margin:0px;
}

#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: -webkit-gradient(linear,center top, center bottom, from(#FFF),to(#EEE));
	border:1px solid #CCC;
	border-radius:5px;
}

#footer .footer_sitebt_point a,
#footer .footer_sitebt_cource a{
	background: -webkit-gradient(linear,center top, center bottom, from(#FF0),to(#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: -webkit-gradient(linear,center top, center bottom, from(#FF9),to(#FFF));
}

#footer .footer_sitebt_point a:hover,
#footer .footer_sitebt_cource a:hover{
	background: -webkit-gradient(linear,center top, center bottom, from(#FFF),to(#FF0));
}

#footer .footer_copy{
	font-size:10px;
	color:#666;
	text-align:center;
	padding: 2px;;
}



.footer_spbt{
	background-color:#EEE;
	padding:0px 5px 0px 5px;
	border-top:1px solid #CCC;
	margin:20px 0px 0px 0px;
}

.footer_spbt .footer_cambt{
	float:left;
	width:33%;
	margin:3px 0px 6px 0px;
	font-size:12px;
	font-weight:bold;
}

.footer_spbt .footer_cambt_new,
.footer_spbt .footer_cambt_pickup,
.footer_spbt .footer_cambt_campaign{
	width:98%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.footer_spbt .footer_cambt_new a,
.footer_spbt .footer_cambt_pickup a,
.footer_spbt .footer_cambt_campaign a{
	display:block;
	background: -webkit-gradient(linear,center top, center bottom, from(#FF3668), to(#EA0941));
	border:3px solid #FFF;
	border-radius:10px;
	-webkit-box-shadow: 0px 1px 4px #777;
	padding:10px 0px 10px 0px;
	color:#FFF;
}

.footer_spbt .footer_cambt_pickup a{
	background: -webkit-gradient(linear,center top, center bottom, from(#8EEE29), to(#33B103));
}

.footer_spbt .footer_cambt_campaign a{
	background: -webkit-gradient(linear,center top, center bottom, from(#0CF), to(#09C));
}

.footer_spbt .footer_cambt_new a:hover,
.footer_spbt .footer_cambt_pickup a:hover,
.footer_spbt .footer_cambt_campaign a:hover{
	background: -webkit-gradient(linear,center top, center bottom, from(#EA0941), to(#FF3668));
}

.footer_spbt .footer_cambt_pickup a:hover{
	background: -webkit-gradient(linear,center top, center bottom, from(#33B103), to(#8EEE29));
}

.footer_spbt .footer_cambt_campaign a:hover{
	background: -webkit-gradient(linear,center top, center bottom, from(#09C), to(#0CF));
}



.footer_login{
	border-top:1px solid #CCC;
	margin:20px 0px 10px 0px;
	padding:5px 15% 0px 15%;
}

.footer_login .fotter_login_loginbt a,
.footer_login .fotter_login_loginbt a:hover{
	display:block;
	text-align:center;
	padding:5px 5px 5px 5px;
	background: -webkit-gradient(linear,center top, center bottom, from(#0CF), to(#09C));
	border:3px solid #FFF;
	border-radius:10px;
	-webkit-box-shadow: 0px 1px 4px #777;
	margin:0px 0px 10px 0px;
	color:#FFF;
	font-weight:bold;
	font-size:22px;
}

.footer_login .fotter_login_registbt a,
.footer_login .fotter_login_registbt a:hover{
	display:block;
	text-align:center;
	padding:5px 5px 5px 5px;
	background: -webkit-gradient(linear,center top, center bottom, from(#FE6464), to(#A90404));
	border:3px solid #FFF;
	border-radius:10px;
	-webkit-box-shadow: 0px 1px 4px #777;
	margin:0px 0px 5px 0px;
	color:#FFF;
	font-weight:bold;
	font-size:22px;
}

/*バナーボックス*/
.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;
}