/* ------------------------------------------------------------
 * Style Sheet for HTML guide at takusantokusan
 * Last modified 6, 2010　特産品カテゴリ一覧用 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:1200px;

}
#header h1{
	margin: 0px;
	padding: 0px;
	font-size: 82%;
	text-align:right;
font-weight: normal;
color: #999999;
}
#header h3{
	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:190px;
float:left;
margin-right:50px;

}


/* ========== 　上部メニュー２========== */

 .header_m1{
 width:1200px;
border-top:#693 2px solid;
 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:270px;
}
 .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:1200px;
background-image:url(https://www.taku3.net/imgs/images/g_b1.gif);
background-repeat:repeat-x;
}
.header_search FORM {
margin:0px;
padding:5px;
}
/* ========== 　パンくずリスト========== */
.menu_h{
background-color:#FFFFFF;
height:20px;
text-align:left;
font-size:80%;
padding-left:10px;
font-weight:bold;
}



 /* ========== 　中央部全体　　========== */
#middle{
margin-top:5px;
clear:both;
width:1210px;

}
/* ========== 　　メイン ========== */
#middle .main{
padding-left:5px;
 width:830px;
 float:left;
}
#middle .main td{
line-height:130%;
}

/* ========== 　メイン　+　右広告　 ========== */

/* ========== 　　メイン　特集窓　 ========== */

#middle .main .toku{
   width:310px;
   margin-right:3px;
 float: left;
 }
 
#middle .main .toku .waku{
width : 310px;
  height : 140px;  
  margin-top : 0px;
  margin-left : 0px;
 background-image:url(https://www.taku3.net/imgs/images/waku1.gif);
}
#middle .main .toku IFRAME{
  margin-top : 5px;
  margin-left : 5px;
}

/* ========== 　メイン　カテゴリ名　 ========== */
.main .tn{
margin-top:10px;
margin-bottom:0px;
}
.main .tn td{
font-size:85%;
}

/* ========== 　　メイン　注目のお店窓　 ========== */

#middle .main .cyumoku {
   margin-left : 313px;
   width:505px;
}
#middle .main .cyumoku .waku{
width : 505px;
  height : 140px;  
  margin-top : 0px;
 background-image:url(https://www.taku3.net/imgs/images/waku22.gif);
}
#middle .main .cyumoku IFRAME{
  margin-top : 5px;
  margin-left : 5px;
}







/* ========== 　　メイン　ランキング・市町村ボタン　 ========== */
#middle .main .listue{
margin-top:10px;
margin-bottom:0px;
}
#middle .main .rank{

padding-top:5px;
padding-left:5px;
margin-bottom:0px;
margin-top:10px;

}

#middle .main .ranking{
clear:both;
}
#middle .main .ranking ul{

 padding-left:0px;
 margin-left:0px;
 margin-top:2px;
 margin-bottom:0px;
 list-style-type:none;
}
#middle .main .ranking li{
font-size:80%;
float:left;

}
#middle .main .ranking a{
color:#0000FF;

 font-weight:bold;
 }
.jyuni2 .tenposu4{
font-size:70%;
font-weight:normal;
}
#middle .main .pref{
clear:both;

} 
#middle .main .pref ul{
 padding-left:0px;
  margin-left:0px;
  margin-top:0px;
   list-style-type:none;
  }

#middle .main .pref li{
font-size:80%;
float:left;

}
#middle .main .pref a{
font-weight:normal


 }
  #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;
}
 
 

/* ========== 　メイン　一覧部分　 ========== */

.main .list{
clear:both;
margin-top:0px;
}


.main .list td{
font-size:90%;
}
/* ========== 一覧部分 ========== */

 .shohin p{
   color : #003300;
  font-weight : bold;
   margin-bottom:0px;
}
 .shohin h3{
  font-weight : bold;
   margin-top:0px;
   margin-bottom:0px;
  color : #660000;
   font-size: 80%;

}
 .shohin h4{
   margin-top:0px;
   margin-bottom:0px;
  font-weight : normal;
   font-size: 90%;
  border-top-width : 1pt;
  border-top-style : dotted;
  border-top-color : gray;
}

/* ========== 　メイン　下部コメント　 ========== */

.b_comment{
width:700px;
margin-left:50px;
margin-top:30px;
margin-bottom:30px;
font-size:80%;
}




 /* ========== 　　左メニュー部　　========== */
#middle .side{
text-align:left;
 width:200px;
 float:left;

 }
 
 
  /* ========== 　　左メニュー部　登録店舗数　========== */
 
#middle .side .count{ 
background-color:#FFFFFF;
 border:solid 1px #009900;
 padding:0px;
 margin-bottom:5px;
}
#middle .side .count h2{
color:#FFFFFF;
background-color:#55932D;
font-size:85%;
padding:5px;
text-align:center;
margin-top:0px;
margin-bottom:5px;
}
#middle .side .count p{
text-align:center;
margin-top:0px;
font-size:80%;
font-weight:bold;
margin-bottom:2px;
}

  /* ========== 　左メニュー部　新着情報　========== */
#middle .side .koshin{
background-color:#FFFFFF;
 border:solid 1px #FF6600;
 padding:0px;
 margin-bottom:10px;
}
#middle .side .koshin h2{
color:#FFFFFF;
background-image : url(https://www.taku3.net/imgs/images/hanbai_i_00.gif);
font-size:85%;
padding:5px;
text-align:center;
margin-top:0px;
margin-bottom:5px;
}
#middle .side .koshin iframe{
padding-left:5px;
margin-bottom:0px;
}

/* ========== 　左メニュー部　投票　========== */ 


#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{
 margin-bottom:10px;

 }
 #middle .side .sidecategory .cate_search{
 background-color:#FFFFFF;
 }
  #middle .side .sidecategory .cate_search h2{
 padding-top:4px;
 padding-left:2px;
   background-image:url(https://www.taku3.net/imgs/images/hanbai_o_10.gif);
      background-repeat:no-repeat;
font-size:90%;
   height:26px;
   color:#333333;
   overflow:hidden;
  margin-top : 0px;
   margin: 0;
}


 #middle .side .sidecategory .cate_kanren h2{
padding-left:30px;
padding-top:7px;
   background-image:url(https://www.taku3.net/imgs/images/hanbai_o_11.gif);
   background-repeat:no-repeat;
font-size:90%;
   height:24px;
   color:#333333;
   overflow:hidden;
  margin-top : 0px;
   margin: 0;
}
 #middle .side .sidecategory .cate_pro .cate_search h2{
 padding-top:4px;
 padding-left:2px;
   background-image:url(https://www.taku3.net/imgs/images/hanbai_o_15.gif);
      background-repeat:no-repeat;
font-size:90%;
   height:26px;
   color:#333333;
   overflow:hidden;
  margin-top : 0px;
   margin: 0;
}
 #middle .side .sidecategory .cate_pro h2{
      background-image:url(https://www.taku3.net/imgs/images/hanbai_o_14.gif);
padding-left:35px;
padding-top:7px;

   background-repeat:no-repeat;
font-size:90%;
   height:24px;
   color:#333333;
   overflow:hidden;
  margin-top : 0px;
   margin: 0;
}
 #middle .side .sidecategory .cate_pro h2 a{
 color:#0000FF;
 }
#middle .side .sidecategory .cate_pro h3{
 border-bottom-color : #EFDBAB;
  border-bottom-width : 1px;
  border-right-width : 1px;
  border-style : none inset inset none;
  border-right-color : #EFDBAB;
  background-color : white;
  padding-left : 15px;
  font-size : 85%;
  padding-top : 5px;
  padding-bottom:2px;
  margin: 0;
}

#middle .side .sidecategory .cate_pro p{
 border-bottom-color:#EFDBAB;
  border-bottom-width : 1px;
  border-right-width : 1px;
  border-style : none inset inset none;
  border-right-color : #EFDBAB;
  background-color:#FFECF5;
  padding-left : 40px;
  font-size : 85%;
  padding-top : 5px;
  padding-bottom:2px;
  margin: 0;
}
#middle .side .sidecategory .cate_pro .red a{
font-weight:bold;
color:#990033;
}

#middle .side .sidecategory .cate_pro .redsub a{
color:#990000;
padding-left:30px;
font-size:80%;
}
#middle .side .sidecategory .cate_pro p a{
color:#0000FF;
}
 #middle .side .sidecategory .cate_search_90 h2{
 padding-top:4px;
 padding-left:2px;
   background-image:url(https://www.taku3.net/imgs/images/hanbai_p_10.gif);
      background-repeat:no-repeat;
font-size:90%;
   height:26px;
   color:#333333;
   overflow:hidden;
  margin-top : 0px;
   margin: 0;
}
 /* ==========　左メニュー部　色指定========== */
#middle .side .sidecategory .cate_pro .soryom a{
color:#FF0000;
 }
 #middle .side .sidecategory .cate_pro .wakeari a{
color:#006633;
 }
  #middle .side .sidecategory .cate_pro .otameshi a{
color:#3399FF;
 }
 
 
  /* ==========　左メニュー部　色指定========== */
#middle .side .sidecategory .cate_kanren p{
 border-bottom-color : #e4e4e4;
  border-bottom-width : 1px;
  border-right-width : 1px;
  border-style : none inset inset none;
  border-right-color : #e6e6e6;
  background-color : white;
  padding-left : 15px;
  font-size : 95%;
  padding-top : 7px;
  padding-bottom:5px;
  font-weight:bold;
  margin: 0;
}
#middle .side .sidecategory .cate_kanren p a{
color:#0033FF;
}
#middle .side .sidecategory .cate_search h2 img{
vertical-align:middle;
}
#middle .side .sidecategory .cate_searchi h2{
padding:2px;
   background-image:url(https://www.taku3.net/imgs/images/hanbai_o_10.gif);
   background-repeat:no-repeat;
font-size:90%;
   height:24px;
   color:#333333;
   overflow:hidden;
  margin-top : 0px;
   margin: 0;
}
#middle .side .sidecategory .cate_searchi h2 img{
vertical-align:middle;
}
#middle .side .sidecategory p{
 border-bottom-color : #e4e4e4;
  border-bottom-width : 1px;
  border-right-width : 1px;
  border-style : none inset inset none;
  border-right-color : #e6e6e6;
  background-color : white;
  padding-left : 15px;
  font-size : 85%;
  padding-top : 5px;
  padding-bottom:2px;
  margin: 0;
}
#middle .side .sidecategory .f2{
   margin-bottom : 6px;
}
#middle .vmid{
vertical-align:middle;
}

.prefsearch{
background-color:#FFFFFF;
}
#middle .side .sidecategory .prefsearch h2{
padding-left:30px;
padding-top:7px;
   background-image:url(https://www.taku3.net/imgs/images/hanbai_o_12.gif);
   background-repeat:no-repeat;
font-size:90%;
   height:24px;
   color:#333333;
   overflow:hidden;
   margin: 0px;
}
#middle .side .sidecategory .categorysearchi h2{
margin-top:10px;
color: #666666;
text-decoration:none;
font-size:100%;
border-right:1px solid #AAAAAA;
border-bottom:1px solid #AAAAAA;
border-left:15px solid #FF6600;
background-color:#FFFFFF;
display:block;
padding:5px 5px;
margin-bottom:0px;
}
#middle .side .sidecategory .categorysearch h2{
padding-left:30px;
padding-top:7px;
   background-image:url(https://www.taku3.net/imgs/images/hanbai_o_12.gif);
   background-repeat:no-repeat;
font-size:90%;
   height:24px;
   color:#333333;
   overflow:hidden;
   margin: 0px;
}

 /* ==========　左メニュー部　商品でさがす ========== */

#middle .side .sidecategory .cate_pro2 h2{
padding-left:30px;
padding-top:7px;
   background-image:url(https://www.taku3.net/imgs/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 .side #pref{
height:330px;
  margin-bottom : 0px;
 border:solid 1px #009900;
  text-align : center;
  background-color : #ffffff;
}
#middle .side #pref H2{
  font-size : 12px;
  background-color : #99cc66;
  text-align : center;
  padding-top : 4px;
  padding-bottom : 0px;
  margin-bottom : 10px;
  margin-top:0px;  
}
#middle .side #pref .col{
  background-color : #ffffff;
 width: 65px;
 float: left;
}
#middle .side #pref .pr{
  font-size : 13px;
  margin-top : 2px;
  margin-bottom : 0px;
}

/* ========== 　　右　広告部　 ========== */
#middle .contents .right_pr{
width:165px;
text-align:center;
float:left;

}

#right_pr .koshin2{
margin-left:3px;
margin-top:0px;
width:160px;
}
#right_pr .koshin2 h2{
width:160px;
margin-bottom:0px;
margin-top:0px;

}

#right_pr .koshin2 ul{
text-align:left;
background-image:url(https://www.taku3.net/imgs/images/waku_bk160_02.gif);
width:160px;
padding-left:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
list-style-type:none;
}
#right_pr .koshin2 li{
width:150px;
margin-left:0px;
background-repeat:repeat-y;
padding:5px;
}

#right_pr .koshin2 li img{
vertical-align:middle;
}
#right_pr .koshin2 h3{
margin-top:-1px;
margin-bottom:5px;
}
#right_pr .koshin2 li a{
font-size:80%;
color:#0099CC;

}

/* ========== 　　フッター　 ========== */
#footer{
margin-top:0px;
margin-bottom:0px;
width:1200px;
background-color : #ffffff;
clear:both;
}
#footer .menu{
width:1200px;
background-image:url(https://www.taku3.net/imgs/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;
        BORDER-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;
		}
		
/* ========== 　　　フォント　色設定　　　　 ========== */
	

.f_green{
color:#006600;
}
.f_blue{
color:#3399FF;
}
.f_bold{
font-weight:bold;
}
.f_red{
color:#FF0000;
}

	
