@charset "utf-8";

@media screen,print{

/* ===== Reset Style ===== */

html,body,
div,span,
object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,strong,sub,sup,tt,var,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,label,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
}

ul{
list-style-type:disc;
}

ol{
list-style-type:decimal;
}

img{
border:0;
}

cite{
font-style:normal;
}

sup{
vertical-align:top;
font-size:0.7em;
}

sub{
vertical-align:bottom;
font-size:0.7em;
}

em,
strong{
font-style:normal;
font-weight:bold;
}

strong{
color:#8f1111;
}

hr{
display:none;
}

a{
	word-break: break-all;
}

/* ===== Basic Style ===== */

html{
padding:0 50px;
background:#fff url(../img/docs/bg.gif) 0 0 fixed no-repeat;
}

body{
margin:0 auto 30px;
max-width:864px;
width:auto;
_width:864px;
color:#333;
background:#fff;
font-size:100.01%;
line-height:1.5;
}

a{
color:#03c;
}

a:hover,
a:active,
a:focus{
color:#2062a3;
}

a:visited{
color:#942;
}

/* ===== Logo ===== */

#logo{
margin:30px 0;
}

/* ===== Heading ===== */

h1{
margin:20px 0;
font-size:1.8em;
font-weight:bold;
}

h2{
margin:20px 0;
color:#497601;
font-size:1.5em;
font-weight:bold;
}

h3{
margin:20px 0;
color:#497601;
font-size:1.2em;
font-weight:bold;
}

h4{
margin:20px 0;
color:#497601;
font-size:1.1em;
font-weight:bold;
}

h5{
margin:20px 0;
color:#497601;
font-size:1em;
font-weight:bold;
}

h6{
margin:20px 0;
font-size:1em;
font-weight:normal;
}

blockquote h5,
blockquote h6{
margin:0 0 15px;
color:#333;
}

/* ===== Text ===== */

p,
ul,
ol,
dl,
table{
margin-bottom:15px;
}

ul,
ol,
dl{
margin-left:1em;
}

p{
line-height:1.9;
}

li,
dt,
dd{
line-height:1.8;
}

ul li p,
ul li ul li,
ul li ol li,
ul li dl dt,
ul li dl dd,
ul li th,
ul li td,
ol li p,
ol li ul li,
ol li ol li,
ol li dl dt,
ol li dl dd,
ol li th,
ol li td,
dl dt p,
dl dt ul li,
dl dt ol li,
dl dt dl dt,
dl dt dl dd,
dl dd p,
dl dd ul li,
dl dd ol li,
dl dd dl dt,
dl dd dl dd,
dl dd th,
dl dd td{
font-size:1em;
}

ul li p,
ul li ul,
ul li ol,
ul li dl,
ol li p,
ol li ul,
ol li ol,
ol li dl{
margin-bottom:0;
}

ul li{
margin-left:1em;
}

ol li{
margin-left:2em;
}

dd{
margin-left:1em;
}

table{
border-color:#cfcfcf;
border-collapse:separate;
*border-collapse:collapse;
border-style:solid;
border-width:1px 0 0 1px;
border-spacing:0;
width:100%;
}

caption{
padding-bottom:10px;
font-weight:bold;
text-align:left;
}

blockquote cite{
display:block;
margin-bottom:15px;
}

th{
font-weight:normal;
}

thead th{
background:#d9eca1;
text-align:center;
}

tbody th{
background:#eee;
}

th,
td{
padding:10px;
border-color:#cfcfcf;
border-collapse:separate;
border-style:solid;
border-width:0 1px 1px 0;
vertical-align:top;
text-align:left;
}

.box1{
margin-bottom:20px;
padding:10px 10px 0;
border:1px solid #cfcfcf;
background:#f7fbeb;
}

.box1 p,
.box1 ul,
.box1 ol,
.box1 dl{
margin-bottom:10px;
}

.box1 h3,
.box1 h4,
.box1 h5,
.box1 h6{
margin-top:0;
}

.box2
{
	margin: 20px 0;
	padding: 10px;
	border: 2px solid #cfcfcf;
	background: #f7fbeb;
}

/* ===== Understanding ===== */

ul.noMarker li{
margin-left:0;
list-style:none;
}

ul.noMarker li strong{
color:#333;
font-weight:normal;
}

p.TOCBackLink{
margin:30px 0;
text-align:right;
}

/* ===== AS Understanding ===== */

div.ok p{
font-weight:bold;
}

div.warn{
font-weight:bold;
color:#b14d00;
}

div.ng{
font-weight:bold;
color:#c00;
}

}

@media print{

html{
padding:0;
background:none;
}

body{
margin:0;
max-width:none;
color:#000;
font-family:serif;
}

/* ===== Logo ===== */

#logo{
margin:0 0 30px;
}

/* ===== Heading ===== */

h2,
h3,
h4,
h5{
color:#000;
}

h1,h2,h3,h4,h5,h6{
font-family:sans-serif;
}

/* ===== Text ===== */

table{
border-color:#000;
width:auto;
}

thead th,
tbody th{
background:transparent;
font-weight:bold;
}

th,
td{
border-color:#000;
}

.box1{
border-color:#000;
background:transparent;
}

/* ===== Understanding ===== */

ul.noMarker li strong{
color:#000;
}

p.TOCBackLink{
display:none;
}

}