/* type */

@font-face {
	font-family: 'SegoeLight';
	src: url('fonts/SegoeWP-Semilight.eot');
	src: local('☺'), url('fonts/SegoeWP-Semilight.woff') format('woff'), url('fonts/SegoeWP-Semilight.ttf') format('truetype'), url('fonts/SegoeWP-Semilight.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body { font-family: 'SegoeLight', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.4em; background: #111; color: #eee; 
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body { padding-bottom: 50px; }

.wrap { width: 640px; margin: 40px auto; }

h1, h2, h3, h4, h5, h6 { color: #fff; position: relative; }
h1 { margin-bottom: 1em; line-height: 1.2em; }
h2 { margin-bottom: 1em; padding-left: 44px; }
p { line-height: 1.6em; margin-bottom: 1.2em; }

p.contact { margin-left: 44px; margin-bottom: 2em; }

ul { list-style-type: square; margin-bottom: 2em; }
ul li { margin-left: 24px; padding-left: 6px; }
ul.red li { color: #e51400; }
ul.orange li, .orange { color: #ff8800; }
ul.blue li { color: #004c9a; }
ul.green li { color: #339933; }
ul li p { color: #fff; margin-bottom: 1.0em; }

ul.faq li { margin-bottom: 2.2em; }
ul p.q { font-weight: bold; margin-bottom: 0.6em; }

.color { display: block; position: absolute; left: 0; top: -3px; width: 32px; height: 32px; }
.color.red { background: #e51400; }
.color.orange { background: #ff8800; }
.color.blue { background: #004C9a; }
.color.green { background: #339933; }

ol.alphalow { list-style-type: lower-alpha; }
.divider { width: 100%; border-bottom: 1px solid #CCC; margin: 30px 0; height: 5px; }

@media only screen and (max-device-width: 320px) {
	ul p.q, h1, h2, h3, h4, h5, h6 { font-family: 'Myriad Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.4em; background: #111; color: #eee; }
	.color { width: 64px; height: 64px; left: 0; top: 12px; }
	h1 { margin-top: 0.2em; }
	h2 { padding-left: 88px; }
	ul li { margin-left: 44px; }
	.backButton img { display: block; width: 120px; height: 120px; }
	h1 { line-height: 1.6em; }
	html, body { font-size: 1.6em; }
	.wrap { width: 90%; margin: 40px auto; }
}