/* ------------------------------------------------------------
 * Style Sheet for HTML guide at takusantokusan
 * Last modified , 2010　たくさんとくさんＨＯＭＥ
 * -----------------------------------------------------------*/
/* ========== 　トップページ用　スタイルシート　　 ========== */

body{
  margin-top : 0px;
background-color:#f9f9f9;
  text-align:center;
}
img{
vertical-align:middle;
}
#taku_h{
background-color:#f9f9f9;
width:1024px;
margin:auto;
text-align:left;
}
#taku_h #header{
padding-top:3px;
width:1024px;

}
#taku_h #header h1{
	margin: 0px;
	padding: 0px;
	font-size: 82%;
	display: block;
color:#333333;
	width: 100%;
text-align:left;
letter-spacing : 5px;
        font-weight: normal;
}


#taku_h #header .header_l{
margin-bottom:0px;
width:190px;
float:left;
margin-right:150px;

}
#taku_h #header .header_r{
margin-bottom:0px;

}
/* ========== 　上部メニュー２========== */

 .header_m1{
 width:1024px;
 border-top:solid 3px #999999;
 height:20px;
clear:both;
margin-left:0px;
} 
 .header_m1 ul{
 margin-left:0px;
 padding-left:0px;
margin-bottom:3px;
margin-top:3px;
list-style-type:none;
font-size:80%;
}
 .header_m1 li{
 font-weight:bold;
 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:700px;
}
 .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{
padding-top:5px;
height:30px;
clear:both;
text-align:right;
margin-bottom:0px;
margin-top:0px;
width:1024px;
background-image:url(//www.takusan.net/images/menu_p4.jpg);
background-repeat:repeat-x;
}
.header_search h4{
margin-bottom:0px;
margin-top:0px;
float:left;
font-size:90%;
margin-left:30px;
}
.header_search h4 a{
color:#0000FF;
}
.header_search FORM {
margin:0px;
}
/* ========== 　メイン　 ========== */
#middle{
margin-top:0px;
clear:both;
width:1024px;
background-color:#FFFFFF;
margin-bottom:0px;
text-align:left;

}

#middle #m_middle{
padding:0px;
width:719px;
margin-right:0px;
float:left;
background-color:#FFFFFF;
margin-bottom:0px;
text-align:left;
}
#middle #m_right{
width:305px;
float:left;
background-color:#FFFFFF;
margin-bottom:0px;
}
/* ========== 　特集　 ========== */
#tb_01{
margin-left:20px;
width:690px;
}
.tokusyu_t{
padding:0px;
margin-left:0px;
float:left;
width:515px;
margin-bottom:0px;
margin-top:0px;
}
.tokusyu_t form{
margin:0px;
}
/* ==== 　おすすめの逸品 ===== */
.ippin{
width:160px;
margin-left:5px;
float:left;
}

.ippin img{
border:#999933 1px solid;

}
/* ========== 　PR　 ========== */
.pr_01{
width:680px;
margin-left:20px;
border-bottom:#CCCCCC 1px solid;
margin-bottom:10px;
padding:0px;
}
.pr_01 IFRAME{
margin-left:20px;
margin-top:0px;
margin-bottom:0px;
}


/* ========== 　人気です　 ========== */

#pop{
clear:both;
margin-left:20px;
width:680px;
margin-bottom:0px;


}
#pop IFRAME{
margin-left:0px;
margin-top:0px;


}
#pop h2{
padding-top:5px;
background-image:url(https://www.taku3.net/imgs/images/tb_f1.jpg);
background-repeat:no-repeat;
font-size:100%;

padding-left:20px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
}
#pop h2 a{
color:#000099;
font-size:80%;
font-weight:bold;
text-decoration:none;
}
#pop h2 a:hover{
color:#990033;
text-decoration:underline;
}
/* ========== 　人気商品　 ========== */

#tokusyu_1{
clear:both;
margin-left:20px;
width:664px;
margin-bottom:0px;
}




/* ========== 　中部分　真ん中　カテゴリ一覧メイン　 ========== */
#middle #m_middle .kategorie{
width:680px;
margin-left:20px;
margin-top:10px;
}
#middle #m_middle .kategorie .kate_t h2{
padding-top:5px;
background-image:url(https://www.taku3.net/imgs/images/tb_f1.jpg);
background-repeat:no-repeat;
font-size:100%;

padding-left:20px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:10px;
}

#middle #m_middle .kategorie .kate_t h2 a{
color:#333333;
text-decoration:none;
}
#middle #m_middle .kategorie .kate_t h2 a:hover{
text-decoration:underline;
background-color:#FFDFDF;
}

#middle #m_middle .kategorie .kate{
margin-left:0px;
margin-top:10px;
background-color:#FFFFFF;
clear:both;
}

#middle #m_middle .kategorie .kate_1{
background-color:#FFFFFF;
float:left;
width:225px;
margin-left:0px;
margin-bottom:20px;
}
#middle #m_middle .kategorie .kate_1 h2{
font-size:80%;
margin-left:5px;
background-image:url(https://www.taku3.net/imgs/images/bg_cg1.jpg);
background-repeat:no-repeat;
   border-bottom-width : 1pt;
  border-bottom-style : solid;
  border-bottom-color:#e6e6e6;
margin-top:5px;
margin-bottom:0px;
}



#middle #m_middle .kategorie .kate_1 p{

text-align:left;
margin-top:2px;
margin-bottom:0px;
padding-bottom:3px;
padding-top:3px;
font-size:90%;
  border-bottom-color : #e4e4e4;
  border-bottom-width : 1px;
  border-right-width : 1px;border-style : none inset inset none;
 border-right-color : #e6e6e6;
 }
 #middle #m_middle .kategorie .kate_1 p a:hover{
 background-color:#FFDFDF;
 }
 
#middle #m_middle .kategorie .toku_1{
margin-bottom:10px;
text-align:center;
}
#middle #m_middle .kategorie .toku_1 h3{
margin-bottom:0px;
margin-top:5px;
font-size:90%;
}
#middle #m_middle .kategorie .toku_1 ul{
margin-top:0px;
margin-left:130px;
padding-left:5px;
list-style:none;
font-size:80%;
font-weight:bold;
margin-bottom:20px;
}

#middle #m_middle .kategorie .toku_1 li{
padding-left:8px;
float:left;
}
/* ========== 　　店舗ランキング　 ========== */ 
#m_right .ranking_r{
margin-bottom:0px;
margin-left:0px;
float:left;
margin-top:10px;
width:300px;
}

#m_right .ranking_r h2{
padding-top:5px;
padding-left:20px;
padding-bottom:3px;
font-size:90%;
background-image:url(../images/waku_b02.jpg);
background-repeat:no-repeat;
margin-bottom:0px;
margin-top:0px;

}
#m_right .ranking_r h2 a{
color:#333333;
}
.ranking h2 a:hover{
text-decoration:none;
background-color:#80BFFF;
}


#m_right .ranking_r p{

background-color:#FFFFFF;
	BORDER-RIGHT:#DBE7F9 1px solid;
        BORDER-LEFT: #DBE7F9 1px solid;
		        BORDER-bottom: #DBE7F9 1px solid;

margin-left:0px;
margin-top:0px;
margin-bottom:5px;
list-style-type:none;
font-size:80%;
}



#m_right .ranking_r li img{
vertical-align:middle;
}



/* ========== 　　ランキングエリア　 ========== */

#middle #ranking{
clear:both;
margin-top:0px;
margin-left:10px;
}

#ranking .ranking{
margin-bottom:0px;
margin-left:0px;
float:left;
margin-top:0px;
width:320px;
}

#ranking .ranking h2{
padding-top:5px;
padding-left:20px;
padding-bottom:3px;
font-size:90%;
background-image:url(../images/waku_b02.jpg);
background-repeat:no-repeat;
margin-bottom:0px;
margin-top:0px;

}
#ranking .ranking h2 a{
color:#333333;
}
.ranking h2 a:hover{
text-decoration:none;
background-color:#80BFFF;
}


#ranking .ranking p{

background-color:#FFFFFF;
	BORDER-RIGHT:#DBE7F9 1px solid;
        BORDER-LEFT: #DBE7F9 1px solid;
		        BORDER-bottom: #DBE7F9 1px solid;

margin-left:0px;
margin-top:0px;
margin-bottom:5px;
list-style-type:none;
font-size:80%;
}



#ranking .ranking li img{
vertical-align:middle;
}
.ranking iframe{
margin:5px;
}

.ranking_r{
float:left;
}
.ranking_rt{
margin-bottom:0px;
}
.ranking_rb{
margin-top:10px;
}
/* ==== 　中部分　左　ワードランキング ===== */
.ranking2{
margin-bottom:0px;
margin-left:10px;
margin-top:0px;
width:320px;
float:left;
}
.ranking2 h2{
padding-top:5px;
padding-bottom:3px;
padding-left:20px;
font-size:90%;
background-image:url(../images/waku_b02.jpg);
background-repeat:no-repeat;
margin-bottom:0px;
margin-top:0px;
}
.ranking2 h2 a{
color:#333333;
}
.ranking2 h2 a:hover{
text-decoration:none;
background-color:#80BFFF;
}

.ranking2 p{
background-color:#FFFFFF;
	BORDER-RIGHT:#DBE7F9 1px solid;
        BORDER-LEFT: #DBE7F9 1px solid;
		        BORDER-bottom: #DBE7F9 1px solid;
margin-left:0px;
margin-top:0px;
}
.ranking2 li img{
vertical-align:middle;
}
.ranking2 iframe{
margin:5px;
}
/* ==== 　中部分　左　新店舗情報 ===== */
#middle #m_right .newstore{
margin-top:7px;
width:300px;
margin-bottom:0px;
}

#middle #m_right .newstore h2{
padding-top:5px;
padding-left:20px;
padding-bottom:3px;
font-size:90%;
background-image:url(../images/waku_b01.jpg);
background-repeat:no-repeat;
margin-bottom:0px;
margin-top:0px;

}
#middle #m_right .newstore h2 a{
color:#333333;
}

#middle #m_right .newstore p{
padding:5px;

background-color:#FFFFFF;
	BORDER-RIGHT:#DBE7F9 1px solid;
        BORDER-LEFT: #DBE7F9 1px solid;
		        BORDER-bottom: #DBE7F9 1px solid;

margin-left:0px;
margin-top:0px;
margin-bottom:5px;
list-style-type:none;
font-size:80%;
}



#middle #m_right .newstore li img{
vertical-align:middle;
}

/* ========== 　中部分　右　人気の特集　 ========== */
#middle #m_right .tokusyu2{
margin-top:10px;
width:300px;
}
#middle #m_right .tokusyu2 h2{
width:300px;
margin-bottom:0px;
margin-top:0px;

}
#middle #m_right .tokusyu2 h2 a{
margin-right:5px;
color:#0000FF;
}
#middle #m_right .tokusyu2 ul{
text-align:left;
background-image:url(http://takusan.net/images/waku_o0904_7_03.gif);
width:300px;
padding-left:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
list-style-type:none;
}
#middle #m_right .tokusyu2 li{
width:270px;
margin-left:10px;

background-repeat:repeat-y;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#CCCCCC;
padding:3px;
}

#middle #m_right .tokusyu2 li img{
vertical-align:middle;
}
#middle #m_right .tokusyu2 h3{
margin-top:-1px;
margin-bottom:5px;
}
#middle #m_right .tokusyu2 li a{
font-size:80%;
color:#0099CC;

}

#middle #m_right .tokusyu2 .r_1{
text-align:right;
}
#middle #m_right .tokusyu2 .r_1 a{
color:#0000FF;
}
#middle #m_right .tokusyu2 .r_2 a{
line-height:130%;
font-size:110%;
color:#0000CC;
font-weight:bold;
}
/* ========== 　中部分　右　読み物　 ========== */
#middle #m_right .yomimono{
margin-top:0px;
width:300px;
}
#middle #m_right .yomimono h2{
width:300px;
margin-bottom:0px;
margin-top:0px;

}

#middle #m_right .yomimono ul{
text-align:left;
background-image:url(http://takusan.net/images/waku_gyomi_03.gif);
width:300px;
padding-left:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
list-style-type:none;
}
#middle #m_right .yomimono li{
width:270px;
margin-left:10px;

background-repeat:repeat-y;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#CCCCCC;
padding:3px;
}

#middle #m_right .yomimono li img{
vertical-align:middle;
}
#middle #m_right .yomimono h3{
margin-top:-1px;
margin-bottom:5px;
}
#middle #m_right .yomimono li a{
font-size:80%;
color:#0099CC;
}
#middle #m_right .yomimono li a:hover{
background-color:#FFDFDF;
}
/* ========== 　中部分　右　メルマガ　 ========== */
#middle #m_right .mailmaga{
margin-top:0px;
width:300px;
}
#middle #m_right .mailmaga h2{
width:300px;
margin-bottom:0px;
margin-top:0px;

}
#middle #m_right .mailmaga h2 a{
margin-right:5px;
color:#0000FF;
}

#middle #m_right .mailmaga ul{
background-image:url(../images/waku_o0904_4_03.gif);
width:300px;
padding-left:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
list-style-type:none;
}
#middle #m_right .mailmaga li{
margin-left:10px;
text-align:left;
width:270px;
background-repeat:repeat-y;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#CCCCCC;
padding:3px;
}

#middle #m_right .mailmaga li img{
vertical-align:middle;
}
#middle #m_right .mailmaga h3{
margin-top:-1px;
margin-bottom:5px;
}
#middle #m_right .mailmaga li a{
font-size:80%;
color:#0099CC;
}
#middle #m_right .mailmaga li a:hover{
background-color:#FFDFDF;
}

#middle #m_right .mailmaga .m_2 a{
font-weight:bold;
color:#0000FF;
}



/* ========== 　　フッター　 ========== */
.clear{
clear:both;
margin:0px;
}
#footer{
margin-top:0px;
margin-bottom:0px;
width:1024px;
background-color : #ffffff;
clear:both;
}
#footer .menu{
width:1024px;
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 li a:hover{
text-decoration:underline;
background-color:#FFDFDF;
}
#footer .menu h2{
margin-top:0px;
font-size:100%;
margin-bottom:0px;
padding-top:10px;
padding-left:5px;
}

#footer .copyright{
 margin-left: 0px;
 background-color:#666666;
 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;
}

/* ========== 　色　 ========== */
.orange_1{
color:#FF6600;
}

.pink_1{
color:#FF3399;
}
.pink_1 a{
color:#FF3399;
}

.orange_1 a{
color:#FF6600;
}
.green_1{
color:#009933;
}
.green_1 a{
color:#009933;
}
.hb_ct3{
font-size:70%;
}

.mini{
font-size:80%;
font-weight:bold;
}

.ads_shop_fs{
width:340px;
margin-left:0px;
float:left;
}
.ads_shop_fs2{
width:210px;
margin-left:30px;
float:left;
}
.center iframe{
margin-left:50px;
margin-bottom:0px;
}

.new_s iframe{
border:#CCCCCC 1px solid;
padding:0px;
}
