body{
	background-image:none;
	background-color:#f3f3f3;
}

#header_wrap{
margin-top:-20px;
	background: rgba(0, 0, 0, 0) url("img/header/background_r2.png") no-repeat scroll center top;
}


#site_description{
	color:#666;
}

#global_menu{
	border-right: 1px dotted #FFF;
}

#global_menu li a{
	background-image:none;
	border-left: 1px dotted #FFF;
	color:#FFF;
}
#global_menu li a:hover{
	background-color:#35D5FE;
}

.headlinks li a {
    background: #2C2C2D;
}
.headlinks li a:hover {
    background: #35D5FE;
		color:#FFF;
}


.headlinks li{
	margin-top:24px;
}

#social_link{
	top:23px;
}

#site_description{
	top: 100px;
	padding-left:55px;
    /*margin-top: 50px;*/
}

#logo{
	margin-left:30px;
}


#social_link li.facebook a{
	background-image: url("img/header/facebook.png");
}

#social_link li.twitter a{
	background-image: url("img/header/twitter.png");
}

#social_link li.rss a{
	background-image: url("img/header/rss.png");
}

#header #news_ticker{
	background-image: url("img/header/header_news_red.gif");
}

.headline1, .side_headline, .headline3, .ad_area .headline3:before{
	background-image:none;
	background-color:#35B9E6;
}
.side_headline, #related_post .headline3, .ad_area .headline3{
	position:relative;
	padding-left:50px;
}

.side_headline:before, #related_post .headline3:before, .ad_area .headline3:before{
	font-family:fontawesome;
	color:#fff;
	font-weight: normal;
	display:block;
	height:37px;
	width:33px;
	background: url("img/common/cat_icon_bg.png");
	background-repeat:no-repeat;
	position:absolute;
	top:-2px;
	left:10px;
	font-size:23px;
	line-height:32px;
	padding-left:6px;
}
.side_headline:before{
	/*default*/
	content:"\f02b";
}
#related_post .headline3:before{
	content:"\f0c5";
}
.ad_area .headline3:before{
	content:"\f024";
}

.ad_area .headline3.recommend:before{
	content:"\f02b";
}

.popular-posts .side_headline:before{
	content:"\f005";
}
.widget_categories .side_headline:before{
	content:"\f0e8";
	padding-left:6px;
}

.widget_tag_cloud .side_headline:before{
	content:"\f02c";
	padding-left:5px;
}

/*text-27*/
#text-2 .side_headline:before, #text-27 .side_headline:before, #text-25 .side_headline:before, #text-26 .side_headline:before{
	content:"\f1d8";
	padding-left:5px;
}
/*text-9*/
#text-3 .side_headline:before, #text-9 .side_headline:before, #text-12 .side_headline:before, #text-15 .side_headline:before{
	content:"\f024";
}

.current_cat_posts_widget .side_headline:before{
	content:"\f0c5";
}

.widget_recent_entries .side_headline:before{
	content:"\f12a";
	padding-left:13px;
}
.widget_search .side_headline:before{
	content:"\f002";
}

#index_pickup .link, #post_list .link{
	background-image:url("img/common/arrow1_red.png");
}


#index_pickup, #recommend_gallery, #index_right_col .search_area, .side_widget, #recent_post li, #post_list{
	border-color:#FFF;
}
#content{
	border:none;
}


#main_col .top_hl{
	color:#231815;
	background-color:transparent;
	background:url("img/common/hl_bg_line.png") no-repeat center right;
	font-size:18px;
	margin-left:0;
	padding-left:0;
}

#main_col .top_hl span{
	background-color:#f3f3f3;
	padding-right:20px;
	vertical-align:15%;
}

.top_hl.hl_news:before, .top_hl.hl_trouble:before, .top_hl.hl_interview:before, .top_hl.hl_school:before, .top_hl.hl_website:before, .top_hl.hl_app:before, .top_hl.hl_language:before, .top_hl.hl_place:before, .top_hl.hl_conditions:before, .top_hl.hl_tags:before, .top_hl.hl_technology:before{
	font-family:fontawesome;
	font-weight:normal;
	font-size:42px;
	line-height:50px;
	padding-right:15px;
	background:#f3f3f3;
}

.top_hl.hl_news:before{
	content:"\f05a";
}

.top_hl.hl_trouble:before{
	content:"\f0eb";
}
.top_hl.hl_interview:before{
	content:"\f130";
}
.top_hl.hl_school:before, .top_hl.hl_website:before, .top_hl.hl_app:before{
	content:"\f086";
}

.top_hl.hl_language:before{
	content:"\f02d";
}

.top_hl.hl_place:before{
	content:"\f278";
	font-size:40px;
}

.top_hl.hl_conditions:before{
	content:"\f14a";
	font-size:40px;
}

.top_hl.hl_tags:before{
	content:"\f02c";
}

.top_hl.hl_technology:before{
	content:"\f0ad";
}

.top_hl.small_icon:before{
	font-size:36px;
}
.top_hl.small_icon{
	font-weight:100;
	line-height: 36px;
}

#main_col .top_hl.cat_mgn{
	margin-bottom:15px;
	margin-top:15px;
}

#footer_wrap{
	background: rgba(0, 0, 0, 0) url("img/footer/foot_bg.png") no-repeat scroll center top;
}
.footer_headline{
	background-color:#40c9f7;
	background-image:url("img/footer/headline_arrow_r2.png");
}
#footer_description{
	color:#FFF;
	border-color:#8CE2FF;
}

#copyright{
background: rgba(0, 0, 0, 0) url("img/footer/foot_bg.png") no-repeat scroll center bottom;
/*background: #282828;*/
color:#FFF;
}
#copyright a{
color:#FFF;
}

#content h2 {
		color:#4e4e4e;
		border-left:#35b9e6 solid 6px;
		padding-left:34px;
		margin-left:-15px;
}

#content .experience h2 {
		border:none;
		padding-left:0;
		margin-left:0;
}



#content .school_buzz, #content .school_company, #content .school_message, #content .school_video, #content .school_news{
	border:none;
	/*margin-left:-5px;*/
	margin-left:45px;
	position:relative;
}

#content .school_buzz:before, #content .school_company:before, #content .school_message:before, #content .school_video:before, #content .school_news:before{
	font-family:fontawesome;
	content:"\f05a";
	display:block;
	position:absolute;
	left:-15px;
	top:-2px;
	font-size:36px;
}

#content .school_message{
	margin-top:30px;
}

#content .school_buzz:before{
	content:"\f086";
}
#content .school_company:before{
	content:"\f1ad";
}

#content .school_message:before{
	content:"\f1d8";
	font-size:34px;
	top:-2px;
}


#content .school_video:before{
	content:"\f008";
}

#content .school_news:before{
	content:"\f05a";
}

.hl_l{
background: rgba(0, 0, 0, 0) url("img/common/hl_l_bg.png") no-repeat top left;
height:90px;
font-size:26px;
font-weight:100;
line-height:88px;
padding-left:32px;
}

#side_col .side_rank{
	font-size:13px;
	border:none;
	padding-left:0;
	margin-left:0;
	color:#231815;
}

#side_col .side_rank .side_rank_num_a, #side_col .side_rank .side_rank_num_b{
	color:#FFF;
	display:inline-block;
	width:20px;
	height:20px;
	text-align:center;
	line-height:18px;
	margin-right:10px;
}

#side_col .side_rank .side_rank_num_a{
	background:#d72434;
}

#side_col .side_rank .side_rank_num_b{
	background:#231815;
}

.side_rank_num_detail{
	text-decoration:none;
	position:relative;
}

#side_col .side_rank_num_detail:after{
	content:"スクール詳細";
	background:url("img/common/rw_arrow.png") no-repeat 94px center #d72434;
	color:#FFF;
	position:absolute;
	bottom:13px;
	right:0;
	display:block;
	height:17px;
	padding:0 26px 0 18px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#side_col .side_rank_num_detail:after{
	bottom:11px;
	}
}

.side_rank_num_detail:hover{
	opacity:0.8;
}

.mailmagazine form .submitbox .btn_red{
	background-color:#D72434;
}

.mailmagazine form .submitbox .btn_red:hover{
	background-color:#DF505D;
}

.widget_categories{
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	border-bottom:none;
}

.widget_categories .side_headline{
	margin-left:0px;
	margin-right:0px;
}

.widget_categories li{
	background-image:none;
	border-bottom:1px solid #F3F3F3;
}

.widget_categories li {
	padding-left:44px;
	padding-right:20px;
	position:relative;
	margin-bottom:5px;
	padding-bottom:5px;
}
.widget_categories li:last-child{
	margin-bottom:0px;
	padding-bottom:10px;
}

.widget_categories li:before{
	font-family:fontawesome;
	font-size:15px;
	position:absolute;
	left:18px;
	top:0;
	color:#231815;
}

.widget_categories .cat-item-28:before{
	content:"\f02d";
}

.widget_categories .cat-item-10:before{
	content:"\f278";
	left:16px;
}
.widget_categories .cat-item-29:before{
	content:"\f14a";
}
.widget_categories .cat-item-1:before, .widget_categories .cat-item-3:before, .widget_categories .cat-item-158:before{
	content:"\f086";
	left:17px;
}
.widget_categories .cat-item-5:before{
	content:"\f0eb";
	left:19px;
}
.widget_categories .cat-item-6:before{
	content:"\f02d";
}
.widget_categories .cat-item-30:before{
	content:"\f130";
	left:19px;
}
.widget_categories .cat-item-9:before{
	content:"\f0c0";
	left:17px;
}
.widget_categories .cat-item-157:before{
	content:"\f0ad";
	left:17px;
}

.headlinks{
	right:80px;
}

#page_headline{
	font-size:32px;
	color:#333333;
	background-color:transparent;
}

#main_col.single{
	background:#FFF;
	padding-top:50px;
	position:relative;
}

#main_col.single #single_meta{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:0;
}

#main_col.single #single_meta li{
	padding-top:10px;
	padding-bottom:10px;
}

#main_col.single .post{
	padding-top: 20px;
}

#main_col.single #single_meta li.date{
	color:#FFF;
	background:#d72434;
	padding-left:15px;
	border:none;
}

#main_col.single #single_meta li.post_category {
    background: rgba(0, 0, 0, 0) url("img/common/icon_category_red.png") no-repeat scroll left 10px;
}

#main_col.single #single_meta li.post_category a{
color:#d72434;
text-decoration:none;
}

#main_col.single #single_meta li.post_category a:hover{
	text-decoration:underline;
}

#main_col.single h3{
	color:#35b9e6;
}

#main_col.single h3.headline3 {
	color: #FFF;
}

.cv_box{
	margin-top:30px;
	margin-bottom:30px;
}

.cv_btn{
	background:url("img/common/cv_bg.png") no-repeat left top;
	width:493px;
	height:59px;
	display:block;
	text-align:center;
	color:#FFF !important;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	line-height:54px;
	margin-left:auto;
	margin-right:auto;
}

#content .feature{
	margin:30px -15px;
	border:10px solid #35b9e6;
	padding-left:10px;
	padding-right:10px;
	overflow:hidden;
}

#content .feature ul li,#content .feature_b ul li{
	background-image:none;
	padding-left:0;
}

#content .feature ul,#content .feature_b ul{
	background:#f8f8f8;
	padding:10px 20px;
}

#content .feature ul li:before,#content .feature_b ul li:before{
	font-family:fontawesome;
	content:"\f14a";
	margin-right:10px;
}

#content .feature h2{
	border:none;
	padding-left:30px;
	margin-left:0;
	position:relative;
}

#content .feature h2:before{
	content:"\f06a";
	font-family:fontawesome;
	color:#35b9e6;
	font-size:24px;
	line-height:30px;
	position:absolute;
	left:0;
	top:0;
}

#content .feature .feature_head{
	margin:0;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom:20px;
	overflow:hidden;
	padding-bottom:10px;
	padding-left:10px;
	padding-top:5px;
	font-size:23px;
}

#content .feature .feature_head{
	background:#35b9e6;
	color:#fff;
}


#content .feature .feature_head:before{
	content:normal;

}

.experience{
	border: none;
	background:#f7f4f0;
	/*background:#f8f8f8;*/
}


#main_col .experience h3{
	color:#987;
	/*color:#665551;*/
	/*color:#777;*/
}

#main_col .experience h2{
	color:#665551;
	/*color:#987;*/
}



.experience:before{
	color:#987;
	/*color:#999;*/
}

.experience:after{
	color:#987;
	/*color:#999;*/
}

#content .post table th{
	background:#d7eff7;
}

#content .post table td{
	background:#f8f8f8;
}

#content .post table th,#content .post table td{
	border:1px solid #FFF;
}


.page_navi p{
	padding-left:15px;
}


/* -------------------------------animation---------------------------------*/

#global_menu li a:hover{
transition-property: background-color;
transition-duration: 0.3s;
transition-delay: 0s;
}

.headlinks li a:hover{
transition-property: background-color;
transition-duration: 0.3s;
transition-delay: 0s;
}

.side_rank_num_detail:hover{
transition-property: opacity;
transition-duration: 0.3s;
transition-delay: 0s;
}


#side_col .side_rank_num_detail:after{
	content:"スクール詳細";
	background:url("img/common/rw_arrow.png") no-repeat 94px center #d72434;
	color:#FFF;
	position:absolute;
	bottom:13px;
	right:0;
	display:block;
	height:17px;
	padding:0 26px 0 18px;
	width:auto;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#side_col .side_rank_num_detail:after{
	bottom:11px;
	}
}


#side_col .side_rank_num_detail:hover:after{
height:21px;
font-size:14px;
background-position:112px center;
bottom:13px;
}
/*
#side_col .side_rank_num_detail_animate{
	opacity:0.5;
}
*/

#side_col .side_rank_num_detail_animate:after{
height:21px;
font-size:14px;
background-position:112px center;
bottom:13px;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#side_col .side_rank_num_detail:hover:after{
		bottom:11px;
	}
}

#side_col .side_rank_num_detail:hover:after{
transition-property: bottom, height,width,font-size,background-position;
/*transition-property: bottom, height,width,font-size;*/
transition-duration: 0.1s;
transition-delay: 0s;
}

#side_col .side_rank_num_detail_animate:after{
transition-property: bottom, height,width,font-size,background-position;
transition-duration: 0.1s;
transition-delay: 0s;
  -webkit-animation: test 0.5s;
  animation: test 0.5s;
}
/*
#side_col .side_rank_num_detail{
transition-property: opacity;
transition-delay: 0s;
  -webkit-animation: test 1s;
  animation: test 1s;
}
*/

#side_col .side_rank_num_detail:after{
transition-property: bottom, height,width,font-size,background-position;
transition-duration: 0.3s;
transition-delay: 0s;
}



@-webkit-keyframes test {
  0% { opacity:1; }
  70% { opacity:1; }
  100% { opacity:1; }
}
 
@keyframes test {
  0% { opacity:1; }
  10% { opacity:1; }
  100% { opacity:1; }
}


.aff a:hover img{
transition-property: opacity;
transition-duration: 0.1s;
transition-delay: 0s;
}

.author_name{
	border:1px dotted #999;
	padding:5px 20px;
	position:absolute;
	right:20px;
	margin-top:24px;
}

#content .table_block td{
	text-align:center;
}



/* -------------------------------検索---------------------------------*/
.s_search_box{
	background:#f1f1f1;
	background:#eee;
	font-size:0;
	padding:2%;
	/*border:5px solid #e3e3e3;*/
	border:1px dotted #ddd;
	margin-bottom:10px;
	margin-top:0px;
}

.s_search_cc{
	font-size:14px;
	background:#282828;
	background:#444;
	color:#FFF;
	padding:0 0 0 2%;
	margin:0;
}

.s_search_box .select_block{
	font-size: 14px;
	display:inline-block;
	width:33%;
	/*border:1px solid #000;*/
}

.s_search_box .select_block_b{
	width:66%;
}

.s_search_box .select_block .select_label{
	display:inline-block;
	width:30%;
	position:relative;
}

.s_search_box .select_block_b .select_label{
	width:15%;
}

.s_search_box .select_block .select_label:after{
	content:"：";
	position:absolute;
	right:0;
}
.s_search_box .select_block select{
	display:inline-block;
	width:60%;
}
.s_search_box .select_block_b select{
	width:80%;
}

.search_query_box{
	background:#FFF;
	margin-bottom:0px;
	padding:5px 15px 0px 0;
	background:#f1f1f1;
	background:#eee;
	overflow:auto;
}

.search_query_box .query_label{
	background:#D72434;
	color:#FFF;
	padding:5px;
	display:inline-block;
	float:left;
	margin-right:10px;
	margin-top:-5px;
}

.s_search_box .search_btn_area{
	padding-top:10px;
	text-align:right;
	padding-right:26px;
}

.s_search_box .search_btn_area input[type="submit"]{
	padding:5px 20px;
}

#content .crayon-syntax{
	margin-left:30px;
	margin-right:30px;
	width:auto;
}

#content .crayon-syntax .crayon-table{
	margin-left:0;
	margin-right:0;
}
.ad_area{
	/*background:#F8F8F8;*/
}
.ad_area .inner{
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}

.ad_area .left_area{
	width:40%;
	float:left;
}
.ad_area .right_area{
	width:60%;
	float:right;
}
.ad_area img{
	max-width:100%;
}

.ad_area .right_area p{
	margin-right: 0px;
	line-height: 200%;
	margin-bottom:10px;
}

.ad_area .cv_btn{
	background:url("img/common/cv_bg.png") no-repeat left top;
	width:493px;
	height:59px;
	display:block;
	text-align:center;
	color:#FFF !important;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	line-height:54px;
	margin-left:auto;
	margin-right:auto;
}

.ad_area a:hover img{
opacity:0.8;
transition-property: opacity;
transition-duration: 0.1s;
transition-delay: 0s;
}


/* page nav */
#content #post_pagination { margin:20px 0 15px 0; }
#content #post_pagination h5 { font-size:10px; font-weight:normal; margin:0 0 10px 0; color:#888; }
#content #post_pagination ul { margin:0; }
#content #post_pagination p { float:left; }
#content #post_pagination a:hover { color:#fff; background:#3F7985; text-decoration:none; }
#content #post_pagination span.dots { background:none; }
#content #post_pagination span.current { color:#fff; background:#333; }
#content #post_pagination p.back { margin:0; }
#content #post_pagination p.back a, #post_pagination p.back a:hover { display:inline-block; padding: 10px 15px; }


/* */
#content #post_pagination a{
	color:#FFF;
}
#content #post_pagination p{
	background-color:#333;
}
#post_pagination a, #post_pagination p{
	background-color:#bbb;
	width:35px;
	height:35px;
	line-height:35px;
}
#content #post_pagination h5 {
	float:none;
	line-height:124%;
}
#content #post_pagination{
	margin-left:30px;
}
@media screen and (min-width: 1250px) {
	#content #toc_container{
		position:fixed;
		top:296px;
		margin-left:-220px;
		box-sizing:border-box;
		width:200px;
		border:none;
		border-radius:5px;
		background:#FFF;
		/**/
		background:#fff;
		padding:0;
	}

#content #toc_container ul a{
	display:block;
	padding-left:40px;
	padding-right:10px;
	border-top:1px dotted #ddd;
	text-indent:-9px;
}

	#content #toc_container p{
		color:#333;
	}
	#content #toc_container a{
		color:#3f7985;
	}
	
	#content #toc_container ul{
		margin:0;
	}
	#content #toc_container .toc_list{
		max-height:500px;
		overflow-y: auto;
	}
	
	#content #toc_container ul li{
		width:100%;
	}
	
	#content .toc_number{
		margin-left:-15px;
		display:inline-block;
		width:15px;
		text-align:right;
		margin-right:5px;
	}
	#content #toc_container ul li a{
		transition-property: background,color;
	transition-duration: 0.2s;
	transition-delay: 0s;
	}
	#content #toc_container ul li a:hover{
		background:#3f7985;
		color:#FFF;
		text-decoration:none;
	}
	#content .toc_toggle{
		display:none;
	}
}

@media screen and (min-width: 1250px) and (max-width: 1400px) {
	#content #toc_container{
	width:120px;
	margin-left:-140px;
	font-size:10px;
	}
#content #toc_container .toc_list{
	max-height:350px;
}
	#content #toc_container ul a{
		padding-left:30px;
		line-height:1.6;
		padding-top:5px;
		padding-bottom:5px;
	}
}
@media screen and (max-width: 1250px) {
}

.ad_area_upper{
	 width:750px;
	 box-sizing:border-box;
	 background:#FFF;
         margin-bottom: 30px;
}
.ad_area_upper .inner{
	padding:0;
}

.ad_area_upper a{
	display:block;
	line-height:0px;
}

.ad_area_upper a img{
	line-height:15px;
}

.ad_area_upper .left_area{
	width:250px;
	box-sizing:border-box;
	padding:2px;
}

.ad_area_upper .right_area{
	width:500px;
}

.ad_area_upper .right_area p{
	margin-left:auto;
	margin-right:auto;
	width:410px;
}
.ad_area_upper .right_area {
	padding-top:16px;
}


#main_col.single{
}

.ad_upper_ss{
	/*height:130px;*/
	width:250px;
}



@media screen and (max-width: 320px) {
	#feedlyFollow{
	float:left;
	}