body{
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
	-ms-text-size-adjust: 100%;/*EgdeMobile*/
	-moz-text-size-adjust: 100%;/*firefox*/
	padding:10px; margin-right:auto;margin-left:auto;
       font-size:1.0em; color:#334455; cursor:crosshair;
}

section{margin:2em 0 0 0;}

header{	text-align:left;}
ol.navi > li{display:inline; list-style:none; padding-left:0;margin:0; font-size:small;}
ol.navi > li::after{content:"＞"; padding-left:0.5em;}
ol.navi > li:last-child::after{display:none;}


main{text-align:left;}
footer{text-align:left; height:200px;}

h1,h2,h3,h4{  font-weight:bolder; padding:0px 0px 0px 0px; margin:0px;}
h1{font-size:1.6em; }
/*h1{border-left:1.2em solid currentColor; padding-left:2px;}*/
h1.title::before{content:'■';}
h2{font-size:1.4em; margin-top:10px;}
h2.title::before{content:'■';}
h3{font-size:1.2em;}
h3.title::before{content:'▼';}
h4{font-size:1.2em;}

.none{display:none;}


p,div,ol,ul,li{margin:0px;border:0px solid red;}
/*４辺の順番は{上　右　下　左} {上下　左右} {上　左右　下}　*/


div{margin:0px; padding:0px;}
p{	text-align:left; text-indent:0; padding:1px 1px 1px 1px; margin:0.5em 0 0.5em 0;}
div.plook{text-align:left; text-indent:0; padding:1px 1px 1px 1px; margin:0.5em 0 0.5em 0;}

img{   border-style:none;}
hr{	color:#0099dd; background-color:#0099dd; border:none; height:1px; margin:5px 0px;}

a{	cursor:crosshair;}
a:link{ text-decoration:none; color:#0099dd;}
a:visited{	text-decoration:none; color:#0099dd;}
a:hover{ background-color:#0099dd; color:white; position:relative; top:0.1em; left:0.1em;}
summary{color:#0099dd;}
summary:hover{background-color:#0099dd; color:white;}




ul{padding-left:0.5em; margin-right:0;}
ul>li{list-style-position:outside;text-indent:-0.0em;margin:0 1em 0 1em;}
ul.nomark{padding-left:0;}
ul.nomark>li{	list-style-type:none;text-indent:0px;margin:0 0.5em 0 0;}

.center{text-align:center; margin-left:auto;margin-right:auto;}
.left{text-align:left;}
.right{text-align: right;}
.middle{vertical-align:middle;}
.indent{margin-left:2em;}
.tate{	-ms-writing-mode:tb-lr; writing-mode:vertical-lr;}
.waku{	border:solid 1px #334455;}
.bold{font-weight: bold;}
.small{font-size:small;}
.small09{font-size:0.9em;}
.small08{font-size:0.8em;}
.small07{font-size:0.7em;}
.tr180{transform: rotate(180deg);}

.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}


.flex{	display: -webkit-box;   /* Chrome 4-20, Firefox 2-21, Safari 3.1-6.0 */
	display: -webkit-flex;  /* Chrome 21-27 */
	display: -moz-box;      /* Firefox 2-21 */
	display: -ms-flexbox;   /* IE9 */
	display: flex;
	flex-flow:row wrap;
}
.fcenter{justify-content:center;}
.fmiddle{align-items:center;}
.fbottom{align-items:flex-end;}

.table{display:table;}
.tr{display:table-row;}
.th{display:table-cell; padding:2px;font-weight:bold;text-align:center;}
.td{display:table-cell; padding:2px;}
.tableborder{display:table;border:1px solid #aaa; border-collapse:separate; border-spacing:2px;}
.tableborder .th{display:table-cell; border:1px solid #aaa; padding:2px;font-weight:bold;text-align:center;}
.tableborder .td{display:table-cell; border:1px solid #aaa; padding:2px;}


#header{}
#main{}
#footer{}