/* ------------------------------------------------------------
 * Style Sheet for HTML guide at takusantokusan
 * Last modified 10, 2011　ホビーカテゴリ一覧用 1200
 * -----------------------------------------------------------*/
 body{
  background-color: #ecffec;
  margin-left :0px;
  margin-bottom :0px;
  margin-top :0px;
  font-family: "MS UI Gothic",Osaka ,arial ,verdana ,sans-serif;
}
TD{
line-height:200%;
}
/* ========== 　最上部　グレー文字　　========== */
#header{
padding-top:3px;
width:1280px;
margin-bottom:0px;

}
#header h1{
	margin: 0px;
	padding-bottom:3px;
	font-size: 82%;
	text-align:right;
	color: #999999;
font-weight: normal;
}
#header h2{
	margin: 0px;
	padding: 0px;
	font-size: 82%;
	display: block;
color:#333333;
	width: 100%;
text-align:left;
letter-spacing : 5px;
        font-weight: normal;
}


#header .header_l{
margin-bottom:0px;
width:400px;
float:left;

}
#header .header_l img{
border:0px;
}
#header .header_l IFRAME{
margin-bottom:0px;
}
#header .header_l2{
padding-top:40px;
float:left;
width:250px;
}



#header .header_r{
float:left;
padding:0px;
text-align:left;
margin-left:10px;
margin-bottom:0px;
}
#header .header_r IFRAME{
padding-top:0px;
margin-bottom:0px;
}

/* ========== 　上部メニュー２========== */

 .header_m1{
 width:1280px;
 border-top:solid 2px #ff6937;
 height:20px;
clear:both;
margin-left:0px;
margin-top:-2px;
} 
 .header_m1 ul{
 margin-left:5px;
 padding-left:5px;
margin-bottom:3px;
margin-top:3px;
list-style-type:none;
font-size:80%;
}
 .header_m1 li{
 white-space:nowrap;
float:left;
}
 .header_m1 li.m1_1 a{
text-decoration:none;
color:#990000;
}
 .header_m1 li.m1_1 a:hover{
text-decoration:none;
background-color:#990000;
color:#FFFFFF;
}
 .header_m1 li.m1_2{
margin-left:2px;
}

 .header_m1 li.m1_3 a{
text-decoration:none;
color:#006600;
}
 .header_m1 li.m1_3 a:hover{
text-decoration:none;
background-color:#006600;
color:#FFFFFF;
}
 .header_m1 li.m1_4 a{
text-decoration:none;
color:#CC0033;
}
 .header_m1 li.m1_4 a:hover{
text-decoration:none;
background-color:#cc0033;
color:#FFFFFF;
}
 .header_m1 li.m1_5{
margin-left:200px;
}
 .header_m1 li.m1_5 a{
color:#006600;
font-weight:bold;
}
 .header_m1 li.m1_5 a:hover{
text-decoration:none;
background-color:#006600;
color:#FFFFFF;
}
/* ========== 　上部メニュー３========== */
.header_search{
clear:both;
margin-top:0px;
text-align:right;
width:1280px;
background-image:url(/images/menu_p4.jpg);
background-repeat:repeat-x;
}
.header_search FORM {
margin:0px;
padding:5px;
}
/* ========== 　パンくずリスト========== */
.menu_h{
 background-color:#FFFFFF;
width:1280px;
 height:25px;

}

.menu_h p a{
color:#000099;
}
.menu_h p{
font-weight:bold;
margin:0px;
}
.biko{
font-size:80%;
font-weight:bold;
}
.menu_h_l{
padding-top:5px;
padding-bottom:5px;
text-align:left;
font-size:80%;
padding-left:10px;
float:left;
width:870px;
}
.menu_h_r{

text-align:right;
float:left;
width:380px;
font-size:80%;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
color:#336633;
}

 /* ========== 　中央部全体　　========== */
#middle{
margin-top:0px;
clear:both;
width:1280px;

}
/* ========== 　　メイン ========== */
#middle .main{
margin-left:5px;
 width:830px;
 float:left;
}
#middle .main td{
line-height:130%;
}

/* ========== 　メイン　+　右広告　 ========== */


/* ========== 　メイン　カテゴリ名　 ========== */
.main .tn{
clear:both;
margin-top:10px;
margin-bottom:10px;
padding:5px;
background-color:#FFFFFF;
border:#CC6600 1px dotted;
}
.main .tn td{
font-size:85%;
}


/* ========== 　　メイン　ランキング・市町村ボタン　 ========== */
#middle .main .listue{
clear:both;
margin-top:10px;
margin-bottom:10px;
}

#middle .main .ranking{
text-align:left;
width:800px;
height:18px;
clear:both;
 margin-bottom:0px;
 margin-top:0px;
}
#middle .main .all{
height:18px;
clear:both;
 margin-bottom:0px;
 margin-top:0px;
}

#middle .main .all ul{
 padding-left:0px;
 margin-left:0px;
 margin-bottom:0px;
 margin-top:0px;
 padding-bottom:0px;
 list-style-type:none;
}
#middle .main .all li{
white-space:nowrap;
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
font-size:80%;
float:left;

}
#middle .main .all a{
font-weight:bold;

 }
#middle .main .ranking ul{
 padding-left:0px;
 margin-left:0px;
 margin-bottom:0px;
 margin-top:0px;
 padding-bottom:0px;
 list-style-type:none;
}
#middle .main .ranking li{
white-space:nowrap;
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
font-size:80%;
float:left;

}
#middle .main .ranking a{
font-weight:bold;
color:#0000FF;

 }
 #middle .main .ranking a:hover{
 color:#FF0000;
 }
  #middle .main .syubetu{
  clear:both;
  }
    #middle .main .syubetu table{
	margin-left:2px;
	}
  
 #middle .main .syubetu td{
 font-size:80%;
 }
  
 #middle .main .ranking2{
clear:both;

}

#middle .main .ranking2 ul{


 padding-left:0px;
 margin-left:0px;
 margin-top:2px;
 margin-bottom:0px;
 list-style-type:none;
}
#middle .main .ranking2 li{
font-size:90%;
float:left;
margin-bottom:5px;
padding-left:5px;

}
#middle .main .ranking2 li.green a{
padding:2px;
color:#336633;
font-weight:bold;
}
#middle .main .ranking2 li.green a:hover{
color:#ffffff;
background-color:#336633;
font-weight:bold;
}
#middle .main .ranking2 li.red a{
padding:2px;
color:#990000;
font-weight:bold;
}
#middle .main .ranking2 li.red a:hover{
color:#ffffff;
background-color:#990000;
font-weight:bold;
}
.jyuni2 .tenposu4{
font-size:70%;
font-weight:normal;
}
#middle .main .pref{

clear:both;

} 
#middle .main .pref ul{
padding-bottom:5px;

 padding-left:0px;
  margin-left:0px;
  margin-top:0px;
   list-style-type:none;
  }

#middle .main .pref li{
font-size:90%;
float:left;

}
#middle .main .pref a{
font-weight:normal


 }
 
 


/* ========== 　ページ送り部　 ========== */
.okuri{
clear:both;
margin-top:10px;
margin-bottom:10px;
font-size:80%;
padding-left:5px;
font-family:Arial, Osaka, "ヒラギノ角ゴ Pro W3";

}
.okuri .ls{
letter-spacing:2px;

}





/* ========== 　メイン　一覧部分　 ========== */

.main .list{
clear:both;
margin-top:0px;
}


.main .list td{
font-size:90%;
}

/* ========== 　メイン　下部コメント　 ========== */

.b_comment{
width:700px;
margin-left:50px;
margin-top:30px;
margin-bottom:30px;
font-size:80%;
}




 /* ========== 　　左メニュー部　　========== */
#middle .side{
margin-top:0px;
 width:200px;
 float:left;

 }
 

/* ========== 　　左メニュー部　さがす　========== */

.sagasu_c .sagasu_1 ul{
background-color:#FFFFFF;
clear:both;
margin-left:0px;
padding:5px;
list-style-type:none;
font-size:80%;
margin-top:0px;
margin-bottom:0px;
border-right:#CCCCCC 1px solid;
}
.sagasu_c li{
white-space:nowrap;
padding-bottom:5px;
padding-top:5px;
margin-bottom:0px;
margin-top:0px;
border-bottom:#FF6633 1px dashed;
padding-left:5px;
}
.sagasu_c li a{
text-decoration:none;

}
.sagasu_c li a:hover{
text-decoration:underline;
background-color:#FFCACA;
}
.sagasu_1 h3{
font-size:100%;
      background-image:url(/images/hanbai_o_10.gif);
padding-left:4px;
padding-top:5px;
padding-bottom:1px;

   background-repeat:no-repeat;
   color:#333333;
   overflow:hidden;
   margin-top:0px;
   margin-bottom:0px;
}
.sagasu_1{
clear:both;
margin-bottom:0px;
margin-top:0px;

}
.sagasu_1 .f_bred{
padding-bottom:10px;
padding-top:10px;
font-size:110%;
font-weight:bold;
color:#CC3333;
}
.sagasu_c .sagasu_2 ul{
background-color:#FFFFFF;
clear:both;
margin-left:0px;
padding:5px;
list-style-type:none;
font-size:80%;
margin-top:0px;
margin-bottom:0px;
border-right:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
}
.sagasu_2 h3{
font-size:100%;
      background-image:url(/images/bg_bl1.gif);
padding-left:4px;
padding-top:5px;
padding-bottom:1px;

   background-repeat:no-repeat;
   color:#333333;
   overflow:hidden;
   margin-top:0px;
   margin-bottom:0px;
}

.sagasu_3 h3{
font-size:100%;
      background-image:url(/images/bg_bl3.gif);
padding-left:35px;
padding-top:15px;
padding-bottom:1px;

   background-repeat:no-repeat;
   color:#003399;
   overflow:hidden;
   margin-top:0px;
   margin-bottom:0px;
}
.sagasu_3{
clear:both;
margin-bottom:0px;
margin-top:0px;

}
.sagasu_3 .f_bred{
padding-bottom:10px;
padding-top:10px;
font-size:110%;
font-weight:bold;
color:#CC3333;
}
.sagasu_c .sagasu_3 ul{
background-color:#FFFFFF;
clear:both;
margin-left:0px;
padding:5px;
list-style-type:none;
font-size:80%;
margin-top:0px;
margin-bottom:0px;
border-right:#CCCCCC 1px solid;
}
 


/* ========== 　左メニュー部　投票　========== */ 


#middle .side .vote{ 
background-color:#FFFFFF;
 border:solid 1px #FF6600;
 padding:0px;
 margin-top:5px;
 margin-bottom:5px;
}
#middle .side .vote h2{
color:#FFFFFF;
background-color:#FF6600;
font-size:85%;
padding:5px;
text-align:center;
margin-top:0px;
margin-bottom:5px;
}
#middle .side .vote p{
padding:0px;
text-align:center;
margin-top:0px;
font-weight:bold;
margin-bottom:2px;
}

   
  
  

 
  /* ==========　左メニュー部　色指定========== */
#middle .side .sidecategory .cate_kanren p{
 border-bottom-color : #cccccc;
  border-bottom-width : 1px;
  border-right-width : 1px;
  border-style : none inset inset none;
  border-right-color : #cccccc;
  background-color : white;
  padding-left : 5px;
  font-size : 80%;
  padding-top : 5px;
  padding-bottom:2px;
  font-weight:normal;
  margin: 0;
}
 #middle .side .sidecategory .cate_kanren{
 margin-top:10px;
 background-color:#FFFFFF;
 }
#middle .side .sidecategory .cate_kanren p a{
color:#0033FF;
}
 #middle .side .sidecategory .cate_kanren h2{
padding-left:4px;
padding-top:5px;
padding-bottom:1px;
   background-image:url(/images/hanbai_o_10.gif);
   background-repeat:no-repeat;
font-size:100%;
   height:24px;
   color:#333333;
   overflow:hidden;
  margin-top : 0px;
   margin: 0;
}

 /* ==========　左メニュー部　商品でさがす ========== */

#middle .side .sidecategory .cate_pro2 h2{
padding-left:30px;
padding-top:7px;
   background-image:url(/images/hanbai_o_14.gif);
   background-repeat:no-repeat;
font-size:90%;
   height:24px;
   color:#333333;
   overflow:hidden;
  margin-top : 5px;
  margin-bottom:0px;
}
#middle .side .sidecategory .cate_pro2 p{
font-size:70%;
line-height:130%;
}
#middle .side .sidecategory .cate_pro2 p a{
color:#0000FF;
font-size:120%;
}
.red01{
font-size:120%;
color:#FF0000;
}
#middle .side .sidecategory .cate_pro2{
margin-bottom:5px;
}





/* ========== 　　右　広告部　 ========== */
#middle #right_pr{
width:240px;
float:left;
margin-top:0px;
padding-left:5px;

}

#right_pr .koshin2{
margin-top:0px;
}
#right_pr .koshin2 h3{
font-size:100%;
      background-image:url(/images/bg_bl2.gif);
padding-left:4px;
padding-top:5px;
padding-bottom:0px;
   color:#333333;
   margin-top:0px;
   margin-bottom:0px;
border-right:#CCCCCC 1px solid;
}


#right_pr .koshin2 ul{
background-color:#FFFFFF;
clear:both;
margin-left:0px;
padding:5px;
list-style-type:none;
font-size:80%;
margin-top:0px;
margin-bottom:0px;
border-right:#CCCCCC 1px inset;
border-left:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
}
#right_pr .koshin2 li{
white-space:nowrap;
padding-bottom:5px;
padding-top:5px;
margin-bottom:0px;
margin-top:0px;
padding-left:0px;
}


#right_pr .koshin3{
margin-top:10px;
}
#right_pr .koshin3 h3{
font-size:100%;
      background-image:url(/images/bg_bl2.gif);
padding-left:4px;
padding-top:5px;
padding-bottom:0px;
   color:#333333;
   margin-top:0px;
   margin-bottom:0px;
border-right:#CCCCCC 1px solid;
}


#right_pr .koshin3 ul{
background-color:#FFFFFF;
clear:both;
margin-left:0px;
padding:5px;
list-style-type:none;
font-size:80%;
margin-top:0px;
margin-bottom:0px;
border-right:#CCCCCC 1px inset;
border-left:#CCCCCC 1px solid;
border-bottom:#CCCCCC 1px solid;
}
#right_pr .koshin3 li{
white-space:nowrap;
padding-bottom:5px;
padding-top:5px;
margin-bottom:0px;
margin-top:0px;
padding-left:0px;
}

#right_pr .pr_p{
margin-top:30px;
}
#right_pr .pr_p iframe{
margin-left:30px;
}

/* ========== 　　フッター　 ========== */
#footer{
margin-top:0px;
margin-bottom:0px;
width:1280px;
background-color : #ffffff;
clear:both;
}
#footer .menu{
width:1280px;
background-image:url(/images/line1.gif);
background-repeat:repeat-x;
font-size : 80%;
clear:both;
text-align:left;
}
#footer .menu ul{
 margin-left:10px;
 padding-left:10px;
margin-top:0px;
list-style-type:none;
}
#footer .menu li{
white-space:nowrap;
float:left;
}
#footer .menu h2{
font-size:100%;
margin-bottom:0px;
padding-top:10px;
padding-left:5px;
}

#footer .copyright{
 margin-left: 0px;
 background-color:#006600;
 text-align:right;
 height:15px;
  font-size : 80%;
  font-weight:normal;
  color : #ffffff;
  padding-top : 4px;
  padding-bottom : 4px;
  padding-right : 10px;
  margin-top:30px;
}
#google1{
margin-left:40px;
}


/* ========== 　　　テーブル　色設定　　　　 ========== */

TABLE.border-green2 {
	BORDER-RIGHT:#004040 1px solid;
        BORDER-TOP:#004040 1px solid;
        BO%RDER-LEFT: #004040 1px solid;
        BORDER-BOTTOM: #004040 1px solid;}
TABLE.border-orange2 {
	BORDER-RIGHT: #ff6600 1px solid;
        BORDER-TOP: #ff6600 1px solid;
        BORDER-LEFT: #ff6600 1px solid;
        BORDER-BOTTOM: #ff6600 1px solid;}
TABLE.border-green3 {
	BORDER-RIGHT:#6a6a35 1px solid;
        BORDER-TOP:#6a6a35 1px solid;
        BORDER-LEFT: #6a6a35 1px solid;
        BORDER-BOTTOM: #6a6a35 1px solid;}
TABLE.border-blue1 {
	BORDER-RIGHT:#000099 1px solid;
        BORDER-TOP:#000099 1px solid;
        BORDER-LEFT: #000099 1px solid;
        BORDER-BOTTOM: #000099 1px solid;}
TABLE.border-red1 {
	BORDER-RIGHT:#cc0000 1px solid;
        BORDER-TOP:#cc0000 1px solid;
        BORDER-LEFT: #cc0000 1px solid;
        BORDER-BOTTOM: #cc0000 1px solid;}
TABLE.border-brown1 {
	BORDER-RIGHT:#cc6600 1px solid;
        BORDER-TOP:#cc6600 1px solid;
        BORDER-LEFT: #cc6600 1px solid;
        BORDER-BOTTOM: #cc6600 1px solid;}
TABLE.border-green4 {
	BORDER-RIGHT:#339900 1px solid;
        BORDER-TOP:#339900 1px solid;
        BORDER-LEFT: #339900 1px solid;
        BORDER-BOTTOM: #339900 1px solid;}

TABLE.dotted-pink {
	border-width : 2px 2px 2px 2px;
	border-style : dotted dotted dotted dotted;
	border-color : #ff5959 #ff5959 #ff5959 #ff5959;
}

TABLE.gray-1 {
	BORDER-RIGHT:#cccccc 1px solid;
        BORDER-TOP:#cccccc 1px solid;
        BORDER-LEFT: #cccccc 1px solid;
        BORDER-BOTTOM: #cccccc 1px solid;
		}
		
/* ========== 　　　フォント　色設定　　　　 ========== */
	
.clear{
clear:both;
}
.f_green{
color:#006600;
}
.f_blue{
color:#0033CC;

}
.f_blueb{
color:#0033CC;
font-weight:bold;
}
.f_blueb a{
color:#0033CC;
font-weight:bold;
}
.f_blue a{
color:#0033CC;
}
.f_bold{
font-weight:bold;
}
.f_red{
color:#FF0000;
}
.f_redb{
color:#FF0000;
font-weight:bold;
}
.f_redb a{
color:#FF0000;
font-weight:bold;
}
.font_1{
font-size:90%;
}
.f_red a{
color:#FF0000;
}
.f_gray2{
color:#CAD6D9;
}
.f_blue2{
color:#3399FF;
}

.f_blue2 a{
color:#3399FF;
}
.right{
text-align:right;
}
.f_brown{
color:#996633;
}
.f_brown a{
color:#996633;
}
.f_brownb{
width:115px;
text-align:left;
color:#666666;
}
.td_brownb{
text-align:left;
color:#666666;

}