h1,h2,h3,h4,h5,ul {
  margin:0;
}

img {  border:none;}

body {
  margin:0;
  text-align:center;
  padding:0;
  color:#666;
  background: url(img/base/all_body.gif) repeat-x;
}

#wrapper {
  width:770px;
  text-align : left;
  background: url(img/base/all_content.gif) repeat-y;
  margin : 0 auto;
  font : 10pt/140% verdana,arial,sans-serif;
  overflow:hidden;
}

#header {
  background: url(img/base/all_header.gif) no-repeat;
  margin : 0;
  position:relative;
  width : 770px;
  height : 250px;
}

#header h1 {
  position:absolute;
  top:40px;
  left:40px;
}

#header h2 {
  position:absolute;
  top:50px;
  right:40px;
}

#header .search {
  position:absolute;
  top:90px;
  right:40px;
}

#header ul {
  position:absolute;
  margin:0;
  padding:0;
  top:200px;
  left:10px;
  list-style-type:none;
  float:left;
}

#header li {
  float:left;
  margin:0;
}


#content {
  margin : 15px 30px;
  padding:0;
}

#content p {
  margin:5px;
}

#content li {
  list-style-type:none;
  background: url(img/icon/all_list.gif) no-repeat left 50%;
  padding-left:14px;
}

#content h4 {
  margin-top:15px;
}

#c-text {
  width:470px; 
  float:left;
}

#c-image {
  width:230px;
  float:right;
}

.c-left {
  width : 200px;
  float:left;
  margin-left:12px;
  _margin-left:5px;
}

#main {
  width:470px;
  float:left;
  margin-top:10px;
}

#main ul {
  padding:5px 0px 0px 5px;
}

#main li {
  list-style:none;
}

#main li a:hover {
  background-color:#09f;
  color:#fff;
  text-decoration:none;
}

#main2 {
  width:470px;
  float:left;
}

#main2 h4 {
  background:url(img/icon/all_h4.gif) no-repeat left 20%;
  padding-left:18px;
  padding-bottom : 3px;
  margin-bottom:10px;
  margin-top:10px;
  font-size:14px;
  border-bottom:solid 3px #03f;
}

#main2 h5 {
  font-weight : bold;
  font-size : 13px;
  background: url(img/icon/all_list.gif) no-repeat left 50%;
  padding-left:14px;
  margin-right:20px;
  border-bottom: dotted 2px #ccc;
}

#main2 ul {
  padding:5px 0px 0px 5px;
}

#main2 li a:hover {
  background-color:#09f;
  color:#fff;
  text-decoration:none;
}

#main2 h3 {
  margin-bottom:10px;
}

#main2 td {
  text-align : left;
  padding : 5px;
  border : solid 1px #ccc;
}


#side {
  width:230px;
  float:right;
  margin-top:10px;
}

#side li a:hover {
  background-color:#09f;
  color:#fff; 
  text-decoration:none;
}

#side h4 a:hover {
  background-color:#09f;
  color:#fff;
  text-decoration:none;
}

#side_head {
  background:url(img/base/all_side_head.gif) no-repeat top left;
  margin:0;
  padding:0;
}

#side_body {
  background:url(img/base/all_side_body.gif) repeat-y;
  margin:0;
  padding:0;
}

#side_bottom {
  background:url(img/base/all_side_bottom.gif) no-repeat bottom left;
  margin:0;
  padding:10px;
}

#side h3 {
  margin:10px 0px 0px 0px;
}

#side ul {
  margin:5px 0px;
  padding:5px 0px 0px 5px;
}

#side h4 {
  font-size:10pt;
  background:url(img/icon/studylink.gif) no-repeat left 50%;
  padding-left:17px;
}

#side p {
  border-bottom:solid 1px #ccc;
  padding-bottom:5px;
}

.c-both {
  clear:both;
}

#fooder {
  background: url(img/base/all_fooder.gif) no-repeat;
  margin : 0;
  padding : 0;
  width : 770px;
  height : 210px;
  position:relative;
}

#fooder p {
  position:absolute;
  top:60px;
  _top:65px;
  left:125px;
  text-align:center;
}


/* category elements */

#c-title {
  background:url(img/base/category_title.gif) no-repeat;
  font-size:14px;
  color : #03f;
  font-weight:bold;
  line-height:34px;
  padding-left: 25px;
}


/* kobetsu elements */

#a-left {
  float:left;
  width:175px;
  margin:10px 5px 10px 10px;
  _margin:10px 5px 10px 5px;
}

#a-right {
  float:left;
  width:225px;
  margin:10px 0px;
  padding-top : 30px;
}

.editer {
  background:url(img/icon/a_editer.gif) no-repeat left 30%;
  padding:0px 0px 3px 20px;
  border-bottom : solid 3px #03f;
  margin:5px 60px 10px 0px;
  color:#03f;
}

.commenter {
  background:url(img/icon/a_commenter.gif) no-repeat left 50%;
  padding:0px 0px 3px 20px;
  color:#039;
}

.com_body {
  background:url(img/icon/a_com_body.gif) no-repeat top left;
  padding:0px 0px 3px 20px;
  border-bottom:solid 1px #ccc;
  margin:5px 60px 10px 0px;
}

.com_body_pre {
  background:url(img/icon/a_com_body.gif) no-repeat top left;
  padding:0px 0px 3px 20px;
  border-bottom:solid 1px #ccc;
  margin:5px 300px 10px 0px;
}


#a_name {
  background:url(img/icon/a_commenter.gif) no-repeat left 50%;
  padding:0px 0px 3px 20px;
}

#a_url {
  background:url(img/icon/a_url.gif) no-repeat left 50%;
  padding:0px 0px 3px 20px;
}

#a_info {
  background:url(img/icon/a_info.gif) no-repeat left 50%;
  padding:0px 0px 3px 20px;
}

#a_com {
  background:url(img/icon/a_com_body.gif) no-repeat top left;
  padding:0px 0px 3px 20px;
  margin-bottom:0px;
}

.cell {
  background-color : #69f;
  color : #fff;
  font-weight : bold;
}

.cell2 {
  background-color : #cff;
  color : #666;
  font-weight : bold;
}


.font {
  background:url(img/icon/all_h4.gif) no-repeat left 20%;
  padding-left:18px;
  padding-bottom : 3px;
  margin-bottom:10px;
  font-size:14px;
  font-weight : bold;
  border-bottom:solid 3px #03f;
}

#c-box td {
  border:none;
}

/* system elements */

.result {
  background:url(img/icon/all_h4.gif) no-repeat left 20%;
  padding-left:18px;
  padding-bottom : 3px;
  margin :0px 100px 15px 0px;
  font-size:14px;
  border-bottom:solid 3px #03f;
}