@charset "Shift-JIS";

/*--------------------------------base----*/
body{
color:#555;
text-align:center;
/* Others Mac IE ＼*/
font-size:x-small!important;
/**/
font-size:xx-small;/* IE */
line-height:1.5;
text-align:center;
letter-spacing: 0.1em;
margin:0;
padding: 0;
font-family: "ＭＳ Ｐゴシック", Osaka;
}

/*--------------------------------link----*/
a{
color:#000;
text-decoration:underline;
}

a:hover{
color:#ffffff;
text-decoration:none;
}

a:visited{
color:#000;
}

a img{
border:none;
margin:0;
padding:0;
}

a:hover img{
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

/*--------------------------------reset----*/
h1,h2,h3,h4,h5,img{
margin: 0;
padding: 0;
}

h1{
/* Others Mac IE ＼*/
font-size:x-small!important;
/**/
font-size:xx-small;/* IE */
font-style: normal;
font-weight: normal;
}

h3,h2{
/* Others Mac IE ＼*/
font-size:x-small!important;
/**/
font-size:xx-small;/* IE */
font-style: normal;
font-weight: normal;
}

h4,h5,h6{
/* Others Mac IE ＼*/
font-size:x-small!important;
/**/
font-size:xx-small;/* IE */
}

p{ margin:0 0 0 0;}

ul,ol,li,dl,dt,dd{
padding:0;
margin:0;
list-style:none;
}

hr{
position:absolute;
left:-9999px;
width:10px;
}

address{
font-style:normal;
}

img{
vertical-align: top;
}

/*--------------------------------clearfix----*/
.clearfix:after {
content: url(pixel.gif);
display: block;
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
}
/* Mac版IEのみに適用 ＼*//*/
.clearfix { overflow: hidden; }
/* */

/*--------------------------------wrapper----*/
#wrapper{
width: 820px;
margin: 0px auto 0 auto;
height:230px;
position:relative;
text-align:left;
}


#wrapper #topics{
position:absolute;
left:0;
top:35px;
width:290px;
}
#wrapper #seminar{
width:290px;
margin:0px 220px 0 310px;
padding:35px 0 0 0;
}
#wrapper #flashbnr{
position:absolute;
width:2,5px;
right:0;
top:0;
}


#topics #topicsbtn{background: url(top/img/allbtn_o.gif) no-repeat; padding-bottom:20px;}
#topics a:hover img{filter: alpha(opacity=0);-moz-opacity:0;opacity:0;}
#topics dl{
position:relative;
padding:0 0 0 0;
}
#topics dl dt{
width: 6em;
position:absolute;
padding-bottom: 0.7em;
}
#topics dl dd{
padding-left:6.5em;
padding-bottom: 0.7em;
margin:0;

text-align:justify;
}
#topics dl dd a:hover{
color:#fff;
background:#176f54;
}


#seminar ul li{
float:left;
}
#seminar #seminarbtn1{background: url(top/img/allbtn_o.gif) no-repeat;padding:0 20px 20px 0;}
#seminar #seminarbtn2{background: url(top/img/seminarbtn_o.gif) no-repeat; padding-bottom:20px;}
#seminar a:hover img{filter: alpha(opacity=20);-moz-opacity:0;opacity:0;}


#footer{
width: 820px;
margin: 60px auto 0 auto;
text-align:left;
}
#footer li{
float:left;
}
#footer li a{
background:none;
}
#footer #navi1{background: url(top/img/footernavi/btn1_o.gif) no-repeat;}
#footer #navi2{background: url(top/img/footernavi/btn2_o.gif) no-repeat;}
#footer #navi3{background: url(top/img/footernavi/btn3_o.gif) no-repeat;}
#footer #navi4{background: url(top/img/footernavi/btn4_o.gif) no-repeat;}
#footer #navi5{background: url(top/img/footernavi/btn5_o.gif) no-repeat;}
#footer #navi6{background: url(top/img/footernavi/btn6_o.gif) no-repeat;}
#footer #navi7{background: url(top/img/footernavi/btn7_o.gif) no-repeat;}
#footer #navi8{background: url(top/img/footernavi/btn8_o.gif) no-repeat;}
#footer #navi9{background: url(top/img/footernavi/btn9_o.gif) no-repeat;}
#footer #navi10{background: url(top/img/footernavi/btn10_o.gif) no-repeat;}
#footer a:hover img{filter: alpha(opacity=0);-moz-opacity:0;opacity:0;}



/*--------------------------------noswf----*/
#flashcontent{
width: 920px;
height:420px;
text-align:ceter;
margin:0px auto 40px auto;
background:url(top/img/noswf_back.gif) no-repeat top;
}
#flashcontent h1{
padding:180px 0 0 0;
font:bold x-small;
color:#000;
}
#flashcontent p{
padding:10px 0 0 0;
font:bold x-small;
color:#000;
}
#flashcontent dl{
width:430px;
height:38px;
margin:30px auto 0 auto;
background:url(top/img/noswf_attention.gif) no-repeat left;
}
#flashcontent dl dd{
padding:3px 0 0 50px;
text-align:left;
}