@charset "utf-8";
/* CSS Document */




.arrowlistmenu{
	width: 140px; /*width of accordion menu*/
	float:left;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3";
font-size:12px;
font-weight:bold;
color: #666666;
background:url(../img/smenu_bg.gif)  no-repeat center left;
margin: 0; /*bottom spacing between header and rest of content*/
padding: 6px 0px 0 27px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
height:18px;
}
.arrowlistmenu .menuheader2{ /*CSS class for menu headers in general (expanding or not!)*/
	font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3";
	font-size:12px;
	font-weight:bold;
	color: #666666;
	background:url(../img/men_bg.gif) repeat-y center left;
	margin: 0; /*bottom spacing between header and rest of content*/
	padding: 6px 0px 0 27px; /*header text is indented 10px*/
	height:25px;
}

.arrowlistmenu .menuhead{ /*CSS class for menu headers in general (expanding or not!)*/
background:url(../img/men_ban.gif)  no-repeat center left;
margin: 0; /*bottom spacing between header and rest of content*/
padding: 0px 0px 0 27px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
height:18px;
}


.arrowlistmenu .menuhthead{ /*CSS class for menu headers in general (expanding or not!)*/
background:url(../img/search_ban.gif)  no-repeat center left;
margin: 0; /*bottom spacing between header and rest of content*/
padding: 0px 0px 0 27px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
height:19px;

}
.arrowlistmenu .menubott{ /*CSS class for menu headers in general (expanding or not!)*/
	background:url(../img/men_bottom.gif)  no-repeat center left;
	margin: 0; /*bottom spacing between header and rest of content*/
	height:18px;
	padding:0;
}



.arrowlistmenu .menuheader:hover{ /*CSS class for menu headers in general (expanding or not!)*/
color: #FFFFFF;
background:url(../img/smenu_bg_0.gif)  no-repeat center left;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image:url(../img/smenu_bg_0.gif);
color:#FFFFFF;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
background:url(../img/men_bg.gif) repeat-y;
}

.arrowlistmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #a0cf67;
background: url(../img/ssubmenu_bg.gif) no-repeat center left; /*custom bullet list image*/
display: block;
margin:0px;
padding-bottom:0px;
padding-top:7px;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 10px;
height:18px;
}

.arrowlistmenu ul li a.selsub{
color: #a0cf67;
background: url(../img/sssubmenu_bg.gif) no-repeat center left; /*custom bullet list image*/
display: block;
margin:0px;
padding-bottom:0px;
padding-top:7px;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
font-size: 10px;
height:18px;
}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #cccccc;
background-color: #F3F3F3;
}
#men01{
background-image:url(../img/pc_men_bte.gif);
}
#men01:hover{
background-image:url(../img/pc_men_bte0.gif);
}
.arrowlistmenu .openheader#men01{
background-image:url(../img/pc_men_bte0.gif);
}

#men02{
background-image:url(../img/perifpc_bte.gif);
}
#men02:hover{
background-image:url(../img/perifpc_bte0.gif);
}
.arrowlistmenu .openheader#men02{
background-image:url(../img/perifpc_bte0.gif);
}

#men03{
background-image:url(../img/keitai_bte.gif);
}
#men03:hover{
background-image:url(../img/keitai_bte0.gif);
}
.arrowlistmenu .openheader#men03{
background-image:url(../img/keitai_bte0.gif);
}

#men04{
background-image:url(../img/camera_bte.gif);
}
#men04:hover{
background-image:url(../img/camera_bte0.gif);
}
.arrowlistmenu .openheader#men04{
background-image:url(../img/camera_bte0.gif);
}

#men05{
background-image:url(../img/tv_bte.gif);
}
#men05:hover{
background-image:url(../img/tv_bte0.gif);
}
.arrowlistmenu .openheader#men05{
background-image:url(../img/tv_bte0.gif);
}

#men06{
background-image:url(../img/audio_bte.gif);
}
#men06:hover{
background-image:url(../img/audio_bte0.gif);
}
.arrowlistmenu .openheader#men06{
background-image:url(../img/audio_bte0.gif);
}

#men07{
background-image:url(../img/home_bte.gif);
}
#men07:hover{
background-image:url(../img/home_bte0.gif);
}
.arrowlistmenu .openheader#men07{
background-image:url(../img/home_bte0.gif);
}

#men08{
background-image:url(../img/kitchen_bte.gif);
}
#men08:hover{
background-image:url(../img/kitchen_bte0.gif);
}
.arrowlistmenu .openheader#men08{
background-image:url(../img/kitchen_bte0.gif);
}

#men09{
background-image:url(../img/fitness_bte.gif);
}
#men09:hover{
background-image:url(../img/fitness_bte0.gif);
}
.arrowlistmenu .openheader#men09{
background-image:url(../img/fitness_bte0.gif);
}


/*//////////Category Tabs/////////*/


.indentmenu{
width: 95px; /*leave this value as is in most cases*/
margin:0;
padding:0;
float:left;
}

.indentmenu ul{

margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
}

.indentmenu ul li{
display: block;
width: 95px; 
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
}


.indentmenu ul li a.selected{
color: #cccccc;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
border-right: 2px solid  #ffffff;
}
#petsdivcontainer{
border-top:1px solid #cccccc; 
border-bottom:1px solid #cccccc; 
border-right:1px solid #cccccc; 
width:534px; 
height: 200px;
padding:5px;
float:right;
}


/*//////////////PDF manual menu///////////////*/

#menpdf01{
background-image: url(../img/searchpdf_bte.gif);
text-decoration: none;
}
#menpdf01:hover{
background-image:url(../img/searchpdf_bte0.gif);
text-decoration: none; 
}


#menpdf02{
background-image:url(../img/manbox_bte.gif);
text-decoration: none;
}
#menpdf02:hover{
background-image:url(../img/manbox_bte0.gif);
text-decoration: none;
}


#menpdf03{
background-image:url(../img/opinion_bte.gif);
text-decoration: none;
}
#menpdf03:hover{
background-image:url(../img/opinion_bte0.gif);
text-decoration: none;
}


#menpdf04{
background-image:url(../img/pdfeco_bte.gif);
text-decoration: none;
}
#menpdf04:hover{
background-image:url(../img/pdfeco_bte0.gif);
text-decoration: none;
}


#menpdf05{
background-image:url(../img/register_bte.gif);
text-decoration: none;
}
#menpdf05:hover{
background-image:url(../img/register_bte0.gif);
text-decoration: none;
}


#menpdf06{
background-image:url(../img/login_bte.gif);
text-decoration: none;
}
#menpdf06:hover{
background-image:url(../img/login_bte0.gif);
text-decoration: none;
}

/*//////////////Howto menu///////////////*/

#menht01{
background-image: url(../img/denki_bte.gif);
}
#menht01:hover{
background-image:url(../img/denki_bte0.gif);
}


#menht02{
background-image:url(../img/fitness_ht_bte.gif);
font-size:11px;
}
#menht02:hover{
background-image:url(../img/fitness_ht_bte0.gif);
}


#menht03{
background-image:url(../img/beauty_bte.gif);
}
#menht03:hover{
background-image:url(../img/beauty_bte0.gif);
}


#menht04{
background-image:url(../img/food_bte.gif);
}
#menht04:hover{
background-image:url(../img/food_bte0.gif);
}


#menht05{
background-image:url(../img/diy_bte.gif);
}
#menht05:hover{
background-image:url(../img/diy_bte0.gif);
}


#menht06{
background-image:url(../img/job_bte.gif);
}
#menht06:hover{
background-image:url(../img/job_bte0.gif);
}

#menht07{
background-image:url(../img/sports_bte.gif);
}
#menht07:hover{
background-image:url(../img/sports_bte0.gif);
}

#menht08{
background-image:url(../img/hobby_bte.gif);
}
#menht08:hover{
background-image:url(../img/hobby_bte0.gif);
}

#menht09{
background-image:url(../img/relation_bte.gif);
}
#menht09:hover{
background-image:url(../img/relation_bte0.gif);
}

#menht10{
background-image:url(../img/safety_bte.gif);
}
#menht10:hover{
background-image:url(../img/safety_bte0.gif);
}

#menht11{
background-image:url(../img/pet_bte.gif);
}
#menht11:hover{
background-image:url(../img/pet_bte0.gif);
}

/* -------------------------------------------------
  Ranking and search result menu@
---------------------------------------------------- */
#menu_rank {
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	width: 495px;
	background-color:#FFFFFF;
	}

#menu_rank li {
	display:inline;
	
	}
#menu_rank li a {
	border-style:solid;
	border-color:#D5DFE8;
	border-width:thin;
	float: left;
	padding: 3px 15px;
	color:#5D87A1;
	}
#menu_rank li a:hover {
	background-color:#5D87A1;
	color:#ffffff;
	
	}	

#menu_sresult{
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	width: 495px;
	background-color:#FFFFFF;
	}
#menu_sresult li {
	display:inline;	
	}
#menu_sresult a {
	border-style:solid;
	border-color:#D5DFE8;
	border-width:thin;
	float: right;
	padding: 3px 15px;
	color:#5D87A1;
	}
#menu_sresult li a:hover {
	background-color:#5D87A1;
	color:#ffffff;
	}	

/*-------------------------- 
  pXg
------------------------*/
#topicPath {   
	width:500px;
    background-color:#FFFFFF;
	padding: 5px 0 0 10px;
	padding-bottom:20px; 
}   
#topicPath li {   
    float:left;   
    line-height:110%;   
    list-style-type:none;
	color:#5D87A1;
	font-weight:bold;  
}   
#topicPath li a {   
    margin-right:5px;   
    padding-right:10px;
	background:url(../img/topicpath.gif) no-repeat right center;
	color:#CCCCCC;
}
#topicPath li a:hover {   
    margin-right:5px;   
    padding-right:10px;
	background:url(../img/topicpath.gif) no-repeat right center;
	color:#D5DFE8;
	text-decoration:none;
}

}
li #topiccurrent{
    float:left;   
    line-height:110%;   
    list-style-type:none;
	color:#5D87A1;
	font-weight:bold;
}

/* -------------------------------------------------

                   Sub Category List
 ---------------------------------------------------- */
#subcat_list li{
display:inline;
	
}
#subcat_list li a {
	float: left;
	padding: 5px 16px;
	text-decoration: none;
	color:#5D87A1;
	border-style:solid;
	border-width:thin;
	border-color:#CCCCCC;
	width:90px;
	height:30px;
	background: transparent url(../img/bg_rankvideo_menu.gif) center center repeat-x;
	}
#subcat_list li a:hover { 
	background: transparent url(../img/bg_rankvideo_menu0.gif) center center repeat-x;
	color:#999999;
	}