@charset "shift_jis";


/*===============================

	[ beginner school security 07 ]

===============================*/

#contents .part1 div {
	width: 450px;
	margin-right: 15px;
	float: left;
}

#contents .part1 div p {
	margin-top : 0.5em;
}

#contents .part2 div {
	width: 450px;
	margin-left: 15px;
	float: right;
}

#contents .part2 div p {
	margin-top : 0.5em;
}

#contents .part3 div {
	width: 450px;
	margin-right: 15px;
	float: left;
}
#contents .part3 div p {
	margin-top : 0.5em;
}

#contents .part4 div {
	width: 450px;
	margin-left: 15px;
	float: right;
}
#contents .part4 div p {
	margin-top : 0.5em;
}

#contents .part5 div {
	width: 450px;
	margin-right: 15px;
	float: left;
}
#contents .part5 div p {
	margin-top : 0.5em;
}

#contents .part6 div {
	width: 450px;
	margin-left: 15px;
	float: right;
}
#contents .part6 div p {
	margin-top : 0.5em;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
#contents .part1 div {
	width: auto;
}

#contents .part2 div {
	width: auto;
}

#contents .part3 div {
	width: auto;
}

#contents .part4 div {
	width: auto;
}

#contents .part5 div {
	width: auto;
}

#contents .part6 div {
	width: auto;
}

#contents .part1 img{
	width: 300px;
	margin : 0 auto;
}

}

/* --- CheckTest --- */

#contents div#checktest img {
	margin-top: 0px
}

/* --- 見出し一覧 --- */
#contents div#checktest div#articles {
	font-size: 14px;
	font-weight: bold;
	background-color: #FEFEEE;
	border: solid 1px #FC6;
	padding: 1em 1em 0;
	width: 500px;
	margin: 0 auto 50px auto;
}

#contents div#checktest div#articles p {
	margin-left : 1em;
	margin-bottom : 0.5em;
}

#contents div#checktest div#articles ul li {
	list-style: none;
}


#contents div#checktest div#articles ul li span {
	color: #F60;
}

/*
----------------------------------------------------------------------------
	画面幅＜640px＞以下のときに適用
----------------------------------------------------------------------------
*/
@media screen and (max-width: 640px) {
#contents div#checktest div#articles {
	width: auto;
}
#contents div#checktest div#articles p {
	margin-left : 0;
}
#contents div#checktest div#articles ul {
	margin-left: 0;
}
}