@charset "Shift_JIS";

html, body{
height:100%;
text-align:center;
background:url(img/bg.jpg);
font-family:Meiryo,"lucida grande", verdana, tahoma, arial, sans-serif;
}

a:visited{color:#888888;} 
a:hover{color:#ff5555;}

p{
color:#666;
font-size:11px;
}

.alpha{
position:absolute;
filter:DXImageTransform.Microsoft.Alpha(opacity=70)
}

#header{
border-top:5px solid #66B3C3;
background-color:#fff;
height:60px;
}

#head{
margin:0 auto;
padding:7px 0 8px 0;
width:950px;
}

#head img{
vertical-align:top;
float:left;
}

#head ul{
float:right;
}

#head ul li{
float:left;
padding-right:5px;
padding-left:5px;
border-right:1px solid #fff;
font-size:11px;
list-style:none;
}

#navi{
clear:both;
background:url(img/navi.jpg);
height:40px;
border-bottom:1px solid #dcdcdc;
}

#navi img{
vertical-align:top;
}

#navi ul{
margin:0 auto;
width:950px;
list-style:none;
height:40px;
}

#navi ul li{
float:left;
}

#wrapper{
padding-top:1px;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
text-align:left;
width:950px;
margin:0 auto;
background-color:#fff;
position:relative;
min-height:100%;
}

#menu{
background:#eeeeee;
width:950px;
height:75px;
border-top:5px solid #66B3C3;
margin:1px 0 0 0;
}

#menu ul{
display:inline;
width:680px;
list-style:none;
height:24px;
}

#menu ul li{
font-size:0;
float:left;
}

#contents{
background-color:#fff;
height:100%;
padding:20px 10px 0 10px;
}

#sub{
background-color:#fff;
height:100%;
min-height:450px;
padding:20px 20px 0 20px;
}

#sub h2{
padding:0 0 0 5px;
font-size:27px;
font-weight:normal;
color:#66B3C3;
margin-bottom:-8px;
border-bottom:3px solid #fff;
}

#sub h3{
width:350px;
background:url("img/icon03.png") no-repeat 2px 3px;
font-size:20px;
color:#66B3C3;
padding:0 0 4px 28px;
margin:15px 0 15px 0;
height:22px;
font-weight:normal;
border-width:thin;
border-bottom:1px dashed #c0c0c0;
}

.under{
background:url(img/under.jpg) no-repeat;
width:100%;
height:17px;
color:#fff;
padding:0 0 10px 10px;
}

#sub p{
line-height:1.5em;
font-size:14px;
margin-bottom:20px;
}

#side{
width:250px;
background-color:#fff;
height:100%;
float:left;
}

#side img{
margin-bottom:5px;
}

#main{
width:680px;
background-color:#fff;
float:left;
}

#main ul{
list-style:none;
float:left;
}

#main ul li{
border-top:8px solid #dcdcdc;
float:left;
margin-right:1px;
}

.date{
font-weight:bold;
line-height:17px;
font-size:16px;
margin:15px 0 0 15px;
color:#fff;
}

.date2{
font-weight:bold;
line-height:17px;
font-size:12px;
margin:7px 0 0 15px;
color:#fff;
}

.date3{
font-weight:bold;
line-height:12px;
font-size:10px;
margin:8px 12px 0 12px;
}


table{
border:1px solid #0A91AF;
border-collapse:collapse;
border-spacing:1px;
background-color:#0A91AF;
}

th{
border:1px solid #fff;
padding:3px 8px 3px 8px;
width:160px;
line-height:1.5em;
color:#fff;
background-color:##0A91AF;
font-size:14px;
}

td{
vertical-align:top;
border:1px solid #0A91AF;
padding:3px 8px 3px 8px;
line-height:1.5em;
color:#666;
background-color:#ffffff;
font-size:13px;
}

#footer{
border-top:60px solid #fff;
clear:left;
text-align:center;
position:relative;
bottom:0;
left:0;
width:950px;
height:85px;
background:url(img/fotter.jpg);
}

#footer p{
margin-top:10px;
}