/*
	CSS file for WEB pages in Mulsass sight.
	mulsass.css
	Copyright (c) 2014 Applisacc Co. / BANBOOUP. All right reserved.
	<link rel=StyleSheet href=./mulsass.css>
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin:4px;
	text-align:left;
	vertical-align:top;
	background-color:#fcfff8;
}
body.ntt {
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.l1 {
	border-top-width:4px;
	border-top-style:double;
	background-color:#e8f8f0;
}

.l2 {
	border-top-width:2px;
	border-top-style:solid;
}

.l3 {
	border-top-width:1px;
	border-top-style:dashed;
}

.l4 {
}

.l5 {
}

.tit {
	font-weight:bold;
	font-size:150%;
	color:#308020;
}
.title {
	vertical-align:middle;
	font-weight:bold;
	font-size:200%;
	margin-top:0.4em;
	color:#308020;
}
.bxtitle {
	margin-top:0px;
	margin-bottom:6px;
	padding:6px;
	box-shadow:3px 3px 6px 0px #90a080;
	vertical-align:middle;
}
.nnn {
	margin:0px;
	padding:0px;
	border-width:0px;
	border-style:none;
	box-shadow:0px 0px 0px 0px;
}
a {
	border:0px;
}

div {
	margin-top:0em;
	margin-bottom:0.35em;
}

div.b {
	font-weight:bold;
}
div.bx {
	margin-bottom:6px;
	margin-bottom:6px;
	padding:6px;
	box-shadow:2px 2px 5px 0px #90a080;
}
div.fot {
	text-align:center;
	font-size:smaller;
}
div.idx {
	font-size:115%;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
div.in1 {
	margin-left:1em;
}
div.in2 {
	margin-left:2em;
}
div.in3 {
	margin-left:3em;
}
div.in4 {
	margin-left:4em;
}
div.li1 {
	text-indent:-1em;
	margin-left:1em;
}
div.li2 {
	text-indent:-2em;
	margin-left:2em;
}
div.li3 {
	text-indent:-3em;
	margin-left:3em;
}
div.li4 {
	text-indent:-4em;
	margin-left:4em;
}
div.li5 {
	text-indent:-5em;
	margin-left:5em;
}
div.li6 {
	text-indent:-6em;
	margin-left:6em;
}
div.li7 {
	text-indent:-7em;
	margin-left:7em;
}
div.mem {
	text-align:left;
	font-size:75%;
	line-height:100%;
	margin-bottom:6px;
}
div.rollh {
	margin-bottom:6px;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:hidden;
	vertical-align:middle;
	box-shadow:2px 2px 5px 0px #90a080;
}
div.rollh > a {
	padding:3px;
	line-height:150%;
	background-color:#e0f0d0;
}
div.rtop {
	margin-bottom:6px;
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
	font-size:75%;
	line-height:75%;
}
div.rtop > a {
	text-decoration:underline;
	background-color:#ffeef0;
	box-shadow:2px 2px 5px 0px #90a080;
}
div.rtop + div.rtop {
	padding-top:0;
}
div.sd {
	margin-top:0.25em;
	margin-bottom:0.1em;
	font-size:120%;
	line-height:120%;
	font-weight:bold;
	background-color:#f2d1c2;
}
div.st {
	font-weight:bold;
	font-style:italic;
	text-align:right;
	margin-bottom:0.5em;
}

div.update {
	text-align:right;
	font-size:smaller;
	margin-bottom:0.5em;
}

dl {
	margin-top:0em;
	margin-bottom:0.4em;
/*
	border-width:1px;
	border-style:solid;
	border-color:#808080;
*/
}
dl dl {
	margin-top:0em;
	margin-bottom:0.3em;
	border-color:#0000a0;
}
dl dl dl {
	margin-top:0em;
	margin-bottom:0.3em;
	border-color:#00a000;
}

dl.i1 {
	margin-top:0em;
	margin-bottom:0.3em;
	margin-left:1em;
}

dl.row {
	font-size:80%;
}

dt {
	margin-bottom:0.4em;
	text-indent:0em;
/*
	border-width:1px;
	border-style:solid;
	border-color:#a0a000;
	*/
}

dd {
	text-indent:0em;
	margin-bottom:0.3em;
	margin-left:1em;
/*
	border-width:1px;
	border-style:solid;
	border-color:#a00000;
	*/
}

dd.sbdd {
	margin-bottom:0.3em;
	display:none;
/*
	Use same option for time of Editting / Release.
	display:none;
	display:block;
 */
}

dt.l1 {
	margin-bottom:0.3em;
	color:#206018;
	box-shadow:3px 3px 6px 0px #90a080;
	line-height:140%;
	font-size:125%;
	font-weight:bold;
}
dt.l2 {
	margin-bottom:0.3em;
	color:#206018;
	box-shadow:3px 3px 6px 0px #90a080;
	line-height:130%;
	font-size:125%;
	font-weight:bold;
}
dt.l3 {
	margin-bottom:0.3em;
	color:#206018;
	box-shadow:3px 3px 6px 0px #90a080;
	line-height:120%;
	font-size:113%;
	font-weight:bold;
}
dt.l4 {
	margin-bottom:0.3em;
	color:#206018;
	box-shadow:3px 3px 6px 0px #90a080;
	line-height:115%;
	font-size:100%;
	font-weight:bold;
}
dt.l5 {
	margin-bottom:0.2em;
	font-size:100%;
	line-height:100%;
}
dt.l51 {
	margin-bottom:0.2em;
	font-size:100%;
	line-height:100%;
}

/*
dt.l1:before {	content:"l1"; }
dt.l2:before {	content:"l2"; }
dt.l3:before {	content:"l3"; }
dt.l4:before {	content:"l4"; }
dt.l5:before {	content:"l5"; }
dt.l51:before {	content:"l51"; }
*/

dt.ol2 {
	margin-bottom:0.3em;
	float:left;
	width:2em;
}
dt.ol3i {
	margin-bottom:0.3em;
	float:left;
	width:calc(32px + 1.5em);
}
dt.ol3 {
	margin-bottom:0.3em;
	float:left;
	width:3em;
}
dt.ol4 {
	margin-bottom:0.3em;
	float:left;
	width:4em;
}
dt.ol5 {
	margin-bottom:0.3em;
	float:left;
	width:5em;
}
dt.ol7 {
	margin-bottom:0.3em;
	float:left;
	width:7em;
}
dt.ol8 {
	margin-bottom:0.3em;
	float:left;
	width:8em;
}

/* 
dt.ol2:before {	content:"ol2"; }
dt.ol3:before {	content:"ol3"; }
dt.ol3i:before {	content:"ol3i"; }
dt.ol4:before {	content:"ol4"; }
dt.ol5:before {	content:"ol5"; }
dt.ol6:before {	content:"ol6"; }
dt.ol7:before {	content:"ol7"; }
dt.ol8:before {	content:"ol8"; }
 */

dt.ol2 + dd {
	margin-bottom:0.3em;
	margin-left:2em;
}
dt.ol3i + dd {
	margin-bottom:0.3em;
	margin-left:calc(32px + 1.5em);
}
dt.ol3 + dd {
	margin-bottom:0.3em;
	margin-left:3em;
}
dt.ol4 + dd {
	margin-bottom:0.3em;
	margin-left:4em;
}
dt.ol5 + dd {
	margin-bottom:0.3em;
	margin-left:5em;
}
dt.ol7 + dd {
	margin-bottom:0.3em;
	margin-left:7em;
}
dt.ol8 + dd {
	margin-bottom:0.3em;
	margin-left:8em;
}

dt.l51 + dd {
	margin-bottom:0.3em;
	margin-left:3em;
}
dt.l5 ~ dd {
	margin-bottom:0.3em;
	margin-left:2em;
}

dd.ri2 {
	padding-left:2em;
	text-indent:-2em;
}

h1 {
	font-size:125%;
	line-height:130%;
	font-weight:bold;
	margin-bottom:0.25em;
}
hr {
	text-align:center;
}

iframe {
	margin-bottom:6px;
	box-shadow:2px 2px 5px 0px #90a080;
}
iframe.in100 {
/*	height:100%;	*/
}

iframe.mem {
	width:100%;
	height:30%;
	text-align:left;
	font-size:75%;
	line-height:100%;
	margin-bottom:6px;
}

img {
	border-width:1px;
	border-style:solid;
	border-color:#a0a0c0;
	margin-left:0px;
	margin-top:0px;
	margin-right:4px;
	margin-bottom:4px;
	padding:0px;
	vertical-align:middle;
	box-shadow:3px 3px 6px 0px #90a080;
}
img.al {
	float:left;
	margin-right:4px;
}
img.hid {
	display:none;
}
img.wpl {
	vertical-align:top;
	float:left;
}
img.wpr {
	vertical-align:top;
	float:right;
}

ul {
	margin-top:0;
	margin-bottom:0.4em;
	list-style-type:decimal;
}

li {
	margin-bottom:0.3em;
}

.urkr {
	list-style-type:upper-roman;
}

span.lks {
	padding:6px;
	font-size:80%;
	line-height:80%;
	font-weight:bold;
	line-height:1.5em;
	background-color:#c8f7d1;
}
table {
	margin-left:0px;
	margin-top:0px;
	margin-right:4px;
	margin-bottom:4px;
	border-spacing:0px;
	border-width:1px;
	border-style:solid;
	border-color:#a0a0c0;
	box-shadow:3px 3px 6px 0px #90a080;
}
table.al {
	float:left;
}
tr.tile {
	padding:0px;
	margin:0px;
	border-width:0px;
	border-spacing:0px;
	line-height:2px;
}
td.tile {
	padding:0px;
	margin:0px;
	border-width:0px;
	border-spacing:0px;
	line-height:2px;
}
td.tile img {
	margin:0px;
	border-width:0px;
	border-style:none;
	padding:0px;
	box-shadow:0px 0px 0px 0px #000000;
}

.hid {
	display:inline;
/*	display:inline;*/
/*	display:none; */
}

/*
    For Printing
*/
@media print {

div.idx {
	display:none;
}
div.rtop {
	display:none;
}
div.rollh {
	white-space:normal;
	margin-bottom:0.5em;
	overflow:visible;
	vertical-align:middle;
}
dt {
	page-break-before:auto;
	page-break-after:avoid;
}
dt.l1 {
	page-break-before:always;
	page-break-after:avoid;
}
dt.l2 {
	page-break-before:auto;
	page-break-after:avoid;
}
dt.l3 {
	page-break-before:auto;
	page-break-after:avoid;
}
dt.l4 {
	page-break-before:auto;
	page-break-after:avoid;
}
dd {
	page-break-before:avoid;
	page-break-after:auto;
}
dd.sbdd {
	display:block;
}
table {
	page-break-inside:avoid;
}

}