/***************
　　LEFT
****************/
div#left_area{  float: left;  width: 200px;   }

p.for{
  margin: 10px auto;  text-align: left; font-size: 9pt;  }

p.for a:hover{  color: rgb(255,0,0);  }

p#rss{  text-align: left;  font-size: 9pt; }

p#rss a#rss_top img{  padding: 2px 0 0;  }

dl#information{
  margin: 10px auto;
  text-align: left;  border: solid 1px rgb(229,137,137);  }

dl#information dt{
  margin-bottom:2px; padding:1px 0;
  color: rgb(255,255,255); font-weight:bold;
  text-align: center;  background: rgb(229,137,137);  }
  
dl#information dd{   padding: 0 5px 0;  }

dl#information dd span{  font-size: 9pt;  color: rgb(152,152,152);  }
dl#information dd p{
  margin: 0 0 5px;  font-size: 10pt;  text-indent: 5px;  }

dl#information dd p a:hover{  color: rgb(255,0,0);  }


ul#rss_list_top{   list-style: none;  margin: 5px 0 10px 0;  text-align: left;  }
ul#rss_list_top li{  margin:  0;   }

p#qr_info{  text-align: left;  }
p#qr_code{  
  width:70px;  height:70px;  margin:5px 0 0;  padding: 20px 20px;  border:solid 1px;  }

/***************
　　ERROR404
****************/
div#E404{
  margin: 50px auto 100px;
  text-align: center;  font-weight:bold; font-size:25pt;  }

div#E404 a{
  display:block; margin: 50px auto 100px;  font-size:12pt;  }


/***************
　　BANNER
****************/

div#G200_200{  margin: 5px auto;  }

div#GU468_60{  margin:10px auto;  text-align: center;  }


/***************
　　MAIN
****************/
div#main_area{
  float:right; width: 610px; margin: 0 auto;
  text-align: center;  }

/***************
　HOMEの時
****************/  
p#new_logs{
  width: 600px;  font-size: 9pt;  text-align: right;  }
  
p#new_logs a:hover,div#newlog_title a:hover{  color: rgb(255,0,0);  }


div#newlog_title{  border-bottom: solid 2px rgb(229,137,137); }
  
div#newlog_title h3{  float:left;  font-weight: bold;  color:rgb(229,137,137);   }
div#newlog_title a{  display:block;  float:right;   font-size: 9pt;  }

ol#newlog_ol{  margin: 0 0 10px 3em;  padding:5px 0 0;  text-align: left;  }
  
ol#newlog_ol li a:hover{  color: rgb(255,0,0);  }
 
p.genre_list{
   width: 600px; height: 25px;  margin: 0 auto;
  text-align: left;  overflow:hidden;  }

p#hotspot_color{ border-bottom: solid 3px rgb(229,0,0); }
p#life_color{ border-bottom: solid 3px rgb(255,170,0); }
p#hobby_color{ border-bottom: solid 3px rgb(0,178,0); }
p#sports_color{ border-bottom: solid 3px rgb(0,204,204); }
p#society_color{ border-bottom: solid 3px rgb(0,0,229); }
p#talk_color{ border-bottom: solid 3px rgb(178,0,178); }

div.category_list{
  width: 591px;  margin: 0 auto 20px;  padding: 5px 0 15px 7px;
  border-left: solid 2px rgb(230,230,230);   text-align: left;
  border-bottom: solid 2px rgb(230,230,230); }

div.category_list ul{
   width: 588px;  list-style:none;
   text-align: center;  font-size: 9pt;    }
  
div.category_list ul li{  float:left;  }

div.category_list ul li a{
  display: block;  width:146px; padding: 5px 0;
  text-decoration: none;
  border-right: solid 1px rgb(230,230,230); 
  border-bottom: solid 1px rgb(230,230,230);  }

div.category_list ul li a:hover{
  text-decoration: underline;  color: rgb(255,0,0);
  background: rgb(240,240,240);
  border-right: solid 1px rgb(200,200,200); 
  border-bottom: solid 1px rgb(200,200,200);  }
  

div.category_list p#area_comm{ 
  margin:5px 0 0; padding: 2px 5px;  font-size: small;
  text-align: center;   background: rgb(245,245,245);  }
  
div.category_list p#area_comm a{ text-decoration: none; }

div.category_list p#area_comm a:hover{
  text-decoration: underline;  color: rgb(255,0,0);  }
  
p#area_print{
  margin: 0 0 3px 7px;  padding: 2px 0 2px 20px;
  text-align: left;  background: rgb(250,250,250);
  border-top: solid 1px rgb(229,137,137); 
  border-bottom: solid 1px rgb(229,137,137);  }


/***************
 ジャンル別の時
****************/
/********* 新規ログ *********/
dl#new_log_list{
  width: 598px; margin: -20px auto 10px; padding: 0 0 5px;
  font-size: 10pt; text-align: left;
  border-top: none;  border-right: none;  }

dl#new_log_list dt{
  margin: 0 0 10px; padding-left: 90px;  font-size: 10pt;  }

dl#new_log_list dd{ padding: 0 0 5px 20px;}
dl#new_log_list dd a{ font-weight: bold; }
dl#new_log_list dd a:hover{ color: rgb(255,0,0); }
dl#new_log_list dd span{ margin: 0 15px; }

/**hotspot**/
dl.hotspot{ border: solid 1px rgb(229,0,0); }
dl#new_log_list dt#hotspot{ color: rgb(229,0,0);}

/** life **/
dl.life{ border: solid 1px rgb(255,170,0); }
dl#new_log_list dt#life{ color: rgb(255,170,0);}

/** hobby **/
dl.hobby{ border: solid 1px rgb(0,178,0); }
dl#new_log_list dt#hobby{ color: rgb(0,178,0);}

/** sports **/
dl.sports{ border: solid 1px rgb(0,204,204); }
dl#new_log_list dt#sports{ color: rgb(0,204,204);}

/** society **/
dl.society{ border: solid 1px rgb(0,0,229); }
dl#new_log_list dt#society{ color: rgb(0,0,229);}

/** talk **/
dl.talk{ border: solid 1px rgb(178,0,178); }
dl#new_log_list dt#talk{ color: rgb(178,0,178);  }


/******** table *********/
table#selected_genre_list{
  width: 600px;  margin: 0 auto 20px;
  border-collapse: collapse;  text-align: center;
  border-top: solid 1px rgb(230,230,230);  }

table#selected_genre_list tbody tr.color2{
  background: rgb(245,245,245);  }


table#selected_genre_list tbody tr td{
  clear: both;  font-size: 10pt;
  border-right: solid 1px rgb(230,230,230);
  border-bottom: solid 1px rgb(230,230,230);  }

table#selected_genre_list tbody td a{
  display: block;  padding: 5px 3px 3px;  text-decoration: none;  }

table#selected_genre_list tbody tr td a span.cate_comm{
   display: block;  float: right;  width: 444px;  padding: 0 0 0 10px;
   font-size: 9pt;  color: rgb(102,102,102);  text-align: left;
   border-left: solid 1px rgb(220,220,220);   }

table#selected_genre_list tbody td a:hover{
  color: rgb(255,0,0);  background: rgb(230,230,230);
  text-decoration: underline;  }
  
table#selected_genre_list tbody td a:hover span.cate_comm{
  background: rgb(230,230,230);
  text-decoration: underline;  }


/***************
　　
****************/
/** rule **/
div#various{
  width: 600px;  margin: 0 auto;  text-align: left;  }

div#various h3{
  margin: 0 0 20px; padding: 2px 0 0;
  font-weight: bold;  font-size: large;
  color: rgb(255,255,255);   text-align: center;
  background: rgb(229,137,137);  }
  

div#various ul#anchor{
  width: 580px;  margin: 0 auto 20px; padding-left: 20px;
  list-style-type: none;  }


div#various h4 {
  margin: 0 0 5px;  padding: 0 0 0 20px;
  font-weight: bold;  background: rgb(255,240,240);  }
  
div#various ul{
  width: 580px;  margin: 0 0 20px; padding-left: 20px;
  list-style-type: square;  }

div#various ul li{  margin: 10px 0;  }

div#various p{
  width: 550px;  margin: 20px 0 10px 20px;
   }

/** link  **/
div#various table#ban{
  margin: 0 auto 20px;
  font-size: 10pt;  border-collapse: collapse;  }

div#various table#ban tbody tr td.img{
  width: 250px;  text-align: center;
  border-bottom: solid 1px rgb(200,200,200);  }
  
div#various table#ban tbody tr td.img div{
  margin-bottom: 5px;  font-weight: bold;  }

div#various table#ban tbody tr td.source{
  width: 350px;  height: 120px;
  border-bottom: solid 1px rgb(200,200,200);  }

div#various table#ban tbody tr td.source textarea{
  width: 330px; height: 60px;  }

/** 相互 **/
div#various div#sogo{  font-size: 9pt;   }

div#various div#sogo a{
  display: block; float: left;
  width: 149px; margin: 2px 0;
  text-decoration: none;  text-align:center;
  border-right:solid 1px rgb(200,200,200);
  border-bottom:solid 1px rgb(200,200,200);  }

div#various div#sogo a:hover{
  color: rgb(255,0,0);  text-decoration: none;  }

/** ASK **/
div#various table#ask{
  width: 600px; margin-bottom:10px;
  border-collapse: collapse;  text-align: left;  }

div#various table#ask caption{
  font-weight: bold;  text-align: left;  }
  
div#various span.error{  color: rgb(255,0,0);  }

div#various table#ask tbody tr td{
  padding: 5px 10px;  background: rgb(255,245,245);
  border: solid 1px rgb(255,255,255);  }

div#various table#ask tbody tr td.key{
  width: 150px;  font-weight:bold; text-align: center;  }

div#various table#ask tbody tr td.value input{  width:400px;  }

div#various table#ask tbody tr td.value textarea{
  width:400px; height:100px;  }

div#various table#ask tbody tr td.submit{
  text-align: center;  }

div#various table#ask tbody tr td.submit input{
  width: 150px;  }

div#various table#ask tbody tr td.value div{
  margin: 3px; padding:5px 10px;
  background: rgb(255,255,255);  }


/**　懸賞バナー　***/
div#various p.banner_info{
  margin: 0 auto 10px;  font-weight: bold;  text-align: center;  }
  
div#various p strong{  font-weight: bold;  }

div#various h4.bannerH4{
  margin: 40px 0 0;  padding: 2px 0 0;
  color: rgb(255,255,255);   text-align: center;
  background: rgb(229,0,0);  }


p#asking{
  margin: 30px 0 10px;  padding: 10px;
  text-align: left;  border-top:solid 1px rgb(200,200,200);  }