body{
    margin: 0;
    padding: 0;
}
#wrapper{
    width: 1050px;
    margin: 0 auto 0 auto;
}
#header{
    margin: 0;
    padding: 0;
    background-color: #0B344A;
}
#contents{
    margin: 0;
}
#main{
    width: 730px;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    float: left;
}

/* ヘッダー足立中学校写真下　パンくずリスト
---------------------------------------------------- */

#navigation {
  position: relative;
  top: 10px;
  left: 10px;
  margin: 0;
  padding: 0 ;
  list-style: none;
}
#navigation li {
  position: absolute;
  left: 20px;
  display: block;
  width: 310px;
  height: 35px;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
}
#navigation span, #toppage a {
  display: block;
  line-height: 1.0;
  padding: 0 0 0 8px;
  border-left-width: 8px;
  border-left-style: solid;
}
#navigation span, #dial a {
  display: block;
  line-height: 1.0;
  padding: 0 0 0 8px;
  border-left-width: 8px;
  border-left-style: solid;
}
#navigation span, #honpen a {
  display: block;
  line-height: 1.0;
  padding: 0 0 0 8px;
  border-left-width: 8px;
  border-left-style: solid;
}
#navigation span, #shiryou a {
  display: block;
  line-height: 1.0;
  padding: 0 0 0 8px;
  border-left-width: 8px;
  border-left-style: solid;
}
#navigation span, #kenpakusho a {
  display: block;
  line-height: 1.0;
  padding: 0 0 0 8px;
  border-left-width: 8px;
  border-left-style: solid;
}
#navigation span, #iken a {
  display: block;
  line-height: 1.0;
  padding: 0 0 0 8px;
  border-left-width: 8px;
  border-left-style: solid;
}
#navigation span, #hukurou a {
  display: block;
  line-height: 1.0;
  padding: 0 0 0 8px;
  border-left-width: 8px;
  border-left-style: solid;
}
#navigation span {
 border-left-color: #ff7400;
  color: #000000;
}
#navigation a {
  display: block;
  width: 310px;
  height: 12px;
  border-left-color: #00d9d9;
  text-decoration: none;
  color: #888888;
}
#navigation a:hover {
  color: #000000;
  border-left-color: #ff7400;
}

ul#navigation li#toppage{
  left: 1px;
}
ul#navigation li#dial {
  left: 65px;
}
ul#navigation li#honpen {
  left: 240px;
}
ul#navigation li#shiryou {
  left: 377px;
}
ul#navigation li#kenpakusho {
  left: 520px;
}
ul#navigation li#iken {
  left: 635px;
}
ul#navigation li#hukurou {
  left: 750px;
}

#navi_left{
    width: 210px;
    margin: 0;
    padding: 0;
    background-color: aqua;
    float: left;
}
#main_contents{
    width: 520px;
    margin: 0;
    padding: 0;
    float: right;
}
#main_contents_k{
    width: 890px;
    margin: 0;
    padding: 0;
    float: right;
}
/*
#navi_right{
    width: 320px;
    margin: 0;
    padding: 0;
    float: right;
}
*/
#navi_right_contents{
  position: absolute;
    width: 315px;
    margin: 20;
    padding: 0;
    float: right;
}
#footer{
    margin: 0;
    padding: 5px;
  font-size: 12px;
  font-weight: bold;
    clear:both;
} 
/* ƒiƒrƒQ[ƒVƒ‡ƒ“ ¶@default
---------------------------------------------------- */
#nav {
  position: absolute;
  top: 540px;
  left: 10px;
  margin: 0;
  padding: 15px 0 0 0 ;
  list-style: none;
//  background: url(../images/colona200.jpg) no-repeat top left;
  border-bottom: 1px dotted #726d6b;
    width:200px;
    margin:20px 0 0 0px;
}


ol ,ul{
    list-style:none;
}

.archive{
    background:#369;
    color:#FFF;
    padding:5px 0px;
    border-bottom:1px solid #FFF;
    cursor:pointer;
}
.subMenu li{
    background-color:#CEF; 
    padding:0px 0px;
    border-bottom:1px solid #FFF;  
}
.thema{
    background:#728;
    color:#FFF;
    padding:5px 0px;
    border-bottom:1px solid #FFF;
    cursor:pointer;
}

#nav li {
  padding: 8px 0;
  width: 140px;
  border-top: 1px dotted #726d6b;
  font-size: 12px;
  font-weight: bold;
}
#nav span, #nav a {
  display: block;
  line-height: 1.0;
  padding: 0 0 8px;
  border-left-width: 8px;
  border-left-style: solid;
}
#nav span {
 border-left-color: #ff0074;
  color: #000000;
}
#nav a {
  border-left-color: #d9d9d9;
  text-decoration: none;
  color: #888888;
}
#nav a:hover {
  color: #000000;
  border-left-color: #ff7400;
}
#visitors {
  position: absolute;
  top: 630px;
  left: 5px;
  margin: 0;
  padding: 15px 0 0 0 ;
  list-style: none;
  background: url(../images/flow.gif) no-repeat top left;
  border-bottom: 1px dotted #726d6b;
}
/* ƒiƒrƒQ[ƒVƒ‡ƒ“ ¶@kusa_kyoko
---------------------------------------------------- */
#navk {
  position: absolute;
  top: 280px;
  left: 10px;
  margin: 0;
  padding: 15px 0 0 0 ;
  list-style: none;
  background: url(../images/colona200.jpg) no-repeat top left;
  border-bottom: 1px dotted #726d6b;
}
#navk li {
  padding: 8px 0;
  width: 140px;
  border-top: 1px dotted #726d6b;
  font-size: 12px;
  font-weight: bold;
}
#navk span, #nav a {
  display: block;
  line-height: 1.0;
  padding: 0 0 0 8px;
  border-left-width: 8px;
  border-left-style: solid;
}
#navk span {
 border-left-color: #ff0074;
  color: #000000;
}
#navk a {
  border-left-color: #d9d9d9;
  text-decoration: none;
  color: #888888;
}
#navk a:hover {
  color: #000000;
  border-left-color: #ff7400;
}

