@charset "utf-8";
/* CSS Document */

/******************************************************************************************

	<css/content.css>

*******************************************************************************************/

/*-----------------------------------------------------------------------------------------
    // ログイン画面
-----------------------------------------------------------------------------------------*/
.login_table {
	background:#daedce;
	border-radius:10px;
	padding:40px 30px;
}

.login_table .row{
	margin-bottom:20px;
}

.login_table .row .col-xs-4{
	line-height:36px;
}
.login_table .input_text{
	border:1px solid #006600;
	height:36px;
	width:280px;
}

.login_table .input_check{
	-webkit-appearance:checkbox;
	margin-right:10px;
}

.login_table .btn {
	width:280px;
}

.login_table span{
	color:#fd8859;	
}


@media (max-width:767px){
	.login_table .input_text{
	width:100%;
	}
	
	.login_table .btn {
		width:100%;
	}
}

.login_text p span {
	background:#daedce;
}

.login_text p span a:hover{
	text-decoration:underline;
}

/*-----------------------------------------------------------------------------------------
    // ログイン後リスト画面
-----------------------------------------------------------------------------------------*/

ul.edit_list{
	border-top:2px solid #006600;
	border-bottom:2px solid #006600;
	margin-bottom:20px;
}

ul.edit_list li {
	list-style: none;
	position: relative;
	padding: 6px 5px 4px 15px;
}

ul.edit_list li:not(:first-child) {
	border-top:1px dotted #006600;
}

ul.edit_list li:last-child {
	text-align:right;
}

ul.edit_list li a {
	padding-left: 20px;
	background: transparent url("/images/common/footer_arrow_r.png") no-repeat scroll left center;
	vertical-align:bottom;
}

ul.edit_list li:after{
	clear: both;
	content: " ";
	display: table;
}

ul.edit_list li dl{
	width:100%;
}

ul.edit_list li dl dt{
	float:left;
	clear:both;
	width:160px;
	font-weight:bold;
}

ul.edit_list li dl dd{
	margin-left:160px;	
}
@media (max-width:767px){
ul.edit_list li {
	padding-left: 5px;
}

ul.edit_list li dl dt{
	float:none;
	width:auto;
}

ul.edit_list li dl dd{
	margin-left:0px;	
}
}
/*-----------------------------------------------------------------------------------------
    // 読売教育ネットワーク会報
-----------------------------------------------------------------------------------------*/
.round_border {
	border:2px solid #006600;
	padding:10px;
}

.round_border img{
	width:112px;
}

.article_fl {
	padding:0;
}

.article_fl .article_text2 {
	margin-bottom:20px;
}

.line {
	margin:20px 0;
	height:2px;
	background:#006600;
}

/*-----------------------------------------------------------------------------------------
    // 読売ワークシート通信
-----------------------------------------------------------------------------------------*/
.worksheet_img {
	margin-top:40px;
	width:100%;
}

/*-----------------------------------------------------------------------------------------
    // 利用方法
-----------------------------------------------------------------------------------------*/
.method_btn {
	text-align:center;
	margin-bottom:20px;
}

.method_list {
	margin:20px 0 0 0;
	padding:0;
	list-style-type: none;
	line-height:25px;
}

.method_list li{
	color:#006600;
	font-weight:bold;
}

.method_list li span{
	margin-left:51px;
	background:#daedce;
}

.method_list li span a:hover{
	text-decoration:underline !important;
}

.method_list li span:nth-child(1){
	margin-left:30px;
}

.method_list li span.nolink{
	color:#333;
	font-weight:bold;
	background:#FFF;
}


.method_list li div{
	color:#333;
	margin-left:51px;
	margin-bottom:20px;
	font-weight:normal;
}

.method_bottombtn{
	margin-top:60px;
	border-top:#006600 2px solid;
	width:66.666666%
}

.method_bottombtn .row{
	margin-right:0;
}

.method_bottombtn .col-xs-6{
	margin-bottom:10px;
	padding-right:0;
}

.method_bottombtn .col-xs-6:last-child{
	margin-bottom:0px;
	
}


@media (max-width:767px){
	
	.method_bottombtn{
		width:100%
	}
	
	.method_bottombtn .row{
		margin-right:-11px;
	}

	.method_bottombtn .col-xs-6{
		padding-right:11px;
	}
}

.method_bottombtn .col-xs-6 .btn{
	border-radius:0 0 10px 10px;
}

.mrk_enter {
	margin:0;
	background:#ff7f4d;
	width:30px;
	height:14px;
	border-radius:5px;
	font-size:10px;
	font-size:1.0rem;
	color:#FFF;
	display:inline-block;
	text-align:center;
	line-height:15px;
}

.method_list li .mrk_enter {
	margin-left:10px;
	background:#ff7f4d;
	font-weight:normal;
}

/*-----------------------------------------------------------------------------------------
    // 読売教育ネットワークとは
-----------------------------------------------------------------------------------------*/
.flimage {
	width:320px;
	float:right;
	margin:0 0 30px 20px;
}


.whats_bottombtn{
	margin-top:60px;
	border-top:#006600 2px solid;
	width:100%;
}

.whats_bottombtn .row{
	margin-right:0;
}

.whats_bottombtn .col-xs-4{
	margin-bottom:10px;
	padding-right:0;
	width:33.333333%;
}

.whats_bottombtn .col-xs-4:last-child{
	margin-bottom:0px;
	
}

.whats_bottombtn .col-xs-4 .btn{
	border-radius:0 0 10px 10px;
}

@media (max-width:767px){
	
	.flimage {
		width:100%;
		float:none;
		margin:0 0 30px 0px;
	}


	.whats_bottombtn{
		border-top:none;
	}
	
	.whats_bottombtn .row{
		margin-right:-11px;
	}

	.whats_bottombtn .col-xs-4{
		padding-right:11px;
		width:100%;
	}
	
	.whats_bottombtn .col-xs-4 .btn{
	border-radius:10px;
}
}


/*-----------------------------------------------------------------------------------------
    // 個人情報の取扱について
-----------------------------------------------------------------------------------------*/
.article_text2 dd:before {
	content:"　"
}

@media (max-width:767px){

}


/*-----------------------------------------------------------------------------------------
    // 個人情報の取扱について
-----------------------------------------------------------------------------------------*/
.fukidashi {
	position:relative;
	padding:10px;
	border-radius:10px;
	background:#ffdfd2;
	margin-bottom:10px;
}
.fukidashi:before{
	content:"";
	height:12px;
	width:12px;
	background:url(/images/common/img_fukidashi.png) no-repeat center center;
	background-size:100% 100%;
	position:absolute;
	top:-11px;
	left:40px;
}

@media (max-width:767px){

}


/*-----------------------------------------------------------------------------------------
    // 会員規約
-----------------------------------------------------------------------------------------*/
.agreelist{
	margin:0;
	padding:0;
	list-style-type: none;
	line-height:1.8;
}

.agreelist li span{
	color:#006600;
	display:block;
	font-weight:bold;
}

.agreelist li div{
	padding-left:34px;
}




/*-----------------------------------------------------------------------------------------
    // 検索結果
-----------------------------------------------------------------------------------------*/
.col-xs-8 .search_box{
	text-align:center;
	margin:14px 0 25px;
	vertical-align:top;
}

.col-xs-8 .search_box input.search_text {
    border:1px solid #006600;
	height:34px;
	line-height:1.5;
	margin-right:20px;
	padding:4px 8px 2px;
	font-size:16px;
	font-size:1.6rem;
	width:290px;
	-webkit-appearance: none; /*  for iOS */
}
.col-xs-8 .search_box .btn{
	font-size:16px;
}

.search_top span{
	font-weight:bold;
	padding:0 5px;
}

/*-----------------------------------------------------------------------------------------
    // 参加団体
-----------------------------------------------------------------------------------------*/
/* dantai_list */
.dantai_list{

}
.dantai_list ul{
	list-style:none;
}
.dantai_list ul li{
	width:49%;
	display:inline-block;
	margin-bottom:10px;
	overflow:visible;
}

.dantai_list ul li a{
	background:#daedce;
	padding:6px 12px 4px;	
	width:330px;
	display:table-cell;
}

.dantai_list ul li:nth-child(even) {
	padding-left:2%;
	
}
.dantai_list ul li a:hover{
	background:#badca6;
}


/*-----------------------------------------------------------------------------------------
    // 記事の種類別に見た出題校一覧
-----------------------------------------------------------------------------------------*/
/* link_list */
.link_list{
	border-bottom:2px solid #060;
    margin-bottom:15px;
}
.link_list ul{
	list-style:none;
}
.link_list ul li{
	width:50%;
	float:left;
	margin-bottom:20px;
	overflow:visible;
    line-height:1.4;
}

.link_list ul li a{
	background:#daedce;
	padding:1px 3px;
    line-height:1.2;
	display:table-cell;
	background: none repeat scroll 0% 0% #DAEDCE;

}

.link_list ul li a:hover{
	background:#badca6;
}

.img_box{
	text-align:center;
}
.img_box img{
	border:1px solid #ccc;
	margin-top:10px;
	margin-bottom:40px;
}

/*-----------------------------------------------------------------------------------------
    // よくある問い合わせ
-----------------------------------------------------------------------------------------*/
.reference_title a{
	display:block;
	background:#daedce;
	padding:10px;
	color:#006600;
	font-weight:bold;
	margin-bottom:10px;
}

.reference_title a:last-child{
	margin-bottom:20px;
}

.reference_title a:hover{
	background:#badca6;
}

.answer_container p{
	border-bottom:#006600 2px solid;
	padding: 5px 10px;
	color:#006600;
	font-weight:bold;
	margin-bottom:5px;
}

.answer_container div{
	display:block;
	padding:10px 10px 10px 44px;
	position:relative;
}

@media (max-width:767px){
	.answer_container div{
		padding:10px 10px 10px 47px;
	}
}

.answer_container div span{
	color:#006600;
	background:#daedce;
}

.answer_container div span a:hover{
	text-decoration:underline;
}

.answer_container div .answer_num{
	color:#006600;
	font-weight:bold;
	position:absolute;
	top:10px;
	left:10px;
	background:none;
}

.reference_totop{
	text-align:right;
	padding-bottom:20px;
}

.reference_totop a{
	color:#006600;
	background:#daedce;
}

.reference_info_container {
	background:#daedce;
	border-radius:10px;
	margin:40px 0;
	padding:25px 20px;
	text-align:center;
}

.reference_info_container div{
	padding:15px;
}

.reference_info_container .tCenter{
	padding:5px 0;
}
