BODY { line-height: 100% }

* {
	margin: 5;
	padding: 0;
}

H1 {
	font-family: "HG正楷書体-PRO","HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", 細明朝,Osaka ;
	font-size: 180%;
}

H2 {
	font-family: "HG正楷書体-PRO","HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", 細明朝,Osaka ;
	line-height: 120%;
	font-size: 150%;
}

.yomi {
	font-size: 80%;
}

.title {
	font-family: "HG正楷書体-PRO","HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", 細明朝,Osaka ;
	font-size: 200%;
}

.longtitle {
	font-family: "HG正楷書体-PRO","HGP明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", 細明朝,Osaka ;
	line-height: 120%;
	font-size: 150%;
}

.bar { /* bar */
    background-color: #8888ee;
    color: #ffffff;
    border-top: 1px solid #8888f8;
    border-left: 1px solid #8888f8;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 3px 2px 2px 3px;
    width: 95%;
    font-weight: bold;
}

.subbar { /* sub bar */
    background-color: #996666;
    color: #ffffff;
    border-top: 1px solid #996666;
    border-left: 1px solid #996666;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 3px 2px 2px 3px;
    width: 95%;
    font-weight: bold;
}

.selbar { /* selected bar */
    background-color: #FF99FF;
    color: #000000;
    border-top: 1px solid #FF99FF;
    border-left: 1px solid #FF99FF;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 3px 2px 2px 3px;
    width: 95%;
    font-weight: bold;
}

.list1 { /* list1 bar */
    background-color: #FFFFFF;
    color: #000000;
    border-top: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.list2 { /* list2 bar */
    background-color: #C0C0C0;
    color: #000000;
    border-top: 1px solid #C0C0C0;
    border-left: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
}

.itembar { /* item bar */
    background-color: #8888ee;
    color: #ffffff;
    border-top: 1px solid #8888f8;
    border-left: 1px solid #8888f8;
    border-right: 1px solid #666699;
    border-bottom: 1px solid #666699;
    padding: 3px 2px 2px 3px;
    font-weight: bold;
}

.i {
    margin: 0em 1em 0em 1em;
}

MENU.select {
	line-height: 120%;
	margin:0;
	padding:0;
	margin-left: 0px;
	font-size: 90%;
}

MENU.select LI {
	margin-left: 0px;
	list-style-type: none;
}

MENU.normal {
	line-height: 120%;
	margin:0;
	padding:0;
	margin-left: 1em;
	font-size: 90%;
}

MENU.normal LI {
	margin-left: 3px;
	list-style-image: url('/img/arrow.png');
}

DL {
	line-height: 180%;
}


DIV.c {
    border: 1px solid #808080; 
    padding: 3px 2px 2px 3px;
    width: 95%; 
    background-color: #fffff0;
    margin-right: 2px;
    margin-bottom: 2px;
}

DIV.w {
    border: 1px solid #808080; 
    padding: 3px 2px 2px 3px;
    width: 95%; 
    background-color: #ffffff;
    margin-right: 2px;
    margin-bottom: 2px;
}

DIV.o {
    border: 1px solid #808080; 
    padding: 3px 2px 2px 3px;
    width: 95%; 
    background-color: #FFFF99;
    margin-right: 2px;
    margin-bottom: 2px;
}

DIV.leftnavi {
	float: left;
	width: 160px;
}

DIV.contents {
	margin-left: 170px;
}

DIV.contents2 {
	margin-left: 0px;
}

DIV.pr {
    border: 1px solid #000000;
    padding: 3px 2px 2px 3px;
    width: 70%;
    background-color: #CCFFFF;
    margin-right: 2px;
    margin-bottom: 2px;
    font-size: 70%;
}

DIV.comment {
    margin: 10px; 
    border-color: #808080;
    border-style: double;
    padding: 3px 2px 2px 3px;
    background-color: #CCFFFF;
    text-align: left;
}