/* **********************************************
 サイドバー
********************************************** */

.blog-sidebar {
	font-size: 120%;
	margin: 0px 20px 0px 20px;
	padding: 0px;
	z-index: 0;
}

@media (min-width: 767px) {
	.blog-sidebar {
		margin: 0px;
	}
}

@media (min-width: 992px) {
	.blog-sidebar {
		width: 200px;
	}
}

.blog-sidebar div.center {
	margin: 0 0 10px 0;
	text-align: center;
}

.blog-sidebar div.center iframe#twitter-widget-0 {
    width: 80%!important;
}

@media (min-width: 767px) {
    .blog-sidebar div.center iframe#twitter-widget-0 {
        width: 100%!important;
    }
}
h4,
body.schools .blog-sidebar h4 {
	color: #544537;
	margin: 0px;
	padding: 9px 8px 8px 8px;
	font-size: 90%;
	font-weight: bold;
	border-top: solid 1px #d1d1b3;
	border-bottom: solid 1px #d1d1b3;
	background: #f9f7e6; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f7e6 0%, #e7e8ce 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f7e6), color-stop(100%,#e7e8ce)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f7e6 0%,#e7e8ce 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f7e6 0%,#e7e8ce 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f7e6 0%,#e7e8ce 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f7e6 0%,#e7e8ce 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7e6', endColorstr='#e7e8ce',GradientType=0 ); /* IE6-9 */
}

@media (min-width: 767px) {
	h4.articletitle,
	body.schools .blog-sidebar h4.articletitle {
		color: #325e34;
		margin: 0px;
		padding: 5px;
		font-size: 100%;
		font-weight: bold;
		background: #d0ed81; /* Old browsers */
		background: -moz-linear-gradient(top,  #d0ed81 0%, #eaf7c8 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0ed81), color-stop(100%,#eaf7c8)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #d0ed81 0%,#eaf7c8 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #d0ed81 0%,#eaf7c8 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #d0ed81 0%,#eaf7c8 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #d0ed81 0%,#eaf7c8 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0ed81', endColorstr='#eaf7c8',GradientType=0 ); /* IE6-9 */
	}
}

h4 p,
body.schools .blog-sidebar h4 p {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: url(/images/responsive/h4_bullet.png) no-repeat 0px 0px;
}

@media (min-width: 767px) {
	.blog-sidebar h4 p {
		margin: 0px;
		padding: 0px;
		background: none;
	}
}

ul.articles {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}

@media (min-width: 767px) {
	ul.articles {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		list-style: none;
		border: solid 1px #edf8cf;
	}
}

ul.articles li {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	float: none;
	border-bottom: solid 1px #d1d1b3;
	font-size: 90%;
	font-weight: bold;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	line-height: 140%;
}

@media (min-width: 767px) {
	ul.articles li {
		margin: 0px;
		padding: 3px;
		border-bottom: solid 1px #edf8cf;
		font-size: 75%;
		line-height: 200%;
		background: url(/images/side/icon_arrow.png) 5px 12px no-repeat;
    padding: 5px 5px 8px 20px;
	}
}

ul.articles li a {
	padding: 0px;
	text-decoration: underline;
	display: block;
}

ul.articles li img{
	width: 85px;
	height: 57px;
	border: solid 1px #dfdfdf;
	margin-right: 10px;
	float: left;
}

ul.articles li div{
	margin: 0;
	color: #a5a5a5;
	margin-left: -5px;
	font-size: 80%;
}

@media (min-width: 767px) {
	ul.articles li img{
		/*margin-right: 3px;
		width: 76px;
		height: 49px;*/
		display: none !important;
	}
	
	ul.articles li div{
		display: none;
	}
}

h4.subpagetitle {
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 8px 0px;
	border: solid 1px #d9e5b9;
	text-align: center;
	color: #495b15;
	border-radius: 5px 5px 0px 0px;
	background: #f3fadf; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3fadf 0%, #e9f7c5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3fadf), color-stop(100%,#e9f7c5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f3fadf 0%,#e9f7c5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f3fadf 0%,#e9f7c5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f3fadf 0%,#e9f7c5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f3fadf 0%,#e9f7c5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3fadf', endColorstr='#e9f7c5',GradientType=0 ); /* IE6-9 */
}

ul.subpages {
	border: solid 1px #d2dfaf;
	border-bottom: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style: none;
}

div.col-sm-3 ul.subpages {
	margin: 0px 0px 20px 0px;
}

ul.subpages li {
	position: relative;
	border-left: solid 10px #bcd27d;
	border-bottom: solid 1px #bcd27d;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	color: #495b15;
}

ul.subpages li:active {
	border-left: solid 10px #8eb02d;
	border-bottom: solid 1px #8eb02d;
	background: #a1c241;
	color: #fff;
}

ul.subpages li a {
	display: block;
	color: #495b15;
	padding: 8px;
	text-decoration: none;
}

ul.subpages li a:active {
	color: #fff;
	text-decoration: none;
}

@media (min-width: 767px) {
	ul.subpages li:hover {
		border-left: solid 10px #8eb02d;
		border-bottom: solid 1px #8eb02d;
		background: #a1c241;
		color: #fff;
	}
	ul.subpages li:hover a{
		color: #fff;
		text-decoration: none;
	}
}

ul.subpages li img{
	position: absolute;
	top: 12px;
	right: 3px;
}

#synapsology,
#dvd {
	display: none;
}

.sidebanner {
	width: 100%;
	margin: 0 0 10px 0;
}

/* **********************************************
 バナー
********************************************** */

.sidebanners {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}
@media (min-width: 767px) {
    .sidebanners {
        width: 100%;
    }
} 
.sidebanners img{
	width: 100%;
	margin: 0 0 10px 0;
}

.sidebanners img:hover {
	filter: alpha(opacity=75); /* IE */
	-moz-opacity: 0.75; /* Firefox */
	opacity: 0.75; /* Opera・Safari */
}

/* **********************************************
 secom
********************************************** */
div.sidebanners div.side_title_1 {
    color: #544537;
    margin: 0px;
    padding: 9px 8px 8px 8px;
    font-size: 90%;
    font-weight: bold;
    border-top: solid 1px #d1d1b3;
    border-bottom: solid 1px #d1d1b3;
    background: #f9f7e6;
    background: -moz-linear-gradient(top, #f9f7e6 0%, #e7e8ce 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f7e6), color-stop(100%,#e7e8ce));
    background: -webkit-linear-gradient(top, #f9f7e6 0%,#e7e8ce 100%);
    background: -o-linear-gradient(top, #f9f7e6 0%,#e7e8ce 100%);
    background: -ms-linear-gradient(top, #f9f7e6 0%,#e7e8ce 100%);
    background: linear-gradient(to bottom, #f9f7e6 0%,#e7e8ce 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7e6', endColorstr='#e7e8ce',GradientType=0 );
}
@media (min-width: 767px) {
	div.sidebanners div.side_title_1 {
	    color: #325e34;
	    margin: 0px;
	    padding: 5px;
	    font-size: 100%;
	    font-weight: bold;
	    background: #d0ed81;
	    background: -moz-linear-gradient(top, #d0ed81 0%, #eaf7c8 100%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0ed81), color-stop(100%,#eaf7c8));
	    background: -webkit-linear-gradient(top, #d0ed81 0%,#eaf7c8 100%);
	    background: -o-linear-gradient(top, #d0ed81 0%,#eaf7c8 100%);
	    background: -ms-linear-gradient(top, #d0ed81 0%,#eaf7c8 100%);
	    background: linear-gradient(to bottom, #d0ed81 0%,#eaf7c8 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0ed81', endColorstr='#eaf7c8',GradientType=0 );
	    border-bottom: solid 1px #d1d1b3;
	}
}
div.sidebanners div.side_title_1 p {
    margin: 0px;
    padding: 0px 0px 0px 20px;
    background: url(/images/responsive/h4_bullet.png) no-repeat 0px 0px;
}
@media (min-width: 767px) {
	div.sidebanners div.side_title_1 p {
	    background: none;
	    padding: 0;
	}
}


div.sidebanners div.side_secom {
	font-size: 100%;
    padding: 9px;
    border: solid 1px #edf8cf;
    overflow: hidden;
    position: relative;
}
@media (min-width: 767px) {
div.sidebanners div.side_secom {
	font-size: 80%;
}
}
div.sidebanners div.side_secom object {

}
div.sidebanners div.side_secom p {
    margin: 0;
    position: absolute;
    top: 0;
    left: 70px;
    padding: 10px;
    line-height: 1.5;
}
@media (min-width: 767px) {
	div.sidebanners div.side_secom p {
	    line-height: 1.3;
	}
}

/* **********************************************
 地域&資格選択
********************************************** */
div.sidebar_area {
    background: #BCD27D;
    padding: 12px;
    border-radius: 5px;
    margin-bottom: 20px;
}
div.sidebar_area div.search{
	width: 100%;
}
div.sidebar_area div.search p{
    line-height: 180%;
}
div.sidebar_area div.search p.search_area{
    margin-bottom: 5px;
    float: none;
	width: 100%;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border-radius: 5px;
}
div.sidebar_area div.search p.search_qualification{
    margin-bottom: 5px;
	width: 100%;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	border-radius: 5px;
}
div.sidebar_area div.search p select{
    font-size: 100%;
    border: solid 1px #B7B7B7;
    border-radius: 5px;
    padding: 3px 3px 1px 5px;
    margin: 0;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #d2d2d2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d2d2d2));
    background: -webkit-linear-gradient(top, #ffffff 0%,#d2d2d2 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#d2d2d2 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#d2d2d2 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#d2d2d2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 );
    width: 100%;
}
div.sidebar_area div.search p.search_btn{
    background: #fff;
    width: 100%;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #666;
    margin: 10px 0 0;
}
div.sidebar_area div.search p.search_btn button#areabutton {
    background: #FF901E;
    background: -moz-linear-gradient(top,#FCE7B0, #F4B647 50%,#F09A0D 50%,#EA8305);
    background: -webkit-gradient(linear, left top, left bottom, from(#FCE7B0), color-stop(0.5,#F4B647), color-stop(0.5,#F09A0D), to(#EA8305));
    background: -ms-linear-gradient(top,#FCE7B0, #F4B647 50%,#F09A0D 50%,#EA8305);
    background: -webkit-linear-gradient(top,#FCE7B0, #F4B647 50%,#F09A0D 50%,#EA8305);
    background: -o-linear-gradient(top,#FCE7B0, #F4B647 50%,#F09A0D 50%,#EA8305);
    background: linear-gradient(top,#FCE7B0, #F4B647 50%,#F09A0D 50%,#EA8305);
    border: 1px solid #FF901E;
    border-radius: 4px;
    width: 100%;
    height: 35px;
    font-weight: bold;
    padding: 2px 0 0 0;
	filter:dropshadow(color=#fff,offX= 0,offY=-1)
	dropshadow(color=#fff,offX= 1,offY= 0)
	dropshadow(color=#fff,offX= 0,offY= 1)
	dropshadow(color=#fff,offX=-1,offY= 0);
	-webkit-text-stroke-color: #fff;
	//-webkit-text-stroke-width: 1px;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;
}
div.sidebar_area div.search p.search_btn button#areabutton:hover{
    opacity: 0.7;
}
div.sidebar_area div.search p.search_btn button#areabutton img {
    width: 10px;
    margin: 0 10px 5px 0;
}
div.sidebar_area div.search p.search_btn button#areabutton span.b_gray {
    font-size: 115%;
}
div.sidebar_area div.search p.search_btn button#areabutton span.b_red {
    font-size: 115%;
    color: #FF0000;
}




/* **********************************************
 #13404スクール一覧を位置最下部に移動
********************************************** */
div.school_wide {
	width: 97%;
	margin: 0px 5px 0 5px;
}

div.school_wide iframe.schoollist {
	width: 97%;
	margin: 0px 5px 0 5px;
}

@media (min-width: 767px) {
	div.school_wide iframe.schoollist {
		width: 100%;
		margin: 0px;
	    margin-bottom: 30px;
	}
}


/* **********************************************
 #13318新着コラム記事を掲出
********************************************** */

.home div .column_area{
    height: 250px;
    position: relative;   
}

@media (min-width: 767px) {
.home div .column_area{
    height: 267px;
}
}    
    
.newcolumntop{
position: absolute;
    width: 100% !important;
    height: 100% !important;
}


h4.newcolumntitle {
    font-size: 90%;
    font-weight: bold;
    margin: 0px;
    padding: 8px;
    color: #fff;
    background: #aac3eb;
    border: none;   
}


.articlesiframe .info{
    padding: 4px;
}


.articlesiframe .info .r_title{
    background-image: url("../images/common/new_pink.gif");
    background-repeat: no-repeat;
    padding-top: 15px;
    margin-top: 7px;
    width: 63%;   
}



.articlesiframe .info .r_text{
    display: none;
}

.articlesiframe .info .l_img{
    width: 30%;   
}


.column_morelink_top{
    margin-left: 2%;
    font-size: 85%;
    font-weight: bold;
}