html,body{margin:0;padding:0}
body{
    font: 76% arial,sans-serif;text-align:center; background-color:#F3F3F3;  
    font-family: Verdana, Arial, sans-serif; font-size:12px;  color:#333333 ; 
	background: #f7f7f7 url("../img/body_bg.gif") repeat-y center top; 
/*	background: #FFFFEE url("../img/body_bg_yellow.png") repeat-y center top; */
	color: #333;
}
/* p{margin:0 10px 10px} これをいれるとくずれる */
body a         { color : #576067; } /* すでに訪れたリンク */
body a:link    { color : #576067; } /* すでに訪れたリンク */
body a:active  { color : #576067; } /* リンク部分を選択した瞬間の文字 */
body a:visited { color : #576067; } /* すでに訪れたリンク */
body a:hover   { color : #576067; border-bottom:0px dotted #888888; } /* マウスオーバー */

/*
#header_text01   { height:20px; vertical-align:middle; color:#FFFFFF; width:900px; border-top:2px solid #555577; border-bottom:3px solid #CCCCEE; margin-bottom:20px; background-color:#FF9900;  background: url("../img/background_header_navi.png") repeat-x; }
*/
#header_text01   { height:20px; vertical-align:middle; color:#FFFFFF; width:900px; border-top:2px solid #BB0000; border-bottom:3px solid #EE1166; margin-bottom:20px; background-color:#FF9900;  background: url("../img/background_header_navi.png") repeat-x; }
#header_text02   { float:left; margin-left:10px; margin-bottom:2px;  margin-top:2px;  font-size:10px;  color:#FCFCFC; }
#header_text03   { float:right; text-align:right;  margin-right:2px;  margin-bottom:2px; margin-top:1px; }
#header_text04   { font-size:10px; color:#FCFCFC; }



div#header h1{ height:65px;line-height:65px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B; }
div#navigation{float:right;width:180px; background:#FFFFFF;  text-align:center; margin-bottom:20px; }
div#extra{background:#FF8539}
div#footer    { color: #FFFFFF;   font-size:12px;  background: url("../img/background_darkred02.png") ;  border-top:5px solid #EEDDEE;  }
.footer_box01 { margin-top:20px; margin-bottom:5px;  }
.footer_box02 { color:#FFFFFF; font-size:12px; }
.footer_box02 a         { font-size:12px; color:#FFFFFF; text-decoration:none; border-bottom:1px dotted #EEEEEE; color: #EEEEEE;  }
.footer_box02 a:link    { color : #FFFFFF; } /* すでに訪れたリンク */
.footer_box02 a:active  { color : #FFFFFF; } /* リンク部分を選択した瞬間の文字 */
.footer_box02 a:visited { color : #FFFFFF; } /* すでに訪れたリンク */
.footer_box02 a:hover   { color : #FFFFFF; border-bottom:0px dotted #888888; } /* マウスオーバー */
.footer_box03 { color : #EEEEEE; font-size:10px; line-height:150%; margin-left:10px; margin-top:5px; margin-right:5px; } 
.footer_box04 { color:#FFFFFF; font-size:12px; font-weight:bold; margin-top:5px; margin-bottom:5px; margin-left:5px;  }
.footer_box05 { color:#FFDDDD; font-size:10px; line-height:180%; margin-left:5px; margin-right:10px; }
.footer_navigation   { color:#FFFFFF; font-size:12px; width:150px; text-align:center; padding-top:4px; padding-bottom:4px;  }
.footer_aboutus      { color:#FFFFFF; font-size:12px; width:150px; text-align:center; padding-top:4px; padding-bottom:4px;  }



#copyright {color:#FFFFFF;  text-align:center; font-size:10px; padding-top:3px; padding-bottom:3px; margin-top:10px; background: url("../img/background_footer_navi.png") repeat-x;  }


div#container     { text-align:left}
/* div#container     { width:900px;margin:0 auto; background-color:#FFFFEE; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7 ; } */
div#container     { width:900px;margin:0 auto; background-color:#FFFFFF; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7 ; }

div#wrapper       { float:left;width:660px} /* 右サイドバーあり */
div#wrapper02     { width:900px; }          /* サイドバーなし */
div#wrapper03     { float:right;width:660px} /* 左サイドバーあり */


#wrapper a         { color : #576067; } /* すでに訪れたリンク */
#wrapper a:link    { color : #576067; } /* すでに訪れたリンク */
#wrapper a:active  { color : #576067; } /* リンク部分を選択した瞬間の文字 */
#wrapper a:visited { color : #576067; } /* すでに訪れたリンク */
#wrapper a:hover   { color : #576067; border-bottom:0px dotted #888888; background:#F3F3F3; } /* マウスオーバー */



div#content01     { margin-left:20px; width:660px; } /* top */
div#content02     { margin-left:5px; margin-right:5px; } /* 一覧画面 auction_list item_list */
div#content03     { margin-left:10px; width:660px; text-align:center; } /* aboutusで中央に表示する */
div#content04     { margin-left:20px; width:660px; float:left; } /* item auction  */

div#content p     { line-height:1.4; }
div#right_content { margin-right:10px; }
div#extra{float:right;clear:right;width:200px}
div#footer{clear:both;width:100%}

.clear {clear:both;}




/* Navigation */
#header_navigation {
 float: left;
 width: 93%;
 margin: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
 padding: 4px 2% 0px 5%;
 background: #ffffff url("../img/background_gray01.png") repeat-x;
 height:30px;
}

#header_navigation ul {
 list-style:none;
 float: right;
 padding-top: 0px;
}

#header_navigation li {
 display:inline;
 float:left;
 margin: 0px;
 margin-top: 0px;
 margin-left: 1px;
 margin-right: 1px;
 padding-top: 0px;
}

#header_navigation li a.tabs {
 float:left;
 margin-top: 0px;
/* padding-left: 4px; */
/* background:  url("../img/box_left01.gif") no-repeat; */
 text-decoration:none;
 padding-top: 0px;
}

#header_navigation li a.tabs:hover {
/* background:  url("../img/box_left01_on.gif") no-repeat; */
}

#header_navigation li a.tabs span {
 float:left;
 margin-top: 0px;
/* padding: 5px 15px 4px 6px; */
/* background:  url("../img/box_01.gif") no-repeat right top; */
 color: #6B78A9;
 font-size: 1.0em;
}

#header_navigation li a.tabs:hover span {
/* background:  url("../img/box_01_on.gif") no-repeat right top; */
 color: #6B78A9;
}

.slash { color:#AAAAAA; }

.pr01 { float:right; background:#FFFFFF; border:1px solid #EEEEEE; text-align:center;  padding-top:10px; padding-bottom:10px; margin-bottom:10px; vertical-align:middle; height:160px; width:200px; }
.news_box { float:right; background:#FFFFFF; border:0px solid #EEEEEE; text-align:center;  padding-top:0px; padding-bottom:0px; margin-bottom:0px; vertical-align:middle; width:200px; }

.header_subtitle01 { font-size: 12px; color:#882233; font-weight:bold;   margin-left:15px; margin-bottom:5px; }
.header_subtitle02 { font-size: 10px; color:#AAAAAA; font-weight:normal; margin-left:15px; }
.header_subtitle03 { width:280px;  } 
.header_search01   { width:290px; padding:0px; margin:0px; margin-top:50px;  background:  url("../img/background_search_box.png") no-repeat;  }
.header_search02   { margin-left:15px; font-size: 12px;  padding-top:0px;  }
.header_search03   { margin-left:15px; padding-bottom:10px; }
.header_search04   { margin-left:15px; margin-bottom:0px; padding-bottom:0px;  }
.paginator_title   { margin-left:75px; margin-bottom:5px; text-align:left;  }
.paginator         { margin-left:70px;  font-size:10px; }
.paginator02       { text-align:center; }

.pr_title          { text-align:center; padding-top:7px;  padding-bottom:7px;  background:#FFFFFF;    }
.google_box01      { text-align:center; }
.google_box02      {}

.pr_box01 { border-left:1px solid #E0E0E0 ; border-right:1px solid #E0E0E0 ; border-bottom:1px solid #E0E0E0 ;  width:749px; padding-top:10px;  padding-bottom:10px; }
.pr_box02 { margin-top:5px; margin-bottom:5px; margin-left:0px; border:1px solid #E0E0E0 ; width:740px; padding-top:10px;  padding-bottom:10px; }
.pr_box03 { width:749px; }
.pr_box04 { text-align:center; margin-left:70px; }
.pr_box05 { float:right; width:190px; border:1px solid #EAEAEA;  background:#FDFDFD;  text-align:center; margin-right:10px; margin-bottom:10px; }
.pr_box06 { margin-left:10px;  text-align:left;  }
.pr_box07 { width:180px; border:1px solid #EEEEEE;   background:#FFFFFF;  text-align:center; margin-right:10px; margin-bottom:10px; }
.pr_box08 { float:right; width:200px; text-align:center; margin-top:10px; margin-bottom:10px;  }
.pr_box09 { color:#888888; font-size:10px; }
.pr_box10 { float:right; width:190px; border:1px solid #EAEAEA;  background:#FDFDFD;  text-align:center; margin-right:10px; margin-bottom:10px; }


.header_tab   { margin-top:10px; width:900px; background: #ffffff url("../img/background_darkred01.png") repeat-x; height:30px; }
.header_tab01 { text-align:right;}


.news_hoka_title { display: block; height: 25px; width: 170px;
	background: url(http:///hoshigu.jp/app/webroot/img/news_menu_background02.png) no-repeat top right #9999BB;
	padding: 0 10px 0 10px; line-height: 30px; font-weight: normal; text-decoration: none; outline: none; font-size: 12px;
	color: #000000; cursor: pointer; margin: 0 0 0 0; }
.news_hoka_list         { margin-bottom:6px; margin-left:10px; margin-right:10px; padding-bottom:3px; border-bottom:1px dotted #CCCCCC; text-align:left; }
.news_hoka_list a       { color:#576067; text-decoration:none; }
.news_hoka_list a:hover { color:#576067; text-decoration:none; background-color:#F3F3F3; }


.message { font-size:24px; font-weight:bold; color:#FF3300; margin:10px; }

.count01 { color:#FF1188; font-weight:normal; font-size:11px; }

.anther_site_title { display: block; height: 25px; width: 190px;
	background: url(http:///hoshigu.jp/app/webroot/img/news_menu_background02.png) repeat-x ;
	padding: 0 0px 2px 0px; line-height: 30px; font-weight: normal; text-decoration: none; outline: none; font-size: 12px;
	color: #000000; cursor: pointer; margin: 0 0 0 0; }


.popular_box01  { border:1px solid #E0E0E0; text-align:left; width:882px; height:280px;margin-left:7px;margin-top:10px;margin-bottom:0px; }
.popular_box02  { margin:5px; margin-left:10px; margin-top:8px; margin-bottom:8px; color:#888888; }
.popular_title  { margin-bottom:3px; }
.popular_list   { margin-bottom:10px;line-height:150%; }

.load{ background:url('../img/loading2.gif') no-repeat center;}

.pickuplist { padding-top:10px;  padding-bottom:5px; border:1px solid #CCCCCC; text-align:center; margin-left:20px; margin-right:20px; margin-bottom:20px; }
.pickup     { width:90px; float:left; padding:2px;  }
.pickup a   { text-decoration:none; }