body{ margin:0; padding:0; color:#000000; font-size:12pt; text-align:left; background:#ffffff; }

/* div stylin */
#head { margin:0 auto; padding-top:20px; height:90px; background:#FFFFFF; }
#foot { margin:0 auto; padding-top:20px; height:90px; background:#FFFFFF; font-size:8pt; }
#topbox{ background:url(../img/topbox.jpg) no-repeat top left; width:163px; height:281px; text-align:left; }
#conts{ padding-top:10px; text-align:left; }

/* content stylin */
.st1{ padding:0 10px; margin:0 0 10px 0; line-height:24px; }
#date select { font-size: 12px; }
form { margin:0; padding:0; }

/* header stylin */
.kaA { border:1px solid #ffffff; padding:5px; }
.kaU { border-top:1px solid #ffffff; border-right:1px solid #ffffff; border-left:1px solid #ffffff; padding:5px 5px 0 5px; }
.kaD { border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; border-left:1px solid #ffffff; padding:0 5px 5px 5px; }
.logo1{ color:#000000; font-size:12pt; font-weight:bold; font-family: "ＭＳ ゴシック",sans-serif; }
.logo2{ color:#ffffff; font-style:italic; font-size:24pt; line-height:48px; }

h2{ padding:8px 0 0 12px; font-size:14pt; letter-spacing:1px; }
h3{ color:#2e661c; font-size:10pt; line-height:28px; font-weight:bold; letter-spacing:1px; text-align:center; }

/* Filler */
table.p2 { background-color:#c6e884; border-color:#000000; border-collapse:collapse; }
.md{ background-color:#eeffdd; border-color:#000000; font-size:10pt; font-weight:bold; }
.ma{ background-color:#c6e884; border-color:#000000; font-size:10pt; font-weight:bold; }
.upd{ border-bottom:1px solid #ff3200; color:#ff3200; font-weight:bold; background:url(../img/upd.gif) top left no-repeat; padding:4px 0 0 30px; }
.gd1{ color:#c0c0c0; font-size:8pt; }
.nolk{ color:#c0c0c0; font-size:8pt; text-decoration:none; }

.sl1{ color:#0000ff; font-size:10pt; line-height:24px; font-weight:bold; letter-spacing:1px; text-align:center; }
.fl1 { padding-left:120px; color:#ffffff; }
.fl2 { padding-left:20px; font-size:10pt; }
.fl3 { padding-left:60px; font-size:10pt; }
.ul1{ border-bottom:1px solid #ff6600; font-weight:bold; padding:24px 0 0 4px; }
.ul2{ border-bottom:1px solid #0066ff; font-weight:bold; padding:24px 0 0 4px; }
.ul3{ border-bottom:1px solid #6600ff; font-weight:bold; padding:24px 0 0 4px; }

.ln1 { height:0; width:95%; }
.tr1 { height:50px; }
.tr2 { height:320px; }
.td1 { width:180px; }
.td2 { height:28px; width:10%; }

.div_ul { width:250px; }
.div_ul:hover { this.style.background='#ffffc0'; this.style.cursor='pointer'; }


.panel {
    position: fixed;
    left: -15.625em; /*or width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
}

/*  
    Demo Specific Styles
    ====================
*/

body {
    font-family: 'Source Sans Pro', sans-serif;
    color: #101820;
    line-height: 1.5;
}

.wrap {
    position: relative;
    max-width: 80%;
    margin: 0 auto;
    padding: 20px;
}

.panel {
    background: #101820;
}

.panel a {
    color: #fff;
}


.list_top {list-style-type: none;}
.list_top:before {content: '';
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #ff6600;
	position: relative;
	left: -20px;
	top: 3px;
}

.list_top p {margin: -20px 0px -10px 0px;}


.accordion2 {text-align: left; margin: 0px; }
.accordion2 li {cursor: pointer; padding: 0px;}
.accordion2 .inner {display: none;}
.accordion2 p{cursor: pointer; padding: 3px;}
.accordion2 .inner li{padding: 0px 0;}