@charset "UTF-8";
/* CSS Document */
/** SP用 **/

/***********************************
グローバル部分
***********************************/
#global_container {
	width: 100%;
}


/***********************************
全体共通設定
***********************************/
	
/** PC/SP表示切り替え用 **/
.hideAtSP {
	display: none;
}



/***********************************
ヘッダー設定
***********************************/
	
#spHeader01 {
	padding-right: 3%;
	padding-left: 3%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #009fe8;
	padding-bottom: 5px;
	margin-bottom: 15px;
	}
#spHeader02 {
	padding-right: 3%;
	padding-left: 3%;
	padding-bottom: 3%;
	}
	#spHeader02 select {
	width: 100%;	
	}


/***********************************
教育レイアウト設定
***********************************/

#educationBox {
	width: 100%;
	overflow: hidden; /*floatの解除*/
	font-size: 12px;
	line-height: 1.7em;
}
#educationBox #mainContents {
	float: none;
	width: 100%;
	margin-right: 0px;
}
#educationBox #sideBox {
	float: none;
	width: 100%;
	margin-top: 15px;
}


/***********************************
ソーシャルボタン
***********************************/
div.kj_social_bookmarking_light {
	margin: 20px auto;
	width: 300px;
}


/***********************************
トップページ設定
***********************************/
#mainContents .box01 {
	width: 100%;
	margin-top: 10px;
}
#mainContents .box01 .title {
}

/*#mainContents > box01 > leftBox*/
#mainContents .box01 .leftBox {
	float: none;
	width: 228px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 10px;
}
		#mainContents .box01 .leftBox .section02 {
	margin-right: auto;
	margin-left: auto;			
			}
		
/*#mainContents > box01 > centerBox*/
#mainContents .box01 .centerBox {
	float: none;
	width: 228px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10%;
	padding-left: 10%;
	margin-bottom: 10px;
}

/*#mainContents > box01 > rightBox*/
#mainContents .box01 .rightBox {
	float: none;
	width: 228px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10%;
	padding-left: 10%;
}


/*#mainContents > box02*/			

#mainContents .box02 {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}
	#mainContents .box02 .section01 {
	width: 100%;
	
	}
	
		#mainContents .box02 .section01 .leftBox {
				float: none;
				width: 100%;
				margin-right: 0;
				height: auto;
			}
			#mainContents .box02 .section01 .rightBox {
				float: none;
				width: 100%;
				height: auto;
				margin-top: 10px;
			}
			
	
	
/***********************************
スマホフッター設定
***********************************/	
	
#spFooter {
	background-color: #e6e6e6;
	width: 100%;
	padding-top: 10px;
	}
	
	#spFooter #footer ul li {
		text-decoration: none !important;
		}
		#spFooter #footer ul li a {
		text-decoration: none !important;
		}
		

/***********************************
こどものページ設定
***********************************/	
#studentsBox {
}
#studentsBox .mainBox {
	width: 294px;
	margin-top: 10px;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	
}

		#studentsBox .mainBox .innerBox .section01 {
					width: 284px;
					margin-right: auto;
					margin-left: auto;
					padding-bottom: 15px;
				}
				
				#studentsBox .mainBox .innerBox .section01 .column {
					width: 244px;
					margin-right: 20px;
					margin-left: 20px;
					min-height: none;
					padding-right: 0px;
				}
				
				/*8記事背景設定*/
				#studentsBox #bg_type01 {
					background-image:none;
				}
				#studentsBox #bg_type02 {
					background-image:none;				
				}
				#studentsBox #bg_type03 {
					background-image:none;		
				}
				#studentsBox #bg_type04 {
					background-image:none;				
				}
				#studentsBox #bg_type05 {
					background-image:none;					
				}
				#studentsBox #bg_type06 {
					background-image:none;					
				}
				#studentsBox #bg_type07 {
					background-image:none;				
				}
				#studentsBox #bg_type08 {
					background-image:none;				
				}
				

		

/*共通見出し設定*/
#studentsBox .midashi {
	background-image: url(/education/images/sp_students/midashi_bg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 284px;
}

	#studentsBox .midashi h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-top: 8px;
	padding-left: 20px;
	}
	
/*各記事小見出し*/
#studentsBox .komidashi {
	font-size: 22px;
	}	




/*詳しくはこちらボタン244px内*/
#studentsBox .botan img {
	width: 183px;
	height: 37px;
	margin-right: 30px;
	margin-left: 31px;
	margin-top: 15px;
	margin-bottom: 15px;
}




/***********************************
家庭のページ設定
***********************************/	
#familyBox {
}
/*共通見出し設定*/
#familyBox  .midashi {
	background-image: url(/education/images/sp_family/midashi_bg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 284px;
}

	#familyBox  .midashi h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-top: 8px;
	padding-left: 20px;
	}
	
	/*共通見出し設定(2段用）*/
#familyBox  .midashi02 {
	background-image: url(/education/images/sp_family/midashi02_bg.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 284px;
}

	#familyBox  .midashi02 h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-top: 12px;
	padding-left: 20px;
	}
	
/*各記事小見出し*/
#familyBox  .komidashi {
	font-size: 22px;
	}	



#familyBox .mainBox {
	width: 294px;
	margin-top: 10px;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	
}

		#familyBox .mainBox .innerBox .section01 {
					width: 284px;
					margin-right: auto;
					margin-left: auto;
					padding-bottom: 15px;
				}
				
				#familyBox .mainBox .innerBox .section01 .column {
					width: 244px;
					margin-right: 20px;
					margin-left: 20px;
					min-height: none;
					padding-right: 0px;
				}
				
				/*5記事背景設定*/
								#familyBox #bg_type01 {
									background-image:none;		
								}
								#familyBox #bg_type02 {
									background-image:none;						
								}
								#familyBox #bg_type03 {
									background-image:none;							
								}
								#familyBox #bg_type04 {
									background-image:none;							
								}
								#familyBox #bg_type05 {
									background-image:none;						
								}
				/*.column背景なし*/
					#familyBox .mainBox .innerBox .section01 .column02 {
						width: 244px;
						margin-right: 20px;
						margin-left: 20px;
						}
						/*詳しくはこちらボタン244px内*/
						#familyBox .botan img {
							width: 183px;
							height: 37px;
							margin-right: 30px;
							margin-left: 31px;
							margin-top: 15px;
							margin-bottom: 15px;
						}
				
				
				

/*段ごとの個別の設定*/	

/*ベストホームページリンク集*/
#familyBox .mainBox .innerBox .section01 #Box01 {
	width: 244px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
		#familyBox #Box01 .leftBox {
		width: 100%;
		float: none;
		}
		#familyBox #Box01 .centerBox {
		width: 100%;
		float: none;
		margin-right: 0px;						
		}
						
		#familyBox #Box01 .rightBox {
		width: 100%;
		float: none;											
		}
		#familyBox #Box01 ul li {
		font-size: 15px;
		}
						
						
		
/***********************************
ベストホームページ設定（link中ページ）
***********************************/
#familyBox #linkpage .students_linkarea h4 {
	margin-right: 0px;
}
#familyBox #linkpage .students_linkarea p {
	margin-right: 0px;
}
#familyBox #linkpage .students_linkarea .iconbox {
	position: relative;
	margin-left: 16px;
	margin-bottom: 5px;
	top: 0;
	left: 0;
}	
						

/*こどもと携帯電話、子どもを知るテクニック*/
#familyBox .mainBox .innerBox .section01 #Box02 {
	background-image: url(/education/images/family/pastel_green_bg.jpg);
	background-repeat: repeat;
	width: 244px;
	margin-top: 10px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	margin-bottom: 5px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
						}	
						



/*学年を選んでください*/
#familyBox .mainBox .innerBox .section01 #Box03 {
	background-image: url(/education/images/family/pastel_green_bg.jpg);
	background-repeat: repeat;
	width: 244px;
	margin-top: 10px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	margin-bottom: 5px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
						}	
			#Box03 .inBox {
			width: 244px;
			}
			#Box03 .inBox .rightBox{
			width: 100%;
			float: none;
			margin-left: 0px;
			}
			#Box03 .inBox .rightBox img{
			width: 160px;
			height: 160px;
			margin-right: 42px;
			margin-left: 42px;
			margin-bottom: 15px;
			}
							
			#Box03 .inBox .leftBox {
			width: 100%;
			float: none;						
			}
							
			#Box03 #botanBox {
			width: 244px;
			}
					#Box03 #botanBox .leftBox {
					width: 100%;
					float: none;
					margin-right: 0px;
					}
					#Box03 #botanBox .rightBox {
					width: 100%;
					float: none;
					margin: 0px;
					}
					#Box03 #botanBox img {
					width: 183px;
					height: 37px;
					margin-right: 30px;
					margin-bottom: 10px;
					margin-left: 31px;
					}
		
		

/*あなたの意識度チェック*/
#familyBox .mainBox .innerBox .section01 #Box04 {
	background-image: url(/education/images/family/pastel_green_bg.jpg);
	background-repeat: repeat;
	width: 244px;
	margin-top: 10px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	margin-bottom: 5px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	
}	
											
			#familyBox #Box04 .leftBox {
			width: 100%;
			float: none;
			margin-right: 0px;
			height: 37px;	
			}
			#familyBox #Box04 .rightBox {
			width: 100%;
			float: none;
			height: 37px;
			}
			#familyBox #Box04 .rightBox img {
			width: 183px;
			height: 37px;
			margin-right: 30px;
			margin-left: 31px;	
			}
			
			
			
			
			
			
			
/***********************************
学校のページ設定
***********************************/	
#schoolBox {
}
#schoolBox .mainBox {
	width: 294px;
	margin-top: 10px;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	
}

		#schoolBox .mainBox .innerBox .section01 {
					width: 284px;
					margin-right: auto;
					margin-left: auto;
					padding-bottom: 15px;
				}
				
				#schoolBox .mainBox .innerBox .section01 .column {
					width: 244px;
					margin-right: 20px;
					margin-left: 20px;
					min-height: none;
					padding-right: 0px;
				}
				
				/*13記事背景設定*/
				#schoolBox #bg_type01 {
					background-image:none;
					
				}
				#schoolBox #bg_type02 {
					background-image:none;				
				}
				#schoolBox #bg_type03 {
					background-image:none;		
				}
				#schoolBox #bg_type04 {
					background-image:none;				
				}
				#schoolBox #bg_type05 {
					background-image:none;					
				}
				#schoolBox #bg_type06 {
					background-image:none;					
				}
				#schoolBox #bg_type07 {
					background-image:none;				
				}
				#schoolBox #bg_type08 {
					background-image:none;				
				}
				#schoolBox #bg_type09 {
					background-image:none;				
				}
				#schoolBox #bg_type10 {
					background-image:none;				
				}
				#schoolBox #bg_type11 {
					background-image:none;				
				}
				#schoolBox #bg_type12 {
					background-image:none;				
				}
				#schoolBox #bg_type13 {
					background-image:none;				
				}
				#schoolBox #bg_type14 {
					background-image:none;				
				}
				#schoolBox #bg_type15 {
					background-image:none;				
				}
				/*.column背景なし*/
					#schoolBox .mainBox .innerBox .section01 .column02 {
						width: 244px;
						margin-right: 20px;
						margin-left: 20px;
						}

		

/*共通見出し設定*/
#schoolBox .midashi {
	background-image: url(/education/images/sp_school/midashi_bg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 284px;
}

	#schoolBox .midashi h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-top: 8px;
	padding-left: 20px;
	}
	
	
	/*共通見出し設定(2段用）*/
	#schoolBox  .midashi02 {
	background-image: url(/education/images/sp_school/midashi_bg02.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 284px;
	}

	#schoolBox  .midashi02 h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-top: 10px;
	padding-left: 20px;
	line-height: 1.3em;
	}
	
	
	/*各記事小見出し*/
#schoolBox .komidashi {
	font-size: 22px;
	}	




/*詳しくはこちらボタン244px内*/
#schoolBox .botan img {
	width: 183px;
	height: 37px;
	margin-right: 30px;
	margin-left: 31px;
	margin-top: 15px;
	margin-bottom: 15px;
}
	
	
	

/*段ごとの個別の設定*/
/*厳選教育*/
#schoolBox .mainBox .innerBox .section01 #scBox01 {
	}

#scBox01 .inBox {
	width: 284px;
	margin-top: 10px;
	}
	
	#scBox01 .inBox .leftBox {
	width: 100%;
	float: none;
	margin-right: 0;
	border: none;
	
	}
	#scBox01 .inBox .rightBox {
	width: 100%;
	float: none;
	border: none;
	}
	
	#scBox01 .inBox .kyouiku_title{
	height: 23px;
	width: 269px;
	background-image: url(/education/images/sp_school/kyouiku_title_bg.png);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
	padding-left: 15px;
	padding-top: 6px;
	}
	#scBox01 .inBox .kyouiku_title02{
	height: 23px;
	width: 269px;
	background-image: url(/education/images/sp_school/kyouiku_title_bg.png);
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
	padding-left: 15px;
	padding-top: 6px;
	}
	#scBox01 .inBox .blue_title{
	font-size: 11px;
	font-weight: bold;
	color: #0066CC;
	margin-bottom: 10px;
	}
						
							
	#scBox01 .inBox .textBox {
	padding: 15px;
}


/*学校行事ポイントマスター（ポイント部分）*/
#schoolBox #scBox02 {
	background-image: url(/education/images/school/pastel_blue_bg.jpg);
	background-repeat: repeat;
	width: 244px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	height: auto;
	margin-bottom: 10px;
	}	
	
	
/*めざせICT活用の達人先生（情報担当リーダーみどり部分）*/
#schoolBox .blueBox{
	background-image: url(/education/images/school/pastel_blue_bg.jpg);
	background-repeat: repeat;
	width: 244px;
	margin-top: 20px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	}	
	
	
	
/***********************************
家庭のページサブページ以下設定
***********************************/
/***********************************
informationグループ
(なるほど！ホント？やってみよう！)
***********************************/
#familyBox .mainBox .innerBox #informationBox {	
}
#informationBox p {
	line-height: 2em;
}
	
	/*記事のBOXイラストなし*/
	#informationBox  .articleBox01 {
	width: 244px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	}
	/*記事のBOXあり*/
	#informationBox  .articleBox02 {
	width: 244px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	}
		#informationBox  .articleBox02 .leftBox  {
		float: none;
		width: 100%;
		margin: 0px;
		}
		#informationBox  .articleBox02 .rightBox  {
		float: none;
		width: 100%;
		margin: 0px;
		}
			#informationBox  .articleBox02 .rightBox img  {
			height: 145px;
			width: 145px;
			margin-right: 49px;
			margin-left: 50px;
			}



/*記事下のナビゲーション部分*/
#informationBox #foot_navBox {
	width: 284px;
	margin-top: 20px;
}
	#informationBox #foot_navBox .leftBox {
	float: none;
	width: 254px;
	background-image: url(/education/images/sp_family/200803/prev.jpg);
	background-repeat: no-repeat;
	padding-left: 30px;
	min-height: 30px;
		}
		 /*最初のページのみ.leftBox非表示*/
			#informationBox #foot_navBox .leftBox02 {
			display: none;		
			}
	#informationBox #foot_navBox .centerBox {
		float: none;
		width: 204px;
		background-image: url(/education/images/family/pastel_green_bg.jpg);
		background-repeat: repeat;
		padding-top: 10px;
		text-align: left;
		padding-bottom: 10px;
		margin-top: 15px;
		margin-bottom: 15px;
		padding-right: 40px;
		padding-left: 40px;
	}
			#informationBox #foot_navBox .centerBox p {
			line-height: 2em;
			font-size: 23px;
			font-weight: bold;
			}
			
		/*授業参観日以外で子どもの様子を知るテクニック用フッターナビ*/
		#informationBox #foot_navBox .centerBox02 {
		width: 204px;
		background-image: url(/education/images/family/pastel_green_bg.jpg);
		background-repeat: repeat;
		padding-top: 10px;
		text-align: center;
		padding-bottom: 10px;
		margin-top: 15px;
		margin-bottom: 15px;	
		padding-right: 40px;
		padding-left: 40px;
	}
			
	
	#informationBox #foot_navBox .rightBox {
	float: none;
	width: 254px;
	background-image: url(/education/images/sp_family/200803/next.jpg);
	background-repeat: no-repeat;
	text-align: right;
	padding-right: 30px;
	min-height: 30px;
		}
	
	
	#informationBox #foot_navBox .nav_text {
	font-size: 15px;
	color: #62BB14;
	font-weight: bold;
	line-height: 1.2em;
	vertical-align: middle;
	}
	
			#informationBox #foot_navBox .line01 {/*1行の場合のマージン調整*/
			padding-top: 7px;
			}
			
			
			
/***********************************
携帯電話のルールをつくろう！
***********************************/	
/*見出し（下線あり）*/	
#informationBox .manner_midashi01 {
	font-size: 16px;
	margin-bottom: 10px;

	}
/*ダウンロード部分ボタンBOX*/	
#informationBox .download_Box {
	margin-top: 15px;	
	}
	#informationBox .download_Box .leftBox {
	float: none;
	height: auto;
	width: 100%;
	padding: 0px;
	margin: 0px;
	}
	#informationBox .download_Box .centerBox {
	float: none;
	height: 30px;
	width:  100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	#informationBox .download_Box .rightBox {
	float: none;
	height: 30px;
	width:  100%;	
	}




/***********************************
携帯電話利用診断（index.html）
***********************************/	

/*下部チェックするBox*/	
#informationBox #shindanBox {
	background-image: url(/education/images/family/pastel_green_bg.jpg);
	background-repeat: repeat;
	width: 100%;
	padding-top: 15px;
	padding-right: 2px;
	padding-bottom: 15px;
	padding-left: 2px;
	}	
	
	
/***********************************
携帯電話利用診断（shindan.html）
***********************************/		

/*質問項目（table部分）*/	
#informationBox #questionBox {
	margin-top: 30px;
	}	
	
#questionBox table {
	width: 282px;
	margin-top: 15px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-left-color: #999;
	margin-bottom: 15px;
}
	#questionBox table tr th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	width: 35px;
}
	
	#questionBox table tr td {
	font-size: 12px;
	line-height: 1.7em;
	color: #000;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	width: 227px;
	padding: 10px;
	vertical-align: middle;
	}
	
	
/***********************************
携帯電話利用診断結果（keitai_r01～03.html）
***********************************/


#informationBox #kekka_midashi{
	width: 269px;
	height: 18px;
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	background-color: #FF6600;
	margin-top: 20px;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 15px;
	/*角丸*/
	-moz-border-radius-topright: 10px;    /* Firefox */
	-webkit-border-top-right-radius: 10px; /* Safari,Chrome */
	border-top-right-radius: 10px;         /* CSS3 */
	-moz-border-radius-topleft: 10px;    /* Firefox */
	-webkit-border-top-left-radius: 10px; /* Safari,Chrome */
	border-top-left-radius: 10px;         /* CSS3 */
	}


#informationBox #shindan_kekkaBox{
	width: 250px;
	padding: 15px;
	border: 2px solid #FF6600;
	margin-bottom: 20px;
	/*角丸*/
	-moz-border-radius-bottomright: 10px;    /* Firefox */
	-webkit-border-bottom-right-radius: 10px; /* Safari,Chrome */
	border-bottom-right-radius: 10px;         /* CSS3 */
	-moz-border-radius-bottomleft: 10px;    /* Firefox */
	-webkit-border-bottom-left-radius: 10px; /* Safari,Chrome */
	border-bottom-left-radius: 10px;         /* CSS3 */
	}
	
#kekka_footBox{
	margin-top: 10px;
	width: 284px;
	}
	#kekka_footBox .leftBox {
	padding: 20px;
	width: 244px;
	background-image: url(/education/images/family/pastel_green_bg.jpg);
	background-repeat: repeat;
	float: none;
	margin-right: 0px;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	text-align: center;
	font-size: 14px;
	margin-bottom: 15px;
	}
	#kekka_footBox .rightBox {
	padding: 20px;
	width: 244px;
	background-image: url(/education/images/family/pastel_green_bg.jpg);
	background-repeat: repeat;
	float: none;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	text-align: center;
	font-size: 14px;
	}
		#kekka_footBox .rightBox .inBox {
		width: 244px;
		}
		#kekka_footBox .rightBox .inBox .hamu_ill {
		width: 76px;
		float: none;
		height: 72px;
		padding-top: 0px;
		padding-right: 84px;
		padding-left: 84px;
		padding-bottom: 10px;
		}
		#kekka_footBox .rightBox .inBox .textBox {
		width: 244px;
		float: none;
		margin-right: 0px;
		}	
	
	
	
	
/***********************************
***********************************/	
/***********************************
こどものページ（サブページ以下）設定
***********************************/
/***********************************
***********************************/



/***********************************
ベストホームページ設定（link）
***********************************/

#studentsBox #best_hpBox {
	}

#best_hpBox .inBox {
	width: 284px;
	margin-top: 10px;
	}
	
		#best_hpBox .inBox .leftBox {
		width: 100%;
		float: none;
		margin-right: 0;
		border: none;
		
		}
		#best_hpBox .inBox .rightBox {
		width: 100%;
		float: none;
		border: none;
		}
		/*ハムスターイラストタイトル部分bg設定*/
		#best_hpBox #ham01 {
		background-image: url(/education/images/sp_students/link/link_title_bg01.png);
		background-repeat: no-repeat;
		}
		#best_hpBox #ham02 {
		background-image: url(/education/images/sp_students/link/link_title_bg02.png);
		background-repeat: no-repeat;
		}
		#best_hpBox #ham03 {
		background-image: url(/education/images/sp_students/link/link_title_bg03.png);
		background-repeat: no-repeat;
		}
	
#best_hpBox .inBox .link_title{
	height: 23px;
	width: 269px;
	font-size: 14px;
	font-weight: bold;
	color: #BA5C00;
	padding-left: 15px;
	padding-top: 6px;
	}
	#best_hpBox .inBox .brown_title{
	font-size: 11px;
	font-weight: bold;
	color:  #BA5C00;
	margin-bottom: 10px;
	}
	
	
	
	
/*ヤフー・グーグル検索部分*/
#studentsBox #kensakuBox {
	width: 264px;
	margin-top: 20px;
	background-image: url(/education/images/students/link/kensaku_bg.jpg);
	background-repeat: repeat;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	padding: 10px;
	}
	
	#kensakuBox .leftBox {
	width: 264px;
	float: none;
	margin-right: 0px;
	margin-bottom: 10px;
	}
		#kensakuBox .leftBox img {
		width: 135px;
		padding-right: 64px;
		padding-left: 65px;
		}
	
	#kensakuBox .rightBox {
	width: 264px;
	float: none;
	background-color: #FFF;
	padding-top: 25px;
	padding-bottom: 25px;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	}
	
		#kensakuBox .rightBox .inBox {
		width: 244px;
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 10px;	
		}
			#kensakuBox .rightBox .inBox .logoBox {
			width: 100%;
			float: none;
			margin-right: 0px;
			
			}
			#kensakuBox .rightBox .inBox .inputBox {
			width: 100%;
			float: none;
			margin-right: 0px;
			padding-top: 5px;
			text-align: center;
			}
			#kensakuBox .rightBox .inBox .enterBox {
			width: 100%;
			float: none;
			margin-top: 10px;
			margin-bottom: 15px;
			text-align: center;
			}

		
/***********************************
ベストホームページ設定（link中ページ）
***********************************/
#studentsBox #linkpage .students_linkarea h4 {
	margin-right: 0px;
}
#studentsBox #linkpage .students_linkarea p {
	margin-right: 0px;
}
#studentsBox #linkpage .students_linkarea .iconbox {
	position: relative;
	margin-left: 16px;
	margin-bottom: 5px;
	top: 0;
	left: 0;
}




/***********************************
ホームページの情報モラル講座
***********************************/
#homepagekouza {
	overflow: hidden;
}
#homepagekouza .top_bg {
	background-image: none;
}

#homepagekouza .section01 {
	height: auto;
	min-height: none;
}
#homepagekouza .section01 .sp_img {
	text-align: center;
	padding-top: 20px;
}
#homepagekouza .section01 p {
	margin-bottom: 0px;
}

#homepagekouza .section02 {
	width: auto;
	border: 0;
}
#homepagekouza .section02 .homepageBox .hamuhamu {
	display: none;
}
/**中ページ共通**/
#homepagekouza #hpwindow {
	width: 284px;
}
#homepagekouza #hpwindow .windowbody {
	border: solid 1px #a4acb7;
	border-top: none;
	padding: 10px;
}
#homepagekouza #hpwindow .windowbody .hamu_shock {
	width: 100%;
}
#homepagekouza .closebtn {
	text-align: center;
	margin: 20px 0px;
}


/***********************************
ケータイの情報モラル講座(
***********************************/	
#keitaikouza .slideBox {
	margin: 10px 0;
	height: 374px;
}
#keitaikouza .slideBox .image .btn_dtail {
	position: absolute;
	top: 207px;
	left: 50%;
	margin-left: -71px;
}
#keitaikouza .slideBox .naviBox {
	width: 100%;
	top: 246px;
	line-height: 50px;
}
#keitaikouza .slideBox .naviBox .blockAtSP {
	display: block;
	margin: 0 auto;
}


/***********************************
メールの情報モラル講座(
***********************************/	

#mailmoralsBox {	
}

	
	/*上段*/
	#mailmoralsBox .Box01 {
	width: 264px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 30px;
	}
		#mailmoralsBox .Box01 .leftBox  {
		float: none;
		width: 100%;
		margin: 0px;
		}
		#mailmoralsBox .Box01 .rightBox  {
		float: none;
		width: 145px;
		margin: 0px;
		padding-right: 59px;
		padding-left: 60px;
		}
		
		
	/*下段*/
	#mailmoralsBox .Box02 {
	width: 264px;
	margin-right: 10px;
	margin-left: 10px;
	}
		#mailmoralsBox .Box02 .leftBox  {
		float: none;
		width: 100%;
		margin: 0px;
		}
		
		
		#mailmoralsBox .Box02 .rightBox  {
		float: none;
		width: 70px;
		height: 70px;
		padding-right: 97px;
		padding-left: 97px;		
		}	


	
#mailmoralsBox #mail_Box01 {
	margin-top: 20px;
}	



/*メール作成画面*/
#mailmoralsBox #mail_Box01 #header/*284px*/ {
	background-color: #764826;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	 /* 上部のみ角丸 */
	-moz-border-radius-topright: 10px;    /* Firefox */
	-webkit-border-top-right-radius: 10px; /* Safari,Chrome */
	border-top-right-radius: 10px;         /* CSS3 */
	-moz-border-radius-topleft: 10px;    /* Firefox */
	-webkit-border-top-left-radius: 10px; /* Safari,Chrome */
	border-top-left-radius: 10px;         /* CSS3 */
}
	
	/*ヘッダーテキスト（メール作成画面）*/
	#mailmoralsBox #mail_Box01 #header .headtext {
	width: 100%;
	color: #FFF;
	float: none;
	}
	/*ヘッダーボタン（印刷）*/
	#mailmoralsBox #mail_Box01 #header .print_botan {
	float: none;
	display: none;	
	}
	

	/*メール作成部分（フレーム）*/
	#mailmoralsBox #mail_mainBox {
	background-color: #FFF8F6;
	width:260px;
	border: 2px solid #9B8E78;
	padding: 10px;
	/*下部角丸*/
	-moz-border-radius-bottomright: 10px;    /* Firefox */
	-webkit-border-bottom-right-radius: 10px; /* Safari,Chrome */
	border-bottom-right-radius: 10px;         /* CSS3 */
	-moz-border-radius-bottomleft: 10px;    /* Firefox */
	-webkit-border-bottom-left-radius: 10px; /* Safari,Chrome */
	border-bottom-left-radius: 10px;         /* CSS3 */
	
	}
	
	/*返信画面フィールド*/
	#mailmoralsBox .replyfield {
		margin: 5px 0px;
	}
	#mailmoralsBox .replyfield .from {
	}
	
	
	#mailmoralsBox #mail_mainBox .form_title {
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 1.2em;
	color: #764826;
	font-weight: bold;
	}
	
	
	/*メールの書き方ポイント*/
#mailmoralsBox #pointBox {
}	
/*タイトル部分*/
#mailmoralsBox #pointBox #header02/*615px*/ {
}
	
	/*コンテンツ部分*/
	#mailmoralsBox #pointBox .inBox {
	width: 260px;
	border: 2px solid #FD9500;
	padding: 10px;
	/*下部角丸*/
	-moz-border-radius-bottomright: 10px;    /* Firefox */
	-webkit-border-bottom-right-radius: 10px; /* Safari,Chrome */
	border-bottom-right-radius: 10px;         /* CSS3 */
	-moz-border-radius-bottomleft: 10px;    /* Firefox */
	-webkit-border-bottom-left-radius: 10px; /* Safari,Chrome */
	border-bottom-left-radius: 10px;
	background-color: #FFF9EF;
	}
	
	
#mailmoralsBox .attention {
	line-height:1.6;
	padding: 50px 5px;
	text-align: left;
}
	


/***********************************
メールの情報モラル講座(マニュアル）
***********************************/	
/*マニュアルページ茶色タイトル*/

/*各記事小見出し*/
#mailmoralsBox .komidashi {
	text-align: center;
	font-size: 22px;
	}	

/*テキスト部分*/
	#mailmoralsBox  .articleBox01 {
	width: 264px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
	
/***********************************
調べ学習チャンピオン
***********************************/		

/*茶色見出し部分*/
#studentsBox .champ_titleBox {
	background-color: #764826;
	width: 274px;
	padding: 5px;
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	}
	/*ポイント1〜8*/
	#studentsBox .champ_titleBox .point_numb {
	background-color: #FFF;
	width: 80px;
	font-size: 14px;
	color: #F60;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	float: left;
	margin-right: 10px;
	padding-left: 10px;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	margin-top: 5px;
	margin-bottom: 5px;
	}
	/*タイトル部分*/
	#studentsBox .champ_titleBox .champ_midashi {
	font-size: 18px;
	color: #FFF;
	width: 174px;
	padding-top: 3px;
	float: right;
	font-weight: bold;
	line-height: 1.2em;
	}
		
/*テキスト部分*/			
#studentsBox .championBox {
	}
	#studentsBox .championBox .articleBox01{
	width: 244px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
	}	
	
	
/*黒板部分*/	
#studentsBox #kokuban {
	background-image:none;
	background-repeat: no-repeat;
	height: auto;
	width: 284px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	}
		





/***********************************
***********************************/
/***********************************
学校のページ（サブページ以下）設定
***********************************/
/***********************************
***********************************/


/***********************************
行事設定
***********************************/	
#schoolBox #gyojiBox {
	}
	/*イラストなし（下部記事設定）*/
	#schoolBox #gyojiBox .articleBox01 {
	width: 244px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
	}
	
	/*イラストあり（上部記事設定）*/
	#schoolBox #gyojiBox .articleBox02 {
	width: 244px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	}
		#schoolBox #gyojiBox .articleBox02 .rightBox {
		width: 160px;
		height: 160px;
		float: none;
		margin-left: 42px;
		margin-right: 42px;
		margin-bottom: 15px;
		}
		#schoolBox #gyojiBox .articleBox02 .leftBox {
		width: 100%;
		float: none;		
		}
				/*左テキスト部分のポイントとテキスト*/
				#schoolBox #gyojiBox .articleBox02 .leftBox .inBox {
				width: 100%;
				margin-bottom: 15px;
				}
				#schoolBox #gyojiBox .articleBox02 .leftBox .inBox .pointBox {
				width: 75px;
				height: 30px;
				float: none;
				margin-right: 0px;
				margin-bottom: 5px;
				}
				#schoolBox #gyojiBox .articleBox02 .leftBox .inBox .textBox {
				width: 100%;
				float: none;
				font-size: 13px;
				font-weight: bold;
				color: #333;
				line-height: 1.3em;
				}
				
				
/*行事＞卒業式設定*/
#gyojiBox #sotsugyouBox	 {
	width: 244px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}
	#gyojiBox #sotsugyouBox img	 {
	width: 140px;
	margin-right: 52px;
	margin-left: 52px;	
}
	#gyojiBox #sotsugyouBox .leftBox {
	float: none;	
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	}
	#gyojiBox #sotsugyouBox .rightBox {
	float: none;	
	width: 100%;
	margin-right: 0px;
	margin-left: 0px
	margin-bottom: 20px;
	}	
	
	
/***********************************
情報モラル設定
***********************************/	
/*なるほど！ホント？やってみよう（下部リンク部分）*/	
#schoolBox #moral_botan_Box{
	width: 284px;
	margin-top: 20px;
	margin-bottom: 30px;
	}
	#schoolBox #moral_botan_Box .leftBox{
	width: 284px;
	float: none;
	height: 56px;
	margin-right: 0px;
	margin-bottom: 10px;
	}
	#schoolBox #moral_botan_Box .rightBox{
	width: 284px;
	float: none;
	height: 56px;
	margin-right: 0px;
	}
			
			
			
/***********************************
素材集
***********************************/
#sozaiBox {
	width: 300px;
	margin: 0px auto;
}
#sozaiBox .glid5 .imageBox {
	width: 33.3333%;
}
#sozaiBox .glid3 .imageBox {
	width: 50%;
}
#sozaiBox .glid1 .imageBox {
	width: 100%;
}
#sozaiBox .glid1-1 .imageBox {
	width: 100%;
	min-height: 10px;
}



/***********************************
読みたくなる学級通信
***********************************/		
/*通信2行見出し*/

#schoolBox .tsushin_midashi	{
	width: 264px;
	height: 50px;
	background-image: url(/education/images/sp_school/tsushin/tsushin_bg.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 20px;
	}
	#schoolBox .tsushin_midashi p	{
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	padding-bottom: 1px;
	padding-top: 5px;
	}
	#schoolBox .tsushin_midashi h2	{
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	}
	
/*通信3行（スマホ3行用）見出し*/	
#schoolBox .tsushin_midashi02	{
	width: 264px;
	height: 70px;
	background-image: url(/education/images/sp_school/tsushin/tsushin_bg02.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-top: 20px;
	}
	#schoolBox .tsushin_midashi02 p	{
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 5px;
	}
	#schoolBox .tsushin_midashi02 h2	{
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	line-height: 1.2em;
	}
	


#schoolBox #tsushinBox	{
	}

	/*ステップ1タイトル部分*/
	#tsushinBox #stepBox {
	width: 260px;
	border: 2px solid #0066CC;
	padding: 10px;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	}
	#tsushinBox #stepBox .leftBox {
	width: 260px;
	float: none;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background-color: #0066CC;
	margin-right: 0px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 0px;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	text-align: center;
	}
	#tsushinBox #stepBox .rightBox {
	width: 100%;
	float: none;
	color: #0066CC;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
	}
	
/*フッターナビ部分*/	
#tsushinBox #tsushin_footBox {
	font-size: 20px;
	font-weight: bold;
	color: #0066CC;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 40px;
	line-height: 1.5em;
}
#tsushinBox #tsushin_footBox p a {
	color: #0066CC;
	text-decoration: none;
	display: block;
}
#tsushinBox #tsushin_footBox p a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#tsushinBox #tsushin_footBox .stepparts {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #0066CC;
	padding-right: 10px;
	padding-left: 10px;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}



/*イラスト素材バナー部分*/
#tsushinBox #illstBox {
	background-image: none;
	width: 274px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-top: 10px;
	}
	#tsushinBox #illstBox .leftBox {
	float: none;
	width: 100%;
	margin-right: 0px;
	padding-bottom: 20px;
	text-align: center;
	}
		
	#tsushinBox #illstBox .rightBox {
	float: none;
	width:100%;
	height: 108px;
	}

	


/*200802a-3.html*/

/*ウェブデザイナーによる学級通信*/
#tsushinBox .wd_midashi {
	background-image: url(/education/images/school/tsushin/webdesigner_bg.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 229px;
	padding-top: 12px;
	padding-left: 55px;
	}
/*上部ボックス*/	
#tsushinBox .wdBox {
	width: 284px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 20px;
	
	}	
	#tsushinBox .wdBox .leftBox {
	width: 244px;
	float: none;
	margin-right: 20px;
	margin-left: 20px;
	}
	#tsushinBox .wdBox .rightBox {
	width: 284px;
	float: none;
	margin-top: 20px;
	}

/*赤小見出し文字設定*/	
#tsushinBox .wd_komidashi {
	font-size: 16px;
	}

	
	
/*ワードデータボタン部分*/	
#tsushinBox .btnBox {
	width: 100%;
	
	}	
	#tsushinBox .btnBox .leftBox {
	width: 244px;
	float: none;
	margin-right: 0px;	
	}
	#tsushinBox .btnBox .rightBox {
	width: 244px;
	float: none;
	margin-right: 0px;
	margin-top: 10px;
	}
	
	
	
/*200803b*/	
/*読みたくなる学級通信のテーマはこれだ！*/	
/*記事のBOXイラストなし*/
	#tsushinBox  .articleBox01 {
	width: 244px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	}
	/*記事のBOXあり*/
	#tsushinBox  .articleBox02 {
	width: 244px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
	}
		#tsushinBox  .articleBox02 .leftBox  {
		float: none;
		width: 100%;
		margin: 0px;
		}
		#tsushinBox  .articleBox02 .rightBox  {
		float: none;
		width: 100%;
		margin: 0px;
		}
			#tsushinBox  .articleBox02 .rightBox img  {
			height: 145px;
			width: 145px;
			margin-right: 49px;
			margin-left: 50px;
			}	
			
			
/*4月〜3月見出し*/		
#tsushinBox .month_midashi {
	height: 28px;
	width: 219px;
	padding-left: 25px;
	color: #3567CC;
	background-image: url(/education/images/school/tsushin/month_bg.jpg);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: bold;
	padding-top: 2px;
	margin-top: 40px;
	margin-right: 20px;
	margin-left: 20px;
}