@charset "Shift_JIS";

/* total layout */

#st2 {
height: 120px;
background: url(../salori/stback1.jpg) no-repeat;
}
#st2 p {
padding: 13px 0px 20px 180px;
font-size: 90%;
font-weight: bold;
color: blue;
}
em {
font-style: normal;
font-weight: bold;
color: red;
}
.cont_a {
margin: 0px 5px 30px 10px;
}

/* start side menu */
#sidemenu {
float: left;
padding: 10px 0px 5px 0px;
position: fixed;
}
#sidemenu p {
font-size: 90%;
font-weight: bold;
padding: 3px 0px 8px 28px;
}
ul#sidemenucont {
list-style-type: none;
list-style-image: none;
padding-left: 10px;
}
#sidemenucont li {
line-height: 1.1em;
font-size: 80%;
font-weight: bold;
padding-bottom: 8px;
padding-left: 2px;
}
/* End side menu */


/* End total layout */

/* section header h4 layout */
.cont_a h4 {
height: 40px;
margin-left: 10px;
background: url(../salori/stback2.jpg) no-repeat;
background-position: top left;
padding: 5px 0px 8px 25px;
font-size: 120%;
font-weight: bold;
border-left: solid 10px blue;
}
/* End section header h4 layout */

/* salori layout */
.cont_a p {
font-size: 90%;
font-weight: bold;
padding: 3px 20px 8px 20px;
line-height: 1.2em;
letter-spacing: 0.1em;
color: fuchsia;
}
.cont_a p#sal2 {
font-size: 90%;
font-weight: bold;
line-height: 1.2em;
letter-spacing: 0.1em;
color: green;
}

/*lesson flow */
.i_name {
font-size: 90%;
font-weight: bold;
}
.i_sche {
font-size: 80%;
}

/*lesson flow */
.lessona,.lessonb {
padding-bottom: 20px;
}
.lessona h5,.lessonb h5 {
height: 40px;
background: url(../salori/lessonhead.jpg) no-repeat;
padding-left: 50px;
padding-top: 12px;
font-size: 110%;
font-weight: bold;
}
.lessona p,.lessonb p {
display: block;
width: 400px;
font-size: 90%;
font-weight: bold;
letter-spacing: 0.1em;
line-height: 1.2em;
}
.lessona img,.lessona p {
float: left;
}
.lessonb img,.lessonb p {
float: right;
}

.lessona .clear,.lessonb .clear {
clear: both;
}
}
/*end lesson flow*/

.event1 {
margin: 15px 0px 50px 10px;
}
h3 {
font-size: 110%;
font-weight: bold;
padding-bottom: 10px;
}

h5 {
font-size: 110%;
font-weight: bold;
color: #5a403b;
padding-left: 0.5em;
margin-top: 10px;
margin-bottom: 8px;
line-height: 1.3em;
}
#staf p.event2 {
letter-spacing: 0.2px;
}
#staf p.event3 {
letter-spacing: 0.2px;
}
p.event2 {
margin: 0px 0px 5px 0px;
line-height: 110%;
font-size: 90%;
font-weight: bold;
color: blue;
}

p.event3 {
margin: 0px 0px 5px 0px;
line-height: 110%;
font-size: 90%;
font-weight: bold;
color: black;
padding-bottom: 10px;
}

p.event4 {
margin: 5px 0px 10px 0px;
line-height: 110%;
font-size: 100%;
font-weight: bold;
color: green;
}

p.event5 {
margin: 0px 0px 10px 0px;
line-height: 110%;
font-size: 85%;
font-weight: bold;
color: black;
}

p.commentp1 {
font-size: 80%;
font-weight: normal;
color: black;
}

p.j_cont2 {
font-size: 80%;
font-weight: normal;
color: black;
}

/* QA Section Layout */
p.qaq {
line-height: 110%;
font-size: 100%;
font-weight: bold;
color: green;
}
p.qaa {
line-height: 1.4em;
font-size: 85%;
font-weight: bold;
color: black;
}
/* End QA Section Layout */

h3 {
font-size: 110%;
font-weight: bold;
padding-bottom: 10px;
}

p.l1 {
margin: 0px 0px 5px 0px;
line-height: 110%;
font-size: 95%;
font-weight: bold;
color: #293077;
}

p.l2 {
margin: 0px 0px 5px 0px;
line-height: 110%;
font-size: 90%;
font-weight: bold;
color: black;
padding-bottom: 10px;
}
