@import url(cms_com.css);
/*@import url(font-awesome.min.css);*/


.fleft {
	float: left;
	margin: 0 10px 0px 0;
	overflow: hidden;
}
.fright {
	float: right;
	margin: 0 0 0px 10px;
	overflow: hidden;
}
.tcenter {
	text-align: center;
}
.tright {
	text-align: right;
}

i {
	font-style: normal!important;
}

#main-wh a{
	color: #0075b5;
	text-decoration: underline;
}
#main-wh a:hover{
	color: #0075b5;
	text-decoration: none;
}
.drawerMenuNav a{
	color: #333!important;
	text-decoration: none!important;
}



/********* side navi *********/
#side_news_navi {
	background: url(/assets/images/news/border_01.gif) 0 bottom repeat-x, url(/assets/images/news/side_navi_back.gif) 0 top no-repeat;
	padding: 30px 20px 20px;
	margin-bottom: 20px;
}

#side_news_navi a:hover{
	opacity: 1!important;
}

#side_news_navi dl#ntMenu {
	border-bottom: #ccc 1px dotted;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
#side_news_navi dl#ntMenu dt{
	margin-bottom: 30px;

}
#side_news_navi dl#ntMenu dd a{
	margin-bottom: 10px;
	border-radius:4px;
	background:#fff;
	padding: 15px 10px;
	display: block;
	text-decoration: none;
	font-size: 16px;
}
#side_news_navi dl#ntMenu dd a.nt01{
	border-left: #f15472 4px solid;
	color: #f15472;
}
#side_news_navi dl#ntMenu dd a.nt01:hover, 
#side_news_navi dl#ntMenu dd .nt01.active{
	background: #f15472;
	color: #fff;
}

#side_news_navi dl#ntMenu dd a.nt02{
	border-left: #1fc7d6 4px solid;
	color: #1fc7d6;
}
#side_news_navi dl#ntMenu dd a.nt02:hover, 
#side_news_navi dl#ntMenu dd .nt02.active{
	background: #1fc7d6;
	color: #fff;
}

#side_news_navi dl#ntMenu dd a.nt03{
	border-left: #56b319 4px solid;
	color: #56b319;
}
#side_news_navi dl#ntMenu dd a.nt03:hover, 
#side_news_navi dl#ntMenu dd .nt03.active{
	background: #56b319;
	color: #fff;
}

#side_news_navi dl#ntMenu dd a.nt04{
	border-left: #ff8301 4px solid;
	color: #ff8301;
}
#side_news_navi dl#ntMenu dd a.nt04:hover, 
#side_news_navi dl#ntMenu dd .nt04.active{
	background: #ff8301;
	color: #fff;
}

#side_news_navi dl#ntMenu dd a.nt05{
	border-left: #eebe00 4px solid;
	color: #eebe00;
}
#side_news_navi dl#ntMenu dd a.nt05:hover, 
#side_news_navi dl#ntMenu dd .nt05.active{
	background: #eebe00;
	color: #fff;
}

#side_news_navi dl#ntMenu dd a.nt06{
	border-left: #8957a1 4px solid;
	color: #8957a1;
}
#side_news_navi dl#ntMenu dd a.nt06:hover, 
#side_news_navi dl#ntMenu dd .nt06.active{
	background: #8957a1;
	color: #fff;
}



#side_news_navi #acMenu dl{
	width: 90%;
}
#side_news_navi #acMenu dt{
	cursor:pointer;
	background:url(/assets/images/news/side_navi_plus.png) 10px center no-repeat #fff;
	margin: 10px 0;
	border-radius:4px;
	padding: 15px 10px 15px 35px;
	display: block;
	text-decoration: none;
	font-size: 16px;
}
#side_news_navi #acMenu dt.active{
	background:url(/assets/images/news/side_navi_minus.png) 10px center no-repeat #fff;
}

#side_news_navi #acMenu dd{
	display:none;
}
#side_news_navi #acMenu dd ul{
	margin-bottom: 20px;
}
#side_news_navi #acMenu dd ul li{
	line-height:40px;
	padding-left: 20px;
	border-bottom: #ccc 1px dotted;
	margin: 5px;
	font-size: 14px;
	color: #ccc;
	display: block
}
#side_news_navi #acMenu dd ul li a{
	color: #333;
	text-decoration: none;
}




/********* newsList *********/

#main-wh #newsList{
	padding: 0 0 20px;
	clear: both;
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 20px 0;
}
#main-wh #newsList h2{
	margin: 0 0 20px 0;
	text-align: center;
}
#main-wh #newsList table {
	color: #333;
	margin: 10px auto 30px;
	border-collapse: collapse;
	border-spacing:0px;
	width: 100%;
}
#main-wh #newsList table tr {
	border-bottom: #ccc 1px dotted;
}
#main-wh #newsList table th {
	vertical-align: middle;
	text-align: center;
	width: 100px;
	padding-top: 6px;
}
#main-wh #newsList table td {
	padding: 10px;
	vertical-align: middle;
	text-align: left;
}

/*#main-wh #pager {
	text-align: center;
	position: relative;
	overflow:hidden;
}
#main-wh #pager ul {
	position:relative;
	left:50%;
	float:left;
}
#main-wh #pager li {
	position:relative;
	left:-50%;
	float:left;
	margin-right: 10px;
}
#main-wh #pager li:last-child {
	float: left;
	margin-right: 0px;
}
#main-wh #pager li a{
	border-radius:4px;
	background:#ccc;
	padding: 8px 15px;
	display: block;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
}
#main-wh #pager li a.active{
	background:#0075b5!important;
}
#main-wh #pager li.txt a{
	border-radius:4px;
	background:#fff;
	border: none;
	padding: 10px 15px;
	display: block;
	text-decoration: underline;
	font-size: 16px;
	color: #0075b5;
}*/





/********* article *********/

#main-wh article{
	border-radius:4px;
	padding: 15px;
	border: #ccc 1px dashed;
	clear: both;
	overflow: hidden;
	font-size: 16px;
	line-height: 1.6;
	margin: 0px 0 50px;
}
#main-wh article h1{
	padding: 25px;
	color: #333;
	font-weight: bold;
	background: #eee;
	text-align: left;
	line-height: 30px;
	font-size: 24px;
	position: relative;
	margin: 6px 0 10px;
	background: #f8f8f8;
}
#main-wh article h1:after{
	position: absolute;
	top: -6px;
	right: 6px;
}
#main-wh article h2{
	padding: 15px 15px 15px 60px;
	color: #333;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
	text-align: left;
	line-height: 1.5;
	font-size: 20px;
	position: relative;
	margin: 6px 0 10px;
}
#main-wh article h3{
	padding: 15px 0;
	font-weight: bold;
	margin: 6px 0 10px;
	font-size: 20px;
}
#main-wh article h4{
	padding: 15px 0;
	font-weight: bold;
	margin: 6px 0 10px;
	font-size: 18px;
}
#main-wh article h5{
	padding: 15px 0;
	font-weight: bold;
	margin: 6px 0 10px;
	font-size: 16px;
}

#main-wh #nt_visual {
	margin: 0 0 10px;
}
#main-wh article .date{
	text-align: right;
}
#main-wh article p{
	text-align: left;
	padding: 0px 5px 20px;
}
#main-wh article figure img{
	margin: 0 2px 5px;
}
#main-wh article figcaption{
	font-size: 12px;
}
#main-wh article ul,
#main-wh article ol{
	margin: 0 40px 20px;
}
#main-wh article ul li{
	list-style: disc;
	list-style-position: outside;
	padding: 5px 0;
}
#main-wh article ol li{
	list-style: decimal;
	list-style-position: outside;
	padding: 5px 0;
}
#main-wh article table {
	color: #333;
	margin: 10px auto 30px;
	border-collapse: collapse;
	border-spacing:0px;
}
#main-wh article table th {
	vertical-align: middle;
	padding: 10px;
	background:#f8f8f8;
	border: #ccc 1px solid;
	text-align: center;
}
#main-wh article table td {
	padding: 10px;
	vertical-align: middle;
	border: #ccc 1px solid;
	text-align: left;
	background:#fff;
}


/**/
/*#main-wh article.nt01 h1{
	background: #ffedf0;
}
#main-wh article.nt01 h1:after{
	content: url("/assets/images/news/cat_nt01.png") ;
}
#main-wh article.nt01 h2{
	background:url(/assets/images/news/h2_nt01.png) 10px center no-repeat;
	color: #f15472;
}

#main-wh article.nt02 h1{
	background: #bff1f5;
}
#main-wh article.nt02 h1:after{
	content: url("/assets/images/news/cat_nt02.png") ;
}
#main-wh article.nt02 h2{
	background:url(/assets/images/news/h2_nt02.png) 10px center no-repeat;
	color: #56b319;
}

#main-wh article.nt03 h1{
	background: #d9f8c4;
}
#main-wh article.nt03 h1:after{
	content: url("/assets/images/news/cat_nt03.png") ;
}
#main-wh article.nt03 h2{
	background:url(/assets/images/news/h2_nt03.png) 10px center no-repeat;
	color: #ff8301;
}

#main-wh article.nt04 h1{
	background: #fee4c8;
}
#main-wh article.nt04 h1:after{
	content: url("/assets/images/news/cat_nt04.png") ;
}
#main-wh article.nt04 h2{
	background:url(/assets/images/news/h2_nt04.png) 10px center no-repeat;
	color: #eebe00;
}

#main-wh article.nt05 h1{
	background: #fffae5;
}
#main-wh article.nt05 h1:after{
	content: url("/assets/images/news/cat_nt05.png") ;
}
#main-wh article.nt05 h2{
	background:url(/assets/images/news/h2_nt05.png) 10px center no-repeat;
	color: #8957a1;
}

#main-wh article.nt06 h1{
	background: #f9ecff;
}
#main-wh article.nt06 h1:after{
	content: url("/assets/images/news/cat_nt06.png") ;
}
#main-wh article.nt06 h2{
	background:url(/assets/images/news/h2_nt06.png) 10px center no-repeat;
	color: #8957a1;
}
*/



/********* feature *********/

#main-wh #feature{
	border-radius:4px;
	padding: 20px;
	background: #f8f8f8;
	clear: both;
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	margin: 0 0 20px 0;
}
#main-wh #feature h2{
	margin: 0 0 20px 0;
	text-align: center;
}
#main-wh #feature table {
	color: #333;
	margin: 10px auto 30px;
	border-collapse: collapse;
	border-spacing:0px;
	width: 100%;
}
#main-wh #feature table tr {
	border-bottom: #ccc 1px dotted;
}
#main-wh #feature table th {
	vertical-align: middle;
	text-align: center;
	width: 100px;
	padding-top: 6px;
}
#main-wh #feature table td {
	padding: 10px;
	vertical-align: middle;
	text-align: left;
}


/** category icon **/
/** feature & newsList 共通 **/

td .date{
	color: #888;
	font-size: 14px;
	margin-bottom: 5px;
}
td .date:before{
	display: inline-block;
	border-radius:4px;
	padding: 0px 5px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	margin-right: 10px;
	width: 100px;
}

/*td.nt01 .date:before{
	content: 'お知らせ';
	background: #f15472;
}
td.nt02 .date:before{
	content: 'キャンペーン';
	background: #1fc7d6;
}
td.nt03 .date:before{
	content: 'セミナー';
	background: #56b319;
}
td.nt04 .date:before{
	content: '進学相談会';
	background: #ff8301;
}
td.nt05 .date:before{
	content: 'おすすめ';
	background: #eebe00;
}
td.nt06 .date:before{
	content: 'ニュース';
	background: #8957a1;
}*/


@media only screen and (max-width: 768px) {

.fleft {
	float: none;
	margin: 0 0px 10px 0;
	overflow: hidden;
	text-align: center;
}
.fright {
	float: none;
	margin: 0 0px 10px 0;
	overflow: hidden;
	text-align: center;
}
#main-wh article{
	margin: 20px 0 50px;
}
#main-wh article h1{
	padding: 40px 15px 15px 15px;
	color: #333;
	font-weight: bold;
	background: #eee;
	text-align: left;
	line-height: 30px;
	font-size: 24px;
	position: relative;
	margin: 6px 0 10px;
}
#main-wh article h1:after{
	position: absolute;
	top: -6px;
	left: 6px;
}

#main-wh article .date{
	text-align: left;
}

#main-wh article figure img{
	text-align: center;
	margin: 0 2px 5px;
}

}

@media only screen and (max-width: 768px) and (orientation:landscape) {


}
/*//2015/9/19*/

#main-wh article .date{
	display: block;
}
.newstab {
	display: inline-block;
    border-radius: 4px;
    padding: 0px 5px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    margin-right: 10px;
    width: 100px;
}
.date {
	display: inline-block;
}
#main-wh article h1{
    padding: 25px;
    color: #333;
    font-weight: bold;
    text-align: left;
    line-height: 30px;
    font-size: 24px;
    position: relative;
    margin: 6px 0 10px;
}
#main-wh article h1 span{
    position: absolute;
    top: -6px;
    right: 6px;
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    box-shadow: 1px 1px rgba(0,0,0,0.5);
    font-size: 14px;
    padding: 0px 30px;
    color: #fff;

    background: #f15472;
}
#main-wh article h2{
    padding: 15px 15px 15px 0px;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
    text-align: left;
    line-height: 1.5;
    font-size: 20px;
    position: relative;
    margin: 6px 0 10px;
    position: relative;
    color: #333;
}
#main-wh article h2 i{
    font-size: 40px;
    font-weight: bold;
    position: absolute;
    top: 2px;
    left: 10px;
}
#foot-link {
	margin-bottom: 10px;
}

/*エディタ用css*/

.topics_h3 {
	padding: 15px 0 ;
	font-weight: bold;
	margin: 6px 0 10px;
	font-size: 20px;
}
.nihongo_h3{
	padding: 10px !important;
	font-weight: bold;
	margin: 30px 0 10px;
	font-size: 18px;
	color: #73a606;
	border: 1px dashed #ccc;
}
.blog_h2{
	font-size: 20px;
	border-radius: 4px;
	padding: 15px 20px 15px 40px !important;
	margin-bottom: 10px;
	border: none !important;
	background: url("../../images/blog/ico_arrow.png") 15px center no-repeat #f3f3f3;
}
.blog_h3{
	padding: 10px;
	font-weight: bold;
	margin: 6px 0 10px;
	font-size: 18px;
	color: #0075b5;
	border-bottom: 1px dotted #ccc;
}