html,body{
  height:100%;
}
body,div,p,ul,li,h1,h2,h3,h4,h5,a,hr{
  margin:0;
  padding:0;
}

li{
  list-style:none;
}

img{
  border:0;
  margin:0;
  padding:0;
  vertical-align:bottom;
}

body{
  background-color:#ffffff;
  font-size:12px;
  height:100%;

}

#base_container{
  background:url(../images/view.jpg) 100% 0 no-repeat;
  margin:auto;
  width:840px;
  border-left:solid 1px #c0b5ba;
  border-right:solid 1px #c0b5ba;
  -moz-box-shadow: 9px 0 9px #c0b5ba;
  -webkit-box-shadow: 9px 0 9px #c0b5ba;
  box-shadow: 9px 0 9px #c0b5ba;

}

h1{
  color:#000000;
  font-size:12px;
  margin:0;
}
h1.h_thread{
  color:#000000;
}

p#pageinformation{
  color:#000000;
  font-size:12px;
  float:left;
  margin:12px 0 0 0;
}
p#pageinformation_thread{
  color:#000000;
  font-size:12px;
  float:left;
  margin:12px 0 0 0;
}

#head_container{
  clear:left;
  margin:0 28px 10px 28px;
}
#head_container .titleimage{
  height:63px;
}
#head_container .headlink{
  margin-top:10px;
}

#head_container .headform{
  margin-top:10px;
}

#head_container .headform .search_text{
  width:262px;
  border:solid 1px #cccccc;
}
#main_container{
  width:563px;
  margin:0 22px 0 28px;
  text-align:left;
  float:left;

}

*html #main_container{
  margin:0;
}

.contentsblock{
  border:solid 1px #be86a7;
  margin-bottom:9px;
  padding:0 10px 10px 10px;
  line-height:180%;
}


#main_container .bread{
  margin-bottom:10px;
}

#main_container .information{
  padding:10px;
}
#main_container .information h1{
  margin:0 0 10px;
  font-size:24px;
  font-weight:bold;
}

#main_container .information .niceblock{
  width:50%;
  float:left;
}

#main_container .yuryosite{
  padding:0 10px 0 10px;
  font-size:14px;

}

#main_container .yuryolink{
  border:solid 1px #5fa638;
  margin:10px 0;
  padding:5px;

}

#main_container .yuryosite .site{
  margin-bottom:10px;
  line-height:130%;
}

#main_container .yuryosite .site .title{
  font-weight:400;
  font-size:16px;
  margin-bottom:4px;
}

#main_container .yuryosite .site .title a:link,
#main_container .yuryosite .site .title a:hover,
#main_container .yuryosite .site .title a:visited{
  color:#ff0000;
}

#main_container .yuryosite .site p.name{
  display:inline;
  padding:0 24px 0 0;
  font-size:16px;
}
#main_container .yuryosite .site p.name img{
  padding-right:18px;
}

#main_container .yuryosite .site p{
  display:inline;
}

#main_container .rubi {
  overflow:hidden;
}

#main_container .rubi p{
  float:left;
  padding:0 10px 0 10px;
  font-size:14px;

}

#main_container .kuchikomimore li{
  float:left;
  width:260px;
  padding:5px;
  line-height:130%;
  height:16px;
}

#main_container .kuchikomimore li.oddrow{
  background-color:#eeeeee;
}

#main_container .osusumelink{
  border:solid 1px #5fa638;
}

.contentslink{
  overflow:auto;
}
.contentslink .before{
  padding:10px 0 0 0;
  text-align:left;
  float:left;
}

.contentslink .after{
  padding:10px 0 0 0;
  text-align:right;
}

.contentsblock h1,
h2,.headertype{
  padding:0;
  position:relative;
  letter-spacing:0;
  margin:0 -10px 10px -10px;
  font-weight:900;
}
.contentsblock h1.titleimage,
h2.titleimage{
  padding:0;
  position:relative;
  letter-spacing:0;
  margin:0;
}

h1.text,h2.text,h3.text{
  background:url(../images/title_bg.gif) 0 0 repeat;
  color:#5fa638;
  font-size:16px;
  padding:8px 8px 8px 31px;
  position:relative;
  margin:0 -10px 10px -10px;
  letter-spacing:0;
}
h1.threadtext{
  background:none;
  color:#000000;
  font-size:24px;
  line-height:1.2;
}

h1.text a,
h2.text a{
  color:#5fa638;
}
h1.text .red,
h2.text .red{
  font-size:12px;
  color:#ff0000;
}
div.text{
  background:url(../images/title_bg.gif) 0 0 repeat;
  color:#5fa638;
  font-size:16px;
  padding:8px 8px 8px 31px;
  position:relative;
  margin:0 -10px 10px -10px;
  letter-spacing:0;
  font-weight:900;
}
#subcontents{
  position:relative;
  float:left;
  width:205px;
}
#subcontents .bookmarkbtn{
  position:absolute;
  top:-22px;
}
#subcontents .contentstitle,
#subcontents .contentstitletext{
  padding:0;
  position:relative;
  letter-spacing:0;
  margin:0 -5px 5px -5px;
  font-weight:900;
  height:26px;
}
#subcontents #sidebar{
  position:relative;
  margin:1px 0 5px 0;
}
#subcontents .sidekuchikomi{
  margin:0 0 10px 0;
}
#subcontents .sidekuchikomi .profile img{
  vertical-align:middle;
}
*html #subcontents{
  margin:0 25px 0 12px;
}

#subcontents .contentsblock{
  padding:0 5px 5px 5px;
}

#subcontents .sougo p{
  padding-top:12px;
}

#subcontents .mobile{
  text-align:center;
  height:180px;
}

#subcontents .ranking_date{
  color:#5fa638;
}

#subcontents .rankblock{
  margin-bottom:12px;
}

#subcontents .rankblock img{
  float:left;
  display:block;
  margin:10px 15px 0 0;
}

#subcontents .rankblock p{
  float:left;
  width:130px;
  line-height:130%;
}

#subcontents .rankblock p .star{
  color:#ff0000;
}

#subcontents .hyobanblock a{
  display:block;
}

#subcontents .contentstitletext{
  background:url(../images/title_bg.gif) 0 0 repeat;
  color:#5fa638;
  font-size:16px;
  padding:2px 8px 2px 31px;
  position:relative;
  margin:0 -5px 5px -5px;
  letter-spacing:0;
}

h2 .title_mark,
div .title_mark,
#subcontents .contentstitle .title_mark{
  position:absolute;
  left:8px;
  top:8px;
  display:block;
}

#subcontents .contentstitletext .title_mark{
  position:absolute;
  left:2px;
  top:2px;
  display:block;
}

*html h2 .title_mark,
*html #subcontents .contentstitle .title_mark,
*html #subcontents .contentstitletext .title_mark{
  left:-20px;

}

.contentsblock .topkuchikomi{
  padding:12px 0 0 0;
  line-height:130%;
}

.contentsblock .topkuchikomi .profile{
  display:block;
  padding:6px 0;
}

.contentsblock .topkuchikomi .kuchikomi_value{
  display:block;

}
.contentsblock .experiencekuchikomi{
  padding:12px 0 0 0;
  line-height:200%;
}

.contentsblock .experiencekuchikomi .profile .sitename{
  font-size:16px;
}

.contentsblock .experiencekuchikomi .kuchikomi_value{
  font-size:16px;
  display:block;

}
.contentsblock .threadkuchikomi{
  padding:0;
}

.contentsblock .threadkuchikomi .profile{
  display:block;
}

.contentsblock .threadkuchikomi .kuchikomi_value{
  display:block;

}
.contentsblock .morelink{
  text-align:right;
}

.contentsblock .kuchikomiinfo .muryoinfor{
  text-align:center;
  border-bottom: dotted 1px #F84ECE;
}
.contentsblock #formtable{
  margin: 0 0 0 20px;
}
.contentsblock #formtable #form_name{
  width:262px;
}

.contentsblock #formtable #form_url{
  width:262px;
}

.contentsblock #formtable #form_comment{
  width:344px;
  height:120px;

}
.contentsblock #formtable #form_handlename{
  width:262px;
}
.contentsblock #formtable span{
  font-weight:bold;
}
.contentsblock .howlink{
  margin-top:20px;
}

.contentsblock .howlink p{
  float:left;
}
.contentsblock .howlink p.back{
  text-align:left;
  width:50%;
}

.contentsblock .howlink p.next{
  text-align:right;
  width:50%;
}

.contentsblock p.continfor{
  margin:0 0 10px 0;
  position:relative;
  color:#5fa638;
  letter-spacing:0;
  font-size:11px;
}
.contentsblock p.continfor .kuchikominum{
  display:block;
  text-align:right;
}
.contentsblock p.continfor .kuchikominum em{
  color:#ff0000;
  font-style:normal;
}
.contentsblock p.sitename,
.contentsblock p.url{
  font-weight:400;
  color:#999999;
}

.contentsblock p.sitename span,
.contentsblock p.url span{
  padding-left:20px;
  color:#000000;
  font-weight:400;
}

.contentsblock .kuchikomilist h3{
  margin:12px 0;
  font-weight:400;
  color:#ff0000;
  border-top:dotted 1px #f84ece;
  padding:5px 0 0 0;
}
.contentsblock .kuchikomilist h3 em{
  font-weight:900;
  font-style:normal;
}
.contentsblock .kuchikomilist .kuchikominum{
  margin:12px 0;
  font-weight:400;
  border-top:dotted 1px #f84ece;
  padding:5px 0 0 0;
}
.contentsblock .kuchikomilist .kuchikominum em{
  color:#ff0000;
  font-weight:900;
  font-style:normal;
}
.contentsblock .kuchikomilist .kuchikomi{
  border-bottom:dotted 1px #f84ece;
  padding:12px 0;
}
.contentsblock .kuchikomilist .kuchikomi .date{
  color:#5fa638;
}
.contentsblock .kuchikomilist .kuchikomi .uidata{
  color:#000000;
}

.contentsblock .kuchikomilist .kuchikomi .counter{
  text-align:right;
  color:#5fa638;
}

.contentsblock .kuchikomilist .kuchikomi .counter a{
  display:inline-block;
  width:60px;
  height:22px;
  background-color:#5fa638;
  text-align:center;
  padding-top:10px;
  
}
.contentsblock .kuchikomilist .kuchikomi .counter .zero{
  color:#5fa638;
}
.contentsblock .kuchikomilist .kuchikomi .counter .zero a{
  background-color:#5fa638;
  
}
.contentsblock .kuchikomilist .kuchikomi .counter .ten{
  color:#33a8a6;
}
.contentsblock .kuchikomilist .kuchikomi .counter .ten a{
  background-color:#33a8a6;
  
}
.contentsblock .kuchikomilist .kuchikomi .counter .thirty{
  color:#ff9933;
}
.contentsblock .kuchikomilist .kuchikomi .counter .thirty a{
  background-color:#ff9933;
  
}
.contentsblock .kuchikomilist .kuchikomi .counter .fifty{
  color:#ff6699;
}
.contentsblock .kuchikomilist .kuchikomi .counter .fifty a{
  background-color:#ff6699;
  
}
.contentsblock .kuchikomilist .kuchikomi .counter .over{
  color:#ff0000;
}
.contentsblock .kuchikomilist .kuchikomi .counter .over a{
  background-color:#ff0000;
  
}

.contentsblock .kuchikomilist .kuchikomi .counter a:link,
.contentsblock .kuchikomilist .kuchikomi .counter a:hover,
.contentsblock .kuchikomilist .kuchikomi .counter a:visited{
  color:#ffffff;
  text-decoration:none;
  font-size:14px;
  font-weight:900;

}
.contentsblock .kuchikomilist .kuchikomi .kuchikomi_value{
  font-size:16px;
  word-break:break-all;
}
.contentsblock .experience_info{
  padding:0 0 12px 0;
}

.contentsblock .experience_more{
  padding:24px 0 0 0;
  color:#ff0000;
  font-weight:900;
}

.contentsblock .experience{
  padding:6px 0;
  line-height:180%;
  font-size:14px;
}

.contentsblock .experience .profile{
  display:block;
  padding:0;
  color:#5fa638;
}

.contentsblock .pagelink{
  text-align:center;
}

.contentsblock .strongdate{
  color:#ff0000;
  font-weight:900;
}

.contentsblock .bookmark{
  background:#ffffcc;
  padding:5px;
  margin:0 10px;
}
.contentsblock .bookmark p{
  margin:5px;
}
.contentsblock .bookmark .bookmarkbtn{
  text-align:center;
}
.contentsblock .bookmark .bookmarkbtn .parts{
  display:inline-block;
  vertical-align:top;
}
.contentsblock .bookmark .bookmarkbtn .parts iframe.twitter-share-button {
width: 100px !important;
padding: 0 0 0 10px;
}
.contentsblock .moresitelink{
  margin:10px 15px 30px;
}
.contentsblock .moresitelink p{
  font-size:16px;
  font-weight:900;
}
.contentsblock .moresitelink ul{
	margin:10px 0 0;
}
.contentsblock .moresitelink li{
  margin:0 0 5px 0;
  font-size:16px;
}
.how{
  font-size:14px;
  position:relative;
}

.how .site{
  margin-top:20px;
  font-size:14px;
  border-bottom:solid 1px #cccccc;
  overflow:hidden;
}
.how p{
  margin-bottom:14px;
}
.how .site .name{
  font-size:18px;
  margin-bottom:0;
/*  width:380px;*/
}
.how .thread_var{
}
.how .thread_var .name{
}
.how .thread_var .name img{
  vertical-align:middle;
}


.how .site .value{
  margin-bottom:0;
/*  width:380px;*/
}
.how .site .siteimage{
  position:absolute;
  top:24px;
  right:10px;
  
}
.how .site .siteimage img{
  border:solid 1px #999;
}

.how .site .link{
  text-align:right;
  float:right;
}

.how .site .link a{
  display:inline-block;
  background-color:#ff7f27;
  padding:8px;
  border:solid 1px #ccc;
}

.how .site .link a:link,
.how .site .link a:hover,
.how .site .link a:visited{
  color:#ffffff;
}
.how .site .counter{
  float:right;
  padding:10px;
}
.how .site .counter a{
  padding:10px;
  text-decoration:none;
}
.how .site .blue{
  color:#33a8a6;
}
.how .site .blue a{
  background-color:#33a8a6;
}
.how .site .blue span{
  color:#ffffff;
}
.how .site .green{
  color:#5fa638;
}
.how .site .green a{
  background-color:#5fa638;
}
.how .site .green span{
  color:#ffffff;
}
.how .site .orange{
  color:#ff9933;
}
.how .site .orange a{
  background-color:#ff9933;
}
.how .site .orange span{
  color:#ffffff;
}
.how .site .pink{
  color:#ff6699;
}
.how .site .pink a{
  background-color:#ff6699;
}
.how .site .pink span{
  color:#ffffff;
}
.how .site .red{
  color:#ff0000;
}
.how .site .red a{
  background-color:#ff0000;
}
.how .site .red span{
  color:#ffffff;
}

.explain p{
  margin-bottom:12px;
}

.sitemapblock dt{
  margin-top:12px;
  color:#5fa638;
}

.sitemapblock dd{
  margin:0;
  padding:0 0 0 20px;

}

#foot_container{
  border-top:solid 1px #c0b5ba;
  text-align:center;
  padding:11px 0 11px 0;
}
#foot_container .sougo{
  padding:12px 0 0 0;
}
#foot_container .tokosublock{
  width:300px;
  float:left;
  text-align:left;
  padding:10px 0 0 120px;
}
#foot_container .tokosublock .contentstitle{
  color:#5FA638;
  font-weight:900;
  font-size:16px;
  padding:0 0 8px 0;
}
#foot_container .tokosublock ul{
  float:left;
  width:140px;
}
#foot_container .tokosublock li{
  display:inline-block;
  width:140px;
  padding:0 0 8px 0;
}
#foot_container .monthlyblock{
  width:300px;
  float:left;
  text-align:left;
  padding:10px 0 0 0;
}
#foot_container .monthlyblock .contentstitle{
  color:#5FA638;
  font-weight:900;
  font-size:16px;
  padding:0 0 8px 0;
}
#foot_container .monthlyblock .contentstitle span{
  display:inline-block;
  padding:0 0 0 50px;
  font-weight:400;
  font-size:14px;
}
#foot_container .monthlyblock ul{
  float:left;
  width:140px;
}
#foot_container .monthlyblock li{
  display:inline-block;
  width:140px;
  padding:0 0 8px 0;
}
.num{
  color:#ff0000;
}

.date{
  color:#5fa638;
}

.clr{
  clear:both;
}

.caution{
  color:#ff0000;
}

.male{
  color:#0000ff;
}
.female{
  color:#ff0000;
}
.number{
  color:#ffa500;
  font-weight:900;
}
.newmark{
  vertical-align:middle;
}
.browser_icon{
  height:20px;
  margin:0 5px;
}

.copyright{
  clear:left;
  padding:10px 0 0 0;
  text-align:center;
}
.fb_iframe_widget iframe{
  left:0;
}