/***************
　　SIDE
****************/
div#bbs_side{  float: right;  width: 160px;  }

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

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

/***************
　　MAIN
****************/
div#bbs_main{
  float:left;  width: 640px;  padding-left: 10px;
  text-align: center;  }


/***************
　　banner
****************/
#G428_60{  margin: 0 auto; width:100%;  text-align: center;  }

div#G160_600{  margin: 10px auto;  }

ul#rss_list{  list-style: none;  margin: 15px auto 0;  }
ul#rss_list li{  display: inline;  vertical-align: top;   }

/***************
　　共通
****************/
.error{  color: rgb(255,0,0);  }

div#important_area{
  padding: 1px 0;  text-align: center;  background: rgb(255,220,220);  }

div#important_area input{  width: 150px;  }


/***************
 PAGE_TOP
****************/
div#page_top{  width: 640px; margin: 0 0 0 -10px;  }

/** ベルト ***/
div.bbs_title{
  width: 640px; height: 30px;  padding:4px 0 0 20px;
  color: rgb(255,255,255);  text-align: left;  }


div#page_top h2{  display:inline;  }

div#page_top h2 a{
  font-size: 12pt;  font-weight: bold; text-decoration: none;  }
  
div#page_top h2 a:hover{ text-decoration: underline;  }


div#page_top a.for_genre{
  color: rgb(255,255,255);
  font-weight:bold;   font-size: 9pt; }

div#page_top h2 a.state{
  font-weight: normal;   color: rgb(229,0,0);  font-size: 9pt; }

div.sub_menu_block{  position: absolute;  }

ul.bbs_sub_menu{
  list-style: none;   position: absolute;  margin-top:-2px;  }

ul.bbs_sub_menu li a{
  display: block;  width:115px;  height: auto;  padding: 2px 0 2px 5px;
  text-align: left;  font-size: 8pt;  text-decoration: none; }



/**  belt **/
div#page_top div#hotspot_belt{  background: url(../core/image/hotspot_belt.gif) no-repeat;  }
div#page_top div#hotspot_belt a.for_cate{  color: rgb(229,0,0);  }
div#page_top div#hotspot_belt span{  font-size: 9pt;  }
ul#bbsmenuhotspot li a{  background:rgb(255,229,229);  border-bottom:solid 1px rgb(255,255,255);   }
ul#bbsmenuhotspot li a:hover{  background:rgb(229,160,160);  }

div#page_top div#life_belt{  background: url(../core/image/life_belt.gif) no-repeat;  }
div#page_top div#life_belt h2{  display:inline;  }
div#page_top div#life_belt a.for_cate{  color: rgb(255,170,0);  }

div#page_top div#hobby_belt{  background: url(../core/image/hobby_belt.gif) no-repeat;  }
div#page_top div#hobby_belt h2{  display:inline;  }
div#page_top div#hobby_belt a.for_cate{  color: rgb(0,178,0);  }

div#page_top div#sports_belt{  background: url(../core/image/sports_belt.gif) no-repeat;  }
div#page_top div#sports_belt h2{  display:inline;  }
div#page_top div#sports_belt a.for_cate{  color: rgb(0,204,204);  }

div#page_top div#society_belt{  background: url(../core/image/society_belt.gif) no-repeat;  }
div#page_top div#society_belt h2{  display:inline;  }
div#page_top div#society_belt a.for_cate{  color: rgb(0,0,229);  }

div#page_top div#talk_belt{  background: url(../core/image/talk_belt.gif) no-repeat;  }
div#page_top div#talk_belt h2{  display:inline;  }
div#page_top div#talk_belt a.for_cate{  color: rgb(178,0,178);  }


/**　HEAD_LINK **/

div#head_link{
  width: 95%; margin: 5px auto;  padding: 5px 0;
  font-size: small;
  text-align: right; 
  border-top: solid 1px rgb(200,200,200);
  border-bottom: solid 1px rgb(200,200,200);  }
  
div#head_link a{  text-decoration: none;  }

div#head_link a:hover{ color: rgb(255,0,0);  text-decoration: underline;  }

div#head_link form{
  display: inline;  margin: 0 10px 0 20px;
  vertical-align: middle;  font-size: small;  }
  
div#head_link form input.search_word{
  width: 130px; padding-top: 1px;  }
  
div#head_link a.rss{ vertical-align: bottom;  }

/***************
　ＴＲＥＥ共通
****************/
.new{
  margin-left: 0.3em;  color: rgb(229,0,0);
  font-size: small;  font-weight: bold;  }

/***************
　標準ＴＲＥＥ
****************/
div#standard{
  width: 620px;   overflow-x:scroll;
  scrollbar-face-color: rgb(255,255,255);       /* 表面の色 */
  scrollbar-3dlight-color: rgb(222,222,222);    /* 左端と上端の色 */
  scrollbar-highlight-color: rgb(255,255,255);   /* ハイライトの色 */
  scrollbar-shadow-color: rgb(255,255,255);    /* 影の色 */
  scrollbar-darkshadow-color: rgb(222,222,222); /* 右端と下端 */
  scrollbar-arrow-color: rgb(222,222,222);      /* 矢印の色 */
  scrollbar-track-color: rgb(255,255,255);      /* バーの背景の色 */
}
p#star{  margin: 0 0 10px 0;  text-align: left;  font-size:9pt;  }

ul.thread_block{
  margin-bottom: 1em;  text-align: left; list-style: none;  }

ul.thread_block li{  white-space: nowrap;  }

ul.thread_block li.normal{  white-space: normal;  }

ul.thread_block li span.mark{  font-size: small;  }

ul.thread_block li span.mark a{  text-decoration: none;  }
ul.thread_block li span.mark a:hover{  color: rgb(255,0,0);  text-decoration: underline;  }

ul.thread_block li h3{  display: inline;  }

ul.thread_block li h3.title a{
  margin-right: 0.3em;  font-weight: bold;
  font-size: 105%;  text-decoration: none;  }
  
ul.thread_block li h3.title a:hover{
  color: rgb(255,0,0); text-decoration: underline;  }

ul.thread_block li span.name{  font-weight: bold;  }

ul.thread_block li span.date{
  margin-left: 0.3em;  font-size: small;  }

ul.thread_block li span.no{
  margin-left: 0.3em;  color: rgb(255,115,32); font-size: small;  }

ul.thread_block li#reading{
  color: rgb(200,200,200);  font-size: small;  }

ul.thread_block li#reading a:hover{
  color: rgb(229,0,0);  text-decoration: none;  }


ul#page_list{
  list-style: none;  margin: 0 auto 10px;  padding: 8px 0 0;
  border-top: solid 1px rgb(220,220,220);  }

ul#page_list li{  display: inline;  }

ul#page_list li a{
  padding: 2px 8px; 
  text-decoration: none; border: solid 1px rgb(255,255,255);  }
  

ul#page_list li a:hover{
  color: rgb(255,0,0);  background: rgb(240,240,240);
  border: inset 1px rgb(255,255,255);  }
  
ul#page_list li a.select{
  border: inset 1px rgb(255,255,255);  background: rgb(250,250,250);  }



/***************
共通REDINGテーブル
****************/
div#no_logs{
  padding: 20px;  font-size: large;
  font-weight: bold;  }

table.reading{
  width: 620px;  margin:0 auto 5px;
  text-align: left;  border-collapse: collapse;  }

table.reading thead tr th{
  background: rgb(230,230,230);
  border-bottom: solid 4px rgb(255,255,255);  }

table.reading thead tr th span{
  padding: 2px 0 2px 20px;  font-size: small;  }

table.reading tbody tr td.mark{
  padding: 5px 2px 0;  vertical-align: top;
  font-size: small;  background: rgb(255,255,255);
  border-left: solid 1px rgb(230,230,230);  }

table.reading tbody tr td.mark a{  text-decoration: none;   }
table.reading tbody tr td.mark a:hover{  color: rgb(255,0,0);  text-decoration: underline;   }

table.reading tbody tr td{
  width: 459px;  padding: 3px 10px;
  background: rgb(249,249,249);
  border-bottom: solid 2px rgb(255,255,255);  }

table.reading tbody tr td.messege_key{
  width: 60px;  font-size: small;  text-align: center;
  border-right: solid 2px rgb(255,255,255);  }

table.reading tbody tr td.message_title h3{
  font-weight: bold;  }

table.reading tbody tr td.message_date p{
  font-size: small;  }

table.reading tbody tr td {  margin: 2px 10px;  }

table.reading tbody tr td#check_message{  width: 100%;   }

table.reading tbody tr td#check_message div#message_part{
  margin: 5px 0;  padding: 10px 20px;  background: rgb(255,255,255); }

table.reading tbody tr td#check_message p{
   font-size: 105%;  line-height: 1.3; 
   white-space: normal; }


/***************
　投稿フォーム
****************/
p#cheack_comment{
  margin: 0 auto 5px;  padding: 20px 0 0;
  font-weight: bold;  font-size: small;  text-align: left;  }

form#back{  margin: 10px auto 0;  text-align: left;  }

form#message{
  width: 620px; margin: 5px auto;
  text-align: left;  }

table.reading caption#message_bar{
  width: 620px;  height: 24px; margin: 0 auto;  padding: 3px 0 0 20px;
  color: rgb(207,132,132);  font-weight: bold;  font-size: 13pt;
  text-align: left; vertical-align: middle;
  background: url(../core/image/message_title.gif) no-repeat;  }

table.reading tbody tr td span.attention{
  color: rgb(152,152,152);  font-size: small;  }

table.reading tbody tr td.message_title input,
table.reading tbody tr td.messege_address input{
  width: 300px; }

table.reading tbody tr td.messege_name input{  width: 10em;  }

table.reading tbody tr td.messege_address p#address_cookie{
    float: left;  }

table.reading tbody tr td.messege_address p#address_cookie input{
  width: 30px;  margin: 8px 0 0;  }

table.reading tbody tr td.messege_address p#address_cookie label{
  color: rgb(152,152,152);  font-size: small;  }

table.reading tbody tr td.messege_area textarea{
  width: 100%; height: 150px;  }

table.reading tbody tr td.messege_password input{  width: 8em;  }

/***************
　REDING CASE
****************/
li#reading_bottom{
  width: 620px;  margin-bottom: 20px;  }

div#ress_bottom{
  float: left;  width: 350px;  padding: 1px 0;
  text-align: center;  background: rgb(255,220,220);  }

div#ress_bottom input{  width: 150px;  }

p#correction{
  float: right;  width: 250px; margin: 7px 0 0;
  font-size: small;  }

p#correction a:hover{  color: rgb(255,0,0);  }


p#comm{
  float: left;  width: 310px;  margin: 5px 0 0;  padding: 2px 20px;
  color: rgb(229,0,0); font-weight: bold; font-size: small;
  background: rgb(255,220,220);  }

p#comm a{
  font-weight: bold; vertical-align: middle;  }

div#report{  
  float: left;  width: 310px;  margin: 5px 0 0;  padding: 2px 20px;
  color: rgb(229,0,0);
  background: rgb(255,220,220);  }

div#report a{   font-weight: bold; font-size: small;  }
div#report input{  width: 100px;  }

p#correction_info{  width: 600px; margin: 0 0 0 10px;  }

p#correction_info a{
  color: rgb(255,0,0); font-weight: bold; font-size: small;  }

form#correction_form{
  width: 580px; margin: 0 0 0 10px; padding: 3px 0 3px 20px;
  vertical-align: bottom;  border: solid 1px rgb(220,220,220);  }

form#correction_form label{  margin: 0 20px 0 0;  }

form#correction_form input.correction_pass{  width: 8em;  }

p#for_tree{  margin: 10px 0 0;  }
p#for_tree a:hover{  color:rgb(255,0,0);  }

/***************
THREADテーブル
****************/
table.thread{
  width: 590px;  margin-bottom: 5px;
  text-align: left;  border-collapse: collapse;  }

table.thread thead tr th{
  background: rgb(230,230,230);
  border-bottom: solid 4px rgb(255,255,255);  }

table.thread thead tr th span{
  padding: 2px 0 2px 20px;  font-size: small;  }

table.thread tbody tr td{
  width: 430px;  padding: 3px 10px;
  background: rgb(249,249,249);
  border-bottom: solid 2px rgb(255,255,255);  }

table.thread tbody tr td.mark{
  padding: 5px 2px 0;  vertical-align: top; text-align: center;
  font-size: small;  background: rgb(255,255,255);
  border-left: solid 1px rgb(230,230,230);  }


table.thread tbody tr td.messege_key{
  width: 50px;  font-size: small;  text-align: center;
  border-right: solid 2px rgb(255,255,255);  }

table.thread tbody tr td.message_title h3 a{
  font-weight: bold;  text-decoration: none;  }

table.thread tbody tr td.message_title h3 a:hover{
  color: rgb(255,0,0);  text-decoration:underline;  }

table.thread tbody tr td.message_date p{  font-size: small;  }

table.thread tbody tr td p{  margin: 2px 10px;  }

table.thread tbody tr td.check_message{  width: 100%;  }

table.thread  tbody tr td.check_message div.message_part{
  margin: 5px 0;  padding: 10px 20px;  background: rgb(255,255,255); }

table.thread tbody tr td.check_message p{
   font-size: 105%;  line-height: 1.3; 
   white-space: normal; }

table.thread tbody tr td.check_message div.for_map_window{  text-align: right;  }

table.thread tbody tr td.check_message div.thread_ress_bottom{
  float: left; width: 300px;
  text-align: center;  font-size: small;  }

table.thread tbody tr td.check_message div.thread_ress_bottom input{
  width: 150px;  }

table.thread tbody tr td.check_message div.correction{
  float: right;  width: 240px; margin: 5px 0 0;
  text-align: right;  font-size: small;  }


table.thread tbody tr td.check_message div.correction a:hover{
  color: rgb(255,0,0);  }

/***************
REPAIR_FORMテーブル
****************/
form.repair_form{
  text-align: left;  }
  
form.repair_form span.error{
  margin-left: 10px; font-weight: bold;  }

/***************
SEARCHテーブル
****************/

table.reading tbody tr td.message_title h3 a{
  font-weight: bold; text-decoration: none;  }


table.reading tbody tr td.message_title h3 a:hover{
  color: rgb(255,0,0);  text-decoration: underline;  }

table.reading tbody tr td span{
  font-weight: bold; color: rgb(255,0,0);  }

div#search_error{
  width: 300px; margin: 20px auto;
  text-align: left;  font-weight: bold;  }

div#search_error span{
  color: rgb(255,0,0); font-weight: bold;  }

div#search_error p{  margin: 30px auto; }


/***************
　　応募
****************/
form#prize_form{
  width: 600px;  margin: 0 auto;  text-align: left;  }

form#prize_form div#prize_info{
  font-weight: bold; font-size: small;  }

form#prize_form ul{
  margin: 10px 0 20px 10px;  list-style: none;  }

/***************
　MAP用
****************/
/**親フォーム**/
div#mapdata{  text-align: right;  }
span#mapping{  font-size:10pt;  font-weight: bold;  color: rgb(255,0,0);  }

/**作成用**/
div#make_google_map{  margin: 5px 0 0;  width: 450px;  text-align: center;  }
div#make_map{
  width: 400px;  height:400px;  margin: 0 auto;  text-align: left; }

form#mapinfo{
  width: 400px;  margin: 0 auto 5px;
  font-size: 9pt;   text-align: left;  font-weight: bold;   }
  
form#mapinfo input.address{  width: 290px;  }

div#make_google_map form#map_form{
  width: 400px;  margin: 0 auto;  }

p#map_info{
  width: 400px;  margin: 0 auto;
  text-align: left;  font-size: 9pt;  }


dl#map_data{  width: 400px;  font-size: 9pt;  }

dl#map_data dt{  
  float: left;  width: 70px; margin: 4px 0 0;
  font-weight: bold;  text-align: center;   }

dl#map_data dd{  float: left;  margin: 1px 0;  }

dl#map_data dd input{  width: 300px;  }

dl#map_data dd.both{  clear: both;  }

dl#map_data dd#map_com textarea{  margin: 0 auto;  width: 370px; height: 30px;  } 

div#clear{  clear: both;  }

input#make_botton{  width: 150px;  }

p#map_thanks{  width: 400px;  margin: 50% auto 0;  text-align: left; }

/**表示用**/
div#google_map,div#check_google_map{
  margin: 10px 0 0;  color:rgb(255,0,0);  text-align: right;   }

div#google_map a,div#check_google_map a{  font-weight: bold;  }
div#google_map a:hover,div#check_google_map a:hover{  color: rgb(255,0,0);  }

div#small_map,div#check_small_map{
  width: 220px;  height:200px;  margin: 0 0 0 350px;  text-align: left;}

div#large_map{
  width: 500px;  height:500px;  margin: 5px auto;  text-align: center;   }

div#large_map p#reading{  margin: 50% auto 0;  color: rgb(255,0,0);  }

div#small_window{  width: 180px;  color: rgb(0,0,0);  font-size: 9pt;  text-align: left;   }
div#large_window{  width: 300px;  color: rgb(0,0,0);  font-size: 10pt;  text-align: left;   }

div#small_window h2,div#large_window h2{  font-weight: bold;  }
div#small_window h2 a,div#large_window h2 a{  font-weight: bold;  }

div#small_window table.adr_tel,div#large_window table.adr_tel{ margin: 5px 0; }

div#small_window table.adr_tel tr td,
div#large_window table.adr_tel tr td{
   margin: 0; padding: 0; background: rgb(255,255,255);   }
   
div#small_window table.adr_tel tr td.key,
div#large_window table.adr_tel tr td.key{
  width: 40px;  font-weight: bold;  text-align: center;  }

form.another_window{  font-size: 9pt;  }