@charset "UTF-8";

/* reset */
*{
padding: 0;
margin: 0;
font-weight: normal;
font-family: Arial, sans-serif;
font-style: normal;
}
ul{
list-style: none;
}


/* common */
body{
font-size: 90%;
color: #333;
background: #e5f9ff url(../img/body_bg.gif) left center repeat-x fixed;
line-height: 1.6;
}
#main a{
color: #2db7eb;
text-decoration: none;
}
#main a:hover{
color: #fff;
background-color: #2db7eb;
}
img{
border: none;
}
#container{
width: 750px;
border-right: 1px solid #daebca;
background: #fff;
position: relative;
}
h2.page{
margin-bottom: 24px;
padding: 0 24px;
border-bottom: 3px solid #9c3;
color: #999;
font-size: 180%;
letter-spacing: 1px;
background: url(../img/icon.gif) left center no-repeat;
}
p.fig{
text-align: center;
margin: 24px 0;
}
p.normal{
padding: 0 60px;
}
em.pipt{
text-transform: uppercase;
}
.files {
margin: 6px 36px;
padding: 12px 24px;
}
.files img{
vertical-align: -9px;
margin-right: 2px;
}
.files a{
margin-right: 2em;
}
hr{
clear: both;
width: 0;
height: 0.1px;
margin: 0;
padding: 0;
visibility: hidden;
}



/* header */
#header{
height: 75px;
background: url(../img/header_bg.gif) repeat-x;
}
#header img{
display: block;
}
#header a{
display: block;
width: 738px;
padding-top: 16px;
}


/* menu */
#menu{
font-size: 90%;
position: relative;
}
#menu ul{
padding: 3px 6px;
text-align: right;
background: #2db7eb url(../img/menu_bg.gif) bottom repeat-x;
color: #b0e6f7;
}
#menu ul li{
display: inline;
}
#menu ul li a{
color: #fff;
text-decoration: none;
padding-right: 3px;
padding-left: 3px;
border-right: 1px solid #b0e6f7;
}
#menu ul #ContactMenu a{
border: none;
}
#menu ul li a:hover{
background-color: #fff;
color: #2db7eb;
}
#top #TopMenu a,
#Scope #ScopeMenu a,
#Venue #VenueMenu a,
#Program #ProgramMenu a,
#Presen #PresenMenu a,
#Regist #RegistMenu a,
#Fee #FeeMenu a,
#Past #PastMenu a{
color: #abf3ff;
background-color: transparent;
}


/* main */
#main{
background: url(../img/menu_bottom.gif) top repeat-x;
padding: 24px 0 100px;
}
.outlink{
background: url(../img/past_icon.gif) left center no-repeat;
margin-top: 24px;
margin-bottom: 1em;
padding-left:20px;
margin-left: 60px;
}


/* footer */
html,
body,
#container{
height: 100%;
}
html>body #container{
height: auto;
min-height: 100%;
}
#footer{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
#footer address{
line-height: 1;
color: #e2f3f8;
background: #2db7eb url(../img/footer_bg.gif) top repeat-x;
padding: 14px 12px 9px;
text-align: center;
font-size: smaller;
}


/* top */
#top #main{
padding-top: 0;
}
#top h2.date{
margin-bottom: 12px;
}
#top h2.date img{
vertical-align: bottom;
}
#top .greet{
margin: 0 12px;
border: 1px dotted #9c3;
padding: 12px 24px;
background: #edfcdf;
}
/* =attention */

.attention{
position: relative;
margin: 12px;
text-align: center;
}
.attention h2{
padding-top: 6px;
background: #2db7eb url(../img/thanks_bg2.gif) left bottom;
color: #fff;
font-size: 200%;
font-weight: bold;
letter-spacing: 1px;
}
.attention p{
padding: 6px 12px;
background: url(../img/thanks_bg.gif) left top;
}


/* =topmain */
#topmain {
margin-left: 36px;
}
#topmain p.files{
margin: 0;padding: 0;
width: 30%;
float: left;
}
#topmain #news{
width: 65%;
float: right;
}
#topmain #news h2{
background: url(../img/icon.gif) left bottom no-repeat;
padding: 0 0 0 24px;
color: #999;
font-size: 180%;
letter-spacing: 1px;
}
#topmain #news ol{
border-top: 3px solid #9c3;
padding: 12px 12px 12px 24px;
list-style: circle;
}


/* scope */
#Scope #main p{
margin: 0 60px 12px;
}
#Scope #main p.para{
text-indent: 1em;
}
#Scope #main p.author{
margin-bottom: 0;
}
#Scope #main p.end{
text-align: right;
color: #666;
}
#Scope #main ol{
margin: 12px 60px 36px;
padding-left: 2em;
}
#Scope #main ol li{
margin-bottom: 12px;
}


/* venue */
#Venue #main p.normal{
}


/* Past */
#Past #main h2{
margin-bottom: 0;
}
#Past #main #contents{
padding-top: 265px;
background: url(../img/past_bg.jpg) no-repeat;
}
#Past #main ul{
padding: 12px 60px;
}
#Past #main ul li{
background: url(../img/past_icon.gif) left center no-repeat;
padding-left:20px;
margin-bottom: 12px;
}


/* Regist */


/* Fee */
#Fee table{
margin: 0 60px;
border-collapse: collapse;
}
#Fee th,
#Fee td{
text-align: left;
vertical-align: top;
border: 1px solid #2db7eb;
padding: 1px 6px;
}
#Fee th{
width: 30%;
background: #d1eaf3;
}


/* Program */
#Program h3{
color: #17a8dc;
margin: 0 60px;
font-size: 120%;
}
#Program dl{
margin: 0 60px 12px;
}
#Program dt{
border-color: #2db7eb;
border-style: dotted solid;
border-width: 1px 0 0 6px;
margin-top: 12px;
padding-left: 6px;
}
#Program dd{
margin-left: 24px;
font-size: 90%;
color: #444;
}