body{	background-color: #ffffdf;
	margin-left: 3em;
	margin-right: 1em;
	line-height: 1.4;
	}

.i-1{		text-indent: 1em;	}
.center{	text-align: center;	}
.right{		text-align: right;	}
.left{		text-align: left;	}

/* link */
a:link{		color: #0000ff }
a:visited{	color: purple }
a:active{	color: #ff0000 }
a:hover {	background-color:#ffcc99; } 

/* photo arrange */
p.photo-image{
	text-align: center;
	margin: 4px;
	}

p.caption{
	font-size: 90%;
	text-align: center;
	margin: 0px;
	}

div.land-box{
	float: left;
	margin-top: 23px;
	margin-right: 6px;
	margin-bottom: 23px;
	margin-left: 6px;
	}

div.port-box{
	float: left;
	margin-top: 6px;
	margin-right: 46px;
	margin-bottom: 6px;
	margin-left: 46px;
	}

div.land-box12{
	float: left;
	margin-top: 21px;
	margin-right: 6px;
	margin-bottom: 21px;
	margin-left: 6px;
	}

div.port-box12{
	float: left;
	margin-top: 6px;
	margin-right: 21px;
	margin-bottom: 6px;
	margin-left: 21px;
	}

/* bottun */

.bottun{
	background-image: url(label-gray.jpg);
	background-color: #efefef;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding: 2px 6px;
	font-weight: bold;
/*	margin-right: 1em;
	color: #cc3399;	*/
}

.bottun-sky{
	background-image: url(label-sky.jpg);
	background-color: #efefef;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding: 2px 6px;
	font-weight: bold;
/*	margin-right: 1em;
	color: #cc3399;	*/
}

/* Small box */
.y-box {	border-width: 1px;
	color: #993300;
	border-color: #993300;
	border-style: solid;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	background-color: #ffffcc;
	}

.g-box {	border-width: 1px;
	border-color: #003300;
	/* border-left: 10px solid; */
	border-style: solid;
	background-color: #efffef;
	color: #003300;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	}

.warning{ border-width: 1px;
	color: #ff0000; 
	font-weight: bold;
	border-color: #ff0000;
	border-style: dotted;
	padding-left: 2px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	background-color: #ffeeff;
	}

.g-line {	border-width: 1px;
	border-color: #006600;
	border-left: 1px solid;
	border-bottom: 1px solid;
	background-color: #ccffcc;
	color: #336600;
	padding: 1px;
	}

/* label */
.label-gray {
	background-image: url(parts/label-gray.jpg);
	background-color: #efefef;
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	padding: 3px;
	/* color: #cc3399; pink */
	}

/* notes */
.note-white{
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
	background-color: #ffffff;
	color: #000000;
	padding: 1em;
	margin-left: 6em; 
	margin-right: 6em;
	}

.note-gray{
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
	background-color: #efefef;
	color: #000000;
	padding: 1em;
	margin-left: 6em; 
	margin-right: 6em;
	}

.note-olive{
	border-width: 1px;
	border-color: #003300;
	border-style: solid;
	background-color: #ffffdd;
	color: #003300;
	padding: 1em;
	margin-left: 6em; 
	margin-right: 6em;
	}

.note-green{
	border-width: 1px;
	border-color: #003300;
	border-style: solid;
	background-color: #eeffee;
	color: #003300;
	padding: 1em;
	margin-left: 6em; 
	margin-right: 6em;
	}

.note-maloon{
	border-width: 1px;
	border-color: #990000;
	border-style: solid;
	background-color: #ffffdd;
	color: #990000;
	padding: 1em;
	margin-left: 6em; 
	margin-right: 6em;
	}

.note-brown{
	border-width: 1px;
	border-color: #990000;
	border-style: solid;
	background-color: #ffefef;
	color: #990000;
	padding: 1em;
	margin-left: 6em; 
	margin-right: 6em;
	}

.note-blue{
	border-width: 1px;
	border-color: #000099;
	border-style: solid;
	background-color: #ffffdd;
	color: #000099;
	padding: 1em;
	margin-left: 6em; 
	margin-right: 6em;
	}

.note-skyblue{
	border-width: 1px;
	border-color: #000099;
	border-style: solid;
	background-color: #eeeeff;
	color: #000099;
	padding: 1em;
	margin-left: 6em; 
	margin-right: 6em;
	}

.memo-white{
	border-width: 1px;
	border-color: #000000;
	border-style: dotted;
	background-color: #ffffff;
	color: #000000;
	padding: 1em;
	}

.memo-gray{
	border-width: 1px;
	border-color: #888888;
	border-style: solid;
	background-color: #efefef;
	color: #000000;
	padding: 1em;
	}

.memo-olive{
	border-width: 1px;
	border-color: #003300;
	border-style: solid;
	background-color: #ffffdd;
	color: #003300;
	padding: 1em;
	}

.memo-green{
	border-width: 1px;
	border-color: #003300;
	border-style: solid;
	background-color: #eeffee;
	color: #003300;
	padding: 1em;
	}

.memo-maloon{
	border-width: 1px;
	border-color: #990000;
	border-style: solid;
	background-color: #ffffdd;
	color: #990000;
	padding: 1em;
	}

.memo-brown{
	border-width: 1px;
	border-color: #990000;
	border-style: solid;
	background-color: #ffefef;
	color: #990000;
	padding: 1em;
	}

.memo-blue{
	border-width: 1px;
	border-color: #000099;
	border-style: solid;
	background-color: #ffffdd;
	color: #000099;
	padding: 1em;
	}

.memo-skyblue{
	border-width: 1px;
	border-color: #000099;
	border-style: solid;
	background-color: #eeeeff;
	color: #000099;
	padding: 1em;
	}

/* for titile,chapter,etc. */

/* brown */
.bold{	border-width: 5px;
	border-color: #993300;
	border-style: solid;
	background-color: #ffffcc;
	color: #993300;
	text-align: center;
	padding: 0.8em;
	}

.box{	border-width: 3px;
	border-color: #993300;
	border-style: solid;
	background-color: #ffffcc;
	color: #993300;
	text-align: center;
	padding: 0.6em;
	}

.box-medium{	border-width: 1px;
	border-color: #993300;
	border-style: solid;
	background-color: #ffffcc;
	color: #993300;
	text-align: center;
	padding: 0.5em;
	}

.box-slim{	border-width: 2px;
	border-color: #993300;
	border-style: solid;
	background-color: #ffffcc;
	color: #993300;
	text-align: center;
	padding: 0.1em;
	}

.line{ border-width: 1px;
	border-color: #993300;
	border-left: 24px solid;
	border-top: 1px solid;
	border-right: 1px solid;
	border-bottom: 3px solid;
	background-color: #ffffcc;
	color: #993300;
	padding: 0.4em;
	padding-left: 1.5em;
	}

.line-slim{ border-width: 1px;
	border-color: #993300;
	border-left: 24px solid;
	border-top: 1px dotted;
	border-right: 1px dotted;
	border-bottom: 1px solid;
	background-color: #ffffcc;
	color: #993300;
	padding: 0.2em;
	padding-left: 1.5em;
	}

/* yellow --- background=yellow */
.yellow-box{	border-width: 2px;
	border-color: #993300;
	border-style: solid;
	background-color: #ffff99;
	text-align: center;
	color: #993300;
	padding: 0.4em;
	}
.yellow-line{ border-width: 2px;
	border-color: #993300;
	border-left: 16px solid;
	border-bottom: 2px solid;
	background-color: #ffff99;
	color: #993300;
	padding: 0.4em;
	padding-left: 1em;
	}


/* blue */
.blue-box	{	border-width: 3px;
	border-color: #000099;
	border-style: solid;
	background-color: #ccccff;
	text-align: center;
	color: #000099;
	padding: 0.5em;
	}

.blue-line	{	border-width: 1px;
	border-color: #000099;
	border-left: 24px solid;
	border-bottom: 3px solid;
	background-color: #ccccFF;
	color: #000099;
	padding: 0.6em;
	padding-left: 1em;
	}

.olive-box	{	border-width: 2px;
	border-color: #003300;
	border-style: solid;
	background-color: #ffffcc;
	text-align: center;
	color: #003300;
	padding: 0.6em;
	}

.olive-box-slim	{	border-width: 1px;
	border-color: #003300;
	border-style: solid;
	background-color: #ffffcc;
	text-align: center;
	color: #003300;
	padding: 0.1em;
	}

.olive-line	{	
	border-color: #003300;
	border-style: solid;
	border-left: 16px solid;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-right: 1px solid;
	background-color: #ffffcc;
	color: #003300;
	padding: 0.4em;
	padding-left: 1em;
	}

.olive-line-slim	{	
	border-color: #003300;
	border-style: solid;
	border-left: 8px solid;
	border-bottom: 1px solid;
	border-top: 1px solid;
	border-right: 1px solid;
	background-color: #ffffcc;
	color: #003300;
	padding: 0.1em;
	padding-left: 1em;
	}

.green-box{	border-width: 2px;
	border-color: #336600;
	border-left: 3px solid;
	border-right: 3px solid;
	border-top: 3px solid;
	border-bottom: 3px solid;
	background-color: #efffef;
	color: #336600;
	padding: 0.5em;
	text-align: center;
	}


.green-line{	border-width: 2px;
	border-color: #336600;
	border-left: 16px solid;
	/* border-right: 1px solid;
	border-top: 1px solid; */
	border-bottom: 2px solid;
	background-color: #efffef;
	color: #336600;
	padding: 0.4em;
	padding-left: 1em;
	}