@import url(base.css);

@charset "utf-8";


/* top
---------------------------------------------------------------------- */
.top #main_image {
width: 900px;
height: 400px;
margin: 0 0 25px;
}
.top #main_image span {
display:block;
position:relative;
width: 900px;
height: 400px;
background:#FFF;
}
.top #topics {
margin: 20px 0;
border-top: 5px solid #DDD;
border-bottom: 5px solid #DDD;
}
.top #topics h2 {
border-bottom: 5px solid #79F;
}
.top #topics ul {
margin: 15px 25px;
}
.top #topics li {
line-height: 300%;
background:url(../img/pic.png) no-repeat center left;
padding-left: 20px;
border-bottom: 1px solid #DDD;
}


/* banner
---------------------------------------------------------------------- */
#banner li {
width: 250px;
height: 120px;
margin: 0 0 25px;
}
#banner span {
display:block;
position:relative;
width: 250px;
height: 120px;
background: #FFF;
}
#adress {
padding: 20px;
background: #DDD;
}

/* application
---------------------------------------------------------------------- */
#application {
margin: 0 0 20px;
}
#application ul {
padding: 20px;
border-radius: 10px;
box-shadow: inset 0 0 1px 0 #FFF, 0 0 5px 0 #AAA; 
-webkit-border-radius: 10px;
-webkit-box-shadow: inset 0 0 1px 0 #FFF, 0 0 5px 0 #AAA;
-moz-border-radius: 10px;
-moz-box-shadow: inset 0 0 1px 0 #FFF, 0 0 5px 0 #AAA;
background: #EEE;
border: 1px solid #AAA;
text-align:center;
}
#application p {
margin: 0;
}
#application p.caution {
margin: 0;
text-align:left;
font-size: 85%;
}


/* works
---------------------------------------------------------------------- */
.works #outline h3 {
clear:both;
margin: 0 0 5px;
padding: 5px 0;
border-bottom: 2px solid #7396FF;
}
.works #outline h4 {
clear:both;
margin: 0 0 5px;
padding: 5px 0;
font-weight: bold;
border-bottom: 1px solid #7396FF;
}
.works #outline p {
margin: 0 0 30px;
border-bottom: 1px solid #DDDDDD;
}
.works #outline table {
margin-bottom:30px;
width: 100%;
}
.works #outline th,
.works #outline td {
padding: 3px 0;
border-bottom: 1px solid #DDDDDD;
font-weight: normal;
text-align: left;
}
.works th.organization {
width: 10%;
}
.works th.training {
width: 25%;
}
.works th.sponsorship {
width: 25%;
}
.works #compliance p {
display:block;
margin: 0 0 15px;
}
.works #compliance ol {
margin:-15px 0 15px 20px;
list-style-type: decimal;
}
.works #compliance ol.list_parentheses {
margin: -15px 0 15px 0;
}
.works #compliance ol.list_parentheses li {
list-style-type:none;
counter-increment: cnt;
}
.works #compliance ol.list_parentheses li:before {
display: marker;
content: "(" counter(cnt) ") ";
}
.works #compliance table {
margin: -15px 0 30px;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.works #compliance th,
.works #compliance td {
padding: 3px 10px;
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
text-align: center;
}


/* schedule
---------------------------------------------------------------------- */
.schedule h3 {
clear:both;
margin: 0 0 5px;
padding: 5px 0;
border-bottom: 2px solid #7396FF;
}
.schedule table {
width: 100%;
margin-bottom:30px;
}
.schedule th,
.schedule td {
padding: 3px 0;
border-bottom: 1px solid #DDDDDD;
font-weight: normal;
text-align: left;
}
.schedule .day {
width: 23%;
}
.schedule .event {
width: 27%;
}
.schedule .place {
width: 35%;
}
.schedule .time {
width: 15%;
}


/* training
---------------------------------------------------------------------- */
.training h3 {
clear:both;
margin: 0 0 5px;
padding: 5px 0 5px 10px;
border-left: 10px solid #7396FF;
border-bottom: 2px solid #7396FF;
}
.training h4 {
clear:both;
margin: 15px 0 -15px 30px;
font-weight: bold;
}
.training #corse {
margin: 0 0 30px;
}
.training table {
margin: 20px 30px;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.training table th,
.training table td {
padding: 5px 10px;
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}
.training .lodging {
float: left;
}


/* rental
---------------------------------------------------------------------- */
.rental b {
color:#25D;
}
.rental p.link{
padding: 10px 0;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
.rental dl {
margin-bottom: 20px;
padding: 30px;
border: 1px solid #DDD;
}
.rental dl h3 {
margin: 0;
border-bottom: 2px solid #7396FF;
}
.rental dl p {
margin: 0;
padding: 2px 5px;
background:#EEE;
text-align: right;
}


/* information
---------------------------------------------------------------------- */
.information h3 {
clear:both;
margin: 0 0 5px;
padding: 5px 0 5px 10px;
border-left: 10px solid #7396FF;
border-bottom: 2px solid #7396FF;
}
.information h4 {
clear:both;
margin: 0 0 -15px;
font-weight: bold;
}
.information ul.information {
margin-bottom: 50px;
}
.information ul.information li {
line-height: 400%;
background:url(../img/pic.png) no-repeat center left;
padding-left: 20px;
border-bottom: 1px solid #DDD;
}

.information table {
width: 600px;
border-left: 1px solid #DDD;
border-top: 1px solid #DDD;
}
.information th,
.information td {
padding: 5px;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}


/* letterzine
---------------------------------------------------------------------- */
.letterzine #new dt {
	text-align:center;
}
.letterzine #new {
margin: 0 0 30px;
}
.letterzine #new dt li {
width: 250px;
height: 350px;
}
.letterzine #new dt li.none {
display: none;
}
.letterzine #new dt span {
display:block;
position:relative;
width: 250px;
height: 350px;
background:#FFF;
}
.letterzine #new dt img {
width: 250px;
height: 350px;
}
.letterzine #backnumber {
text-align:right;
margin: 0 0 30px;
}


/* mailmagazine
---------------------------------------------------------------------- */
.mailmagazine #backnumber {
text-align:right;
margin: 0 0 30px;
}
.mailmagazine #mail {
margin: 0 0 30px;
padding: 40px 50px;
border: 1px solid #DDD;
}
.mailmagazine #mail h3 {
margin-top:30px;
font-weight: bold;
border-bottom: 1px solid #DDDDDD;
}
.mailmagazine #mail h3:first-child {
margin-top:0;
}
.mailmagazine #mail h4 {
font-weight: bold;
}
.mailmagazine #mail p {
margin: 10px 0;
}
.mailmagazine #mail li {
margin-left:15px;
list-style-type:disc;
}
.mailmagazine #mail table {
margin: 0 0 30px;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.mailmagazine #mail th,
.mailmagazine #mail td {
padding: 3px 10px;
border-bottom: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}

/* link
---------------------------------------------------------------------- */
.link ul.link {
margin-bottom: 50px;
}
.link ul.link li {
line-height: 400%;
background:url(../img/pic.png) no-repeat center left;
padding-left: 20px;
border-bottom: 1px solid #DDD;
}


/* contact
---------------------------------------------------------------------- */
.contact table {
margin: 20px 0;
width: 600px;
border-bottom: 1px solid #DDD;
}
.contact table th {
width: 75px;
}
.contact table th,
.contact table td {
padding: 5px 10px;
border-top: 1px solid #DDD;
vertical-align:top;
}
.contact table.submit,
.contact table.submit td {
text-align:center;
border: none;
}