html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
}

/*************** /body *****************/

body {
/*	background-color: #DEEFF9;	*/
	font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}


@media screen and (min-width: 551px) {

	#textbox {
		background-color: #ffffff;
		margin: 10px;
	}

	h3.PH3 {
		font-size: 1.5em;
		margin: 10px 0 30px;
		text-align: center;
	}

	p {
		font-size: 1.2em;
		margin: 10px 0;
	}

	dt {
		font-size: 1.0em;
		margin-top: 20px;
	}

	dd {
		margin-left: 5px;
	}

	ul {
		margin-left: 30px;
	}

	li {
		list-style-type: decimal;
		color: #000;
	}
}

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


	#textbox {
		background-color: #ffffff;
		width: 100%;
		text-align: left;
	}

	h3.PH3 {
		font-size: 1.4em;
		margin: 10px 0 30px;
		text-align: center;
	}

	p {
		font-size: 1.1em;
		margin: 10px 0;
	}

	dt {
		font-size: 1.0em;
		margin-top: 20px;
	}

	dd {
		margin-left: 10px;
	}

	ul {
		margin-left: 30px;
	}

	li {
		list-style-type: decimal;
	}

}