/*
-----------------------------------------------
AIT Base Style Sheet
Author:   Osamu Kaneko
Date:     16 Apr 2010
----------------------------------------------- */

/* =Reset
----------------------------------------------- */
ul {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p,td,th {font-size: 1em; font-weight: normal;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}
address {font-style: normal;}

/* =Body
----------------------------------------------- */
body {
margin:0;
padding:0;
font:10px/1 Helvetica,Arial,"Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
color:#030303;
}
#wrapper {
width: 885px;
margin: 0 auto;
text-align: center;
}

/* =Misc
----------------------------------------------- */
div {
text-align: left;
}
p {
margin:0 0 .769em; /* 10/13 */
font-size:1.2em; /* 12/10 */
line-height:1.5; /* 18/12 */
}
strong {
color:#222;
/* font-weight: bold; */
}
table {
border-collapse:collapse;
margin: 0;
padding: 0;
}
th,td {
margin: 0;
padding: 0;
}
h1 {
margin:0 0 .769em; /* 10/13 */
font-size:1.6em; /* 16/10 */
line-height:1.375; /* 22/16 */
}

/* =Links
----------------------------------------------- */
a, a:visited {
color: #030303;
text-decoration: underline;
}
a:hover {
color: #030303;
text-decoration: none;
}
a.yubi {
padding: 8px 5px 5px 45px;
margin: 0 0 110px;
text-decoration: none;
border: 1px solid #030303;
background:url('../img/arrow_link.gif') no-repeat;
}
/* for IE 7 */
*:first-child+html a.yubi {
padding-top: 5px;
}
/* for IE 8 */
head~/* */body a.yubi {
padding-top: 5px;
}

a.yubi:hover {
text-decoration: underline;
}

/* =Switch
----------------------------------------------- */
#switch {
margin: 5px 0 5px auto;
text-align: right;
}

/* =Nav
----------------------------------------------- */
#nav {
overflow: hidden;
}
#nav li {
float:left;
margin-right: 25px;
width:105px;
list-style:none;
}
#nav li.last {
margin-right: 0;
}

/* =Content
----------------------------------------------- */
#content {
overflow: hidden;
margin: 20px 0;
width: 100%;
background-color: #FFF;
}
#main {
margin: 20px 0 20px 35px;
width: 615px;
float: left;
display:inline;
}
#side {
margin: 20px 35px 20px 0;
width: 160px;
float: right;
display:inline;
}

/* =Main
----------------------------------------------- */
#path {
margin-bottom: 20px;
}
#path a {
margin-top: 3px;
font-size: 12px;
}
#path span.current {
margin-top: 0px;
font-size: 16px;
}
.entry,
.course {
padding: 0 0 20px;
}
#main .block {
margin: 0 0 20px;
}
#main .block p {
margin: 0;
font-size:1.2em; /* 12/10 */
line-height:1.5; /* 18/12 */
}
h2 {
margin:  5px 0;
font-size:1.4em; /* 14/10 */
line-height:1.428; /* 20/14 */
}
.password {
text-decoration: underline;
}

/* =Side
----------------------------------------------- */
#side .block {
margin: 0 0 10px;
}
h3 {
margin-bottom: 5px;
font-size:1.4em; /* 14/10 */
line-height:1.428; /* 20/14 */
}
#side .block p {
margin: 0;
font-size:1.2em; /* 12/10 */
line-height:1.667; /* 20/12 */
}
#side .black,
#clock {
padding: 7px 0 5px;
width: 160px;
font-size: 1.2em;
color: #FFF;
background-color: #000;
text-align: center;
}
#side .black a {
color: #FFF;
}

.list_update,
.list_mad {
padding: 13px 10px;
}
.list_update li,
.list_mad li {
font-size:1.2em; /* 12/10 */
line-height:1.5; /* 18/12 */
}
.list_update li {
margin-bottom: 5px;
}
#side .block p.ss {
margin-top: 5px;
font-size: 1.1em;
line-height: 1.3em;
}
/* =Search
----------------------------------------------- */
#search { 
background-color:transparent; 
border:0 none; 
display:block; 
font-size:1.2em; 
margin-left:5px; 
width:130px;
outline-style:none; 
}

/* =Form
----------------------------------------------- */
#main table.comment th,
#main table.comment td {
padding-bottom: 10px;
}
#main table.login {
font-size:1.2em;
line-height: 1.6em;
}
#main table.login th {
vertical-align: top;
padding: 4px 20px 20px 0;
}
#main table.login td.select {
vertical-align: top;
padding: 4px 0 0;
}
#main table.login td.form {
vertical-align: top;
padding: 4px 0 0;
background:url('../img/bg_side_form_login.gif') no-repeat left top;
width:360px;
height:27px;
}
.red {
color: #F00;
}
#main table.login td.form_long {
vertical-align: top;
padding: 4px 0 0;
background:url('../img/bg_form_input.gif') no-repeat right top;
width:400px;
height:27px;
}
#main .textform {
background-color:transparent; 
border:0 none; 
font-size:1.2em; 
margin-left:5px; 
width:155px;
outline-style:none; 
}
#main .textform_long {
background-color:transparent; 
border:0 none; 
display:block; 
font-size:1.2em; 
margin-left:5px; 
width:395px;
outline-style:none; 
}
#side table.login {
font-size:1.2em;
line-height: 1.6em;
}
#side table.login td.label {
padding-top: 3px;
}
#side table.login td.title {
padding: 7px 0 5px;
width: 160px;
text-align: center;
background-color: #B7B7B7;
color: #FFF;
}
#side table.login td.form {
background:url('../img/bg_side_form_login.gif') no-repeat right top;
width:160px;
height:27px;
}
#side .textform {
background-color:transparent; 
border:0 none; 
display:block; 
font-size:1.2em; 
margin-left:5px; 
width:155px;
outline-style:none; 
}
#side table.login td.submit {
padding-top: 10px;
}
#side .submitform {
padding: 7px 0 5px;
width: 160px;
text-align: center;
border: solid 1px #B7B7B7;
background-color: #B7B7B7;
color: #FFF;
}

#side .submitBlack {
padding: 7px 0 5px;
width: 160px;
text-align: center;
border: solid 1px #000;
background-color: #000;
color: #FFF;
}


/* =Footer
----------------------------------------------- */
#footer {
margin-bottom: 10px;
color: #444;
font-size: 1.2em;
line-height: 1.6em;
text-align: center;
}
#footer a {
color: #444;
}
#footer .nav {
text-align: center;
}