@charset "Shift_JIS";

/*total layout
-----------------------------------*/
body {
margin-top: 18px;
width: 805px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: white;
}
#containar {
width: 805px;
background-image: url(../image/subbody.gif);
background-position: center;
background-repeat: repeat-y;
position: relative;
}
#head {
width: 805px;
height: 168px;
margin-top: -20px;
position: relative;
}
a#english {
top: 140px;
left: 210px;
position: absolute;
z-index: 3;
}
a#english p {
padding-top: 5px;
padding-left: 3px;
font-size: 90%;
font-weight: bold;
color: white;
}
#head #js {
top: 140px;
left: 560px;
position: absolute;
font-size: 120%;
font-weight: bold;
color: black;
}
#main {
clear: both;
margin-top: 60px;
text-align: left;
}
#footer {
clear: both;
width: 805px;
height: 31px;
background-image: url(../image/subfoot.gif);
background-position: center bottom;
background-repeat: no-repeat;
}
address {
padding-top: 8px;
color: black;
font-size: 90%;
}

/*main layout
----------------------------------------------*/
#side1 {
float: left;
width: 182px;
margin-top: -50px;
margin-left: 5px;
}
#maincont {
float: right;
width: 595px;
}

/*top menu layout
----------------------------------------------*/
#grandmenu ul li {
float: left;
list-style: none;
width: 118px;
height: 27px;
}
#grandmenu li a {
background-image: url(../image/htopmenu.gif);
background-repeat: no-repeat;
display: block;
font-size: 11px;
font-weight: bold;
padding-top: 10px;
text-decoration: none;
width: 114px;
height: 27px;
}
#grandmenu li a:hover {
color: gray;
}
#grandmenu li p {
display: block;
width: 114px;
height: 27px;
background-image: url(../image/subtopmenuon.gif);
background-repeat: no-repeat;
font-size: 11px;
font-weight: bold;
padding-top: 10px;
}
#grandmenu {
left: 200px;
position: absolute;
}

#topmenusub {
margin-top: 33px;
left: 210px;
position: absolute;
}
#topmenusub ul {
list-style: none;
}
#topmenusub ul li {
float: left;
font-size: 90%;
padding-right: 10px;
}

/*side menu layout
----------------------------------------------*/
ul.sidemenubody,ul.sidemenusub {
list-style: none;
}

ul.sidemenubody li a {
display: block;
font-size: 12px;
font-weight: bold;
text-decoration: none;
width: 179px;
height: 30px;
padding-top: 10px;
padding-left: 50px;
background-image: url(../image/subsidemenu.gif);
background-position: -0px -0px;
background-repeat: no-repeat;
}
ul.sidemenubody li a:hover {
width: 179px;
height: 30px;
background-image: url(../image/subsidemenu.gif);
background-position: -0px -48px;
display: block;
}
ul.sidemenubody li.nolink {
width: 179px;
height: 25px;
padding-top: 10px;
padding-left: 50px;
padding-bottom: 10px;
background-image: url(../image/subsidenolink1.gif);
background-repeat: no-repeat;
}
li.nolink p {
font-size: 80%;
font-weight: bold;
}

/*contents layout
------------------------------------*/
p.backlink {
text-align: center;
font-size: 90%;
}

/*contents layout
------------------------------------*/
.hca {
width: 255px;
}
.hcb {
width: 300px;
}

.hca,.hcb {
float: left;
}
.c1 {
clear: both;
}


/*submenu
------------------------------------*/
#submenu {
background-color: white;
margin-top: 15px;
}
#submenu li {
list-style: none;
font-size: 80%;
padding-left: 3px;
padding-bottom: 3px;
}
#submenu li a {
color: black;
}
#submenu li a:hover {
color: gray;
}

/*workshop member layout
----------------------------------------------*/
table.workshop1 {
border-style: solid;
border-width: 1px;
}
table.workshop1 td {
border-style: solid;
border-width: 1px;
vertical-align: top;
}

/*scheule member layout
----------------------------------------------*/
.teamcomment {
width: 595px;
}

.teamcomment img.memberphoto,.teamcomment p.p3c {
float: left;
}

.p2 {
clear: both;
}

/*workshop member layout
----------------------------------------------*/
table.workshop1 {
border-style: solid;
border-width: 1px;
}
table.workshop1 td {
border-style: solid;
border-width: 1px;
vertical-align: top;
}