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

/* tree image ------------------------------------------------------------ */

#tree_image {
margin: 0px 0px 15px 0px;
padding: 0px;
background:#eeeeee;
}

/* page step ------------------------------------------------------------ */

#page_step {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align:center;
}

#page_step dt {
width:1px;
height:1px;
margin: 0px;
padding: 0px;
text-indent: -9999px;
position:absolute;
top:0px;
left:0px;
overflow: hidden;
}

#page_step dd {
margin: 0px 0px 0px 0px;
padding: 3px 0px 0px 16px;
font-size: 80%;
line-height: 130%;
}

#page_step dl dd ul {
width: auto;
margin: 0px 10px 0px 10px;
padding: 0px;
list-style-type: none;
}

#page_step dd ul li {
margin: 0px 5px 5px 0px;
padding: 0px 0px;
text-align:center;
background: none;
background:#eeeeee;
border: 1px solid #cccccc;
display:inline-block;
}

*+ html #page_step dd ul li {  /* for IE 7 */
display:inline;
}

* html #page_step dd ul li {  /* for IE 6 */
display:inline;
}

#page_step dd ul li a {
margin: 0px;
padding: 2px 8px;
display:inline-block;
}

#page_step dd ul li.here {
padding: 2px 8px;
font-weight:bold;
display:inline-block;
}

*+ html #page_step dd ul li.here {  /* for IE 7 */
display:inline;
}

* html #page_step dd ul li.here {  /* for IE 6 */
display:inline;
}

/* for school ------------------------------------------------------------ */

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

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

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

#main ol.school {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
list-style-type: none;
list-style-position:inside;
}

#main ol.school li {
width:426px;
margin: 0px;
padding: 0px 5px 10px 5px;
vertical-align:top;
display:-moz-inline-box;  /* Fx2 and older */
display:inline-block;
/display:inline;  /* IE 7 and older */
/zoom:1;  /* IE 7 and older */
}

*+ html #main ol.school li {  /* for IE 7 */
padding: 0px 7px 10px 7px;
}

@media print{ *+ html #main ol.school li{ width:424px; } }

* html #main ol.school li {  /* for IE 6 */
padding: 0px 7px 10px 7px;
}


#main ol.school li h2 {
margin: 0px 0px 10px 0px;
padding: 7px 6px 6px 6px;
font-size: 100%;
line-height: 130%;
background: url(../img/school_ttl_bg.jpg) repeat-x 0px 2px;
border-top: 3px solid #006600;
border-bottom: 1px solid #cccccc;
clear:both;
}

#main ol.school li h2 a {
padding: 0px 0px 0px 20px;
background: url(../img/list_point02.gif) no-repeat 0px 1px;
}

#main ol.school li dl {
margin: 0px;
padding: 0px 0px 10px 0px;
list-style-type: none;
border:none;
display:block;
}

#main ol.school li dl dt {
margin: 0px;
padding: 0px 5px 0px 10px;
float:right;
}

#main ol.school li dl dd {
margin: 0px;
padding: 0px 0px 0px 5px;
font-size: 80%;
line-height: 130%;
border:none;
}

/* for subject ------------------------------------------------------------ */

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

* html #news {  /* for IE 6 */
margin: -5px 0px 10px 0px;
}

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

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

*+ html #news ul {  /* for IE 7 */
padding: 0px 5px 5px 5px;
}

#news ul li {
margin: 0px 0px 3px 0px;
padding: 0px 0px 3px 15px;
background: url(../img/list_point03.gif) no-repeat 0px 3px;
border-bottom: 1px dotted #cccccc;
}

*+ html #news ul li {  /* for IE 7 */
background: url(../img/list_point03.gif) no-repeat 0px 6px;
}

#news dl {
margin: 0px;
padding: 0px;
list-style-type: none;
border: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;
font-size: 80%;
line-height: 130%;
font-weight:normal;
float:left;
clear:left;
}

#news dl dd {
margin: 0px;
padding: 0px;
font-size: 80%;
line-height: 130%;
border:none;
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 {
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 #006600;
border-bottom: 1px solid #cccccc;
}

#topics dl {
width: auto;
margin: 0px;
padding: 5px;
list-style-type: none;
border: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%;
border:none;
display:block;
overflow:hidden;
zoom:1;
}

#topics dl dd h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
font-size: 100%;
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_list {
width: auto;
margin: 0px 0px 5px 0px;
padding: 0px;
border: 1px solid #999999;
position:relative;
}

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

#item_list dl {
width: auto;
margin: 0px;
padding: 0px 5px 5px 5px;
list-style-type: none;
border: none;
}

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

#item_list dl dt {
margin: 0px 0px 10px 0px;
padding: 6px 0px 6px 0px;
font-size: 100%;
line-height: 130%;
font-weight:bold;
border-bottom: 2px solid #999999;
clear:left;
}

#item_list dl dd {
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
font-size: 90%;
line-height: 130%;
}

#item_list dl dd ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
list-style-type: none;
}

#item_list dl dd ol li {
width:18%;
margin: 0px 10px 10px 0px;
padding: 0px;
border-bottom: 1px dotted #999999;
float:left;
}