@charset "euc-jp";

/* *****************************************************
 * ログイン
 * ***************************************************** */

/*---- body ----*/
body.popup,
body.iframe,
body.mobileUploadPopup{
background-image:none!important;
}
	
/*---- headerArea ----*/
#headerArea{
padding-bottom:2px;
}


/*---- headerLogo ----*/
#headerArea div.headerLogo{
float:left;
width:72px;
padding:23px 10px 26px 20px;
}

#headerArea div.headerLogo a{
display:block;
height:30px;
outline:none;
}


/*---- adBanner ----*/
#headerArea div.adBanner{
float:right;
width:468px;
margin:5px 0 14px;
}


/*---- adBanner02 ----*/
#headerArea div.adBanner02{
float:left;
width:100px;
margin:5px 0 14px;
}

#headerArea div.adBanner02 img{
vertical-align:bottom;
}


/*---- utilityNavigation ----*/
#headerArea div.utilityNavigation{
float:right;
width:257px;
padding:0 0 0 10px;
}

#headerArea div.utilityNavigation .accountNavigation{
position:relative;
*z-index:101;
margin:8px 5px 8px 0;
}

#headerArea div.utilityNavigation .accountNavigation .new{
position:absolute;
top:-3px;
right:3px;
}

#headerArea div.utilityNavigation .accountNavigation .accountLabel{
float:right;
}

#headerArea div.utilityNavigation .accountNavigation .accountLabel a{
display:block;
padding:5px 10px;
text-decoration:none;
}

#headerArea div.utilityNavigation .accountNavigation .accountLabel a span{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
}

#headerArea div.utilityNavigation .accountNavigation .accountLabel a .thumbnail img{
display:block;
max-width:20px;
max-height:20px;
margin-right:8px;
}

#headerArea div.utilityNavigation .accountNavigation .accountLabel a .nickname{
padding-right:15px;
}
 
#headerArea div.utilityNavigation .accountBox{
position:absolute;
top:31px;
right:0;
z-index:102;
width:220px;
}

#headerArea div.utilityNavigation .accountBox ul,
#headerArea div.utilityNavigation .accountBox ul li{
width:218px;
}

#headerArea div.utilityNavigation .accountBox ul li a{
display:block;
width:168px;
padding:10px 10px 10px 40px;
text-decoration:none;
}

#headerArea div.utilityNavigation .accountBox ul li.profile a{
width:188px;
padding:15px 15px 5px;
text-align:center;
}

#headerArea div.utilityNavigation .accountBox ul li.profile a span{
display:block;
margin-bottom:5px;
}

#headerArea div.utilityNavigation ul.serviceNavigation{
margin-right:5px;
text-align:right;
}

#headerArea div.utilityNavigation ul.serviceNavigation li{
display:inline;
margin-left:10px;
}

#headerArea div.utilityNavigation ul.serviceNavigation li strong{
font-weight:bold;
}


/*---- globalNavigation ----*/
#headerArea div.globalNavigation{
clear:both;
width:945px;
margin-bottom:10px;
}

#headerArea div.globalNavigation p.home{
float:left;
width:70px;
padding:0 102px 0 10px;
}

#headerArea div.globalNavigation p.home a,
#headerArea ul.globalNavigationList li a{
display:block;
height:26px;
text-indent:-9999px;
outline:none;
}

#headerArea ul.globalNavigationList{
float:left;
width:741px;
}

#headerArea ul.globalNavigationList li{
position:relative;
float:left;
}

#headerArea ul.globalNavigationList li span.up{
position:absolute;
top:-8px;
left:-2px;
width:18px;
height:13px;
text-indent:-9999px;
}

#headerArea ul.globalNavigationList li span.new{
position:absolute;
top:-4px;
left:17px;
}

#headerArea ul.globalNavigationList li.search{
width:86px;
}

#headerArea ul.globalNavigationList li.invite{
width:42px;
}

#headerArea ul.globalNavigationList li.game{
width:64px;
}

#headerArea ul.globalNavigationList li.diary{
width:96px;
}

#headerArea ul.globalNavigationList li.news{
width:72px;
}

#headerArea ul.globalNavigationList li.community{
width:97px;
}

#headerArea ul.globalNavigationList li.page{
width:60px;
}

#headerArea ul.globalNavigationList li.review{
width:70px;
}

#headerArea ul.globalNavigationList li.searchBox{
position:relative;
height:24px;
padding:2px 6px 0 0;
z-index:100;
}

#headerArea ul.globalNavigationList li.searchBox div.headerSearchCategory{
float:left;
}

#headerArea ul.globalNavigationList li.searchBox div.headerSearchCategory p.category{
width:71px;
height:20px;
}

#headerArea ul.globalNavigationList li.searchBox div.headerSearchCategory p.category a{
width:61px;
height:20px;
line-height:20px;
padding:0 5px;
text-indent:0;
text-decoration:none;
font-size:83%;
cursor:pointer;
}

#headerArea ul.globalNavigationList li.searchBox div.headerSearchCategory p.category a span{
display:block;
height:20px;
overflow:hidden;
padding-right:10px;
white-space:nowrap;
}

#headerArea ul.globalNavigationList li.searchBox input.headerSearchInput01{
float:left;
width:128px;
height:16px;
line-height:16px;
margin-left:5px;
vertical-align:middle;
font-size:100%;
}

#headerArea ul.globalNavigationList li.searchBox input.headerSearchInput02{
float:left;
width:110px;
height:16px;
line-height:16px;
vertical-align:middle;
font-size:100%;
}

#headerArea ul.globalNavigationList li.searchBox input.headerSearchButton{
float:left;
vertical-align:middle;
padding:0;
}

#headerArea ul.globalNavigationList li.searchBox ul.categorySelector{
position:absolute;
top:2px;
left:-85px;
width:140px;
z-index:50;
}

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

#headerArea ul.globalNavigationList li.searchBox ul.categorySelector li a{
height:auto;
padding:3px 10px;
text-indent:0;
text-decoration:none;
}


/*---- personalNavigation ----*/
#headerArea div.personalNavigation{
padding-bottom:3px;
}

#headerArea div.personalNavigation ul{
width:1022px;
}

#headerArea div.personalNavigation ul li{
position:relative;
float:left;
z-index:11;
}

#headerArea div.personalNavigation ul li a{
display:block;
height:30px;
text-indent:-9999px;
outline:none;
}


/*---- personalNaviHome ----*/
#headerArea ul.personalNaviHome li{
width:93px;
}

#headerArea ul.personalNaviHome li.myMixi,
#headerArea ul.personalNaviHome li.voice{
width:92px;
}

#headerArea ul.personalNaviHome li.account{
width:94px;
}

#headerArea ul.personalNaviHome li ul.pulldown li{
width:92px;
}


/*---- personalNaviFriend ----*/
#headerArea ul.personalNaviFriend li{
width:113px;
}

#headerArea ul.personalNaviFriend li.add,
#headerArea ul.personalNaviFriend li.manage{
width:118px;
}

#headerArea ul.personalNaviFriend li ul.pulldown li{
width:112px;
}


/*---- personalNaviNews ----*/
#headerArea ul.personalNaviNews li{
width:73px;
}

#headerArea ul.personalNaviNews li.top{
width:115px;
}

#headerArea ul.personalNaviNews li.politics{
width:71px;
}

#headerArea ul.personalNaviNews li.sports{
width:82px;
}

#headerArea ul.personalNaviNews li.entertainment{
width:149px;
}

#headerArea ul.personalNaviNews li.technology{
width:128px;
}

#headerArea ul.personalNaviNews li.game{
width:119px;
}

#headerArea ul.personalNaviNews li.column{
width:66px;
}


/*---- headerArea01----*/
#headerArea01{
padding:10px 5px 2px;
}

#headerArea01 a{
display:inline-block;
*display:inline;
*zoom:1;
}

#headerArea01 div.home{
float:left;
}

#headerArea01 div.home a{
padding-left:20px;
}

#headerArea01 ul.global,
#headerArea01 ul.local{
float:right;
}

#headerArea01 ul.global{
padding-left:5px;
}

#headerArea01 ul.global li{
float:left;
padding:0 0 0 10px;
}

#headerArea01 ul.local li{
float:left;
padding-right:20px;
}


/*---- clearfix ----*/
#headerArea div.globalNavigation:after,
#headerArea div.personalNavigation ul:after,
#headerArea01:after,
#headerArea01 ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}






/* *****************************************************
 * ログアウト
 * ***************************************************** */

/*---- headerArea ----*/
body.logout #headerArea{
padding-bottom:0;
*width:1022px; /*IE Box Model*/
}

body.logout #headerArea h1{
float:left;
width:338px;
}

body.logout #headerArea h1 a{
display:block;
width:72px;
padding:23px 20px 28px;
}

body.logout #headerArea h1 a:hover,
body.logout #headerArea h1 a:active,
body.logout #headerArea h1 a:focus{
background:none;
}

body.logout #headerArea div.adBanner{
float:left;
width:468px;
margin:0;
padding:7px 0 10px;
}


/*---- globalNavigation ----*/
body.logout div#globalNavigation{
clear:both;
width:1022px;
padding:1px 0 6px;
background:url(/img/basic/common/bg_global_navi001.gif) repeat-x 0 0;
}

body.logout #globalNavigation h2{
position:absolute;
left:-9999px;
}

body.logout div#globalNavigation ul li{
float:left;
height:33px;
}


/*---- clearfix ----*/
body.logout #headerArea,
body.logout div#globalNavigation,
#headerArea div.utilityNavigation .accountNavigation{
zoom:1;
}

body.logout #headerArea:after,
body.logout div#globalNavigation:after,
#headerArea div.utilityNavigation .accountNavigation:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
line-height:0; /*For Opera*/
}