.reefring_page .api-sample {
  position:relative;
  top:-10px;
  margin:0 0 20px 15px;
}

/* reef ring */
.reefring_page {
}
.reefring_page .title {
  background:url(bg_title.gif) no-repeat left top;
}

.reefring_page .menu_top {
  padding-top:5px;
}
.reefring_page .menu_top form,
.reefring_page .menu_top div {
  display:inline;
}

.reefring_page .para .info_top {
  height:75px;
  padding-left:140px;
  background:url(img/bg_logo.jpg) no-repeat left top;
  line-height:15px;
}
.reefring_page .para .info_top span {
  display:block;
  margin-top:5px;
}

.reefring_page .blog-list {
}
.reefring_page .blog-list a {
  white-space:nowrap;
}

.reefring_page .form_regist {
  margin-bottom:30px;
  text-align:center;
}
.reefring_page .form_regist input {
  width:150px;
  height:40px;
}

.reefring_page .all_list {
  width:600px;
  margin-bottom:20px;
  line-height:1.6em;
  list-style-type:none;
}
.reefring_page .all_list li {
  display:inline;
  margin-right:10px;
}
.reefring_page .all_list li a,
.reefring_page .all_list li a:link,
.reefring_page .all_list li a:visited {
  white-space:nowrap;
  border-bottom:dashed 1px #08e;
}
.reefring_page .all_list li a:active {
  border-bottom:dashed 1px #f40;
}
.reefring_page .all_list li a:hover {
  border-bottom:dashed 1px #4ff;
}


.reefring_page .frame {
  position:relative;
  z-index:2;
  margin:0 0 20px 0;
  padding:10px;
  background:#131926;
  border:solid 1px #303848;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
}


.reefring_page .sort_form {
  position:relative;
  z-index:1;
}
.reefring_page .sort_form .link {
  margin:0;
  padding:0;
}
.reefring_page .sort_form .link dt {
  display:none;
}
.reefring_page .sort_form .link dd {
}

.reefring_page .sort_form .link dd.tab {
  float:left;
  padding-left:5px;
}
.reefring_page .sort_form .link dd.tab a {
  float:left;
  width:85px;
  height:25px;
  margin:0 5px 0 0;
  line-height:24px;
  text-align:center;
}
.reefring_page .sort_form .link dd.tab a,
.reefring_page .sort_form .link dd.tab a:link,
.reefring_page .sort_form .link dd.tab a:visited,
.reefring_page .sort_form .link dd.tab a:active {
  background:url(./img/tab_sort.gif) no-repeat left top;
}
.reefring_page .sort_form .link dd.tab a:hover {
  background:url(./img/tab_sort.gif) no-repeat left center;
}
.reefring_page .sort_form .link dd.tab a.here,
.reefring_page .sort_form .link dd.tab a.here:link,
.reefring_page .sort_form .link dd.tab a.here:visited,
.reefring_page .sort_form .link dd.tab a.here:active,
.reefring_page .sort_form .link dd.tab a.here:hover {
  font-weight:bold;
  color:#ccc;
  background:url(./img/tab_sort.gif) no-repeat left bottom;
}

.reefring_page .sort_form .link dd.type {
  width:171px;
  height:20px;
  margin:0 -5px 15px 0;
  padding:0;
}

.reefring_page .sort_form .link dd.type a {
  float:left;
  width:50px;
  height:20px;
  margin-right:5px;
  text-align:center;
  line-height:20px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
}
.reefring_page .sort_form .link dd.type a,
.reefring_page .sort_form .link dd.type a:link,
.reefring_page .sort_form .link dd.type a:visited,
.reefring_page .sort_form .link dd.type a:active {
  background:#000;
  border:solid 1px #404858;
}
.reefring_page .sort_form .link dd.type a:hover {
  background:#293039;
  border:solid 1px #596069;
}
.reefring_page .sort_form .link dd.type a.here,
.reefring_page .sort_form .link dd.type a.here:link,
.reefring_page .sort_form .link dd.type a.here:visited,
.reefring_page .sort_form .link dd.type a.here:active,
.reefring_page .sort_form .link dd.type a.here:hover {
  color:#798089;
  background:#293039;
  border:solid 1px #596069;
}

.reefring_page .sort_form .form {
  float:right;
  margin-top:-5px;
}
.reefring_page .sort_form .form input {
  display:none;
}
.reefring_page .sort_form .form div {
  display:inline;
}
.reefring_page .sort_form .form .word {
  display:inline;
  width:100px;
  vertical-align:middle;
}
.reefring_page .sort_form .form .submit {
  display:inline;
  width:35px;
  vertical-align:middle;
}

.reefring_page .navi {
  padding-bottom:10px;
}
.reefring_page .navi .page {
  float:left;
}
.reefring_page .navi .info {
  float:right;
  width:120px;
  margin:-5px 0;
  text-align:center;
  line-height:1em;
  font-size:11px;
  color:#666;
}
.reefring_page .navi .info .num {
  float:right;
  width:25px;
}
.reefring_page .navi .info .pv {
  float:right;
  width:50px;
  margin:0 0 0 10px;
}
.reefring_page .navi .info .pv strong {
  display:block;
}
.reefring_page .navi .info .pr {
  float:right;
  width:25px;
  margin:0 0 0 10px;
}
.reefring_page .navi br {
  clear:both;
}


.reefring_page .link_list {
  padding:0;
  list-style-type:none;
}
.reefring_page .link_list p {
  display:inline-block;
}
.reefring_page .link_list p {
  clear:both;
  position:relative;
  width:610px;
  padding:2px 0;
  border-top:dashed 1px #666;
}
.reefring_page .link_list p:after {
  content:'.';
  clear:both;
  visibility:hidden;
  display:block;
  width:100%;
  height:0;
}
* html>body .reefring_page .link_list p {
  display:inline-block;
}
.reefring_page .link_list .error {
}
.reefring_page .link_list .error font {
  color:#c66;
}
.reefring_page .link_list font {
  float:left;
  display:block;
  margin:5px 10px 0 0;
}
.reefring_page .link_list .nodata {
  line-height:60px;
  text-align:center;
}

.reefring_page .link_list code {   /* num */
  float:left;
  display:block;
  width:35px;
  margin:5px 10px 0 0;
  line-height:31px;
  text-align:right;
}
.reefring_page .link_list a {   /* link */
  float:left;
  margin:5px 0;
  line-height:31px;
}

.reefring_page .link_list a img {   /* banner */
  float:none;
  width:88px;
  height:31px;
  margin:0 5px 0 0;
  vertical-align:middle;
}
.reefring_page .link_list img {   /* pagerank */
  float:right;
  width:22px;
  height:12px;
  margin:3px 0 5px 0;
}
.reefring_page .link_list small {   /* pageview */
  float:right;
  height:12px;
  margin:3px 0 5px 0;
  padding:0 15px 0 0;
  line-height:12px;
  font-size:10px;
  font-family:Osaka,'MS Gothic','MS UI Gothic',sans-serif;
}
.reefring_page .link_list em {   /* site-type */
  clear:right;
  float:right;
  margin:0 0 5px 0;
  line-height:13px;
  font-style:normal;
  font-size:11px;
  white-space:nowrap;
  color:#369;
}
.reefring_page .link_list em a {
  float:none;
  margin:0;
  line-height:1.2em;
}
.reefring_page .link_list a.hatena {
  position:absolute;
  right:150px;
  top:0;
  width:30px;
  height:14px;
  line-height:16px;
  text-indent:2px;
  font-weight:bold;
  font-size:10px;
  color:#fff;
  background:#525252 url() no-repeat right top;
  border-left:solid 1px #b4b4b4;
}
/*\*/
.reefring_page .link_list a.hatena {
  overflow:hidden;
}
/**/

.reefring_page .link_list span {
  clear:both;
  position:relative;
  display:block;
  width:575px;
  max-height:1.2em;
  height:1.2em;
  margin:-2px -10px 5px 43px;
  line-height:1.2em;
  overflow:hidden;
}


.reefring_page font.up {
  color:#d0d060;
  font-weight:bold;
}
.reefring_page font.mid {
  color:#60d060;
  font-weight:bold;
}
.reefring_page font.down {
  color:#6060d0;
  font-weight:bold;
}

.reefring_page .info_space {
  clear:both;
  margin-bottom:20px;
  text-align:center;
  line-height:1.4em;
  color:#666;
}

.reefring_page .next_form {
  padding:30px 0;
  text-align:center;
}
.reefring_page .next_form .submit {   /************ limit 2008 ************/
  width:100px;
  height:25px;
}
.reefring_page .next_form a {
  margin:0 5px 5px 0;
  padding:2px 5px;
}
.reefring_page .next_form a,
.reefring_page .next_form a:link,
.reefring_page .next_form a:visited,
.reefring_page .next_form a:active {
  color:#08e;
  background:#000;
  border:solid 1px #08e;
}
.reefring_page .next_form a:hover {
  color:#ccc;
  background:#08e;
  border:solid 1px #08e;
}
.reefring_page .next_form a.here {
  color:#999;
  background:#000;
  border:solid 1px #999;
}

.reefring_page .about {
  padding-bottom:20px;
  text-align:center;
}


.reefring_page .renew {
  display:block;
  height:50px;
  min-height:50px;
  margin-top:10px;
  padding-left:80px;
  background:url(error.gif) no-repeat left top;
}
html>body .reefring_page .renew {
  height:auto;
}



.help-reefring {   /* 2008/03/03 */
  margin-bottom:30px;
  text-align:left;
}
.help-reefring dl {
  padding-left:20px;
  line-height:1.4em;
}
.help-reefring dl dt {
  padding:5px 0 0 0;
  color:#ddd;
}
.help-reefring dl dt strong {
  color:#ddd;
}
.help-reefring dl dd {
  padding:0 0 5px 40px;
  border-bottom:dashed 1px #456;
}



#SourceSample {   /* 2008/03/03 */
  margin:5px 0;
  width:590px;
  height:100px;
  font-size:1em;
}


.reefring_page .time {   /* 2008/11/05 */
  text-align:right;
  color:#666;
}