body{
font-family:Meiryo,"lucida grande", verdana, tahoma, arial, sans-serif;
text-align:center;
font-size:90%;
margin:0 auto;
}

header{
background:url(../img/header.png) repeat-x;
height:540px;
position:relative;
width:100%;
}

#sub{
background:url(../img/sub.png) repeat-x;
height:400px;
position:relative;
width:100%;
}

h2{
text-shadow: 3px 3px 3px #000;
font-size:34px;
color:#fff;
font-weight:normal;
left:70px;
position:absolute;
top:250px;
}

#head{
text-align: left;
position:relative;
text-align:left;
margin:0 auto;
width:960px;
height:100%;
}

h1{
font-size:12px;
padding-top:6px;
font-weight:normal;
}

#head img{
margin-top:20px;
display: inline;
}

nav{
left:0;
position:absolute;
top:101px;
}

nav ul li{
float:left;
}

article{
text-align:left;
overflow:hidden;
width:960px;
margin:0 auto 80px auto;
}

article p{
margin-bottom:15px;
}

aside{
float:left;
}

aside ul li{
margin-bottom:20px;
}

hgroup{
text-align:left;
float:right;
width:738px;
}

.frame{
clear:both;
float:left;
margin:0 20px 20px 0;
background:url(../img/frame.png);
width:299px;
height:254px;
}

.frame img{
padding:9px 0 0 10px;
width:280px;
height:210px;
}

.frame-tate{
clear:both;
float:left;
margin:0 20px 20px 0;
background:url(../img/frame-tate.png);
width:229px;
height:330px;
}

.frame-tate img{
padding:9px 0 0 10px;
width:211px;
height:279px;
}

.frame-s{
clear:both;
float:left;
margin:0 20px 20px 0;
background:url(../img/frame-s.png);
width:170px;
height:145px;
}

.frame-s img{
padding:6px 0 0 6px;
width:158px;
height:120px;
}

.frame-l{
background:url(../img/frame-l.png);
width:738px;
height:282px;
}

.frame-l img{
padding:10px 0 0 12px;
width:716px;
height:236px;
}

.pdf{
background:url(../img/pdf.png) no-repeat;
padding-left:22px;
}

hgroup h3{
clear:both;
background:url(../img/h3.png);
height:40px;
padding:14px 0 0 14px;
color:#555;
margin-bottom:20px;
}

hgroup h4{
clear:both;
background:url(../img/h4.png);
height:30px;
padding:2px 0 0 30px;
color:#0E74BF;
margin:30px 0 20px 0;
font-:18px;
}

hgroup h5{
clear:both;
background:url(../img/h5.png) no-repeat;
height:18px;
padding:0px 0 0 30px;
color:#0E74BF;
margin:20px 0 20px 10px;
font-size:16px;
}

.yohaku{
margin-bottom:40px;
}

.normal-list{
margin:2px 0;
padding:2px 0;
border-bottom:none;
}

hgroup  ul li{
margin:10px 0;
padding:10px 0;
list-style-type:disc;
border-bottom:1px dotted #dcdcdc;
}

.event{
clear:both;
overflow:hidden;
border-bottom:1px dotted #999;
}

.bar{
background:url(../img/bar.png);
height:26px;
font-size:12px;
padding:4px 0 0 15px;
color:#fff;
}

.bar a{
color:#fff;
margin-left:40px;
text-decoration:none;
background:url(../img/arrow.png) no-repeat;
padding-left:15px;
}

.adobe{
width:320px;
float:right;
margin-top:30px;
}

.adobe p{
overflow:hidden;
background:#fcfcfc;
padding:10px;
border:1px solid #dcdcdc;
line-height:14px;
}

.adobe a{
font-size:10px;
text-decoration:none;
}

.adobe img{
margin-left:10px;
float:right;
}

#bottom{
width:960px;
margin:0 auto;
overflow:hidden;
}

#bottom img{
margin-top:15px;
float:right;
}

footer{
clear:both;
background:url(../img/footer.png) repeat-x;
}


.annotation{
font-size:85%;
}