@charset "utf-8";

/* ##### 共通 ##### */

/* ## 新着 ## */
ul#index_newslistul {
	margin:0 10px;
}
ul#index_newslistul>li a {
	display:block;
	background:#ffffff;
	border-radius:4px;
	color:#737373;
	margin-bottom:15px;
	text-decoration:none;
}
ul#index_newslistul>li span.newslistdate {
	display:block;
	font-size:10px;
	padding:10px 0 0 10px;
}
ul#index_newslistul>li span.newslisttitle {
	display:block;
	padding:0 10px 10px 10px;
}
ul#index_newslistul>li span.newslistthumb {
	display:block;
	width:50%;
	height:100%;
	float:right;
	background-size:cover;
	background-position:center;
	border-radius:0 4px 4px 0;
}
ul#index_newslistul>li .newslist_hasThumb span.newslisttitle {
	width:50%;
	padding-right:5px;
}

/* ##### ログイン前 ##### */

/* ## トップ ## */
#index_promotion {
	width:100%;
	height:0;
	background:url(../../img/main.jpg) center no-repeat;
	background-size:cover;
	margin:0;
	overflow:hidden;
}
#index_promotion_blur_cont {
	background:url(../../img/main.jpg) center no-repeat;
	background-size:cover;
	position:absolute;
	left:0;
	bottom:0;
}
#index_promotion_blur {
	overflow:hidden;
}
#index_navbox {
	background:rgba(0,0,0,0.6);
}
#index_promotion_blur, #index_navbox {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
.index_navbox_def #index_promotion_blur, .index_navbox_def #index_navbox {
	height:110px;
}
#index_navbox a {
	display:inline-block;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	font-size:12px;
	line-height:16px;
}
a#index_navbox_about {
	width:50%;
	height:110px;
	border-right:1px solid #ffffff;
	padding-top:20px;
}
a#index_navbox_login {
	width:50%;
	height:110px;
	padding-top:20px;
}
a#index_navbox_about .com_webfont, a#index_navbox_login .com_webfont {
	font-size:20px;
}
a#index_navbox_about img, a#index_navbox_login img {
	width:30px;
	margin-bottom:10px;
}

#index_mypagelinks {
	text-align:center;
}
#index_mypagelinks .com_btn {
	margin-bottom:9px;
}/* ## feat ## */
#index_featLead {
	background:#77bae0;
	padding:15px;
}
#index_featbox {
	margin:10px 0;
	padding:30px 15px;
}
#index_featbox h1 {
	font-size:19.2px;
	letter-spacing:-0.5px;
	font-weight:bold;
	color:#ffff00;
}
#index_img_cycle {
	width:160px;
	display:block;
	float:right;
	margin:10px 0 5px 5px;
}
ul.index_featlist {
	margin:5px 0 0 0;
}
ul.index_featlist + h1 {
	margin-top:30px;
}
ul.index_featlist li {
	width:32%;
	float:left;
	margin-right:2%;
	text-align:center;
	font-weight:bold;
	line-height:1.2;
}
ul.index_featlist li:last-child {
	margin-right:0;
}
ul.index_featlist li img {
	display:block;
	width:100%;
	margin-bottom:4px;
}

/* ##### ログイン後用追加 ##### */

.index_navbox_loggedin #index_promotion_blur, .index_navbox_loggedin #index_navbox {
	height:180px;
}
#index_showUserName {
	width:100%;
	height:30px;
	font-size:14px;
	line-height:16px;
	padding:14px 15px 0 15px;
	text-align:center;
}
#index_showUserName span {
	font-size:16px;
}

/* ## next lesson ## */
#index_navbox_nextlessonbox {
	padding:15px;
	float:left;
	width:70%;
}
#index_navbox_nextlessonbox h1 {
	font-size:20px;
	margin-bottom:5px;
	font-family:font-family: 'Julius Sans One', sans-serif;
}
#index_navbox_nextlessonbox strong {
	font-weight:normal;
	font-size:20px;
	font-family:font-family: 'Julius Sans One', sans-serif;
	line-height:1.2;
}
#index_navbox_lessonbtnbox {
	float:right;
	width:30%;
	height:150px;
	padding:3px 5px 3px 0;
}
#index_navbox_lessonbtnbox a {
	display:block;
	width:100%;
	height:66px;
	margin:4px 0;
	text-align:center;
	border:#ffffff 1px solid;
	font-size:10px;
}
#index_navbox_lessonbtnbox a img {
	display:inline-block;
	width:20px;
	margin:14px 0 5px 0;
}

/* ## 追加ボタン ## */
section#index_additionalbtnbox {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #267e9a), color-stop(0.00, #4ca2be));
	background: -webkit-linear-gradient(#4ca2be, #338aa6);
	background: -moz-linear-gradient(#4ca2be, #338aa6);
	background: -o-linear-gradient(#4ca2be, #338aa6);
	background: -ms-linear-gradient(#4ca2be, #338aa6);
	background: linear-gradient(#4ca2be, #338aa6);
	width:100%;
	height:90px;
	border-bottom:#ffffff 1px solid;
}
section#index_additionalbtnbox a {
	display:inline-block;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	font-size:15px;
}
a#index_additionalbtnbox_list {
	width:50%;
	height:90px;
	border-right:1px solid #ffffff;
	padding-top:20px;
}
a#index_additionalbtnbox_add {
	width:50%;
	height:90px;
	padding-top:20px;
}
section#index_additionalbtnbox a img {
	width:26px;
	margin-bottom:5px;
}

/* ##### login ##### */
#login_formbox {
	margin-bottom:40px;
}
#login_newuser {
	background:#85daf6;
	padding:15px 0;
	border-top:1px solid #cccccc;
}
#login_newuser h1 {
	font-size:14px;
	padding:0 15px;
	font-weight:bold;
}
#login_feature {
	padding:0 15px;
}
#index_urgentNote {
	padding:10px;
	border-bottom:1px solid #ffffff;
}

/* ##### trial ##### */
#trial_coursename {
	padding:0 15px 15px 15px;
	font-size:14px;
}
#trial_coursename h2 {
	font-weight:bold;
	font-size:16px;
}