/* ////////////////////////////////////////
global 
//////////////////////////////////////// */
html { 
margin:0; 
padding:0; 
width:100%; 
height:100%; 
font-size:10px;
} 

body {
width:100%;
height:100%;
margin:0;
padding:0;
font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro',Verdana, Arial, Sans-Serif;
background-color: #ffffff;
line-height:1.5em;
font-size:10px;
color:#333333;
}

img {
border:0px;
}

h1 {
margin:0px;
padding:0px;
}

h2 {
margin:5px 0px;
padding:0px;
font-size:1.2em;
color:#333333;
}

h3 {
margin:10px 0px 0px 0px;
padding:0px;
font-size:1.1em;
}

h3.th3 {
margin:0px 0px 0px 0px;
padding:0px;
font-size:1.1em;
}


/* <a> */
a:link,
a:visited {
color:#6D6D97;
}

/* <a> */
a:active,
a:hover {
color:#7E7EA8;
}

p {
margin:0px;
padding:0px;
}

/* ////////////////////////////////////////
rollover popup menu
//////////////////////////////////////// */
div#submenu {
display:inline;
width:150px;
}

div#submenu {
cursor:pointer;
}

.submenu01 {
color:#ffffff;
width:150px;
padding:3px 0px 2px 5px;
border:1px solid #cccccc;
font-size:1em;
line-height:1.3em;

text-decoration:none;
color:#666666;
font-weight:bold;
background-color:#ffffff;
}

.submenu02 {
color:#ffffff;
width:150px;
padding:3px 0px 2px 5px;
border:1px solid #cccccc;
font-size:1em;
line-height:1.3em;

text-decoration:none;
color:#ffffff;
font-weight:bold;
background-color:#454545;
}

/* ////////////////////////////////////////
layout
//////////////////////////////////////// */
#contents  {
width:500px;
margin:50px auto 30px auto;
padding:0px;
text-align:left;
}

#contents2 {
width:600px;
margin:10px auto 30px auto;
padding:0px;
text-align:left;
}

#main {
margin-left:14px;
}

#menu {
margin:10px 0px 20px 0px;
}

#home {
text-align:right;
margin-bottom:5px;
}

/* <ul> */
ul.nomargin {
margin:0px;
}

ul.nomargin li {
margin-top:3px;
margin-bottom:3px;
font-size:1em;
}

ul.nomargin_il {
margin:0px;
padding:0px;
}

ul.nomargin_il li {
margin:3px 0px;
padding:0px;
list-style-type:none;
font-size:1em;
display:inline;
}


/* ////////////////////////////////////////
News
//////////////////////////////////////// */
#news {
height:60px;
overflow:auto;
}

#news dl{
color:#454545;
font-size:1em;
margin:0px;
padding:0px;
display:inline;
}

#news dt {
color:#454545;
margin:0px;
padding:0px;
}

#news dd {
color:#454545;
margin:3px 5px;
padding:0px;
}

/* ////////////////////////////////////////
lecture&practice
//////////////////////////////////////// */
.practice_menu {
width:140px;
text-align:left;
color:#6D6D97;
padding:0 1em 0 0; /* 090304adding */

}

.practice_list_title {
margin:2px 0px 5px 0px;
padding-bottom:3px;
border-bottom:1px solid #6D6D97;
color:#6D6D97;
font-size:1.1em;
}

.practice_list_title_bbs {
margin:10px 0px 5px 0px;
padding:5px;
border:1px solid #6D6D97;
color:#6D6D97;
font-size:1.1em;
text-align:center;
}



.practice_menu ul {
margin:3px 0px 3px 5px;
padding:0px;
list-style-type:none;
}

.practice_menu ul li {
margin:5px 0px 0px 0px;
padding:0px;
color:#6D6D97;
font-size:0.9em;
}

li.list_last {
margin:5px 0px;
padding-bottom:5px;
border-bottom:1px solid #6D6D97;
}


/* ////////////////////////////////////////
lecture_txt
//////////////////////////////////////// */

.txt_lecture span {
font-size:1.2em;
font-weight:bold;
}

.txt_lecture strong {
font-size:1.1em;
}

.txt_lecture dl {
margin:0px;
padding:0px;
display:inline;
}

.txt_lecture dt {
margin:5px 0px;
padding:0px;
font-size:1.1em;
line-height:1.5em;
}

.txt_lecture dd {
margin:0px;
padding:5px 0px 10px 10px;
line-height:1.5em;
}

.txt_lecture blockquote {
margin:5px;
padding:0px;
line-height:1.5em;
font-style:italic;
}




/* ////////////////////////////////////////
practice
//////////////////////////////////////// */
.tutor {
font-size:1em;
color:#666666;
}

.project_box {
margin-top:0px;
background-color:#F8F8F8;
padding:15px;
}

ul#schedule  {
margin:0px;
list-style-type:none;
}

ul#schedule li {
margin:3px 0px;
padding:0px;
}

span.sche_link {
padding-left:10px;
color:#666666;
}

.works_box {
width:85px;
margin-right:10px;
float:left;
font-size:0.9em;
line-height:1.5em;
}

.works_box img {
margin-bottom:3px;
}

.works_box a {
text-decoration:none;
}

.works_box a:link img, 
.works_box a:visited img {
border:1px solid #eeeeee;
margin-top:5px;
margin-right:5px;
}

.works_box a:active img,
.works_box a:hover img {
border:1px solid #7E7EA8;
margin-top:5px;
margin-right:5px;
}


/* ////////////////////////////////////////
Acticity
//////////////////////////////////////// */
#activity dl{
margin:0px;
padding:0px;
}

#activity dt {
margin:0px;
padding:0px;
}

#activity dd {
margin:3px 0px 10px 8px;
font-size:1em;
}

#activity dd a:link img, 
#activity dd a:visited img {
border:1px solid #eeeeee;
margin-top:5px;
margin-right:5px;
}

#activity dd a:active img,
#activity dd a:hover img {
border:1px solid #7E7EA8;
margin-top:5px;
margin-right:5px;
}



/* profile */
strong.grade {
color:#666666;
}