/* ------------------------------------------------------------
 * Style Sheet for HTML guide at takusantokusan
 * Last modified 4, 2010　キーワード商品詳細ページ
 * -----------------------------------------------------------*/
 body{
  margin-top : 0px;
  background-color:#ffffff;
  text-align:center;
  font-family: "MS UI Gothic",Osaka ,arial ,verdana ,sans-serif;
}

#k_pro{
width:1024px;
margin:auto;
text-align:left;

}


/* ========== 　ヘッダー　　========== */
#header{
width:1024px;
margin-bottom:0px;
}
/* ========== 　ヘッダー　グレー文字　　========== */
#header h1{
	margin: 0px;
	padding: 0px;
	font-size: 82%;
	display: block;
	color: #999999;
	text-align: right;
 font-weight : normal;
}
/* ========== 　ヘッダー　ロゴ　　========== */
#header .h_logo{
width:370px;
float:left;
}
#header .h_logo img{
border:0px;
}

#header .h_logo h2{
margin: 0px;
	padding: 0px;
	font-size: 82%;
	display: block;
	color: #999999;
	}
.contents .menu{
clear:both;
font-size:80%;
margin-top:10px;
margin-left:13px;
font-weight:bold;
margin-bottom:10px;
color:#333;

}
.contents .menu .kn{
	color:#F00;
}
.contents .menu .kn a{
	color:#F00;
}
.contents .menu a{
color:#0066CC;
}
.contents .cn h2{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
width:750px;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
font-weight:bold;
margin-bottom:0px;
margin-left:15px;
margin-top:0px;
font-size:100%;
background-image:url(https://www.taku3.net/imgs/images/kw/tb_01.gif);
background-repeat:no-repeat;
color:#990000;
}
.contents .cn h2 .nb{
font-size:80%;
color:#333333;
}
.contents .cn2 h2{
font-family:"MS PGothic";
width:750px;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
font-weight:bold;
margin-bottom:0px;
margin-left:15px;
margin-top:0px;
font-size:100%;
background-image:url(https://www.taku3.net/imgs/images/kw/tb_02.gif);
background-repeat:no-repeat;
color:#333;
}
.contents .cn2 h2 a{
	color:#0066CC;
}

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


.header_m3{
clear:both;
margin-bottom:0px;
margin-top:0px;
background-image:url(https://www.taku3.net/imgs/images/kw/kw_waku.gif);
background-repeat:repeat-x;
} 

.header_m3 ul{
	margin-left:0px;
	padding-left:0px;
margin-bottom:0px;
margin-top:0px;
list-style-type:none;
font-size:90%;

}
.header_m3 li{
	text-align:center;
float:left;

}

.header_m3 li.m1_1 a{
text-decoration:none;
color:#000099;
padding-top:5px;
padding-bottom:5px;
padding-left:3px;
padding-right:3px;
}
#header .header_m3 li.m1_1b a{
		font-weight:bold;
text-decoration:none;
color:#FFF;
background-color:#be1516;
padding:4 4 3 4;
}
.header_m3 li.m1_1b a:hover{
text-decoration:none;
color:#000099;

}

.header_m3 li.m1_1b{
padding-top:13px;
padding-bottom:10px;
}
.header_m3 li.m1_1{
padding-top:13px;
padding-bottom:10px;
}

.header_m3 li a:hover{
text-decoration:none;
color:#FFF;
background-color:#DAAC71;

padding-top:5px;
padding-bottom:4px;
padding-left:3px;
padding-right:3px;
}
.header_m3 li.m1_2{
padding-top:13px;
margin-left:1px;
color:#DAAC71;
padding-bottom:10px;
}

.header_m3 li.m1_5{
margin-left:100px;
font-weight:bold;
}
.header_m3 li.m1_5 form{
margin:0px;
padding-top:2px;
}

/* ========== 　中央部　検索　 ========== */

 .search{
	 padding:0px;
 margin-bottom:0px;
margin-top:10px;
		margin-left:15px;
		}
		
 .search iframe{
	 	 padding:0px;
 margin-top:0px;
 margin-bottom:0px;
 }

 /* ========== 　ヘッダー　バナー　　========== */
#header .h_banner{
text-align:center;
}


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

}
/* ========== 　　メイン ========== */
#middle .contents{
 width:1024px;
 float:right;
 background-image:url(https://www.taku3.net/imgs/images/kw/tate_01.jpg);
 background-repeat:repeat-y;
 margin-top:0px;
}
#middle .main{
width:794px;
float:right;
}

#m_l{
width:790px;
}


 /* ========== 　　左メニュー部　　========== */
#middle .side{
 width:220px;
 float:right;
 background-color:#ffffff;
 margin-right:0px;
 }
#middle .side .cate_pro h2{
 border-bottom: #CCCCCC 1px solid;
	background-image:url(https://www.taku3.net/imgs/images/kw/hako_06.gif);
padding-left:15px;
padding-top:5px;
   background-repeat:no-repeat;
font-size:90%;
   color:#333333;
  margin-top : 0px;
  margin-bottom:0px;
  padding-bottom:3px;
}
#middle .side .cate_pro h3{
 border-bottom: #CCCCCC 1px solid;
  border-right: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
  background-color:#F2F2F2;
  padding-left : 5px;
  font-size : 80%;
  padding-top:5px;
  padding-bottom:2px;
  margin-top:0px;
  margin-bottom:0px;
}
#middle .side .cate_pro h2 a{
	color:#000;
}
#middle .side .cate_pro h3 a{
	color:#000;
}

#middle .side .cate_pro p{
 border-bottom: #CCCCCC 1px dotted;
  border-right: #CCCCCC 1px solid;
    border-left: #CCCCCC 1px solid;
  background-color:#FFFFFF;
  padding-left : 10px;
  font-size : 90%;
  padding-top:4px;
  padding-bottom:5px;
  margin-top:0px;
  margin-bottom:0px;
}
#middle .side .cate_pro p a{
font-family:"MS PGothic";
color:#0066FF;
}
#middle .side .cate_pro p a:hover{

background-color:#FFDFDF;
color:#0066FF;
}
#middle .side .cate_pro p.red a{
	color:#F00;
	font-weight:bold;
}

#middle .side .cate_pro p.redsub a{
		color:#F00;
	font-weight:bold;
	font-size:80%;
	padding-left:30px;
}
#middle .side .cate_pro p.sub a{
	font-weight:bold;
	font-size:80%;
	padding-left:30px;
}
#middle .side .cate_pro h4{
 border-bottom: #CCCCCC 1px solid;
	background-image:url(https://www.taku3.net/imgs/images/kw/hako_06.gif);
padding-left:15px;
padding-top:5px;
   background-repeat:no-repeat;
font-size:90%;
   color:#333333;
  margin-top : 0px;
  margin-bottom:0px;
  padding-bottom:3px;
  height:40px;
}


/* ========== 　　フッター　 ========== */
#footer{

margin-top:0px;
margin-bottom:0px;
width:1024px;
clear:both;
 background-image:url(https://www.taku3.net/imgs/images/kw/tate_01.jpg);
 background-repeat:repeat-y;
}
#footer .cyui{
	margin-left:10px;
	margin-top:30px;
font-size:75%;
width:1000px;
}
#footer .cyui ul{
	padding-left:0px;
color:#333333;
list-style-type:none;
margin-left:0px;
margin-bottom:0px;

}
#footer .menu{
padding-left:10px;
width:1000px;
background-image:url(https://www.taku3.net/imgs/images/kw/line1.gif);
background-repeat:repeat-x;
font-size : 80%;
clear:both;
}
#footer .menu ul{
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
padding-left:0px;
list-style-type:none;
}
#footer .menu li{
float:left;
}
#footer .menu h2{
font-size:100%;
margin-bottom:0px;
padding-top:10px;
}

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

		
/* ========== 　　　フォント　色設定　　　　 ========== */
	

.f_green{
color:#006600;
}
.f_blue{
color:#3399FF;
}
.f_bold{
font-weight:bold;
}
.f_red{
color:#FF0000;
}
.clear{
clear:both;
}
.small1{
	font-size:80%;
	padding-bottom:5px;
	font-weight:bold;
}
.small2{
	font-size:90%;
	padding-left:10px;
		font-family:"Times New Roman", Times, serif;
	
}
.small3{
	font-size:80%;
	padding-right:5px;
	font-weight:bold;
}
.black{
color:#000066;
}
.redsub{
	color:#FF0000;
	font-size:80%;
}

.small{
	font-family:"Times New Roman", Times, serif;
	font-size:90%;
}