/* ------------------------------------------------------------
 * Style Sheet for HTML guide at takusantokusan
 * Last modified 6, 2010 カテゴリ一覧
 * -----------------------------------------------------------*/
/* ========== 　トップページ用　スタイルシート　　 ========== */

body{
  margin-top : 0px;
    background-color: #ecffec;
  text-align:center;
}
img{
vertical-align:middle;
}
#taku_h{
width:950px;
margin:auto;
}
#taku_h #header{
padding-top:3px;
width:950px;

}
#taku_h #header h1{
	margin: 0px;
	padding: 0px;
	font-size: 82%;
	text-align:right;
font-weight: normal;
}
#taku_h #header h3{
	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;

}
#taku_h #header .header_r{
margin-bottom:0px;

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

 .header_m1{
 width:950px;
 border-top:solid 3px #006600;
 height:5px;
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:800px;
}
 .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;
}
/* ========== 　メイン　 ========== */
#middle{
clear:both;
width:950px;
background-color:#FFFFFF;

}
#middle #m_left{
margin-top:0px;
width:200px;
margin-right:5px;
float:left;
background-color:#FFFFFF;
}
#middle #m_middle{
background-color:#FFFFFF;
width:565px;
margin-right:5px;
float:left;
}
#middle #m_right{
width:170px;
float:left;
background-color:#FFFFFF;
padding-top:5px;
}

/* ========== 　中部分　左　 ========== */

/* ==== 　中部分　左　クリックランキング ===== */

#middle #m_left .present_1 a{
font-size:80%;
}

#middle #m_left .ranking{
margin-top:7px;
width:200px;
}

#middle #m_left .ranking h2{
margin-bottom:0px;
margin-top:0px;

}

#middle #m_left .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;
}



#middle #m_left .ranking li img{
vertical-align:middle;
}


/* ==== 　中部分　左　更新情報===== */

#middle #m_left .newstore{
margin-top:7px;
width:200px;
}

#middle #m_left .newstore h2{
margin-bottom:0px;
margin-top:0px;

}

#middle #m_left .newstore p{
background-color:#FFFFFF;
	BORDER-RIGHT:#D2F7CD 1px solid;
        BORDER-LEFT: #D2F7CD 1px solid;
		        BORDER-bottom: #D2F7CD 1px solid;

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



#middle #m_left .newstore li img{
vertical-align:middle;
}

/* ==== 　中部分　左　メニュー一覧===== */
#middle #m_left .menu{
text-align:left;
margin-top:7px;
width:200px;
}
#middle #m_left .menu h2{
margin-bottom:0px;
margin-top:0px;

}


#middle #m_left .menu ul{

padding-left:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
list-style-type:none;
background-color:#FFFFFF;
	BORDER-RIGHT:#FCD9F3 1px solid;
        BORDER-LEFT: #FCD9F3 1px solid;
BORDER-bottom: #FCD9F3 1px solid;
}
#middle #m_left .menu li{
font-size:80%;
width:170px;
margin-left:5px;
background-repeat:repeat-y;
color:#003366;
padding:3px;
}

#middle #m_left .menu li img{
vertical-align:middle;
}
#middle #m_left .menu h3{
margin-top:0px;
margin-bottom:5px;
}


#middle #m_left .menu li a{
text-decoration:none;
color:#0099CC;

}
#middle #m_left .menu .menu_t{
font-weight:bold;
}
#middle #m_left .menu .l_y{
border-bottom-width:1px;
border-bottom-style:dotted;
}


/* ==== 　中部分　左　選ばれています===== */
#middle #m_left .erabu{
margin-top:7px;
width:200px;
}

#middle #m_left .erabu h2{
margin-bottom:0px;
margin-top:0px;

}

#middle #m_left .erabu p{
background-color:#FFFFFF;
	BORDER-RIGHT:#fdbdef 1px solid;
        BORDER-LEFT: #fdbdef 1px solid;
		        BORDER-bottom: #fdbdef 1px solid;

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



#middle #m_left .erabu li img{
vertical-align:middle;
}




/* ========== 　中部分　真ん中　サーチ部　 ========== */
#middle #m_middle .search{
text-align:center;
padding-top:15px;
width:560px;
height:50px;
background-image:url(../images/search_1.gif);
background-position:center;
background-repeat:no-repeat;
margin-top:3px;
margin-bottom:0px;
}

/* ========== 　中部分　真ん中　カテゴリ一覧　 ========== */

#cattop{
clear:both;
text-align:left;
margin-bottom:50px;
}
#cattop .kazu h2{
width:500px;
text-align:center;
font-size:100%;
margin-bottom:0px;
}
#cattop .cat_1{
width:535px;
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
}
#cattop .cat_1 h2{
clear:both;
margin-left:10px;
margin-bottom:0px;
margin-top:50px;
}
#cattop .cat_1 h3{
margin-bottom:0px;
margin-top:10px;
font-size:100%;
margin-left:40px;
clear:both;
}
#cattop .cat_1 p{
clear:both;
margin-top:5px;
margin-bottom:0px;
margin-left:70px;
font-size:80%;
}
#cattop .cat_1 .small_1{
font-size:80%;
font-weight:bold;
}
#cattop .cat_1 .small_2{
font-size:80%;
}
#cattop .cat_1 ul{
margin-bottom:20px;
margin-top:0px;
list-style-type:none;
width:450px;
margin-left:20px;
}
#cattop .cat_1 li{
padding-top:0px;
margin-top:10px;
font-weight:normal;
font-size:90%;
float:left;
margin-left:10px;
}
#cattop .cat_1 li a{
font-weight:bold;
color:#004591;
}



.clear{
clear:both;
}



/* ========== 　　フッター　 ========== */
#footer{
margin-top:-10px;
margin-bottom:0px;
width:950px;
background-color : #ffffff;
clear:both;
}
#footer .menu{
width:950px;
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;
}
/* ========== 　色　 ========== */
.orange_1{
color:#FF6600;
}