@import url("common.css");
@import url("header.css");
@import url("item_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 item top ------------------------------------------------------------ */
#item_kind {
width:100%;
margin: 0px 0px 25px 0px;
padding: 0px;
text-align:center;
}

#item_kind table {
width:870px;
margin: 1px auto 20px auto;
padding: 0px;
border-collapse: separate;
}

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

#item_kind table td {
margin: 4px;
padding: 8px;
font-size: 80%;
line-height: 120%;
text-align:left;
border: 1px solid #cccccc;
}

#item_kind h2 {
margin: 5px;
padding: 0px 0px 2px 0px;
font-size: 130%;
line-height: 130%;
font-weight:bold;
border-bottom: 2px solid #ef8800;
}

#item_kind p {
margin: 0px;
padding: 5px 5px 10px 5px;
}



#school_menu {
margin: 0px 0px 20px 0px;
padding: 0px;
}

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

#item_new h2 {
margin: 0px 5px 10px 5px;
padding: 6px 0px 3px 12px;
font-size: 90%;
line-height: 130%;
font-weight:bold;
background: url(../img/ttl_point04.gif) no-repeat 0px 2px;
border-bottom: 2px solid #ef8800;
clear:left;
}

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

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

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

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

#item_new dl dt {
width:96px;
margin: 0px;
padding: 0px 10px 0px 0px;
font-weight:normal;
border-bottom: none;
float:left;
clear:left;
}

#item_new dl dd {
margin: 0px;
padding: 0px;
border-bottom: none;
display:block;
overflow:hidden;
zoom:1;
}

/* for top ------------------------------------------------------------ */

#top_guide {
width: auto;
margin: 0px 0px 15px 0px;
padding: 0px;
text-align:center;
position:relative;
}

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

#top_guide dl {
width: 30%;
margin: 0px 5px 15px 5px;
padding: 0px 5px 5px 5px;
text-align:left;
list-style-type: none;
border: 1px solid #999999;
float:left;
}

#top_guide dl dt {
margin: 0px;
padding: 8px 4px 4px 4px;
font-size: 90%;
line-height: 130%;
border-bottom: 2px solid #999999;
}

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

#top_news {
width: auto;
margin: 0px 0px 5px 0px;
padding: 0px;
border: 1px solid #999999;
position:relative;
}

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

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

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

#top_news dl dt {
margin: 0px;
padding: 0px 10px 4px 0px;
font-size: 90%;
line-height: 130%;
float:left;
clear:left;
}

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

#top_news p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 0px;
font-size: 90%;
line-height: 130%;
background: #cccccc;
position:absolute;
top:3px;
right:3px;
}

/* for each top ------------------------------------------------------------ */

#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 #ef8800;
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_point05.gif) no-repeat 0px 3px;
border-bottom: 1px dotted #cccccc;
}

*+ html #news ul li {  /* for IE 7 */
background: url(../img/list_point05.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 #ef8822;
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 10px 0px;
padding: 0px;
position:relative;
}

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


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

#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 3px 12px;
font-size: 90%;
line-height: 130%;
font-weight:bold;
background: url(../img/ttl_point04.gif) no-repeat 0px 2px;
border-bottom: 2px solid #ef8800;
clear:left;
}

#item_list dl dd {
margin: 0px 0px 10px 0px;
padding: 0px 0px 4px 0px;
border:none;
}

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

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

#item_list dl dd ol li {
width:16%;
margin: 0px 10px 5px 0px;
padding: 0px 0px 2px 14px;
font-size: 80%;
line-height: 130%;
background: url(../img/list_point05.gif) no-repeat 0px 3px;
border-bottom: 1px dotted #999999;
float:left;
}