@charset "utf-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body {line-height:1}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block}
ul, ol {list-style:none}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}
ins {background-color:#ff9;color:#000;text-decoration:none}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del {text-decoration: line-through}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help}
table {border-collapse:collapse;border-spacing:0}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input, select {vertical-align:middle}

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

BASIC

=======================================*/
html{-webkit-text-size-adjust:100%}
body{
font-size:14px;
background:#FBDADE;
padding:0px;
margin:0px;
}
/*clearfix*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/* COMMON
=======================================*/
/* #wrapper */
#wrapper{width:640px;padding:10px;margin:0px auto 0;background:#fff;}
h1{
	padding:0px;
	margin:0px;
	line-height:100%;
}
p{
	padding:0px;
	margin:0px;
	line-height:160%;
}

/* #header */
#header{
	background:#000000;

}
#header p{
	color:#FFFFFF;
	padding:0px 6px
}

/* #contents */
#contents{
}
#contents h2{
	border-bottom:1px dotted #666666;
	padding:12px 6px 8px 6px;
}
#contents p{
	padding:0px 6px 12px 6px;
}
#contents p.caution{
	font-size:16px;
	line-height:120%;
	color:#DD0000;
	padding:6px 6px;
}

.agree{
	border:1px solid #666666;
	padding:6px;
	text-align:center;
}
.btn{
	text-align:center;
	padding:12px 0px 4px 0px;
}
.btn .doui{
	max-width:100%;
}

/* #main*/
#main{}

/* #sidebar */
#sidebar{}

/* #footer */
#footer{}

@media screen and (max-width: 640px) { /* SmartPhone Display - width:640px under - */
/*========================================

BASIC

=======================================*/
img{width:100%;height:auto;}

/* COMMON
=======================================*/
/* #wrapper */
#wrapper{width:auto;padding:0margin:0;}

/* #header */
#header{}

/* #contents */
#contents{}

/* #main*/
#main{}

/* #sidebar */
#sidebar{}

/* #footer */
#footer{}

/*-------------------- max-width:640px --------------------*/}

div.lesson{background-color:#F8DAD2; font-size:14px; margin:5px; padding:5px;}