@charset "euc-jp";

/*---- utilityNavigation ----*/
#headerArea div.utilityNavigation .accountNavigation .accountLabel{
border:1px solid #d0d0d1;
}

#headerArea div.utilityNavigation .accountNavigation .accountLabel a{
color:#333;
}

#headerArea div.utilityNavigation .accountNavigation .accountLabel a .nickname{
background:url(/img/basic/skin/gray/icon/link_arrow_down001.gif) no-repeat 100% 50%;
}

#headerArea div.utilityNavigation .accountBox ul{
border:1px solid #d0d0d1;
border-bottom:none;
background:#f9f8f8;
}

#headerArea div.utilityNavigation .accountBox ul li{
border-bottom:1px solid #d0d0d1;
}

#headerArea div.utilityNavigation .accountBox ul li a{
background:url(/img/basic/icon/account_navigation001.gif) no-repeat;
color:#666;
}

#headerArea div.utilityNavigation .accountBox ul li a:hover{
background-color:#edecec;
}

#headerArea div.utilityNavigation .accountBox ul li.profile a{background-image:none;}
#headerArea div.utilityNavigation .accountBox ul li.account a{background-position:15px 10px;}
#headerArea div.utilityNavigation .accountBox ul li.setting a{background-position:15px -40px;}
#headerArea div.utilityNavigation .accountBox ul li.help a{background-position:15px -90px;}
#headerArea div.utilityNavigation .accountBox ul li.logout a{background-position:15px -140px;}


/*---- globalNavigation ----*/
#headerArea div.globalNavigation p.home a{
background:url(/img/basic/skin/gray/common/globalnavigation_home003.gif) no-repeat 0 0;
}

#headerArea div.globalNavigation p.home a:hover{
background-position:0 100%;
}

#headerArea ul.globalNavigationList li a,
#headerArea ul.globalNavigationList li.searchBox{
background:url(/img/basic/skin/gray/common/globalnavigation017.gif) no-repeat 0 0;
}

#headerArea ul.globalNavigationList li span.up{
background:url(/img/basic/icon/up003.gif) no-repeat 0 0;
}

#headerArea ul.globalNavigationList li.search a{background-position:0 0;}
#headerArea ul.globalNavigationList li.search a:hover{background-position:0 100%;}

#headerArea ul.globalNavigationList li.invite a{background-position:-86px 0;}
#headerArea ul.globalNavigationList li.invite a:hover{background-position:-86px 100%;}

#headerArea ul.globalNavigationList li.diary a{background-position:-128px 0;}
#headerArea ul.globalNavigationList li.diary a:hover{background-position:-128px 100%;}

#headerArea ul.globalNavigationList li.game a{background-position:-224px 0;}
#headerArea ul.globalNavigationList li.game a:hover{background-position:-224px 100%;}

#headerArea ul.globalNavigationList li.news a{background-position:-288px 0;}
#headerArea ul.globalNavigationList li.news a:hover{background-position:-288px 100%;}

#headerArea ul.globalNavigationList li.community a{background-position:-360px 0;}
#headerArea ul.globalNavigationList li.community a:hover{background-position:-360px 100%;}

#headerArea ul.globalNavigationList li.page a{background-position:-456px 0;}
#headerArea ul.globalNavigationList li.page a:hover{background-position:-456px 100%;}

#headerArea ul.globalNavigationList li.review a{background-position:-514px 0;}
#headerArea ul.globalNavigationList li.review a:hover{background-position:-514px 100%;}

#headerArea ul.globalNavigationList li.searchBox{background-position:100% 0;}

#headerArea ul.globalNavigationList li.searchBox div.headerSearchCategory{
border:1px solid #CCC;
}

#headerArea ul.globalNavigationList li.searchBox div.headerSearchCategory p.category a{
background:none;
color:#333;
}

#headerArea ul.globalNavigationList li.searchBox div.headerSearchCategory p.category a span{
background:url(/img/basic/skin/gray/icon/link_arrow_down001.gif) no-repeat 100% 50%;
}

#headerArea ul.globalNavigationList li.searchBox input.headerSearchInput01,
#headerArea ul.globalNavigationList li.searchBox input.headerSearchInput02{
background:#FFF;
border:1px solid #CCC;
}

#headerArea ul.globalNavigationList li.searchBox input.headerSearchInput01.defaultText,
#headerArea ul.globalNavigationList li.searchBox input.headerSearchInput02.defaultText{
color:#999;
}

#headerArea ul.globalNavigationList li.searchBox input.headerSearchButton{
background:none;
border:none;
}

#headerArea ul.globalNavigationList li.searchBox ul.categorySelector{
border:1px solid #D0D0D1;
background:#F9F8F8;
}

#headerArea ul.globalNavigationList li.searchBox ul.categorySelector li{
float:none;
}

#headerArea ul.globalNavigationList li.searchBox ul.categorySelector li a{
background:none;
color:#666;
}

#headerArea ul.globalNavigationList li.searchBox ul.categorySelector li a:hover{
background:#EDECEC;
}


/*---- personalNaviHome ----*/
#headerArea ul.personalNaviHome li a{
background:url(/img/basic/skin/gray/common/personalnavi_home008.gif) no-repeat 0 0;
}

#headerArea ul.personalNaviHome li.profile a{background-position:0 0;}
#headerArea ul.personalNaviHome li.profile a:hover{background-position:0 50%;}
#headerArea ul.personalNaviHome li.profile a.current{background-position:0 100%;}

#headerArea ul.personalNaviHome li.myMixi a{background-position:-93px 0;}
#headerArea ul.personalNaviHome li.myMixi a:hover{background-position:-93px 50%;}
#headerArea ul.personalNaviHome li.myMixi a.current{background-position:-93px 100%;}

#headerArea ul.personalNaviHome li.voice a{background-position:-185px 0;}
#headerArea ul.personalNaviHome li.voice a:hover{background-position:-185px 50%;}
#headerArea ul.personalNaviHome li.voice a.current{background-position:-185px 100%;}

#headerArea ul.personalNaviHome li.check a{background-position:-277px 0;}
#headerArea ul.personalNaviHome li.check a:hover{background-position:-277px 50%;}
#headerArea ul.personalNaviHome li.check a.current{background-position:-277px 100%;}

#headerArea ul.personalNaviHome li.diary a{background-position:-370px 0;}
#headerArea ul.personalNaviHome li.diary a:hover{background-position:-370px 50%;}
#headerArea ul.personalNaviHome li.diary a.current{background-position:-370px 100%;}

#headerArea ul.personalNaviHome li.photo a{background-position:-463px 0;}
#headerArea ul.personalNaviHome li.photo a:hover{background-position:-463px 50%;}
#headerArea ul.personalNaviHome li.photo a.current{background-position:-463px 100%;}

#headerArea ul.personalNaviHome li.contents a{background-position:-556px 0;}
#headerArea ul.personalNaviHome li.contents a:hover{background-position:-556px 50%;}
#headerArea ul.personalNaviHome li.contents a.current{background-position:-556px 100%;}

#headerArea ul.personalNaviHome li.message a{background-position:-649px 0;}
#headerArea ul.personalNaviHome li.message a:hover{background-position:-649px 50%;}
#headerArea ul.personalNaviHome li.message a.current{background-position:-649px 100%;}

#headerArea ul.personalNaviHome li.schedule a{background-position:-742px 0;}
#headerArea ul.personalNaviHome li.schedule a:hover{background-position:-742px 50%;}
#headerArea ul.personalNaviHome li.schedule a.current{background-position:-742px 100%;}

#headerArea ul.personalNaviHome li.visitor a{background-position:-835px 0;}
#headerArea ul.personalNaviHome li.visitor a:hover{background-position:-835px 50%;}
#headerArea ul.personalNaviHome li.visitor a.current{background-position:-835px 100%;}

#headerArea ul.personalNaviHome li.account a{background-position:-928px 0;}
#headerArea ul.personalNaviHome li.account a:hover{background-position:-928px 50%;}
#headerArea ul.personalNaviHome li.account a.current{background-position:-928px 100%;}


/*---- personalNaviFriend ----*/
#headerArea ul.personalNaviFriend li a{
background:url(/img/basic/skin/gray/common/personalnavi_friend005.gif) no-repeat 0 0;
}

#headerArea ul.personalNaviFriend li.profile a{background-position:0 0;}
#headerArea ul.personalNaviFriend li.profile a:hover{background-position:0 50%;}
#headerArea ul.personalNaviFriend li.profile a.current{background-position:0 100%;}

#headerArea ul.personalNaviFriend li.myMixi a{background-position:-113px 0;}
#headerArea ul.personalNaviFriend li.myMixi a:hover{background-position:-113px 50%;}
#headerArea ul.personalNaviFriend li.myMixi a.current{background-position:-113px 100%;}

#headerArea ul.personalNaviFriend li.voice a{background-position:-226px 0;}
#headerArea ul.personalNaviFriend li.voice a:hover{background-position:-226px 50%;}
#headerArea ul.personalNaviFriend li.voice a.current{background-position:-226px 100%;}

#headerArea ul.personalNaviFriend li.check a{background-position:-339px 0;}
#headerArea ul.personalNaviFriend li.check a:hover{background-position:-339px 50%;}
#headerArea ul.personalNaviFriend li.check a.current{background-position:-339px 100%;}

#headerArea ul.personalNaviFriend li.diary a{background-position:-452px 0;}
#headerArea ul.personalNaviFriend li.diary a:hover{background-position:-452px 50%;}
#headerArea ul.personalNaviFriend li.diary a.current{background-position:-452px 100%;}

#headerArea ul.personalNaviFriend li.photo a{background-position:-565px 0;}
#headerArea ul.personalNaviFriend li.photo a:hover{background-position:-565px 50%;}
#headerArea ul.personalNaviFriend li.photo a.current{background-position:-565px 100%;}

#headerArea ul.personalNaviFriend li.contents a{background-position:-678px 0;}
#headerArea ul.personalNaviFriend li.contents a:hover{background-position:-678px 50%;}
#headerArea ul.personalNaviFriend li.contents a.current{background-position:-678px 100%;}

#headerArea ul.personalNaviFriend li.message a{background-position:-791px 0;}
#headerArea ul.personalNaviFriend li.message a:hover{background-position:-791px 50%;}
#headerArea ul.personalNaviFriend li.message a.current{background-position:-791px 100%;}

#headerArea ul.personalNaviFriend li.add a{background-position:-904px 0;}
#headerArea ul.personalNaviFriend li.add a:hover{background-position:-904px 50%;}
#headerArea ul.personalNaviFriend li.add a.current{background-position:-904px 100%;}

#headerArea ul.personalNaviFriend li.manage a{background-position:-1022px 0;}
#headerArea ul.personalNaviFriend li.manage a:hover{background-position:-1022px 50%;}
#headerArea ul.personalNaviFriend li.manage a.current{background-position:-1022px 100%;}


/*---- personalNaviNews ----*/
#headerArea ul.personalNaviNews li a{
background:url(/img/basic/common/personalnavi_news002.gif) no-repeat 0 0;
}

#headerArea ul.personalNaviNews li.top a{background-position:0 0;}
#headerArea ul.personalNaviNews li.top a:hover{background-position:0 50%;}
#headerArea ul.personalNaviNews li.top a.current{background-position:0 100%;}

#headerArea ul.personalNaviNews li.domestic a{background-position:-115px 0;}
#headerArea ul.personalNaviNews li.domestic a:hover{background-position:-115px 50%;}
#headerArea ul.personalNaviNews li.domestic a.current{background-position:-115px 100%;}

#headerArea ul.personalNaviNews li.politics a{background-position:-188px 0;}
#headerArea ul.personalNaviNews li.politics a:hover{background-position:-188px 50%;}
#headerArea ul.personalNaviNews li.politics a.current{background-position:-188px 100%;}

#headerArea ul.personalNaviNews li.economy a{background-position:-259px 0;}
#headerArea ul.personalNaviNews li.economy a:hover{background-position:-259px 50%;}
#headerArea ul.personalNaviNews li.economy a.current{background-position:-259px 100%;}

#headerArea ul.personalNaviNews li.local a{background-position:-332px 0;}
#headerArea ul.personalNaviNews li.local a:hover{background-position:-332px 50%;}
#headerArea ul.personalNaviNews li.local a.current{background-position:-332px 100%;}

#headerArea ul.personalNaviNews li.foreign a{background-position:-405px 0;}
#headerArea ul.personalNaviNews li.foreign a:hover{background-position:-405px 50%;}
#headerArea ul.personalNaviNews li.foreign a.current{background-position:-405px 100%;}

#headerArea ul.personalNaviNews li.sports a{background-position:-478px 0;}
#headerArea ul.personalNaviNews li.sports a:hover{background-position:-478px 50%;}
#headerArea ul.personalNaviNews li.sports a.current{background-position:-478px 100%;}

#headerArea ul.personalNaviNews li.entertainment a{background-position:-560px 0;}
#headerArea ul.personalNaviNews li.entertainment a:hover{background-position:-560px 50%;}
#headerArea ul.personalNaviNews li.entertainment a.current{background-position:-560px 100%;}

#headerArea ul.personalNaviNews li.technology a{background-position:-709px 0;}
#headerArea ul.personalNaviNews li.technology a:hover{background-position:-709px 50%;}
#headerArea ul.personalNaviNews li.technology a.current{background-position:-709px 100%;}

#headerArea ul.personalNaviNews li.game a{background-position:-837px 0;}
#headerArea ul.personalNaviNews li.game a:hover{background-position:-837px 50%;}
#headerArea ul.personalNaviNews li.game a.current{background-position:-837px 100%;}

#headerArea ul.personalNaviNews li.column a{background-position:-956px 0;}
#headerArea ul.personalNaviNews li.column a:hover{background-position:-956px 50%;}
#headerArea ul.personalNaviNews li.column a.current{background-position:-956px 100%;}


/*---- headerArea01 ----*/
#headerArea01{
border-top:solid 5px #e0c074;
}

#headerArea01 div.home a{
background:url(/img/basic/icon/home001.gif) 0 50% no-repeat;
}

#headerArea01 ul.local{
border-right:solid 1px #ddd;
}