@charset "UTF-8";


/* reset */
body,table,tr,div,p,dl,dt,dd,form{
margin: 0;padding: 0;
}
h1,h2,h3,h4,h5,h6,address,em,th,td{
margin: 0;padding: 0;
font-size: 100%;
font-style: normal;
font-weight: normal;
}
ul,ol{
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
table{
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
line-height: 1.6;
}
img{
border: none;
vertical-align: bottom;
}
input{
font: inherit;
}


/* page */
body{
background: #fffbe8;
padding: 20px 0;
font-family: Verdana, sans-serif;
font-size: 85%;
line-height: 1.6;
text-align: center;
}
#container{
width: 900px;
margin-right: auto;
margin-left: auto;
background: #fff;
color: #333;
text-align: left;
}
#header{
position: relative;
background: #fff2b3 url(img/header_bg.gif) top center no-repeat;
color: #f69096;
}
#contents{
padding: 20px 50px;
}
#footer{
padding: 10px;
background: #ff9487 url(img/footer_bg.gif) bottom center no-repeat;
color: #fff;
text-align: center;
}


/* header */
#header h1{
position: absolute;
top: 20px;
left: 30px;
}


/* nav */
#nav{
margin: 0 10px 0 0;
padding: 90px 0 0;
list-style: none;
text-align: right;
}
#nav li{
margin: 0;
padding: 0;
display: inline;
margin-right: 5px;
}


/* common */
.end{
color: red;
font-weight: bold;
}


/* hx */
h2{
padding: 30px;
font-size: 180%;
background: #ff9487 url(img/h2_about.gif) right bottom no-repeat;
color: #fff;
}
#index h2{
margin: 10px 0;
background-color: #fff2b3;
}
#skillup h2{background-color: #ffbf87;background-image: url(img/h2_skillup.gif);}
#leader h2{background-color: #afe872;background-image: url(img/h2_leader.gif);}
#advisor h2{background-color: #7acee9;background-image: url(img/h2_advisor.gif);}
#special h2{background-color: #e58be0;background-image: url(img/h2_special.gif);}

h3{
margin: 30px 0 10px;
border-bottom: 2px dotted #fbb946;
font-size: 120%;
color: #f70;
}


.program dt{
padding: 3px 12px;
border-width: 1px 1px 0;
border-style: solid;
border-color: #ffe6a4;
background: #ffe6a4;
font-size: 120%;
}
.program dd{
padding: 3px 12px;
border-width: 0 1px 1px;
border-style: solid;
border-color: #ffe6a4;
}
.program dd.date{
border-bottom-style: dotted;
}
.program dd.detail{
margin-bottom: 24px;
}
.program dt.public{border-color: #ffb9a4;background: #ffb9a4;}
.program dd.public{border-color: #ffb9a4;}
.program .public span{
}
.program .public span img{
margin: 0 12px;
vertical-align: middle;
}
.teachers{
padding: 0 10px;
}
.teachers dt{
font-weight: bold;
}
.teachers dd{
padding-left: 7em;
margin-top: -1.6em;
margin-bottom: 1em;
border-bottom: 1px dotted #ccc;
}
.appgl{
}
.appgl dt{
font-weight: bold;
}
.appgl dd{
padding-left: 5em;
margin-top: -1.6em;
}
.close{
margin-top: 20px;
text-align: right;
}


a{
color: #cc5444;
}
a:hover{
color: #ff9487;
}


/* top */
#index h3{
padding: 25px 0 0 60px;
font-size: 160%;
border: none;
background: url(img/piyo.gif) left bottom no-repeat;
}
#index #inq p{
margin-top: 1em;
padding: 0 60px;
}
#index #topimg{
background: #fff4e1;
}
#index #topimg h2{
display: none;
}


/* about */
#about dt{
margin-top: 30px;
padding: 3px 10px;
color: #Fff;
font-size: 120%;
}
#about dt.su{background: #ffbf87;}
#about dt.lt{background: #afe872;}
#about dt.adv{background: #7acee9;}
#about dt.sp{background: #e58be0;}
#about dd{
padding: 6px 12px;
}
#about .more{
text-align: right;
}


em{
font-weight: bold;
}
.payfree{
display: none;
}
.piyofree{
position: relative;
width: 620px;
min-height: 111px;
padding-right: 120px;
background: url(img/piyofree.gif) top right no-repeat;
}
#index .piyofree{
padding-bottom: 12px;
}


.button a{
position: relative;
}
.button a:hover{
top: 2px;
}