@import url("common.css");
@import url("header.css");
@import url("footer.css");

/* top image ------------------------------------------------------------ */

#top_img {
width: auto;
margin: 5px;
padding: 0px;
}

/* clearFix >> */
*+html body #top_img :after{ content:"."; display:block; clear:both; visibility:hidden; }
#top_img { overflow:hidden; }
* html #top_img { height:1%; overflow:visible; } /* Hides from IE-mac */
/* >> End clearFix */

#top_flash_img {
width: 588px;
height:214px;
margin: 0px;
padding: 0px;
background: #eeeeee;
float: left;
}

dl#top_flash_bn {
margin: 0px;
padding: 0px;
list-style-type: none;
float: right;
position:relative;
}

dl#top_flash_bn dd {
width: 300px;
height:70px;
margin: 0px;
padding: 0px 0px 2px 0px;
}

/* top navi ------------------------------------------------------------ */

div.top_navi {
width: 900px;
height:58px;
margin: 0px 0px 10px 0px;
padding: 0px;
background: url(../img/top_navi_bg.jpg) #ffffff repeat-x;
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
position:relative;
}

/* clearFix >> */
*+html body div.top_navi :after{ content:"."; display:block; clear:both; visibility:hidden; }
div.top_navi { overflow:hidden; }
* html div.top_navi { height:1%; overflow:visible; } /* Hides from IE-mac */
/* >> End clearFix */

div.top_navi ul {
margin: 0px;
padding: 2px 0px 0px 5px;
list-style-type: none;
}

div.top_navi ul li {
width: 295px;
height:54px;
margin: 0px;
padding: 0px 2px 0px 0px;
position:relative;
float: left;
}

div.top_navi ul li a {
margin: 0px;
padding: 0px;
width: 295px;
height:54px;
background: url(../img/top_navi_bt.jpg) no-repeat 0px 0px;
display:block;
}

div.top_navi ul li a:hover{
background: url(../img/top_navi_bt.jpg) no-repeat -295px 0px;
}

div.top_navi ul li img {
margin: 0px;
padding: 0px;
position:relative;
top:16px;
left:24px;
}

/* column box ------------------------------------------------------------ */

#contents {
width:900px;
margin: 0px;
padding: 0px;
position:relative;
}

/* clearFix >> */
*+html body #contents :after{ content:"."; display:block; clear:both; visibility:hidden; }
#contents { overflow:hidden; }
* html #contents { height:1%; overflow:visible; } /* Hides from IE-mac */
/* >> End clearFix */

#main {
width:510px;
margin: 0px 0px 0px 190px;
padding: 0px 5px 10px 5px;
position:relative;
float:left;
}

* html #main {  /* for IE 6 */
margin: 0px 0px 0px 95px;
}

#menu1 {
width:190px;
margin: 0px 0px 0px -710px;
padding: 0px;
float:left;
position:relative;}

#menu2 {
width: 190px;
margin: 0px;
padding: 0px;
float:right;
position:relative;
}

* html #menu2 {  /* for IE 6 */
position:absolute;
}

/* attention box ------------------------------------------------------------ */

#attention {
width: 178px;
margin: 0px 0px 5px 5px;
padding: 0px;
background:#ffe5e5;
border: 1px solid #ff8181;
}

#attention h2 {
margin: 0px 0px 0px 0px;
padding: 5px;
font-size: 140%;
line-height:130%;
}

#attention ul {
margin: 0px;
padding: 0px 5px 5px 5px;
list-style-type: none;
}

#attention ul li {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 12px;
font-size: 80%;
line-height: 130%;
background: url(../img/attention_point.gif) no-repeat 0px 2px;
}

/* banner box ------------------------------------------------------------ */

#banner_box1 {
width: 180px;
margin: 0px 0px 10px 5px;
padding: 0px;
zoom:1;
}

#banner_box1 p {
width: 180px;
margin: 0px 0px 3px 0px;
padding: 0px;
zoom:1;
}

#banner_box1 a {
margin: 0px;
padding: 0px;
}

#banner_box1 p img {
width:180px;
margin: 0px;
padding: 0px;
}

#banner_box2 {
width: 180px;
margin: 0px 0px 10px 5px;
padding: 0px;
}

#banner_box2 p {
margin: 0px 0px 3px 0px;
padding: 0px;
}

#banner_box2 p img {
width:180px;
margin: 0px;
padding: 0px;
}

#banner_box3 {
width: auto;
margin: 0px 0px 30px 5px;
padding: 0px;
text-align:center;
}

#banner_box3 p {
margin: 0px;
padding: 0px 5px 0px 0px;
display:inline;
}

#banner_box3 p img {
margin: 0px;
padding: 0px;
}

#banner_box4 {
width: 180px;
margin: 0px 0px 5px 5px;
padding: 0px;
zoom:1;
}

#banner_box4 p {
width: 180px;
margin: 0px 0px 3px 0px;
padding: 0px;
zoom:1;
}

#banner_box4 a {
margin: 0px;
padding: 0px;
}

#banner_box4 p img {
width:180px;
margin: 0px;
padding: 0px;
}

/* side educo ------------------------------------------------------------ */

#side_educo {
width: 166px;
margin: 0px 0px 5px 5px;
padding: 6px;
text-align:center;
background: url(../img/side_educo_bg.jpg) #9fd294 repeat-x;
border: 1px solid #9fd294;
}

#side_educo h2 {
margin: 0px;
padding: 0px;
}

#side_educo p {
margin: 5px 0px;
padding: 0px;
font-size: 80%;
line-height: 130%;
}

/* side conference ------------------------------------------------------------ */

#side_conference {
width: 178px;
margin: 0px 0px 5px 5px;
padding: 0px;
text-align:center;
background: url(../img/side_conference_bg.jpg) #ffffff repeat-x;
border: 1px solid #036b6a;
}

#side_conference h2 {
margin: 8px 0px;
padding: 0px;
}

#side_conference ul {
margin: 0px 0px 5px 0px;
padding: 0px;
list-style-type: none;
}

#side_conference ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display:inline;
}

/* news box ------------------------------------------------------------ */

#news {
width: auto;
margin: 0px 0px 10px 0px;
padding: 0px;
position:relative;
}

#news h2 {
height:23px;
margin: 0px 0px 5px 0px;
padding: 5px 0px 0px 4px;
background: url(../img/top_ttl_bg.jpg) repeat-x 0px 2px;
border-top: 3px solid #0053a6;
border-bottom: 1px solid #cccccc;
}

#news ul {
margin: 0px;
padding: 5px;
list-style-type: none;
}

#news ul li {
margin: 0px 0px 3px 0px;
padding: 0px 0px 3px 15px;
font-size: 80%;
line-height: 130%;
background: url(../img/list_point01.gif) no-repeat 0px 3px;
border-bottom: 1px dotted #cccccc;
}

#news dl {
margin: 0px;
padding: 0px;
list-style-type: none;
}

/* clearFix >> */
*+html body #news dl :after{ content:"."; display:block; clear:both; visibility:hidden; }
#news dl { overflow:hidden; }
* html #news dl { height:1%; overflow:visible; } /* Hides from IE-mac */
/* >> End clearFix */

#news dl dt {
width:96px;
margin: 0px;
padding: 0px 10px 0px 0px;
float:left;
clear:left;
}

#news dl dd {
margin: 0px;
padding: 0px;
display:block;
overflow:hidden;
zoom:1;
}

#news dl dd img {
margin: 0px;
padding: 0px 0px 0px 5px;
vertical-align:middle;
}

#news p {
margin: 0px;
padding: 0px;
position:absolute;
top:8px;
right:3px;
}

* html #news p {  /* for IE 6 */
top:8px;
right:8px;
}

/* topics box ------------------------------------------------------------ */

#topics {
width: auto;
margin: 0px 0px 10px 0px;
padding: 0px;
position:relative;
}

#topics h2 {
height:23px;
margin: 0px 0px 10px 0px;
padding: 5px 0px 0px 4px;
background: url(../img/top_ttl_bg.jpg) repeat-x 0px 2px;
border-top: 3px solid #0053a6;
border-bottom: 1px solid #cccccc;
}

#topics dl {
width: auto;
margin: 0px;
padding: 5px;
list-style-type: none;
position:relative;
}

/* clearFix >> */
*+html body #topics dl :after{ content:"."; display:block; clear:both; visibility:hidden; }
#topics dl { overflow:hidden; }
* html #topics dl { height:1%; overflow:visible; } /* Hides from IE-mac */
/* >> End clearFix */

#topics dl dt {
margin: 0px;
padding: 0px 10px 4px 0px;
float:left;
}

#topics dl dd {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 5px;
font-size: 80%;
line-height: 130%;
display:block;
overflow:hidden;
zoom:1;
}

#topics dl dd h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
font-size: 90%;
line-height: 140%;
font-weight:bold;
}

#topics p {
margin: 0px;
padding: 0px;
position:absolute;
top:8px;
right:3px;
}

* html #topics p {  /* for IE 6 */
top:8px;
right:8px;
}

/* item_info box ------------------------------------------------------------ */

#item_info {
width: auto;
margin: 0px 0px 10px 0px;
padding: 0px;
position:relative;
}

#item_info h2 {
height:23px;
margin: 0px 0px 5px 0px;
padding: 5px 0px 0px 4px;
background: url(../img/top_ttl_bg.jpg) repeat-x 0px 2px;
border-top: 3px solid #0053a6;
border-bottom: 1px solid #cccccc;
}

#item_info ul {
margin: 0px;
padding: 5px;
list-style-type: none;
}

#item_info ul li {
margin: 0px 0px 3px 0px;
padding: 0px 0px 3px 15px;
font-size: 80%;
line-height: 130%;
background: url(../img/list_point01.gif) no-repeat 0px 3px;
border-bottom: 1px dotted #cccccc;
}

#item_info dl {
margin: 0px;
padding: 0px;
list-style-type: none;
}

/* clearFix >> */
*+html body #item_info dl :after{ content:"."; display:block; clear:both; visibility:hidden; }
#item_info dl { overflow:hidden; }
* html #item_info dl { height:1%; overflow:visible; } /* Hides from IE-mac */
/* >> End clearFix */

#item_info dl dt {
width:96px;
margin: 0px;
padding: 0px 10px 0px 0px;
float:left;
clear:left;
}

#item_info dl dd {
margin: 0px;
padding: 0px;
display:block;
overflow:hidden;
}

#item_info dl dd img {
margin: 0px;
padding: 0px 0px 0px 5px;
vertical-align:middle;
}

#item_info p {
margin: 0px;
padding: 0px;
position:absolute;
top:8px;
right:3px;
}

* html #item_info p {  /* for IE 6 */
top:8px;
right:8px;
}