@charset "euc-jp";

/*=======================================================*
* Owner's Area
* User's Area
* Application Area
*   Diary Appli
*   Photo Appli
*   Twitter Appli
*   Whiteboard Appli
*   QandA Appli
*   Popup Layer
*   Modal Layer
* Open Area
*=======================================================*/


/*---- component ----*/
div.officialTitle001{
background-image:url(/img/basic/heading/title_page001.gif);
}

div.officialTitle001 h2{
padding-left:47px;
}


/*---- common:共通設定 ----*/
.pageAppli #page{
width:520px;
}

.editNote{
clear:both;
padding-top:5px;
color:#666;
font-size:83%;
}

#bodyMainAreaMain #editList01 div.formButtons01 p.supplement01,
.pageFrame #editList01 div.formButtons01 p.supplement01{
width:auto;
padding:0 30px;
}



/*================================ Owner's Area ================================*/

/*---- sideListSub:左サブメニュー----*/
.sideListSub{
margin-bottom:10px;
padding:10px 10px 5px;
border:1px solid #D0D0D1;
}

.sideListSub li{
padding:0 0 5px;
}


/*---- bodyMainAreaSubAside:左カラム汎用aside----*/
.bodyMainAreaSubAside{
margin-bottom:5px;
border:1px solid #D0D0D1;
}


/*---- returnLink ----*/
#bodyMainAreaSub p.returnLink{
text-align:center;
}


/*---- createPages:ページ作成----*/
.createPages01{
margin-bottom:10px;
}

.createPages01 #editList01 li.pagename dl dd input{
width:350px;
}

.createPages01 #editList01 li.activity dl dd input,
.createPages01 #editList01 li.mixiPageNavi dl dd input{
margin-right:5px;
}

.createPages01 #editList01 li.activity dl dd span.disabledText{
color:#999;
}

.createPages02 .contents{
padding:10px 20px;
border:1px solid #D0D0D1;
border-top:none;
}

.createPages02 p.logout{
margin-top:10px;
text-align:center;
}


/*---- generalSettings:基本情報----*/
.editOfficial #bodyMainAreaMain #editList01 .editContents li dl dd{
width:384px;
}

#editList01.generalSettings .editContents li.subTitle{
padding:5px 10px 3px;
background:#EDECEC;
}

#editList01.generalSettings .editContents li dl dd input,
#editList01.generalSettings .editContents li dl dd textarea{
width:379px;
}

#editList01.generalSettings .editContents li dl .inputIntroduce textarea{
height:40px;
}

#editList01.generalSettings .editContents li dl .inputBasicInfo textarea{
height:400px;
}

#editList01.generalSettings .editContents li dl .choicePhoto .picsEdit{
width:380px;
margin:5px 0 7px;
}

#editList01.generalSettings .editContents li dl .choicePhoto input{
width:209px;
}

#editList01.generalSettings .editContents li dl .inputBirth input{
width:36px;
margin-right:3px;
}

#editList01.generalSettings .editContents li dl .inputBirth span{
margin-right:8px;
vertical-align:bottom;
}

#editList01.generalSettings .editContents li dl .inputPhoneNumber input{
width:50px;
}

#editList01.generalSettings .editContents li dl .inputAddress dl,
#editList01.generalSettings .editContents li dl .inputUrl dl{
margin-bottom:6px;
}

#editList01.generalSettings .editContents li dl .inputAddress dt,
#editList01.generalSettings .editContents li dl .inputUrl dt{
padding:0;
width:auto;
}

#editList01.generalSettings .editContents li dl .inputAddress dd,
#editList01.generalSettings .editContents li dl .inputUrl dd{
padding:0;
}

#editList01.generalSettings .editContents li dl .inputAddress .postCode input{
width:59px;
}


/*---- showSettings：公開設定----*/
#editList01.showSettings{
margin-bottom:10px;
}

#editList01.showSettings .editContents li dl dd{
width:384px;
}


/*---- urlSettings：URL設定----*/
#editList01.urlSettings{
margin-bottom:10px;
}

#editList01.urlSettings .contents{
padding:10px;
border:1px solid #D0D0D1;
border-top:none;
word-wrap:break-word;
word-break:break-all;
}

#editList01.urlSettings .contents p{
margin-bottom:5px;
}

#editList01.urlSettings .contents p.supplement01{
margin:10px 0 0;
}

#editList01.urlSettings .contents .inputUrlArea input{
width:330px;
}


/*---- deleteSettings:ページ削除 ----*/
.deleteSettings .formButtons01,
div.formButtonBox{
border:1px solid #D0D0D1;
border-top:none;
text-align:center;
}


/*---- adminArea:管理者 ----*/
.adminArea{
margin-bottom:10px;
}

.adminArea .adminList{
border:1px solid #D0D0D1;
border-top:none;
background:#fff url(/img/basic/skin/gray/common/bg_edit_list001.gif) repeat-y 0 0;
}

.adminArea .adminList dl dt{
float:left;
width:120px;
padding:5px 10px;
}

.adminArea .adminList dl dd{
float:left;
width:384px;
padding:10px 10px;
}

.adminArea .adminList dl dd p{
display: table-cell;
vertical-align:middle;
*display:inline;
zoom:1;
}

.adminArea .adminList dl dd p.adminListImg{
width:76px;
}

.adminArea .adminList dl dd p.adminListtext{
padding-left:10px
}


/*---- subAdminArea:副管理者一覧 ----*/
.subAdminArea .subAdminList{
border-right:1px solid #D0D0D1;
border-left:1px solid #D0D0D1;
background:#FFF url(/img/basic/skin/gray/common/bg_edit_list001.gif) repeat-y -20px 0;
*background-position:-19px 0;
}

.subAdminArea .subAdminList table  tr th,
.subAdminArea .subAdminList table  tr td{
border-bottom:1px solid #D0D0D1;
}

.subAdminArea .subAdminList table thead tr th{
padding:7px 0;
text-align:center;
}

.subAdminArea .subAdminList table thead tr .subAdmin{
width:121px;
background:#f8f8f8 url(/img/basic/skin/gray/common/dotline_vertical001.gif) repeat-y right top;
}

.subAdminArea .subAdminList table thead tr .nickname{
width:261px;
background:#f8f8f8 url(/img/basic/skin/gray/common/dotline_vertical001.gif) repeat-y right top;
}

.subAdminArea .subAdminList table thead tr .delete{
width:162px;
background-image:none;
background-color:#f8f8f8;
}

.subAdminArea .subAdminList table tbody tr th,
.subAdminArea .subAdminList table tbody tr td{
height:60px;
}

.subAdminArea .subAdminList table tbody tr .subAdmin{
padding-left:20px;
}

.subAdminArea .subAdminList table tbody tr .subAdmin .unapproved{
color:#666;
font-size:83%;
}

.subAdminArea .subAdminList table tbody tr .nickname{
padding:0 10px;
background:url(/img/basic/skin/gray/common/dotline_vertical001.gif) repeat-y right top;
}

.subAdminArea .subAdminList table tbody tr .nickname p{
display: table-cell;
vertical-align:middle;
*display:inline;
zoom:1;
}

.subAdminArea .subAdminList table tbody tr .nickname p.subAdminListImg{
width:40px;
padding-right:9px;
}

.subAdminArea .subAdminList table tbody tr .delete{
text-align:center;
}

.subAdminArea .addSubAdmin{
padding:15px;
text-align:right;
border:1px solid #D0D0D1;
border-top:none;
}

.subAdminArea .addSubAdmin .editNote{
float:left;
width:358px;
padding:8px 0 0 0;
text-align:right;
}

.subAdminArea .messageArea{
margin-bottom:0;
}


/*---- subAdminSettings:副管理者追加 ----*/
#editList01.subAdminSettings .editContents li dl dd{
width:384px;
}

#editList01.subAdminSettings .editContents li dl .searchUserId{
padding-bottom:10px;
}

#editList01.subAdminSettings .editContents li dl dd .inputSearchUserId{
width:263px;
background-color:#fff;
}

#editList01.subAdminSettings .editContents li dl .searchFriend{
padding:10px;
}


/*---- utilityWindow02:副管理者選択レイヤー ----*/
.utilityWindow02 .selectionView .consented{
color:#999;
background-color:#f2f2f2;
}

.utilityWindow02 .selectionView .editNote.subAdminNote{
color:#999;
text-align:left;
}

.utilityWindow02 .generalInfo01{
vertical-align:middle;
}

.utilityWindow02 .generalInfo01 .choice{
float:left;
}

.utilityWindow02 .generalInfo01 .choice span{
color:#ff0000;
}

.utilityWindow02 .generalInfo01 .reminder{
float:right;
}

.utilityWindow02 .generalInfo01 .reminder span{
padding: 0 5px;
font-size:133.3%;
line-height:1;
}


/*---- subAdminAddList:副管理者追加一覧 ----*/
.subAdminAddList .subAdminList{
border: 1px solid #D0D0D1;
border-top:none;
background: white url(/img/basic/skin/gray/common/bg_edit_list001.gif) repeat-y 0 0;
}

.subAdminAddList .subAdminList table  tr th,
.subAdminAddList .subAdminList table  tr td{
border-bottom:1px solid #D0D0D1;
}

.subAdminAddList .subAdminList table  tr th,
.subAdminAddList .subAdminList table  tr td{
height:60px;
}

.subAdminAddList .subAdminList table  tr .subAdmin{
width:121px;
padding-left:20px;
}

.subAdminAddList .subAdminList table  tr .nickname{
width:384px;
padding:0 10px;
}

.subAdminAddList .subAdminList table  tr .nickname p{
display: table-cell;
vertical-align:middle;
*display:inline;
zoom:1;
}

.subAdminAddList .subAdminList table  tr .nickname p{
padding-right:9px;
}

#editList01.subAdminAddList .subAdminList .formButtons01{
border:none;
}


/*---- detailList01:副管理者就任依頼 副管理者削除 モール連携依頼 ----*/
div.detailList01,
div.detailList01 ul.detailListContent li{
clear:both;
}

div.detailList01{
border:1px solid #D0D0D1;
border-top:none;
background:url(/img/basic/skin/gray/common/bg_edit_list003.gif) repeat-y 96px 0;
}

div.detailList01 .detailListHeader{
padding:5px 10px 3px;
border-bottom:solid 1px #D0D0D1;
background:#fff;
}

div.detailList01 .detailListHeader h4{
font-weight:bold;
font-size:108%;
}

div.detailListHeader02{
border:solid 1px #D0D0D1;
border-top:none;
background:#EDECEC;
}

div.detailListHeader02 h4{
padding:5px 10px 3px;
}

div.detailList01 ul.detailListContent li{
border-bottom:1px solid #D0D0D1;
border-left:1px solid #D0D0D1;
}

div.detailList01 p.detailListPhoto{
width:96px;
float:left;
text-align:center;
padding:7px 0;
}

div.detailList01 ul.detailListContent{
width:618px;
float:right;
word-break:break-all;
}

div.detailList01 ul.detailListContent li.category{
border-bottom:none;
}

div.detailList01 ul.detailListContent li dl dt{
float:left;
width:130px;
padding:5px 10px;
}

div.detailList01 ul.detailListContent li dl dd{
float:right;
width:447px;
padding:5px 10px;
}


/*---- memberSettings:メンバー一覧 ----*/
.memberSettings .heading10 h3{
float:left;
}

.memberSettings .heading10 p{
float:right;
padding-right:8px;
font-size:83.3%;
}

.memberSettings .iconList03{
width:544px;
border-top:none;
}

.memberSettings div.iconList03 ul{
background:url(/img/basic/official/iconlist_line_block04.gif) no-repeat left bottom;
}

.memberSettings div.iconList03 ul.iconListBottom{
background:url(/img/basic/official/iconlist_line_block04.gif) no-repeat 0 0;
}

.memberSettings .iconList03 ul li{
width:131px;
}

.memberSettings .iconList03 ul li .iconState01 .iconListImage{
width:131px;
}


/*---- displaySettings:アプリ表示設定 ----*/
.displaySettings{
margin-bottom:10px;
}

#bodyMainAreaMain .displaySettings ul.editContents li dl dt{
width:120px;
}

#bodyMainAreaMain .displaySettings ul.editContents li dl dd{
width:384px;
}

#bodyMainAreaMain #editList01.displaySettings ul.editContents li dl dd ul dl dt{
float:left;
width:10em;
line-height:1;
padding:4px 0 0;
font-size:83%;
}

#bodyMainAreaMain #editList01.displaySettings ul.editContents li dl dd ul dl dd{
width:auto;
padding:0;
}

#bodyMainAreaMain .displaySettings ul.editContents li dl dd ul dl dd .colon{
font-size:83%;
padding-right:1em;
}

#bodyMainAreaMain .displaySettings ul.editContents li dl dd p{
font-size:12px;
text-align:right;
}


/*---- applicationSettings:利用アプリ一覧 ----*/
.applicationSettings .applicationList table thead tr .appliname,
.applicationSettings .applicationList table thead tr .setting,
.applicationSettings .applicationList table thead tr .sort,
.applicationSettings .applicationList table tbody tr .appliname,
.applicationSettings .applicationList table tbody tr .setting,
.applicationSettings .applicationList table tbody tr .sort{
background:url(/img/basic/skin/gray/common/dotline_vertical001.gif) repeat-y right top;
}

.applicationSettings .applicationList table thead tr .appliname,
.applicationSettings .applicationList table thead tr .setting,
.applicationSettings .applicationList table thead tr .sort,
.applicationSettings .applicationList table thead tr .delete{
background-color:#f8f8f8;
}

.applicationSettings .applicationList{
border-right:1px solid #D0D0D1;
border-left:1px solid #D0D0D1;
}

.applicationSettings .applicationList table  tr th,
.applicationSettings .applicationList table  tr td{
border-bottom:1px solid #D0D0D1;
padding:7px 0;
text-align:center;
}

.applicationSettings .applicationList table thead tr .appliname{
width:113px;
}

.applicationSettings .applicationList table thead tr .setting{
width:299px;
}

.applicationSettings .applicationList table thead tr .sort{
width:76px;
}

.applicationSettings .applicationList table thead tr .delete{
width:56px;
}

.applicationSettings .applicationList table tbody tr th{
font-size:83%;
}

.applicationSettings .applicationList table tbody tr .appliname{
width:93px;
padding:7px 10px;
}

.applicationSettings .applicationList table tbody tr .appliname img{
display:block;
max-width:76px;
width:auto !important;
width:76px;
margin: 0 auto 3px;
}

.applicationSettings .applicationList table tbody tr .setting{
width:279px;
padding:7px 10px;
text-align:left;
font-size:83%;
}

.applicationSettings .applicationList table tbody tr .setting ul{
margin-bottom:7px;
}

.applicationSettings .applicationList table tbody tr .setting ul li{
position:relative;
width:279px;
margin-bottom:5px;
}

.applicationSettings .applicationList table tbody tr .setting ul li dl{
overflow:hidden;
}

.applicationSettings .applicationList table tbody tr .setting ul li dl dt{
position:absolute;
left:0;
display:block;
width:5.5em;
}

.applicationSettings .applicationList table tbody tr .setting ul li dl dd{
padding-left:6.5em;
color:#666;
}

.applicationSettings .applicationList table tbody tr .setting ul li dl dt .label {
float:left;
}

.applicationSettings .applicationList table tbody tr .setting ul li dl dt .colon {
float:right;
}

.applicationSettings .applicationList table tbody tr .setting ul li.displayName dl dt{
padding-top:5px;
line-height:1;
}

.applicationSettings .applicationList table tbody tr .setting ul li.displayName dl dd .content{
font-size:120%;
}

.applicationSettings .applicationList table tbody tr .setting p{
text-align:right;
font-size:120%;
}

.applicationSettings .applicationList table tbody tr .setting p.announcement{
margin:0 0 7px;
font-size:100%;
text-align:left;
}

.applicationSettings .applicationList table tbody tr .setting .settingNote{
color:#666;
}

.applicationSettings .applicationList table tbody tr .sort{
width:76px;
line-height:0;
}

.applicationSettings .applicationList table tbody tr .delete{
width:56px;
padding:20px 0;
background:none;
}

.applicationSettings .addApplication{
padding:15px;
text-align:right;
border:1px solid #D0D0D1;
border-top:none;
}

.applicationSettings .addApplication .editNote{
float:left;
width:358px;
padding:8px 0 0;
text-align:right;
}


/*-- utilityWindowList01:アプリ管理レイヤー --*/
div.utilityWindow02 .contents p.loading01{
padding:15px 0;
text-align:center;
}

div.utilityWindowList01{
background:#fff;
border:1px solid #fbb14e;
border-top:none;
}

div.utilityWindowList01 ul.editContents{
background:#FFFFFF url(/img/basic/common/bg_edit_list001.gif) repeat-y left top;
}

div.utilityWindowList01 ul.editContents li{
clear:both;
border-bottom:1px solid #FBB14E;
}

div.utilityWindowList01 ul.editContents li dl{
zoom:1;
}

div.utilityWindowList01 ul.editContents li dl:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

div.utilityWindowList01 ul.editContents li dl dt,
div.utilityWindowList01 ul.editContents li dl dd{
padding:5px 10px;
}

div.utilityWindowList01 ul.editContents li dl dt{
float:left;
width:120px;
}

div.utilityWindowList01 ul.editContents li dl dt span.supplement01{
color:#666666;
font-size:83%;
}

div.utilityWindowList01 ul.editContents li dl dd{
float:left;
width:428px;
word-break:break-all;
}

div.utilityWindowList01 ul.editContents li dl dd input,
div.utilityWindowList01 ul.editContents li dl dd select{
vertical-align:middle;
}

div.utilityWindowList01 ul.editContents li dl dd select{
margin-right:3px;
}

div.utilityWindowList01 ul.editContents li dl dd textarea{
margin-top:5px;
height:6em;
margin:3px 0;
width:256px;
}

div.utilityWindowList01 ul.editContents li dl dd ul li{
border:none;
}

div.utilityWindowList01 ul.editContents li dl dd .editNote{
color:#666;
font-size:83%;
clear:both;
padding-top:5px;
}

div.utilityWindowList01 ul.editContents li dl dd ul.checkList01 li{
display:inline;
margin-right:5px;
}

div.utilityWindowList01 ul.editContents li dl dd ul.checkList01 li input{
margin-right:3px;
}

div.utilityWindowList01 ul.editContents li dl dd ul.checkList02{
display:inline-block;
}

div.utilityWindowList01 ul.editContents li dl dd ul.checkList02:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div.utilityWindowList01 ul.editContents li dl dd ul.checkList02 li{
clear:none;
float:left;
width:30%;
padding-bottom:3px;
}

div.utilityWindowList01 ul.editContents li dl dd ul.checkList02 li input{
margin-right:3px;
}

div.utilityWindowList01 ul.editContents li dl dd.myMixiNameList{
height:22em;
*height:23.5em;
overflow-y:scroll;
}

div.utilityWindowList01 ul.editContents li dl dd.myMixiNameList table td input{
margin-right:7px;
*margin-right:3px;
border:none;
background:none;
vertical-align:middle;
}

div.utilityWindowList01 ul.editContents li dl dd.myMixiNameList table tr.added td{
color:#B1B1B1;
}

div.utilityWindowList01 ul.editContents li dl dd table.memberEditList01 td{
text-align:right;
padding-left:1em;
}

div.utilityWindowList01 ul.editContents li dl dd p.memberEditForm01 input,
div.utilityWindowList01 ul.editContents li dl dd p.memberEditForm01 select{
margin-right:5px;
margin-bottom:5px;
}

div.utilityWindowList01 ul.editContents li dl dd ul.memberEditCheckList li{
display:inline;
padding-right:10px;
}

div.utilityWindowList01 ul.editContents li dl dd ul.memberEditCheckList li input{
margin-right:3px;
}


/*---- addApplication:アプリ追加 ----*/
.addApplication .pageNavigation01{
position:relative;
}

.addApplication .pageNavigation01 .pageList01 select.sortType{
position:absolute;
top:3px;
right:5px;
}

.addApplication .sortAddAppli{
padding:10px 15px;
border:1px solid #d6d6d6;
border-top:none;
background:#f8f8f8;
}

.addApplication .sortAddAppli ul li{
display:inline;
padding-right:7px;
margin-right:7px;
border-right:1px solid #CCC;
}

.addApplication .applicationList table thead tr .appliname,
.addApplication .applicationList table thead tr .add,
.addApplication .applicationList table tbody tr .appliname,
.addApplication .applicationList table tbody tr .add{
background:url(/img/basic/skin/gray/common/dotline_vertical001.gif) repeat-y right top;
}

.addApplication .applicationList table thead tr .appliname,
.addApplication .applicationList table thead tr .contents,
.addApplication .applicationList table thead tr .add{
background-color:#f8f8f8;
}

.addApplication .applicationList{
border-right:1px solid #D0D0D1;
border-left:1px solid #D0D0D1;
}

.addApplication .applicationList table  tr th,
.addApplication .applicationList table  tr td{
border-bottom:1px solid #D0D0D1;
padding:7px 0;
text-align:center;
}

.addApplication .applicationList table thead tr .appliname{
width:113px;
}

.addApplication .applicationList table thead tr .contents{
width:345px;
}

.addApplication .applicationList table thead tr .add{
width:86px;
background-position:left top;
}

.addApplication .applicationList table tbody tr th{
font-size:83%;
}

.addApplication .applicationList table tbody tr .appliname{
width:93px;
padding:7px 10px;
}
.addApplication .applicationList table tbody tr .appliname img{
display:block;
margin: 0 auto 3px;
}

.addApplication .applicationList table tbody tr .contents{
width:325px;
height:75px;
padding:7px 10px;
text-align:left;
vertical-align:top;
border-bottom:none;
background:url(https://img.mixi.net/img/basic/common/dotline_horizontal005.gif) repeat-x left bottom;
}

.addApplication .applicationList table tbody tr .add{
width:86px;
text-align:center;
background-position:left top;
}

.addApplication .applicationList table tbody tr .setting{
text-align:left;
padding:7px 10px;
font-size:83%;
}

.addApplication .applicationList table tbody tr .setting li{
position:relative;
_zoom:1;
}

.addApplication .applicationList table tbody tr .setting dl{
overflow:hidden;
}

.addApplication .applicationList table tbody tr .setting dl dt{
position:absolute;
left:0;
width:5.5em;
}

.addApplication .applicationList table tbody tr .setting dl dt span.label{
float:left;
}

.addApplication .applicationList table tbody tr .setting dl dt span.colon{
float:right;
}

.addApplication .applicationList table tbody tr .setting dl dd{
padding-left:6.5em;
}

.addApplication .applicationList table tbody tr .setting dl dd .settingDeviceContent,
.addApplication .applicationList table tbody tr .setting dl dd .providerContent{
color:#666;
}

.addApplication .applicationList table tbody tr p.announcement{
padding:7px 0 0;
}


/*---- accessBlockSettings:アクセスブロック ----*/
.accessBlockSettings{
margin-bottom:10px;
}

.accessBlockSettings .editContents .blockUser p{
display:inline-block;
*display:inline;
*zoom:1;
margin-right:5px;
vertical-align:middle;
}


/*---- accessBlockList:アクセスブロック一覧 ----*/
.accessBlockList .iconList03{
width:544px;
border-top:none;
}

.accessBlockList div.iconList03 ul{
background:url(/img/basic/official/iconlist_line_block04.gif) no-repeat 0 100%;
}

.accessBlockList div.iconList03 ul.iconListBottom{
background:url(/img/basic/official/iconlist_line_block04.gif) no-repeat 0 0;
}

.accessBlockList .iconList03 ul li{
width:131px;
}

.accessBlockList .iconList03 ul li .iconState02{
background-color:#f2f2f2;
}

.accessBlockList .iconList03 ul li .iconState01 div.iconListImage,
.accessBlockList .iconList03 ul li .iconState02 div.iconListImage{
width:131px;
}

.accessBlockList .iconList03 ul li .iconState02 span{
color:#ff0000;
font-size:83%;
}


/*---- utilityWindow01:メンバー削除・アクセスブロック ----*/
.utilityWindow01 .checkItem input{
margin-right:5px;
vertical-align:middle;
}


/*---- newFeedbackList:最新コメント・イイネ！ ----*/
.newFeedbackList .selectTab02{
background-color:#FFF;
}

.newFeedbackList .selectTab02 ul{
text-align:left;
}

#bodyMainAreaMain .newFeedbackList ul.entryList01 li{
padding:0;
}

#bodyMainAreaMain .newFeedbackList ul.entryList01 li span{
display:block;
}

#bodyMainAreaMain .newFeedbackList ul.entryList01 li dl{
padding:0;
}

#bodyMainAreaMain .newFeedbackList ul.entryList01 li dl dt{
float:left;
width:105px;
padding:8px 10px;
text-align:center;
color:#666;
font-size:83%;
}

#bodyMainAreaMain .newFeedbackList ul.entryList01 li dl dt .count{
font-weight:bold;
font-size:120%;
}

#bodyMainAreaMain .newFeedbackList ul.entryList01 li dl dd{
float:left;
width:399px;
padding:8px 10px;
background:url(/img/basic/skin/gray/common/dotline_vertical001.gif) repeat-y 0 0;
}

#bodyMainAreaMain .newFeedbackList ul.entryList01 li dl dd .date{
color:#999;
font-size:83%;
}


/*---- topImageSettings:トップ画像設定 ----*/
div.topImageSettings{
margin-bottom:10px;
}

div.topImageSettings div.contents{
width:532px;
padding:8px 6px 5px;
border:1px solid #D0D0D1;
border-top:none;
background:#F2F2F2 url(/img/basic/official/inner_round_top001.gif) no-repeat 6px 5px;
}

div.topImageSettings div.contents .inner{
padding-bottom:3px;
background:url(/img/basic/official/inner_round_bottom001.gif) no-repeat 0 100%;
zoom:1;
}

div.topImageSettings div.contents .inner:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

div.topImageSettings div.contents .inner .preview{
float:left;
width:160;
padding:15px 26px;
background:url(/img/basic/common/dotline_vertical002.gif) repeat-y 100% 0;
}

div.topImageSettings div.contents .inner .preview div.current span{
display:block;
width:160px;
height:54px;
overflow:hidden;
padding:2px;
border:1px solid #D0D0D0;
}

div.topImageSettings div.contents .inner .preview div.current span img{
vertical-align:top;
}

div.topImageSettings div.contents .inner .preview .delete{
margin:5px 0 0;
text-align:right;
}

div.topImageSettings div.contents .inner .preview .previewLink{
font-size:83%;
}

div.topImageSettings div.contents .inner .upload{
float:left;
width:272px;
padding:15px 20px;
}

div.topImageSettings div.contents .inner .upload input[type="file"]{
width:160px;
}

div.topImageSettings div.contents .inner .upload .supplement01{
margin:15px 0 10px;
}

div.topImageSettings div.contents .inner .upload .notice{
padding:5px 10px;
font-size:83%;
background:#eee;
}


/*---- previewPage:トップ画像設定プレビュー ----*/
body.previewPage{
background:#f1f1f1;
}

.previewPage #previewHeader{
width:100%;
min-width:955px;
padding:10px 0;
font-size:116%;
text-align:center;
border-bottom:1px solid #dedede;
}

.previewPage #previewHeader em{
margin-right:15px;
font-style:normal;
font-weight:bold;
}

.previewPage #previewContents{
width:100%;
background:#dedede;
}

.previewPage #previewContents .contentsMain.previewPc{
width:955px;
height:682px;
margin:0 auto;
background:url(/img/basic/official/view_preview_pc_bg001.jpg) no-repeat 50% 0;
}

.previewPage #previewContents .contentsMain.previewPc p{
padding:127px 0 0;
}

.previewPage #previewContents .contentsMain.previewTo{
width:955px;
height:682px;
margin:0 auto;
background:url(/img/basic/official/view_preview_to_bg001.jpg) no-repeat 50% 0;
}

.previewPage #previewContents .contentsMain.previewTo p{
padding:46px 0 0;
}

.previewPage #previewFooter{
width:100%;
padding:25px 0;
min-width:955px;
text-align:center;
border-top:1px #dedede solid;
}

.previewPage #previewFooter p{
padding:0 0 5px;
font-size:116%;
font-weight:bold;
}

.previewPage #previewFooter .formButtons01{
background:transparent;
}

.previewPage #previewFooter .formButtons01 .formBt01{
color:#FFF;
border:1px solid #45362F;
background:#5B524D;
}

.previewPage #previewFooter .formButtons01 .formBt02{
color:#575350;
border:1px solid #6D5A53;
background:#E5E4E2;
}


/*---- designTemplates:デザインテンプレート ----*/
div.designTemplates h4{
padding: 5px 10px;
background-color:#EDECEC;
border:1px solid #D0D0D1;
border-top:none;
}

div.currentDesign div.contents{
position:relative;
width:532px;
padding:8px 6px 5px;
border:1px solid #D0D0D1;
border-top:none;
background:#F2F2F2 url(/img/basic/official/inner_round_top001.gif) no-repeat 6px 5px;
}

div.currentDesign dl{
padding-bottom:3px;
background:url(/img/basic/official/inner_round_bottom001.gif) no-repeat 0 100%;
}

div.currentDesign dl dt{
float:left;
width:147px;
padding:7px;
text-align:center;
}

div.currentDesign dl dt img{
padding:2px;
vertical-align:bottom;
border:1px solid #D0D0D0;
}

div.currentDesign dl dt span.bgColor{
display:block;
width:100px;
margin:0 auto;
padding:2px;
border:1px solid #D0D0D0;
}

div.currentDesign dl dt span.bgColor span{
display:block;
height:100px;
text-indent:-9999px;
}

div.currentDesign dl dd{
float:right;
width:351px;
padding:10px;
background:url(/img/basic/common/dotline_vertical002.gif) repeat-y 0 0;
}

div.currentDesign dl dd p.previewLink{
margin-top:40px;
font-size:83%;
}

div.currentDesign dl dd p.editBtn{
position:absolute;
right:20px;
bottom:20px;
}

div.presetDesignList div.contents{
border:1px solid #D0D0D1;
border-top:none;
}

div.presetDesignList div.contents ul{
padding:15px 25px;
background:url(/img/basic/skin/gray/common/dotline_horizontal001.gif) repeat-x 0 0;
}

div.presetDesignList div.contents ul.top{
background:none;
}

div.presetDesignList div.contents li{
display:inline;
float:left;
width:134px;
margin:0 15px;
text-align:center;
}

div.presetDesignList div.contents li p.thumbnail img{
margin-bottom:5px;
}


/*---- designSettings:デザイン編集 ----*/
div.designSettings{}

div.designSettings li h4{
clear:both;
margin-bottom:8px;
}

div.designSettings li h4 span{
margin-left:20px;
padding-left:10px;
background:url(/img/basic/skin/gray/icon/link_arrow_down001.gif) no-repeat 0 50%;
font-size:83%;
}

div.designSettings .pcEdit .bgSetting{
margin-bottom:15px;
padding-left:10px;
}

div.designSettings .pcEdit .bgSetting div.image{
float:left;
margin-right:10px;
padding:2px;
border:1px solid #d0d0d0;
}

div.designSettings .pcEdit .bgSetting div.image img{
display:block;
}

div.designSettings .pcEdit .bgSetting div.upload{
float:left;
width:258px;
}

div.designSettings .pcEdit .bgSetting div.upload p{
padding-bottom:10px;
}

div.designSettings .pcEdit .positionSetting{
margin-bottom:15px;
padding-left:10px;
}

div.designSettings .pcEdit .positionSetting p{
display:inline-block;
*display:inline;
zoom:1;
vertical-align:middle;
}

div.designSettings .pcEdit .positionSetting p.position{
height:34px;
padding:5px 0 0 50px;
font-size:83%;
background:url(/img/basic/official/bg_positon_small001.gif) no-repeat;
}

div.designSettings .pcEdit .positionSetting p.position.bg01{background-position:0 0;}
div.designSettings .pcEdit .positionSetting p.position.bg02{background-position:0 -39px;}
div.designSettings .pcEdit .positionSetting p.position.bg03{background-position:0 -78px;}
div.designSettings .pcEdit .positionSetting p.position.bg04{background-position:0 -117px;}
div.designSettings .pcEdit .positionSetting p.position.bg05{background-position:0 -156px;}
div.designSettings .pcEdit .positionSetting p.position.bg06{background-position:0 -195px;}
div.designSettings .pcEdit .positionSetting p.position.bg07{background-position:0 -234px;}
div.designSettings .pcEdit .positionSetting p.position.bg08{background-position:0 -273px;}
div.designSettings .pcEdit .positionSetting p.position.bg09{background-position:0 -312px;}

div.designSettings .pcEdit .positionSetting p.selectPosition{
margin-left:30px;
}

div.designSettings .colorSetting01,
div.designSettings .colorSetting02{
padding-left:10px;
}

div.designSettings .colorSetting01 li{
clear:none !important;
float:left;
width:117px;
height:61px;
margin-bottom:15px;
padding-left:70px;
background:url(/img/basic/official/target_pc002.gif) no-repeat;
}

div.designSettings .colorSetting02 li{
clear:none !important;
float:left;
width:74px;
height:61px;
margin-bottom:5px;
padding-left:50px;
background-repeat:no-repeat;
}

div.designSettings .toEdit .colorSetting02 li{background-image:url(/img/basic/official/target_touch002.gif);}
div.designSettings .mbEdit .colorSetting02 li{background-image:url(/img/basic/official/target_mobile002.gif);}

div.designSettings li.titleImage{background-position:0 0;}
div.designSettings li.titleText{background-position:0 -61px;}
div.designSettings li.bodyBg,
div.designSettings li.menuText{background-position:0 -122px;}

div.designSettings .colorSetting01 li p,
div.designSettings .colorSetting02 li p{
margin-bottom:3px;
font-size:83%;
}

div.designSettings .colorSetting01 li div,
div.designSettings .colorSetting02 li div{
width:35px;
height:35px;
padding:2px;
border:1px solid #d0d0d0;
text-indent:-9999px;
overflow:hidden;
}

div.designSettings .colorSetting01 li div a,
div.designSettings .colorSetting02 li div a{
display:block;
height:35px;
}

div.designSettings .preview li{
display:inline;
margin-right:15px;
}

div.designSettings .preview li img{
vertical-align:top;
}


/*---- utilityWindow01:デザイン編集レイヤー ----*/
#editBgPosition.utilityWindow01 h3{
clear:both;
}

#editBgPosition.utilityWindow01 ul.position{
float:left;
width:75px;
height:75px;
margin-bottom:10px;
background:url(/img/basic/official/bg_positon_large001.gif) no-repeat;
}

#editBgPosition.utilityWindow01 ul.position.bg01{background-position:0 0;}
#editBgPosition.utilityWindow01 ul.position.bg02{background-position:0 -75px;}
#editBgPosition.utilityWindow01 ul.position.bg03{background-position:0 -150px;}
#editBgPosition.utilityWindow01 ul.position.bg04{background-position:0 -225px;}
#editBgPosition.utilityWindow01 ul.position.bg05{background-position:0 -300px;}
#editBgPosition.utilityWindow01 ul.position.bg06{background-position:0 -375px;}
#editBgPosition.utilityWindow01 ul.position.bg07{background-position:0 -450px;}
#editBgPosition.utilityWindow01 ul.position.bg08{background-position:0 -525px;}
#editBgPosition.utilityWindow01 ul.position.bg09{background-position:0 -600px;}

#editBgPosition.utilityWindow01 ul.position li{
float:left;
width:25px;
height:25px;
text-indent:-9999px;
}

#editBgPosition.utilityWindow01 ul.position li a{
display:block;
height:23px;
overflow:hidden;
}

#editBgPosition.utilityWindow01 ul.position li a:hover{
border:1px solid #d0d0d0;
}

#editBgPosition.utilityWindow01 p.supplement01{
float:left;
width:177px;
padding-left:10px;
}

#editBgPosition.utilityWindow01 select{
margin-bottom:10px;
}

#editBgPosition.utilityWindow01 p.scroll input{
margin-right:5px;
vertical-align:middle;
}


#editColorCode.utilityWindow01 div.palette{
float:left;
width:34px;
padding:2px;
border:1px solid #D0D0D0;
}

#editColorCode.utilityWindow01 div.palette p{
height:34px;
text-indent:-9999px;
}

#editColorCode.utilityWindow01 p.colorCode{
float:left;
width:212px;
padding-left:10px;
}

#editColorCode.utilityWindow01 p.colorCode input{
width:100px;
margin-left:3px;
}


#selectTitleColor.utilityWindow01 div.palette{
float:left;
width:90px;
}

#selectTitleColor.utilityWindow01 div.palette p{
float:left;
width:34px;
padding:2px;
margin-right:5px;
border:1px solid #D0D0D0;
text-indent:-9999px;
}

#selectTitleColor.utilityWindow01 div.palette p.selected{
border:1px solid #F00;
}

#selectTitleColor.utilityWindow01 div.palette p a{
display:block;
height:34px;
overflow:hidden;
}

#selectTitleColor.utilityWindow01 div.palette p a.black{
background-color:#333;
}

#selectTitleColor.utilityWindow01 div.palette p a.white{
background-color:#FFF;
}

#selectTitleColor.utilityWindow01 p.supplement01{
float:left;
width:162px;
padding-left:5px;
}


/*---- previewSmartPhone:デザインプレビュー ----*/
body.previewMode{
background:none;
}

#previewSmartPhone{
width:320px;
margin:5px;
text-align:left;
}

#previewSmartPhone .topImage{
width:320px;
height:107px;
overflow:hidden;
}

#previewSmartPhone .menu{
position:relative;
zoom:1;
background:url(/img/basic/official/preview_smartphone_navi001.png) no-repeat 0 100%;
}

#previewSmartPhone .menu:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#previewSmartPhone .menu .thumbnail{
float:left;
width:82px;
padding:10px 5px;
text-align:center;
}

#previewSmartPhone .menu .info{
float:left;
width:218px;
padding:10px 5px;
}

#previewSmartPhone .menu .info .pageName{
font-weight:bold;
font-size:116%;
}

#previewSmartPhone .menu .info .navi{
position:absolute;
right:0;
bottom:0;
width:320px;
height:32px;
text-align:right;
}

#previewSmartPhone .menu .info .navi li{
display:inline-block;
*display:inline;
*zoom:1;
width:93px;
padding:5px 10px;
font-weight:bold;
font-size:116%;
text-align:center;
}

#previewSmartPhone .menu .info .navi li.menu02{
width:86px;
padding-right:17px;
}

#previewSmartPhone .pageInfo{
padding:10px 5px;
zoom:1;
background:url(/img/basic/official/preview_smartphone_pageinfo001.png) no-repeat 0 0;
}

#previewSmartPhone .pageInfo:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#previewSmartPhone .pageInfo .thumbnail{
float:left;
width:40px;
text-align:center;
}

#previewSmartPhone .pageInfo .pageName{
float:left;
width:177px;
margin-left:10px;
font-weight:bold;
font-size:116%;
}

#previewMobile{
width:240px;
margin:5px;
text-align:left;
font-size:133%;
}

#previewMobile h1{
background-color:#F4F4F4;
border-top:4px solid #FACA56;
}

#previewMobile .pageHeader{
margin-bottom:5px;
padding:7px 5px;
line-height:1.3;
}

#previewMobile .pageHeader p.thumbnail{
float:left;
width:40px;
}

#previewMobile .pageHeader div.pageInfo{
float:left;
width:185px;
padding-left:5px;
}

#previewMobile p.navi span{
margin-right:5px;
padding-right:5px;
text-decoration:underline;
border-right:1px solid #333;
}

#previewMobile p.navi span.on{
color:#333;
text-decoration:none;
}

#previewMobile p.navi span.last{
border:none;
}

#previewMobile p.others{
text-align:right;
color:#F00;
}

#previewMobile p.others span{
color:#F00;
text-decoration:underline;
}

#previewMobile div.pageContents h2{
padding:0 8px;
border-bottom:1px solid #BDBDBD;
}

#previewMobile div.pageContents dl{
border-bottom:2px solid #BDBDBD;
margin-bottom:20px;
}

#previewMobile div.pageContents dl dt{
color:#999;
}

#previewMobile div.pageMenu{
padding:3px 0;
text-decoration:underline;
}

#previewMobile div.pageMenu ul.menu{
margin-bottom:1em;
}


/*---- utilityWindow02:アプリ利用同意レイヤー ----*/
#connectAuthorize.utilityWindow02 .confirm01 p.profileImage{
float:left;
width:40px;
padding:8px 10px;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList,
#connectAuthorize.utilityWindow02 .authorizeArea .appli{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList{
width:330px;
padding:10px;
*padding:10px 0;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category{
width:330px;
padding:10px 0;
background:url(/img/basic/common/dotline_horizontal004.gif) repeat-x 0 0;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category.top{
background:none;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category p.name{
float:right;
width:268px;
font-weight:bold;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category p.image{
float:left;
width:52px;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category p.image img{
border:1px solid #DDD;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category ul{
float:right;
width:250px;
padding-left:18px;
}

#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category li{
list-style:outside disc;
}

#connectAuthorize.utilityWindow02 .authorizeArea .appli{
width:170px;
padding:20px 10px 20px 50px;
background:url(/img/basic/official/connect_arrow001.gif) no-repeat 10px 50%;
text-align:center;
}

#connectAuthorize.utilityWindow02 .formButtons01{
border:none;
border-top:1px solid #FFC356;
}

#connectAuthorize.utilityWindow02 .formButtons01 .supplement01{
width:auto;
}

#connectAuthorize.utilityWindow02 .formButtons01 .supplement02{
width:auto;
margin:0;
padding:0 33px 10px;
}


/*---- analysis:アクセス解析 ----*/
.analysis ul.pageTopLink{
margin:0 10px 5px;
}

.analysis .contents{
border-right:1px solid #d0d0d1;
border-left:1px solid #d0d0d1;
}

.analysis .reportMenu,
.analysis .reportDate{
padding:10px;
border-bottom:1px solid #d0d0d1;
}

.analysis .reportMenu ul li{
display:inline;
padding-right:8px;
margin-right:7px;
border-right:1px solid #ccc;
}

.analysis .reportMenu ul li span{
font-weight:bold;
}

.analysis h4{
padding:5px 10px;
background:#EDECEC;
border-bottom:1px solid #d0d0d1;
}

.analysis .reportArea{
padding:10px;
border-bottom:1px solid #d0d0d1;
}

.analysis .reportArea p.date{
text-align:right;
}

.analysis .reportArea .graph01{
padding:10px 0;
}

.analysis .reportArea table{
width:630px;
margin:10px auto 15px;
}

.analysis .reportArea table tr th{
padding:2px;
text-align:center;
border:1px solid #D0D0D1;
background:#E8E8E8;
}

.analysis .reportArea table tr td{
padding:2px 10px;
text-align:right;
border:1px solid #D0D0D1;
}

.analysis .reportArea .download{
position:relative;
width:590px;
margin:0 auto 10px;
padding:15px 20px;
background:#EEE;
}

.analysis .reportArea .download p{
line-height:30px;
}

.analysis .reportArea .download p a{
position:absolute;
top:15px;
right:20px;
}


/*---- commentManegement:コメント管理 ----*/
.commentManagement .formButtons01{
border:solid 1px #d6d6d6;
border-top:0;
}

.uncheckedComments{
margin-bottom:5px;
}

.uncheckedComments .commentListArea{
border-top:solid 1px #dedede;
}

.uncheckedComments .commentListArea dl.comment{
width:474px;
}

.uncheckedComments .selector{
padding:5px 10px;
border:solid 1px #dedede;
border-bottom:none;
text-align:right;
}

.uncheckedComments .formButtons01{
border:solid 1px #d6d6d6;
}


/*---- favoritePages:お気に入りページ ----*/
div.sideList ul.iconList li.child a{
padding-left:40px;
background:none;
font-size:83%;
}

.favoritePages .unit{
margin-bottom:10px;
}

.favoritePages .selectTab02{
margin-bottom:10px;
background-color:#fff;
}

.favoritePages .selectTab02 ul{
text-align:left;
}

.favoritePages .searchPages .idSearch .input{
width:258px;
height:20px;
line-height:20px;
padding:0 0 0 5px;
background:#fff;
}

.favoritePages .searchPages .keywordSearch .input{
width:243px;
height:20px;
line-height:20px;
padding:0 0 0 20px;
background:url(/img/basic/icon/searchform002.gif) 5px 50% no-repeat;
}

.favoritePages .searchPages input.defaultText{
color:#999;
}

.favoritePages .searchPages input.submit{
padding:0;
border:0;
}

.favoritePages #editList01 .blockFunction ul.editContents li{
width:514px;
padding:15px;
background:#fff;
text-align:center;
}

.favoritePages #editList01 .blockFunction ul.editContents li img{
vertical-align:bottom;
}

.favoritePages .pageList table{
border-right:1px solid #D0D0D1;
border-left:1px solid #D0D0D1;
}

.favoritePages .pageList table tr th,
.favoritePages .pageList table tr td{
background:url(/img/basic/skin/gray/common/dotline_vertical001.gif) repeat-y 0 0;
border-bottom:1px solid #D0D0D1;
padding:7px 10px;
text-align:center;
}

.favoritePages .pageList table tr th{
background-color:#f8f8f8;
font-size:83%;
}

.favoritePages .pageList table tr .pageData{
background-image:none;
text-align:left;
}

.favoritePages .pageList table tr .description{
vertical-align:top;
text-align:left;
}

.favoritePages .pageList table tr .description p{
overflow:hidden;
word-break:break-all;
word-wrap:break-word;
}

.favoritePages .pageList table tr .thumbnail,
.favoritePages .pageList table tr .limit{
background-image:none;
}

.favoritePages .pageList table tr .thumbnail{
width:93px;
text-align:center;
}

.favoritePages .pageList table tr .thumbnail img{
margin: 0 auto;
}

.favoritePages .pageList table tr .favorite{
width:90px;
}

.favoritePages .pageList table tr .delete,
.favoritePages .pageList table tr .block{
width:42px;
}

.favoritePages .pageList01 .description p{
width:411px;
}

.favoritePages .pageList02 .description p{
width:349px;
}

.favoritePages .pageList03 .description p{
width:239px;
}

.favoritePages .pageList04 .description p{
width:307px;
}


/*---- bodyMainAreaSubAside:premiumIntro ：左カラム・mixiプレミアムの紹介 ----*/
div.sideList ul.iconList li a img.newSign{
margin-left:0.5em;
}

#premiumIntro{
padding:0 0 10px;
background:url(/img/basic/official/pr/mixi_premium/bg001.gif) repeat 0 0;
}

#premiumIntro h3{
height:90px;
background:url(/img/basic/official/pr/mixi_premium/title_pr_premium001.gif) no-repeat 5px 100%;
text-indent:100%;
overflow:hidden;
white-space:nowrap;
}

#premiumIntro .outline{
padding:0 5px 0 14px;
}

#premiumIntro .outline li{
padding:7px 0 0 11px;
background:url(/img/basic/official/pr/mixi_premium/listmark001.gif) no-repeat 0px 14px;
line-height:1.3;
}

#premiumIntro .outline p{
color:#333;
}

#premiumIntro p.readMore{
padding:10px 10px 0 69px;
}

#premiumIntro p.readMore a{
display:block;
width:84px;
height:18px;
background:url(/img/basic/official/pr/mixi_premium/readmore001.gif) no-repeat 0 0;
text-indent:100%;
overflow:hidden;
white-space:nowrap;
}


/*---- clearfix:Owner's Area ----*/
.subAdminArea .subAdminList table tbody tr .nickname .wrapper,
.subAdminAddList .subAdminList table  tr .nickname .wrapper,
div.detailList01 ul.detailListContent,
.official #bodyMainAreaMain div.pageNavigation01 div.pageList03,
.subAdminArea .addSubAdmin,
.memberSettings .heading10,
.memberSettings .iconList03 ul,
.adminArea .adminList,
.accessBlockList .iconList03 ul,
.currentDesign dl,
.presetDesignList div.contents ul,
.designSettings .pcEdit .bgSetting,
#previewMobile .pageHeader,
#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category{
zoom:1;
}

.subAdminArea .subAdminList table tbody tr .nickname .wrapper:after,
.subAdminAddList .subAdminList table  tr .nickname .wrapper:after,
div.detailList01 ul.detailListContent:after,
.official #bodyMainAreaMain div.pageNavigation01 div.pageList03:after,
.subAdminArea .addSubAdmin:after,
.memberSettings .heading10:after,
.memberSettings .iconList03 ul:after,
.adminArea .adminList:after,
.accessBlockList .iconList03 ul:after,
.currentDesign dl:after,
.presetDesignList div.contents ul:after,
.designSettings .pcEdit .bgSetting:after,
#previewMobile .pageHeader:after,
#connectAuthorize.utilityWindow02 .authorizeArea .categoryList li.category:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}










/*================================ User's Area ================================*/

/*---- common ----*/
.official div.selectTab02{
background-color:#fff;
}

.official div.selectTab02 ul{
text-align:left;
}

.official div.heading03,
.pageFrame div.heading03{
width:494px;
background:url(/img/basic/heading/body_main_area_main001.gif) no-repeat left top;
}

.official div.messageArea div.contents div p{
padding-right:0;
}


/*---- officialPageList01 ----*/
div.officialPageList01 table.listMain{
width:100%;
}

div.officialPageList01 table.listMain td{
width:237px;
padding:8px;
border:1px solid #d0d0d0;
}

div.officialPageList01 table.listMain td.iconState01{
background-color:#FFF;
}

div.officialPageList01 table.listMain td.iconState02{
background-color:#FEE7C6;
}

div.officialPageList01 table.listMain td.iconState03{
background-color:#FFD8A7;
}

div.officialPageList01 table.listMain td p.image{
float:left;
width:76px;
text-align:center;
}

div.officialPageList01 table.listMain td p.name,
div.officialPageList01 table.listMain td p.category,
div.officialPageList01 table.listMain td p.loginStatus{
float:right;
width:137px;
word-wrap:break-word;
word-break:break-all;
}

div.officialPageList01 table.listMain td p.category,
div.officialPageList01 table.listMain td p.loginStatus{
color:#666;
font-size:83%;
}

div.officialPageList01 table.listMain td p.name span.follower{
margin-left:4px;
}


/*---- cInstance02 ----*/
.cInstance02{
padding:20px 0 30px;
zoom:1;
}

.cInstance02:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.cInstance02 p{
word-break:break-all;
word-wrap:break-word;
}

.cInstance02 .list{
float:left;
width:179px;
padding:0 10px 0 150px;
}

.cInstance02 .listIcon{
float:left;
width:140px;
margin-left:-150px;
text-align:center;
}

.cInstance02 .listIcon img{
vertical-align:bottom;
}

.cInstance02 .instanceName a{
font-weight:bold;
}

.cInstance02 .friend{
color:#EB7F5E;
font-size:83%;
font-weight:bold;
}

.cInstance02 .description{
padding-top:6px;
}

.cInstance02 .follow{
padding-top:12px;
}

.cInstance02 .follow a,
.cInstance02 .follow span{
display:block;
width:57px;
height:20px;
background:url(/img/basic/button/follow002.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.cInstance02 .follow .followed,
.cInstance02 .follow span{
background-position:0 -20px;
}


/*---- cInstance03 ----*/
.cInstance03{
padding:20px 0 30px;
}

.cInstance03 table{
width:auto;
}

.cInstance03 table tr td{
width:120px;
padding-left:19px;
word-break:break-all;
word-wrap:break-word;
}

.cInstance03 table tr td.firstItem{
padding-left:0;
}

.cInstance03 table tr.instanceThumbnail td{
padding-bottom:8px;
text-align:center;
vertical-align:middle;
}

.cInstance03 table tr.instanceThumbnail img{
vertical-align:bottom;
}

.cInstance03 table tr.instanceProperty td{
padding-bottom:7px;
color:#999;
vertical-align:top;
}

.cInstance03 table tr.instanceProperty td img{
margin:0 3px;
vertical-align:text-bottom;
}

.cInstance03 table tr.instanceProperty td p{
text-align:left;
}

.cInstance03 table tr.ctrlPanel td{
padding-bottom:10px;
}

.cInstance03 table tr.ctrlPanel td a,
.cInstance03 table tr.ctrlPanel td span{
display:block;
background:url(/img/basic/button/follow002.gif) no-repeat 0 0;
width:57px;
height:20px;
text-indent:-9999px;
}

.cInstance03 table tr.ctrlPanel td span{
background-position:0 -20px;
}


/*---- cInstance04 ----*/
.cInstance04 .list{
padding:12px 15px 0 10px;
}

.cInstance04 .listIcon{
float:left;
width:40px;
}

.cInstance04 .listIcon a{
text-align:center;
}

.cInstance04 .listIcon img{
vertical-align:bottom;
}

.cInstance04 .listContent{
display:inline;
}

.cInstance04 .listContent p,
.cInstance04 .listContent h4{
color:#666;
font-size:83%;
word-break:break-all;
word-wrap:break-word;
}

.cInstance04 .instanceName{
margin-left:57px;
color:#999;
}

.cInstance04 .instanceName span{
color:#333;
font-weight:bold;
}

.cInstance04 .instanceName img{
vertical-align:top;
}

.cInstance04 .description{
clear:left;
padding:5px 0 0;
}

.cInstance04 p.friend{
color:#EB7F5E;
font-weight:bold;
}

.cInstance04 .follow{
padding-top:6px;
}

.cInstance04 .follow a,
.cInstance04 .follow span{
display:block;
width:68px;
height:25px;
background:url(/img/basic/button/follow_ad_banner001.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.cInstance04 .follow .followed,
.cInstance04 .follow span{
background-position:0 -25px;
}


/*---- cInstance05 ----*/
.cInstance05{
margin-top:5px;
}

.cInstance05 .list{
padding-top:15px;
*zoom:1;
}

.cInstance05 .list:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.cInstance05 .listIcon{
float:left;
width:78px;
}

.cInstance05 .listIcon a{
display:block;
text-align:center;
}

.cInstance05 .listIcon img{
border:1px solid #ccc;
vertical-align:bottom;
}

.cInstance05 .listContent{
margin-left:88px;
}

.cInstance05 .instanceName{
color:#666;
}

.cInstance05 .instanceName a{
font-weight:bold;
}

.cInstance05 .description{
font-size:83%;
}

.cInstance05 .follow{
padding-top:6px;
}

.cInstance05 .follow a,
.cInstance05 .follow span{
display:block;
width:57px;
height:20px;
background:url(/img/basic/button/follow002.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.cInstance05 .follow .followed,
.cInstance05 .follow span{
background-position:0 -20px;
}

.cInstance05 .ranking{
color:#999;
font-weight:bold;
}

.cInstance05 .ranking.rank01{
padding-left:24px;
background:url(/img/basic/official/icon_ranking01_001.gif) no-repeat 0 0;
color:#b99400;
}

.cInstance05 .ranking.rank02{
padding-left:24px;
background:url(/img/basic/official/icon_ranking02_001.gif) no-repeat 0 0;
}


/*---- cInstance06 ----*/
.cInstance06{
margin-top:5px;
}

.cInstance06 .list{
padding-top:15px;
*zoom:1;
}

.cInstance06 .list:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.cInstance06 .listIcon{
float:left;
width:40px;
}

.cInstance06 .listIcon a{
display:block;
text-align:center;
}

.cInstance06 .listIcon img{
border:1px solid #ccc;
vertical-align:bottom;
}

.cInstance06 .listContent{
margin-left:50px;
}

.cInstance06.consult .listContent{
font-size:83%;
}

.cInstance06 .instanceName{
color:#666;
}

.cInstance06 .instanceName a{
font-weight:bold;
}

.cInstance06 .log{
}

.cInstance06 .subjectiveCase{
font-weight:bold;
}

.cInstance06 .follow{
padding-top:6px;
}

.cInstance06 .follow a,
.cInstance06 .follow span{
display:block;
width:57px;
height:20px;
background:url(/img/basic/button/follow002.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.cInstance06 .follow .followed,
.cInstance06 .follow span{
background-position:0 -20px;
}


/*---- cInstance07 ----*/
.cInstance07 li{
margin-top:6px;
}


/*---- officialPageSetting01 ----*/
div.officialPageSetting01 table.listMain{
width:100%;
border:1px solid #d0d0d0;
}

div.officialPageSetting01 table.listMain th,
div.officialPageSetting01 table.listMain td{
border-bottom:1px solid #d0d0d0;
background:url(/img/basic/skin/gray/common/dotline_vertical001.gif) repeat-y 0 0;
text-align:center;
}

div.officialPageSetting01 table.listMain th{
height:44px;
background-color:#ececec;
vertical-align:middle;
}

div.officialPageSetting01 table.listMain .pages{
width:492px;
background-image:none;
}

div.officialPageSetting01 table.listMain td.pages p.image{
float:left;
width:76px;
padding:12px 10px 13px;
text-align:center;
}

div.officialPageSetting01 table.listMain td.pages div.data{
float:left;
width:396px;
background:url(/img/basic/official/bg_officialpage_data001.gif) repeat-y 0 0;
text-align:left;
}

div.officialPageSetting01 table.listMain td.pages div.data dl{
background:url(/img/basic/skin/gray/common/dotline_horizontal001.gif) repeat-x 0 100%;
}

div.officialPageSetting01 table.listMain td.pages div.data dl.category{
background:none;
}

div.officialPageSetting01 table.listMain td.pages div.data dt,
div.officialPageSetting01 table.listMain td.pages div.data dd{
float:left;
padding:8px 5px 8px 0;
}

div.officialPageSetting01 table.listMain td.pages div.data dl.category dt,
div.officialPageSetting01 table.listMain td.pages div.data dl.category dd{
padding-bottom:7px;
}

div.officialPageSetting01 table.listMain td.pages div.data dt{
width:85px;
padding-left:11px;
}

div.officialPageSetting01 table.listMain td.pages div.data dd{
width:280px;
padding-left:10px;
}

div.officialPageSetting01 table.listMain .indicator{
width:121px;
}

div.officialPageSetting01 table.listMain .indicator p a{
display:block;
overflow:hidden;
margin:0 auto;
text-indent:-9999px;
}

div.officialPageSetting01 table.listMain .indicator p a.on{
width:54px;
height:16px;
background:url(/img/basic/button/indicator_on001.gif) no-repeat 0 0;
}

div.officialPageSetting01 table.listMain .indicator p a.on:hover{
background-position:0 -16px;
}

div.officialPageSetting01 table.listMain .indicator p a.off{
width:68px;
height:16px;
background:url(/img/basic/button/indicator_off001.gif) no-repeat 0 0;
}

div.officialPageSetting01 table.listMain .indicator p a.off:hover{
background-position:0 -16px;
}

div.officialPageSetting01 table.listMain .indicator02{
width:121px;
}

div.officialPageSetting01 table.listMain .indicator02 p a{
display:block;
overflow:hidden;
margin:0 auto;
text-indent:-9999px;
}

div.officialPageSetting01 table.listMain .indicator02 p a.on{
width:84px;
height:16px;
background:url(/img/basic/home/home_notice_on001.gif) no-repeat 0 0;
}

div.officialPageSetting01 table.listMain .indicator02 p a.on:hover{
background-position:0 -16px;
}

div.officialPageSetting01 table.listMain .indicator02 p a.off{
width:97px;
height:16px;
background:url(/img/basic/home/home_notice_off001.gif) no-repeat 0 0;
}

div.officialPageSetting01 table.listMain .indicator02 p a.off:hover{
background-position:0 -16px;
}

div.officialPageSetting01 table.listMain .remove{
width:101px;
}


/*---- bodyMainArea ----*/
.bodySubHidden #bodyMainArea{
float:none;
width:945px;
}


/*---- bodyMainAreaMain ----*/
.official #bodyMainArea #bodyMainAreaMain{
width:520px;
padding-right:10px;
}


/*---- alertArea01 ----*/
div.alertArea01{
margin-bottom:17px;
padding-top:4px;
background:url(/img/basic/official/bg_alert_area_top001.gif) no-repeat left top;
}

div.alertArea01 div.alertBody{
padding-bottom:4px;
background:url(/img/basic/official/bg_alert_area_bottom001.gif) no-repeat left bottom;
}

div.alertArea01 div.contents{
padding:6px 20px 12px 40px;
background:url(/img/basic/official/bg_alert_area001.gif) repeat-y left top;
}

div.alertArea01 div.contents p.alertMessage{
padding:11px 0 0 46px;
background:url(/img/basic/icon/alertIcon002.gif) no-repeat left top;
}


/*---- officialContentsHeading02 ----*/
div.officialContentsHeading02{
background:url(/img/basic/official/bg_official_contents_heading001.gif) repeat-x 0 0;
}

div.officialContentsHeading02 h2{
padding-top:20px;
font-size:117%;
font-weight:bold;
}

div.officialContentsHeading02 h2 span{
margin-left:5px;
font-size:85%;
font-weight:normal;
}


/*---- officialContentsHeading03 ----*/
.officialContentsHeading03{
padding-bottom:8px;
border-bottom:1px solid #e6e7eb;
}

.officialContentsHeading03 h3{
padding:6px 0 8px 19px;
*padding:4px 0 5px 19px;
background:url(/img/basic/official/heading001.gif) no-repeat 0 0;
color:#2c9d8c;
font-size:134%;
font-weight:bold;
line-height:1.1;
}

.officialContentsHeading03.limited01 h3{
background-image:url(/img/basic/official/heading003.gif);
color:#a88715;
}


/*---- officialContentsHeading04 ----*/
.officialContentsHeading04{
background:url(/img/basic/official/bg_box07_body001.gif) no-repeat 0 100%;
}

.officialContentsHeading04 h3{
padding:5px 4px 6px;
background:url(/img/basic/official/bg_box07_head001.gif) no-repeat 0 0;
color:#4d4d4d;
font-size:83%;
font-weight:bold;
line-height:1.0;
}


/*---- aboutOwner:基本情報 ----*/
div.aboutOwner{
margin-top:20px;
}

div.aboutOwner table{
width:100%;
table-layout:fixed;
}

div.aboutOwner table th,
div.aboutOwner table td{
padding:8px 0 7px;
background:url(/img/basic/skin/gray/common/border_dot_horizontal001.gif) repeat-x 0 0;
text-align:left;
vertical-align:top;
}

div.aboutOwner table th{
width:123px;
font-weight:bold;
}

div.aboutOwner table td{
width:397px;
word-break:break-all;
word-wrap:break-word;
}


/*---- fanMemberList01 ----*/
.official #bodyMainAreaMain div.fanMemberList01 div.pageNavigation01.bottom{
border-top:none;
}

div.fanMemberList01 div.iconList03{
width:519px;
border-right:none;
}

div.fanMemberList01 div.iconList03 ul{
background-image:url(/img/basic/official/iconlist_line_block03.gif);
}

div.fanMemberList01 div.iconList03 ul li{
width:125px;
padding:2px 3px 2px 2px;
}

div.fanMemberList01 div.iconList03 ul li.rightSide{
width:124px;
padding:2px;
border-right:1px solid #D0D0D1;
}

div.fanMemberList01 div.iconList03 ul li div.iconListImage{
width:125px;
}

div.fanMemberList01 div.iconList03 ul li.rightSide div.iconListImage{
width:124px;
}


/*---- ユーザー bodyMainAreaSub ----*/
.official #bodyMainArea #bodyMainAreaSub{
width:171px;
}

/*---- pageNavigationArea ----*/
#bodyMainAreaSub #pageNavigationArea{
background:#F7F7F7;
border-radius:3px;
}

#bodyMainAreaSub #pageNavigationArea a{
color:#333;
}

#bodyMainAreaSub #pageNavigationArea .ownerProfile{
padding:10px;
}

#bodyMainAreaSub #pageNavigationArea .ownerProfile .ownerProfilePhoto{
text-align:center;
}

#bodyMainAreaSub #pageNavigationArea .ownerProfile .ownerProfilePhoto img{
margin:0 auto;
}

#bodyMainAreaSub #pageNavigationArea .ownerProfile .ownerName{
padding:10px 0;
font-size:133%;
font-weight:bold;
line-height:1.2;
}

#bodyMainAreaSub #pageNavigationArea .ownerProfile .ownerName a{
text-decoration:none;
}

#bodyMainAreaSub #pageNavigationArea .ownerProfile .ownerName a:hover{
text-decoration:underline;
}

#bodyMainAreaSub #pageNavigationArea .ownerProfile .ownerFollower{
padding:0 0 5px;
font-size:83%;
}

#bodyMainAreaSub #pageNavigationArea #subNavi ul li{
padding:1px 0 0;
background:url(/img/basic/official/subnavi_border.png) repeat-x 0 0;
}

#bodyMainAreaSub #pageNavigationArea #subNavi ul li a{
display:block;
padding:10px 10px 8px 10px;
*padding:9px 10px;
color:#258FB8;
font-weight:bold;
text-decoration:none;
}

#bodyMainAreaSub #pageNavigationArea #subNavi ul li a:hover{
text-decoration:underline;
}

#bodyMainAreaSub #pageNavigationArea #subNavi ul li.on a{
background:url(/img/basic/official/subnavi_on_bg.png) repeat 0 0;
}

/*---- editNavi ----*/
#bodyMainAreaSub #editNavi ul{
padding:12px 0;
text-align:right;
}

#bodyMainAreaSub #editNavi ul li a{
padding-left:8px;
background:url(/img/basic/skin/gray/icon/arrow001.gif) no-repeat 0 50%;
font-size:83%;
}


/*---- bodyTopArea:ページヘッダ(共通) ----*/
#bodyTopArea{
margin-bottom:15px;
color:#333;
background-color:#F7F7F7;
}

#bodyTopArea a{
text-decoration:none;
}

#bodyTopArea a:hover{
text-decoration:underline;
}


/*---- bodyTopArea:ページヘッダ(新) ----*/
#bodyTopArea .mainImage{
position:relative;
height:320px;
margin:0 -5px;
}

#bodyTopArea .mainImage{
background:url(/img/basic/official/body_top_area_noimage002.jpg) no-repeat 50% 0;
}

#bodyTopArea .mainImage p.changeImg{
position:absolute;
bottom:0;
right:0;
width:137px;
height:35px;
background:#f0f0f0 url(/img/basic/official/mixipage_photo001.gif) no-repeat 12px 11px;
}

#bodyTopArea .mainImage p.changeImg span{
display:block;
padding:12px 0 0 33px;
}

#bodyTopArea .mainImage p.changeImg a{
line-height:1;
}

#bodyTopArea .mainImage .off{
position:absolute;
top:15px;
right:20px;
}

#bodyTopArea .mainImage .setting{
position:absolute;
top:190px;
right:132px;
}

#bodyTopArea .mainImage .detail{
position:absolute;
top:233px;
right:195px;
}


/*---- bodyTopArea:ページヘッダ(旧) ----*/
#bodyTopArea div.follower{
min-height:106px;
_height:106px;
}

#bodyTopArea div.follower a{
color:#333;
}

#bodyTopArea div.follower div.ownerProfile{
float:right;
width:834px;
}

#bodyTopArea div.follower div.ownerProfile h2.ownerName{
padding:17px 0 0;
}

#bodyTopArea div.follower h2.ownerName{
min-height:25px;
_height:25px;
line-height:1;
font-size:150%;
font-weight:bold;
word-break:break-all;
}

#bodyTopArea div.follower h2.ownerName img{
margin-left:5px;
}

#bodyTopArea div.follower p.loginStatus{
min-height:15px;
_height:15px;
font-weight:bold;
font-size:83%;
}

#bodyTopArea div.follower div.ownerProfileBodyLeft{
float:left;
width:490px;
padding:3px 40px 0 0;
}

#bodyTopArea div.follower div.ownerProfileBodyLeft p.introduction{
padding:0 15px 15px 0;
font-size:83%;
}

#bodyTopArea div.follower div.ownerProfileBodyRight{
float:right;
width:290px;
}

#bodyTopArea div.follower div.ownerProfileBodyRight div.members{
float:left;
}

#bodyTopArea div.follower div.ownerProfileBodyRight div.members p{
float:left;
width:99px;
line-height:1.3;
font-size:83%;
}

#bodyTopArea div.follower div.ownerProfileBodyRight div.members p a span{
font-size:120%;
font-weight:bold;
vertical-align:-1px;
}

#bodyTopArea div.follower div.ownerProfileBodyRight div.members ul.memberList{
float:left;
width:176px;
padding-right:15px;
text-align:right;
}

#bodyTopArea div.follower div.ownerProfileBodyRight div.members ul.memberList li{
display:inline;
margin:0 2px;
}

#bodyTopArea div.follower div.ownerProfileBodyRight div.members ul.memberList li img{
vertical-align:top;
}

#bodyTopArea div.follower div.ownerProfileImage{
float:left;
width:96px;
padding:15px 0 15px 15px;
}


/*---- utilityWindow01:メイン画像設定ポップアップ ----*/
.utilityWindow01 .editListPopup01 .editImageView{
margin:0 0 5px;
text-align:left;
}

.utilityWindow01 .editListPopup01 .editImageView p{
float:left;
margin:0 10px 0 0;
padding:2px;
border:1px #dddddd solid;
}

.utilityWindow01 .editListPopup01 .editImageView p img{
width:160px;
height:auto;
}

.utilityWindow01 .editListPopup01 .editImageView a{
float:left;
}

.utilityWindow01 .editListPopup01 .editImageSelect{
margin:0 0 5px;
text-align:left;
}

.utilityWindow01 .editListPopup01 .editImageNotice01{
margin:0 0 10px;
font-size: 85%;
text-align:left;
}

.utilityWindow01 .editListPopup01 .editImageNotice02{
margin:0 0 5px;
padding:5px;
background:#eeeeee;
font-size:85%;
text-align:left;
}

.utilityWindow01 .editListPopup01 .editImageNotice02 em{
font-weight:bold;
}


/*---- officialAside01:ページ右カラム ----*/
.officialAside01 .asideContent{
padding:0 0 13px;
margin-bottom:15px;
border-bottom:1px solid #DEDEDE;
}

.officialAside01 .bodySubSection{
margin-bottom:20px;
}

.officialAside01 h2{
color:#999;
}

.officialAside01 .pageIcon{
padding:1px 0 1px 20px;
background:url(/img/basic/icon/mixipage_icon001.gif) no-repeat;
}


/*---- changeImg:メイン画像設定 ----*/
.officialAside01 #changeImg{
height:35px;
margin:0 0 20px;
background:#f4f9fb url(/img/basic/official/add_image_bg001.gif) no-repeat 0 0;
}

.officialAside01 #changeImg span{
display:block;
padding:8px 0 0 38px;
}


/*-- adminMenu:管理者メニュー --*/
.officialAside01 #adminMenu h2{
margin-bottom:10px;
}

.officialAside01 #adminMenu ul li{
margin-bottom:5px;
}

.officialAside01 #adminMenu ul li.pageStatus{
margin-bottom:15px;
line-height:1.9;
}

.officialAside01 #adminMenu ul li.pageStatus dl.accessData,
.officialAside01 #adminMenu ul li.pageStatus dt,
.officialAside01 #adminMenu ul li.pageStatus dd{
display:inline;
}

.officialAside01 #adminMenu ul li.pageStatus dt{
padding-right:0.8em;
}

.officialAside01 #adminMenu ul li.pageStatus dt img{
vertical-align:bottom;
}

.officialAside01 #adminMenu ul li.pageStatus dd{
position:relative;
top:0.35em;
*top:0.2em;
}

.officialAside01 #adminMenu ul li.pageStatus dd b{
font-size:108%;
}

.officialAside01 #adminMenu ul li.pageStatus .countAll{
}

.officialAside01 #adminMenu ul li.pageStatus .countAtYesterday{
}

.officialAside01 #adminMenu ul li.editPage a.pageIcon{
background-position:0 2px;
}

.officialAside01 #adminMenu ul li.editPage p{
padding:3px 0 10px 25px;
font-size:83%;
color:#999;
}

.officialAside01 #adminMenu ul li.editPage p a{
padding:0;
background:none;
}

.officialAside01 #adminMenu ul li.announcement a{
color:#F00;
font-size:91%;
font-weight:bold;
}

.officialAside01 #adminMenu ul li.newComment a.pageIcon{
background-position:0 -40px;
}

.officialAside01 #adminMenu ul li.newIine a.pageIcon{
background-position:0 -80px;
}

.advanceNotification01{
margin-bottom:20px;
padding:28px 10px 10px;
border:solid 1px #f7d6cc;
background:#fff3ef url(/img/basic/icon/advance_notification_heading001.gif) 9px 10px no-repeat;
}

.advanceNotification01 .message,
.advanceNotification01 .seeMore{
display:inline;
}

.advanceNotification01 .message{
font-weight:bold;
color:#4d4d4d;
}

.advanceNotification01 .seeMore{
font-size:83%;
padding-left:5px;
}


/*-- followerList:フォロー数 --*/
.officialAside01 #followerList h2.pageIcon{
background-position:0 -113px;
}

.officialAside01 #followerList span{
font-size:150%;
font-weight:bold;
color:#333;
}

.officialAside01 #followerList ul li{
display:inline;
float:left;
width:40px;
margin:0 5px 5px 0;
background:#e7e7e7;
}

.officialAside01 #followerList ul li.rightside{
margin-right:4px;
}

.officialAside01 #followerList ul li a{
display:block;
width:40px;
height:40px;
background-repeat:no-repeat;
background-position:50% 50%;
text-indent:-9999px;
overflow:hidden;
}

.officialAside01 #followerList p.moreLink01{
padding-top:3px;
}


/*-- showFollower:フォロー数（新） --*/
.officialAside01 #showFollower h2{
font-size:83%;
}

.officialAside01 #showFollower h2 a{
text-decoration:none;
}

.officialAside01 #showFollower h2 em{
font-weight:bold;
font-style:normal;
}

.officialAside01 #showFollower h2 span{
font-size:12px;
font-weight:bold;
}

.officialAside01 #showFollower ul{
padding:3px 7px 10px;
}

.officialAside01 #showFollower ul li{
float:left;
width:26px;
margin:0 4px 0 0;
text-align:center;
}

.officialAside01 #showFollower ul li a{
display:block;
width:26px;
height:26px;
overflow:hidden;
}


/*-- officialMenu:ページメニュー --*/
.officialAside01 #officialMenu li{
margin-bottom:5px;
}

.officialAside01 #officialMenu li.guide a.pageIcon{
background-position:0 -220px;
}

.officialAside01 #officialMenu li.addPage a.pageIcon{
background-position:0 -270px;
}

.officialAside01 #officialMenu li.addNewPage a.pageIcon{
background-position:0 -371px;
}


/*-- addNewPage:新規ページ作成 --*/
.officialAside01 #addNewPage ul li a.pageIcon{
background-position:0 -371px;
}


/*-- searchBox:右カラムページ検索 --*/
.officialAside01 #searchBox h2.pageIcon{
background-position:0 -320px;
}

.officialAside01 #searchBox input.searchInput{
width:145px;
height:16px;
margin-right:3px;
background:#fff;
}

.officialAside01 #searchBox input.searchButton{
vertical-align:middle;
padding:0;
border:none;
}

/*-- viewAllFollowingPage:フォローページ一覧--*/
.officialAside01 #viewAllFollowingPage .pageIcon{
background-position:0 -270px;
}

/*-- mAd:エムアド --*/
.officialAside01 #mAd div.heading02{
padding:0 10px;
background:none;
}

.officialAside01 #mAd div.contents{
padding:0 11px;
}


/*-- ownersFavoritePages:オーナーのお気に入り --*/
.officialAside01 #ownersFavoritePages h2{
font-weight:bold;
font-size:86%;
margin-bottom:15px;
}

.officialAside01 #ownersFavoritePages ul li{
margin-bottom:10px;
}

.officialAside01 #ownersFavoritePages ul li .multiPart{
zoom:1;
}

.officialAside01 #ownersFavoritePages ul li .multiPart:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.officialAside01 #ownersFavoritePages ul li .multiPart .ctrlPart{
float:right;
width:57px;
padding-left:5px;
}

.officialAside01 #ownersFavoritePages ul li .multiPart .thumbnailPart{
float:left;
width:40px;
padding-right:10px;
}

.officialAside01 #ownersFavoritePages ul li .multiPart .thumbnailPart a{
display:block;
width:40px;
height:40px;
background:#e7e7e7 no-repeat 50% 50%;
text-indent:-1000em;
overflow:hidden;
}

.officialAside01 #ownersFavoritePages ul li .multiPart .textPart{
float:left;
width:107px;
word-break:break-all;
word-wrap:break-word;
}

.officialAside01 #ownersFavoritePages ul li .multiPart .followPage a,
.officialAside01 #ownersFavoritePages ul li .multiPart .followPage span{
display:block;
background:url(/img/basic/button/follow002.gif) no-repeat;
width:57px;
height:20px;
text-indent:-9999px;
margin:0 auto;
}

.officialAside01 #ownersFavoritePages ul li .multiPart .followPage span{
background-position:0 100%;
}

.officialAside01 #ownersFavoritePages .operation{
font-size:86%;
text-align:right;
color:#999;
}


/*-- pageSuggest:フォロアーも見ています --*/
.officialAside01 #pageSuggest h2{
font-weight:bold;
font-size:86%;
margin-bottom:15px;
}

.officialAside01 #pageSuggest ul li{
margin-bottom:10px;
}

.officialAside01 #pageSuggest ul li .multiPart{
zoom:1;
}

.officialAside01 #pageSuggest ul li .multiPart:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.officialAside01 #pageSuggest ul li .multiPart .ctrlPart{
float:right;
width:57px;
padding-left:5px;
}

.officialAside01 #pageSuggest ul li .multiPart .thumbnailPart{
float:left;
width:40px;
padding-right:10px;
}

.officialAside01 #pageSuggest ul li .multiPart .thumbnailPart a{
display:block;
width:40px;
height:40px;
background:#e7e7e7 no-repeat 50% 50%;
text-indent:-1000em;
overflow:hidden;
}

.officialAside01 #pageSuggest ul li .multiPart .textPart{
float:left;
width:107px;
word-break:break-all;
word-wrap:break-word;
}

.officialAside01 #pageSuggest ul li .multiPart .followPage a,
.officialAside01 #pageSuggest ul li .multiPart .followPage span{
display:block;
background:url(/img/basic/button/follow002.gif) no-repeat;
width:57px;
height:20px;
text-indent:-9999px;
margin:0 auto;
}

.officialAside01 #pageSuggest ul li .multiPart .followPage span{
background-position:0 100%;
}

.officialAside01 #pageSuggest .operation{
font-size:86%;
text-align:right;
color:#999;
}

.officialAside01 #pageSuggest .starRating span{
display:block;
width:59px;
height:10px;
text-indent:-1000em;
overflow:hidden;
background:url(/img/basic/icon/star_rating001.gif) no-repeat;
}

.officialAside01 #pageSuggest .starRating .star00{background-position:0 0}
.officialAside01 #pageSuggest .starRating .star05{background-position:0 -25px}
.officialAside01 #pageSuggest .starRating .star10{background-position:0 -50px}
.officialAside01 #pageSuggest .starRating .star15{background-position:0 -75px}
.officialAside01 #pageSuggest .starRating .star20{background-position:0 -100px}
.officialAside01 #pageSuggest .starRating .star25{background-position:0 -125px}
.officialAside01 #pageSuggest .starRating .star30{background-position:0 -150px}
.officialAside01 #pageSuggest .starRating .star35{background-position:0 -175px}
.officialAside01 #pageSuggest .starRating .star40{background-position:0 -200px}
.officialAside01 #pageSuggest .starRating .star45{background-position:0 -225px}
.officialAside01 #pageSuggest .starRating .star50{background-position:0 -250px}


/*---- searchForm02:右カラム検索 login logout ----*/
.official .searchForm02 ul.searchFunction01{
padding:12px 0;
}


/*---- searchPage:リンク設定 ----*/
.searchPage a:link{text-decoration:none;}
.searchPage a:visited{text-decoration:none;}
.searchPage a:hover{text-decoration:underline;}


/*---- searchPage02:いろいろ設定 ----*/
.searchPage02 a:link{text-decoration:none;}
.searchPage02 a:visited{text-decoration:none;}
.searchPage02 a:hover{text-decoration:underline;}

.searchPage02 #bodyMainArea{
width:679px;
}

.searchPage02 #bodySub{
width:239px;
}

.searchPage02 #bodySub .pageListPort{
padding:0 0 30px;
}


/*---- bodyTop serviceHeader01 ----*/
#bodyTop{
margin-bottom:15px;
}

#serviceHeader01{
position:relative;
}

#serviceHeader01 .heading a{
background:url(/img/basic/official/service_logo_mixipage001.gif) no-repeat 0 3px;
width:130px;
height:23px;
}

#serviceHeader01 div.operation{
position:absolute;
top:10px;
right:5px;
}

#serviceHeader01.mixiPage div.operation ul.entrance li{
float:left;
margin-right:10px;
}

#serviceHeader01.mixiPage div.operation ul.entrance li a{
display:block;
height:27px;
overflow:hidden;
background:url(/img/basic/button/bodytop_button001.gif) no-repeat 0 0;
text-indent:-9999px;
}

#serviceHeader01.mixiPage div.operation ul.entrance li.login a{
width:101px;
background-position:0 0;
}

#serviceHeader01.mixiPage div.operation ul.entrance li.register a{
width:122px;
background-position:-101px 0;
}

#serviceHeader01.mixiPage div.operation ul.entrance li.login a:hover{
background-position:0 100%;
}

#serviceHeader01.mixiPage div.operation ul.entrance li.register a:hover{
background-position:-101px 100%;
}

#serviceHeader01 div.search{
position:absolute;
top:8px;
left:185px;
}

#serviceHeader01 div.search select.pageSearchSelect{
vertical-align:middle;
}

#serviceHeader01 div.search input.pageSearchInput{
width:150px;
height:20px;
vertical-align:middle;
margin-left:5px;
background:#FFF;
}

#serviceHeader01 div.search input.pageSearchButton{
vertical-align:middle;
padding:0;
border:none;
}

#serviceHeader01 div.search input.pageName{
vertical-align:middle;
margin:0 5px;
}

#serviceHeader01 div.addPage{
position:absolute;
top:8px;
right:16px;
}

#serviceHeader01 div.addPage a.button{
display:block;
width:140px;
height:27px;
background-image:url(/img/basic/button/add_page001.gif);
background-position:0 0;
background-repeat:no-repeat;
overflow:hidden;
text-indent:-1000em;
}

#serviceHeader01 div.addPage a.button:hover{
background-position:0 -27px;
}

#serviceHeader01 div.serviceNavigation ul{
float:right;
text-align:right;
zoom:1;
}

#serviceHeader01 div.serviceNavigation ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#serviceHeader01 div.serviceNavigation ul li{
float:left;
padding:0 6px;
border-right:1px solid #ebeaed;
line-height:1.1;
}

#serviceHeader01 div.serviceNavigation ul li a{
display:block;
padding:6px 4px;
color:#a0b7c3;
font-weight:bold;
}

#serviceHeader01 div.serviceNavigation .lastItem{
padding-right:0;
border-right:none;
}

#serviceHeader01 div.serviceNavigation .latestTopic a{
padding-left:21px;
background:url(/img/basic/official/icon_list001.gif) no-repeat 0 45%;
}

#serviceHeader01 div.serviceNavigation .followedPages a{
padding-left:20px;
background:url(/img/basic/official/icon_page001.gif) no-repeat 0 45%;
}

#serviceHeader01 div.serviceNavigation .ownerMenu a{
padding-left:23px;
background:url(/img/basic/official/icon_owner001.gif) no-repeat 0 45%;
}

#serviceHeader01 div.serviceNavigation .addNewPage a{
padding-left:26px;
background:url(/img/basic/official/icon_add_page001.gif) no-repeat 0 45%;
}


/*---- searchPageForm01 ----*/
.searchPageForm01{
position:relative;
margin:10px 0 0;
padding:0 0 5px;
background:url(/img/basic/official/bg_box05_foot001.gif) no-repeat 0 100%;
*zoom:1;
}

.searchPageForm01 h3{
height:5px;
background:url(/img/basic/official/bg_box05_head001.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.searchPageForm01 .toIndex{
position:absolute;
right:10px;
top:49px;
width:200px;
font-weight:bold;
text-align:right;
*letter-spacing:0;
}

.searchPageForm01 .formMain{
padding:3px 0 0;
border:1px solid #dfdfdf;
border-top:none;
border-bottom:none;
background-color:#f3f2ed;
text-align:center;
}

.searchPageForm01 .formMain .searchSubmit{
padding:0;
border:none;
}

.searchPageForm01 .formMain p{
display:inline;
margin:0 5px 0 0;
font-size:117%;
}

.searchPageForm01 .formMain p input{
vertical-align:middle;
}

.searchPageForm01 .formMain p select{
width:200px;
padding:3px 0 3px;
vertical-align:middle;
}

.searchPageForm01 .formMain p.searchAt{
display:inline;
position:relative;
}

.searchPageForm01 .formMain p.searchAt a{
display:block;
position:absolute;
top:-1px;
*top:9px;
left:292px;
overflow:hidden;
}

.searchPageForm01 .formMain p.searchAt input{
width:283px;
height:15px;
padding:6px 30px 7px 5px;
background-color:#fff;
color:#333;
}

.searchPageForm01 .formMain p.searchKey{
margin-left:10px;
font-size:86%;
}

.searchPageForm01 .formMain p.searchKey input{
border:none;
background:transparent;
}

.searchPageForm01 .formMain p.searchKey label{
position:relative;
top:1px;
margin-left:0.3em;
}

.searchPageForm01 .pickups{
padding:9px 210px;
border:1px solid #dfdfdf;
border-top:none;
border-bottom:none;
background-color:#f3f2ed;
text-align:center;
}

.searchPageForm01 .pickups h4{
display:inline;
margin-right:11px;
font-weight:bold;
}

.searchPageForm01 .pickups ul{
display:inline;
}

.searchPageForm01 .pickups li{
display:inline;
padding:0 9px 0 12px;
border-left:solid 1px #ccc;
font-weight:bold;
*letter-spacing:0;
}


/*---- searchPageForm02 ----*/
.searchPageForm02{
position:relative;
margin:10px 0 0;
padding:0 0 5px;
background:url(/img/basic/official/bg_box05_foot001.gif) no-repeat 0 100%;
*zoom:1;
}

.searchPageForm02 h3{
height:5px;
background:url(/img/basic/official/bg_box05_head001.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
}

.searchPageForm02 .toIndex{
position:absolute;
right:10px;
top:16px;
width:200px;
font-weight:bold;
text-align:right;
*letter-spacing:0;
}

.searchPageForm02 .formMain{
padding:3px 25px;
border:1px solid #dfdfdf;
border-top:none;
border-bottom:none;
background-color:#f3f2ed;
text-align:left;
}

.searchPageForm02 .formMain .searchSubmit{
padding:0;
border:none;
}

.searchPageForm02 .formMain p{
display:inline;
margin:0 5px 0 0;
font-size:117%;
}

.searchPageForm02 .formMain p input{
vertical-align:middle;
}

.searchPageForm02 .formMain p select{
width:140px;
padding:3px 0 3px;
vertical-align:middle;
}

.searchPageForm02 .formMain p.searchAt{
display:inline;
position:relative;
}

.searchPageForm02 .formMain p.searchAt a{
display:block;
position:absolute;
top:-1px;
*top:9px;
left:292px;
overflow:hidden;
}

.searchPageForm02 .formMain p.searchAt input{
width:143px;
height:15px;
padding:6px 30px 7px 5px;
background-color:#fff;
color:#333;
}

.searchPageForm02 .formMain p.searchKey{
margin-left:10px;
font-size:86%;
}

.searchPageForm02 .formMain p.searchKey input{
border:none;
background:transparent;
}

.searchPageForm02 .formMain p.searchKey label{
position:relative;
top:1px;
margin-left:0.3em;
}


/*---- pickupPageBanner01 ----*/
.pickupPageBanner01{
height:153px;
margin:10px 0 0;
background:url(/img/basic/official/bg_box08_foot001.gif) no-repeat 100% 100%;
overflow:hidden;
}

.pickupPageBanner01 h3{
height:1px;
text-indent:-9999px;
overflow:hidden;
}

.pickupPageBanner01 .cInstance04{
float:right;
width:216px;
}

.pickupPageBanner01 .bannerMain{
width:719px;
text-align:left;
}


/*---- beginnersPromotion ----*/
#bodyTop .beginnersPromotion{
position:relative;
width:945px;
margin:10px 0 0;
}

#bodyTop .beginnersPromotion .friendList{
position:absolute;
right:40px;
bottom:10px;
}

#bodyTop .beginnersPromotion .friendList ul li{
float:left;
margin-left:5px;
}


/*---- メインヴィジュアル ----*/
.mainVisual{
height:150px;
padding-top:5px;
position:relative;
}

.mainVisual .media{
position:absolute;
left:0;
width:719px;
}

.mainVisual .data{
position:absolute;
right:0;
width:185px;
height:135px;
padding:13px 20px 0;
border:solid 1px #e6e7eb;
border-left:0;
background:#fdfdfd;
overflow:hidden;
}

.mainVisual .header .thumbnail,
.mainVisual .header .title{
margin-bottom:5px;
}

.mainVisual .header .thumbnail{
float:left;
width:57px;
}

.mainVisual .header .thumbnail a{
display:block;
width:40px;
height:40px;
border:solid 1px #ccc;
background:no-repeat 50% 50%;
text-indent:-9999px;
}

.mainVisual .header .title{
float:right;
width:128px;
font-weight:bold;
}

.mainVisual .header .title,
.mainVisual .body .description,
.mainVisual .body .friends{
font-size:83%;
}

.mainVisual .header .title .members{
margin-left:5px;
font-weight:normal;
color:#999;
}

.mainVisual .header .title img{
margin-left:5px;
vertical-align:text-top;
}

.mainVisual .body .description{
color:#666;
}

.mainVisual .body .friends{
font-weight:bold;
color:#eb7f5e;
}

.mainVisual .body .followButton{
padding-top:7px;
}


/*---- フォローボタン ----*/
.followButton a,
.followButton span{
display:block;
width:68px;
height:25px;
background:url(/img/basic/button/follow_ad_banner001.gif) no-repeat;
text-indent:-9999px;
}

.followButton a{
background-position:0 0;
}

.followButton span{
background-position:0 -25px;
}


/*---- searchPageSub：旧検索ボックス ----*/
#bodyTop .searchForm02 ul.searchFunction01{
padding:10px 0;
}

#bodyTop .searchForm02 ul.searchFunction01 li.newPage{
margin-left:75px;
}

#bodyTop .searchForm02 ul.searchFunction01 li.newPage img{
vertical-align:middle;
}


/*---- searchPageSub：検索左カラム ----*/
.searchPageSub{
float:left;
width:192px;
margin-right:17px;
}

.bodySubHidden .searchPageSub{
margin-right:0;
}


/*---- pageMenu ----*/
.searchPageSub #pageMenu{
margin-bottom:35px;
}

.searchPageSub #pageMenu ul li a{
display:block;
padding:3px 15px;
border-radius:3px;
background:url(/img/basic/official/search_page_arrow_gray001.gif) no-repeat 5px 50%;
}

.searchPageSub #pageMenu ul li a:hover{
background-color:#F9F9F9;
}


/*---- recommendPages----*/
.searchPageSub .recommendPages{
margin-bottom:35px;
}

.searchPageSub .recommendPages .heading01 h3{
margin-bottom:15px;
font-weight:bold;
}

.searchPageSub .recommendPages ul li{
margin-bottom:20px;
zoom:1;
}

.searchPageSub .recommendPages ul li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageSub .recommendPages div.thumbnail{
float:left;
width:40px;
text-align:center;
}

.searchPageSub .recommendPages div.pageInfo{
float:right;
width:142px;
}

.searchPageSub .recommendPages div.pageInfo .pagename{
color:#999;
}

.searchPageSub .recommendPages div.pageInfo .pagename a{
font-weight:bold;
word-break:break-all;
word-wrap:break-word;
}

.searchPageSub .recommendPages .starRating01{
font-size:83%;
color:#999;
}

.searchPageSub .recommendPages .starRating01 span{
display:inline-block;
*display:inline;
*zoom:1;
width:59px;
height:10px;
margin-left:5px;
text-indent:-1000em;
overflow:hidden;
background:url(/img/basic/icon/star_rating001.gif) no-repeat;
vertical-align:text-top;
}

.searchPageSub .recommendPages .starRating01 .value0{background-position:0 0}
.searchPageSub .recommendPages .starRating01 .value1{background-position:0 -25px}
.searchPageSub .recommendPages .starRating01 .value2{background-position:0 -50px}
.searchPageSub .recommendPages .starRating01 .value3{background-position:0 -75px}
.searchPageSub .recommendPages .starRating01 .value4{background-position:0 -100px}
.searchPageSub .recommendPages .starRating01 .value5{background-position:0 -125px}
.searchPageSub .recommendPages .starRating01 .value6{background-position:0 -150px}
.searchPageSub .recommendPages .starRating01 .value7{background-position:0 -175px}
.searchPageSub .recommendPages .starRating01 .value8{background-position:0 -200px}
.searchPageSub .recommendPages .starRating01 .value9{background-position:0 -225px}
.searchPageSub .recommendPages .starRating01 .value10{background-position:0 -250px}


/*---- friendActivity ----*/
.searchPageSub .friendActivity .heading01 h3{
margin-bottom:15px;
font-weight:bold;
}

.searchPageSub .friendActivity ul li{
margin-bottom:20px;
zoom:1;
}

.searchPageSub .friendActivity ul li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageSub .friendActivity div.thumbnail{
float:left;
width:40px;
text-align:center;
}

.searchPageSub .friendActivity div.pageInfo{
float:right;
width:142px;
font-size:83%;
}

.searchPageSub .friendActivity div.pageInfo .nickname,
.searchPageSub .friendActivity div.pageInfo .pagename{
word-break:break-all;
word-wrap:break-word;
}

.searchPageSub .friendActivity div.pageInfo .nickname{
color:#666;
font-weight:bold;
}

.searchPageSub .friendActivity div.pageInfo .pagename{
color:#999;
}

.searchPageSub .friendActivity div.pageInfo .pagename a{
font-weight:bold;
}


/*---- featureIndex official:特集index ----*/
.searchPageSub .featureIndex{
margin:0 0 35px;
}

.searchPageSub .featureIndex .hotEntries{
min-height:40px;
height:auto !important;
height:40px;
padding:4px 0 0 44px;
background:url(/img/basic/official/icon_hot001.gif) no-repeat 0 50%;
}

.searchPageSub .featureIndex .hotEntries .indexTitle{
font-weight:bold;
}

.searchPageSub .featureIndex .hotEntries .indexCaption{
display:block;
font-size:83%;
}


/*---- pageRanking official:ランキング ----*/
.searchPageSub .pageRanking{
margin-bottom:35px;
}

.searchPageSub .pageRanking ul a:link{color:#333;}
.searchPageSub .pageRanking ul a:visited{color:#333;}
.searchPageSub .pageRanking ul a:hover{color:#996600; text-decoration:none;}
.searchPageSub .pageRanking ul a:active{color:#996600;}
.searchPageSub .pageRanking ul a:focus{color:#996600;}

.searchPageSub .pageRanking h3{
margin-bottom:15px;
font-weight:bold;
}

.searchPageSub .pageRanking.official h3{
padding-left:30px;
background:url(/img/basic/official/official001.gif) no-repeat 2px 2px;
}

.searchPageSub .pageRanking h3 span.date{
margin:0 2px;
font-weight:normal;
}

.searchPageSub .pageRanking h3 img{
vertical-align:text-top;
}

.searchPageSub .pageRanking ul li{
margin-bottom:5px;
zoom:1;
}

.searchPageSub .pageRanking ul li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageSub .pageRanking ul li div.thumbnail,
.searchPageSub .pageRanking ul li p.category{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
}

.searchPageSub .pageRanking ul li div.thumbnail{
width:26px;
text-align:center;
}

.searchPageSub .pageRanking ul li p.category{
margin-left:5px;
width:161px;
font-size:83%;
}

.searchPageSub .pageRanking ul li p.category a{
display:block;
height:21px;
padding:5px 7px 0;
border-radius:3px;
}

.searchPageSub .pageRanking ul li p.category a img{
vertical-align:top;
}

.searchPageSub .pageRanking ul li p.category a:hover{
background:#F9F9F9;
}

.searchPageSub .pageRanking ul li.seeMore{
padding-top:10px;
}

.searchPageSub .pageRanking ul li.seeMore a{
display:block;
width:188px;
height:16px;
margin:0 auto;
padding-top:4px;
background:url(/img/basic/official/see_more001.gif);
text-indent:35px;
color:#258FB8;
font-size:83%;
font-weight:bold;
line-height:1;
}

.searchPageSub .pageRanking ul li.seeMore a:link{color:#258fb8;}
.searchPageSub .pageRanking ul li.seeMore a:visited{color:#258fb8;}
.searchPageSub .pageRanking ul li.seeMore a:hover{color:#996600;}
.searchPageSub .pageRanking ul li.seeMore a:active{color:#996600;}
.searchPageSub .pageRanking ul li.seeMore a:focus{color:#996600;}


/*---- pageTopics：話題のページ ----*/
.searchPageSub .pageTopics ul li{
margin-bottom:15px;
zoom:1;
}

.searchPageSub .pageTopics{
margin-bottom:35px;
}

.searchPageSub .pageTopics h3{
margin-bottom:15px;
font-weight:bold;
}

.searchPageSub .pageTopics ul li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageSub .pageTopics div.thumbnail{
float:left;
width:40px;
text-align:center;
}

.searchPageSub .pageTopics div.data{
float:right;
width:142px;
}

.searchPageSub .pageTopics div.data p.pageName{
font-weight:bold;
overflow:hidden;
word-break:break-all;
}

.searchPageSub .pageTopics div.data p.friend{
color:#FF8A49;
font-weight:bold;
font-size:83%;
}

.searchPageSub .pageTopics div.data p.followButton{
margin-top:3px;
}


/*---- bigNameCampaign:特集----*/
.searchPageSub div.bigNameCampaign{
margin-bottom:35px;
}

.searchPageSub div.bigNameCampaign .header h3{
margin-bottom:15px;
font-weight:bold;
}

.searchPageSub div.bigNameCampaign .headline{
font-weight:bold;
}

.searchPageSub div.bigNameCampaign01 .body dl{
min-height:74px;
height:auto !important;
height:74px;
margin-bottom:20px;
}

.searchPageSub div.bigNameCampaign01 .body dl dt{
float:left;
padding-right:10px;
}

.searchPageSub div.bigNameCampaign01 .body dl dt a{
display:block;
width:72px;
height:72px;
border:solid 1px #ccc;
text-align:center;
}

.searchPageSub div.bigNameCampaign02 .body .banner{
margin-bottom:10px;
}


/*---- pageNews：search_page：新着フィード一覧 ----*/
.searchPageMain{
float:left;
width:495px;
}

.bodySubHidden .searchPageMain{
float:right;
width:735px;
}

.searchPage02 .searchPageMain{
width:679px;
overflow:hidden;
}

.searchPageMain .pageNews{
padding:0 17px;
border-right:1px solid #E5E5E5;
border-left:1px solid #E5E5E5;
}

.searchPageMain .pageNews .pageFeedHeading{
width:459px;
margin-bottom:30px;
}

.searchPageMain .pageNews .pageFeedHeading ul.pageSort{
font-weight:bold;
}

.searchPageMain .pageNews .pageFeedHeading ul.pageSort li{
display:inline;
margin-right:10px;
}

.searchPageMain .pageNews .pageFeedHeading ul.pageSort li a.selected{
color:#333;
}

.searchPageMain .pageNews ul.pageFeedList{
width:459px;
}

.searchPageMain .pageNews ul.pageFeedList li.list{
margin-bottom:20px;
zoom:1;
}

.searchPageMain .pageNews ul.pageFeedList li.list:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.thumbnail{
float:left;
width:60px;
text-align:center;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon{
float:right;
width:394px;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dt{
margin:0 0 0 10px;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dt img{
vertical-align:text-bottom;
margin:0 2px;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd{
padding-bottom:3px;
background:url(/img/basic/official/bg_search_pagefeed_balloon_bottom_off001.gif) no-repeat 0 100%;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner{
width:364px;
padding:12px 10px 5px 20px;
background:url(/img/basic/official/bg_search_pagefeed_balloon_top_off001.gif) no-repeat 0 0;
overflow:hidden;
word-break:break-all;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner p.title a{
font-weight:bold;
font-size:116%;
color:#333;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner p.detail01{
color:#666;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner p.detail02{
font-size:116%;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner p.detail01 img,
.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner p.detail02 img{
vertical-align:text-bottom;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner p.photo{
float:left;
overflow:hidden;
margin:0 5px 3px 0;
padding:2px;
border:1px solid #DDD;
text-indent:-9999px;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner p.photo a{
display:block;
width:76px;
height:76px;
background:no-repeat 50% 50%;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner div.utility{
clear:both;
margin-top:5px;
zoom:1;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner div.utility:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner div.utility ul.source{
float:left;
width:49%;
color:#999;
font-size:83%;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner div.utility ul.source li{
display:inline;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner div.utility ul.source li.detailLink{
margin-left:3px;
padding-left:5px;
border-left:1px solid #ddd;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner div.utility ul.listAction{
float:right;
clear:none;
width:49%;
margin:0;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner div.utility ul.listAction li .likeIcon{
padding-left:13px;
background:url(/img/basic/icon/iine_small002.gif) no-repeat 0 50%;
}

.searchPageMain .pageNews ul.pageFeedList li.list div.feedBalloon dl dd div.inner div.utility ul.listAction li .commentIcon{
padding-left:13px;
background:url(/img/basic/icon/comment_small009.gif) no-repeat 0 50%;
}

.searchPageMain .pageNews ul.pageFeedList li.moreFeed{
margin-bottom:20px;
text-align:center;
}

.searchPageMain .pageNews ul.pageFeedList li.moreFeed p.more a{
display:block;
height:31px;
line-height:31px;
background:url(/img/basic/official/bg_more_feed001.gif) no-repeat 0 0;
}

.searchPageMain .pageNews ul.pageFeedList li.moreFeed p.more a span{
padding-left:13px;
background:url(/img/basic/skin/gray/icon/link_arrow_down001.gif) no-repeat 0 50%;
}

.searchPageMain .pageNews ul.pageFeedList li.newFeed{
margin-bottom:20px;
text-align:center;
}

.searchPageMain .pageNews ul.pageFeedList li.newFeed p.new{
border-top:1px solid #E5E5E5;
border-bottom:1px solid #E5E5E5;
}

.searchPageMain .pageNews ul.pageFeedList li.newFeed p.new a{
display:block;
padding:6px 5px 5px;
}

.searchPageMain .pageNews ul.pageFeedList li.newFeed p.new a span{
padding-left:18px;
background:url(/img/basic/icon/load001.gif) no-repeat 0 50%;
}

.searchPageMain .pageNews ul.pageFeedList li.loadFeed{
margin-bottom:20px;
}

.searchPageMain .pageNews ul.pageFeedList li.loadFeed p.loading{
padding:7px 0 6px;
text-align:center;
}

.searchPageMain .pageNews ul.pageFeedList li.noFeed{
margin-bottom:20px;
text-align:center;
}

.searchPageMain .pageNews ul.pageFeedList li.noFeed p.nothing{
padding:15px;
color:#999;
}

.searchPageMain .pageNews ul.pageFeedList li.otherFeed{
margin-bottom:20px;
border-bottom:1px solid #E5E5E5;
background:url(/img/basic/common/dotline_horizontal005.gif) repeat-x 0 0;
text-align:center;
}

.searchPageMain .pageNews ul.pageFeedList li.otherFeed p.others a{
display:block;
padding:5px;
}

.searchPageMain .pageNews ul.pageFeedList li.otherFeed p.others a span{
padding-left:13px;
background:url(/img/basic/skin/gray/icon/link_arrow_down001.gif) no-repeat 0 50%;
}


/*---- searchResult：search_page：検索結果一覧 ----*/
.searchPageMain .searchResult{
padding:0 17px;
border-right:1px solid #E5E5E5;
border-left:1px solid #E5E5E5;
}

.searchPageMain .searchResult .messageArea{
margin-bottom:20px;
padding:2px;
border:1px solid #D6D6D6;
}

.searchPageMain .searchResult .messageArea div.inner{
padding:10px;
background:url(/img/basic/official/message_area_bg001.gif) repeat 0 0;
}

.searchPageMain .searchResult .messageArea div.content{
padding:25px 50px 15px;
background:#FFF;
}

.searchPageMain .searchResult .messageArea p{
margin-bottom:10px;
padding-left:30px;
font-size:116%;
color:#999;
}

.searchPageMain .searchResult .messageArea p.message{
background:#FFF url(/img/basic/official/mixi_logo001.gif) no-repeat 0 0;
}

.searchPageMain .searchResult .pageSearchHeading{
position:relative;
width:459px;
padding-bottom:5px;
border-bottom:1px solid #E5E5E5;
}

.searchPageMain .searchResult .pageSearchHeading h3{
font-weight:bold;
}

.searchPageMain .searchResult .pageSearchHeading h3 span{
font-weight:normal;
}

.searchPageMain .searchResult .pageSearchHeading ul{
position:absolute;
top:0;
right:0;
}

.searchPageMain .searchResult .pageSearchHeading ul li{
display:inline;
margin-left:5px;
}

.searchPageMain .searchResult .pageSearchHeading ul li a.selected{
color:#333;
}

.searchPageMain .searchResult .pageSearchFiltering{
margin:10px 0 20px;
}

.searchPageMain .searchResult .pageSearchFiltering h3{
}

.searchPageMain .searchResult .pageSearchFiltering .pageFilter{
line-height:1.1;
zoom:1;
}

.searchPageMain .searchResult .pageSearchFiltering .pageFilter:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageMain .searchResult .pageSearchFiltering .pageFilter li{
float:left;
}

.searchPageMain .searchResult .pageSearchFiltering .filterCategory{
margin:5px 15px 5px 0;
*margin:2px 15px 0 0;
}

.searchPageMain .searchResult .pageSearchFiltering .filterCategory select{
width:100px;
margin:0;
}

.searchPageMain .searchResult .pageSearchFiltering .filterOne{
margin-left:5px;
}

.searchPageMain .searchResult .pageSearchFiltering .filterOne a{
display:block;
height:26px;
background:url(/img/basic/official/bg_box06_body001.gif) no-repeat 100% 0;
color:#74909e;
font-weight:bold;
}

.searchPageMain .searchResult .pageSearchFiltering .filterOne a:hover{
text-decoration:none;
}

.searchPageMain .searchResult .pageSearchFiltering .filterOne a.selected{
background-position:100% 100%;
}

.searchPageMain .searchResult .pageSearchFiltering .filterOne a span{
display:block;
padding:0 15px;
background:url(/img/basic/official/bg_box06_head001.gif) no-repeat 0 0;
line-height:26px;
}

.searchPageMain .searchResult .pageSearchFiltering .filterOne a.selected span{
background-position:0 100%;
}

.searchPageMain .searchResult .pageList .list{
position:relative;
width:459px;
padding:20px 0;
border-bottom:1px solid #E5E5E5;
zoom:1;
}

.searchPageMain .searchResult .pageList .list:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageMain .searchResult .pageList .list .listIcon{
float:left;
width:76px;
text-align:center;
}

.searchPageMain .searchResult .pageList .list .listIcon p{
margin-top:3px;
}

.searchPageMain .searchResult .pageList .list .listContent{
float:right;
width:373px;
word-break:break-all;
word-wrap:break-word;
}

.searchPageMain .searchResult .pageList .list .listContent .pageName{
padding-right:75px;
font-size:116%;
font-weight:bold;
}

.searchPageMain .searchResult .pageList .list .listContent .pageName img{
vertical-align:text-bottom;
margin-left:5px;
}

.searchPageMain .searchResult .pageList .list .listContent ul{
font-size:83%;
color:#666;
}

.searchPageMain .searchResult .pageList .list .listContent ul li{
display:inline;
margin-right:5px;
}

.searchPageMain .searchResult .pageList .list .listContent p.friend{
font-size:83%;
color:#eb7f5e;
}

.searchPageMain .searchResult .pageList .list .listContent p.description{
margin-top:3px;
}

.searchPageMain .searchResult .pageList .list .listContent p.follow{
position:absolute;
top:20px;
right:0;
}

.searchPageMain .searchResult .pageList .list .listContent p.follow a,
.searchPageMain .searchResult .pageList .list .listContent p.follow span{
display:block;
width:68px;
height:25px;
background:url(/img/basic/button/follow_ad_banner001.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

.searchPageMain .searchResult .pageList .list .listContent p.follow a{
background-position:0 0;
}

.searchPageMain .searchResult .pageList .list .listContent p.follow span{
background-position:0 -25px;
}

.searchPageMain .searchResult .featuredPageList{
margin:15px 0 0;
border:1px solid #e7e4d2;
background-color:#fcf8e0;
zoom:1;
}

.searchPageMain .searchResult .featuredPageList h4{
float:left;
width:136px;
height:20px;
padding:6px 9px 0;
background:url(/img/basic/official/official004.gif) no-repeat 10px 6px;
color:#ce8b06;
font-weight:bold;
text-indent:-1000em;
overflow:hidden;
}

.searchPageMain .searchResult .featuredPageList .listMore{
padding:7px 16px 0 0;
text-align:right;
}

.searchPageMain .searchResult .featuredPageList .listMore a{
padding-left:8px;
background:url(/img/basic/official/arrow002.gif) no-repeat 0 50%;
}

.searchPageMain .searchResult .featuredPageList .pageTable{
clear:left;
margin:10px 0 0;
padding:0 0 9px;
}

.searchPageMain .searchResult .featuredPageList .pageTable table{
background:url(/img/basic/official/dotline_vertical001.gif) repeat-y 0 0;
text-align:left;
}

.searchPageMain .searchResult .featuredPageList .pageTable tr{
}

.searchPageMain .searchResult .featuredPageList .pageTable td{
width:115px;
}

.searchPageMain .searchResult .featuredPageList .pageTable .pageThumbnail td{
width:114px;
height:76px;
padding:1px 1px 1px 0;
text-align:center;
vertical-align:middle;
}

.searchPageMain .searchResult .featuredPageList .pageTable .pageInfo td{
width:84px;
padding:4px 16px 0 15px;
text-align:left;
vertical-align:top;
word-wrap:break-word;
word-break:break-all;
}

.searchPageMain .searchResult .featuredPageList .pageTable .pageInfo td a{
font-weight:bold;
}

.searchPageMain .searchResult .featuredPageList .pageTable .pageInfo td span{
color:#999;
}

.searchPageMain .searchResult .featuredPageList .pageTable .pageFollow td{
width:68px;
padding:4px 24px 0 23px;
}

.searchPageMain .searchResult .featuredPageList .pageTable .pageFollow td a,
.searchPageMain .searchResult .featuredPageList .pageTable .pageFollow td span{
display:block;
background:url(/img/basic/button/follow_ad_banner001.gif) no-repeat;
width:68px;
height:25px;
text-indent:-9999px;
margin:0 auto;
}

.searchPageMain .searchResult .featuredPageList .pageTable .pageFollow td span{
background-position:0 -25px;
}

.searchPageMain .searchResult .featuredPageList .pageList{
clear:left;
padding:0 18px;
}

.searchPageMain .searchResult .featuredPageList .pageList .list{
width:421px;
padding-top:15px;
padding-bottom:15px;
border-top:1px solid #E5E5E5;
border-bottom:none;
}

.searchPageMain .searchResult .featuredPageList .pageList .firstItem{
padding-top:12px;
border-top:none;
}

.searchPageMain .searchResult .featuredPageList .pageList .list .listContent{
width:333px;
}

.searchPageMain .pageNavigation01{
width:457px;
}

.searchPageMain .pageNavigation01 div.pageList02 ul{
width:auto;
}


/*---- searchTop:page_portal:特集・ランキング ----*/
.searchPageMain .searchTop{
padding:0 9px 0 8px;
}

.searchPageMain .searchTop .campaignArea{
margin-bottom:20px;
}

.searchPageMain .searchTop .campaignArea h3{
width:476px;
height:39px;
line-height:32px;
padding-left:15px;
margin:0 0 -7px -6px;
background:url(/img/basic/official/search_title_campaign001.gif) no-repeat 0 0;
font-weight:bold;
font-size:116%;
color:#FFF;
}

.searchPageMain .searchTop .pickupArea{
margin-bottom:20px;
}

.searchPageMain .searchTop .pickupArea h3{
width:476px;
height:39px;
line-height:32px;
padding-left:15px;
margin:0 0 -7px -6px;
background:url(/img/basic/official/search_title_pickup001.gif) no-repeat 0 0;
font-weight:bold;
font-size:116%;
color:#FFF;
}

.searchPageMain .searchTop .pageCell{
width:477px;
border-left:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
}

.searchPageMain .searchTop .pageCell table tr td{
width:158px;
border-right:1px solid #e5e5e5;
}

.searchPageMain .searchTop .pageCell table tr td p{
width:138px;
word-break:break-all;
word-wrap:break-word;
}

.searchPageMain .searchTop .pageCell table tr.pageThumbnail td{
vertical-align:middle;
padding:7px;
text-align:center;
}

.searchPageMain .searchTop .pageCell table tr.pageInfo td{
vertical-align:top;
padding:0 10px 7px;
color:#999;
}

.searchPageMain .searchTop .pageCell table tr.pageInfo td img{
vertical-align:text-bottom;
margin:0 3px;
}

.searchPageMain .searchTop .pageCell table tr.pageCampaign td{
vertical-align:top;
padding:0 10px 7px;
font-weight:bold;
}

.searchPageMain .searchTop .pageCell table tr.pageCampaign td p{
text-indent:14px;
background:url(/img/basic/official/arrow001.gif) no-repeat 0 4px;
}

.searchPageMain .searchTop .pageCell table tr.pageFollow td{
padding:0 10px 10px;
}

.searchPageMain .searchTop .pageCell table tr.pageFollow td a,
.searchPageMain .searchTop .pageCell table tr.pageFollow td span{
display:block;
background:url(/img/basic/button/follow_ad_banner001.gif) no-repeat;
width:68px;
height:25px;
text-indent:-9999px;
margin:0 auto;
}

.searchPageMain .searchTop .pageCell table tr.pageFollow td span{
background-position:0 -25px;
}

.searchPageMain .searchTop .rankingArea h3{
width:478px;
height:40px;
text-indent:-9999px;
}

.searchPageMain .searchTop .rankingArea h3.officialPageRanking{
background:url(/img/basic/official/search_title_official_ranking001.gif) no-repeat 0 0;
}

.searchPageMain .searchTop .rankingArea h3.userPageRanking{
background:url(/img/basic/official/search_title_page_ranking001.gif) no-repeat 0 0;
}

.searchPageMain .searchTop .rankingArea .rankingCell{
position:relative;
margin:10px 0 20px;
}

.searchPageMain .searchTop .rankingArea .rankingCell h4{
width:126px;
height:14px;
margin-bottom:10px;
text-indent:-9999px;
}

.searchPageMain .searchTop .rankingArea .rankingCell h4.artist{
background:url(/img/basic/official/title_artist001.gif) no-repeat 0 0;
}

.searchPageMain .searchTop .rankingArea .rankingCell h4.brand{
background:url(/img/basic/official/title_brand001.gif) no-repeat 0 0;
}

.searchPageMain .searchTop .rankingArea .rankingCell h4.all{
background:url(/img/basic/official/title_all001.gif) no-repeat 0 0;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable{
border:1px solid #e5e5e5;
border-right:none;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table{
width:100%;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr td{
border-right:1px solid #e5e5e5;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr td p{
width:98px;
word-break:break-all;
word-wrap:break-word;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageRank td p{
width:20px;
height:25px;
margin-left:6px;
background:url(/img/basic/official/ranking001.gif) no-repeat;
text-indent:-9999px;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageRank td p.rank1{
background-position:0 0;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageRank td p.rank2{
background-position:-20px 0;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageRank td p.rank3{
background-position:-40px 0;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageRank td p.rank4{
background-position:-60px 0;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageThumbnail td{
vertical-align:top;
padding:3px 0 10px;
text-align:center;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageInfo td{
vertical-align:top;
padding:0 10px 10px;
color:#999;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageInfo td a{
font-weight:bold;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageInfo td img{
vertical-align:text-bottom;
margin:0 3px;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageFollow td{
padding:0 10px 10px;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageFollow td a,
.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageFollow td span{
display:block;
background:url(/img/basic/button/follow_ad_banner001.gif) no-repeat;
width:68px;
height:25px;
text-indent:-9999px;
margin:0 auto;
}

.searchPageMain .searchTop .rankingArea .rankingCell .rankingTable table tr.pageFollow td span{
background-position:0 -25px;
}

.searchPageMain .searchTop .rankingArea .rankingCell p.more{
position:absolute;
top:3px;
right:0;
font-weight:bold;
font-size:83%;
}

.searchPageMain .searchTop .rankingArea .rankingCell p.more a{
padding-left:8px;
background:url(/img/basic/official/arrow002.gif) no-repeat 0 50%;
}


/*---- listHotEntry:ホットエントリ ----*/
.searchPageMain .listHotEntry a.follow,
.searchPageMain .listHotEntry span.follow{
display:block;
background:url(/img/basic/button/follow002.gif) no-repeat 0 0;
width:57px;
height:20px;
text-indent:-9999px;
margin:0 auto;
}

.searchPageMain .listHotEntry span.follow{
background-position:0 -20px;
}

.searchPageMain .listHotEntry .listHeader{
}

.searchPageMain .listHotEntry .listHeader h3{
float:left;
width:213px;
height:36px;
background:url(/img/basic/official/title_hot_entry001.gif) no-repeat 0 0;
text-indent:-1000em;
}

.searchPageMain .listHotEntry .listHeader .contentCaption{
height:36px;
color:#999;
font-size:83%;
text-align:right;
}

.searchPageMain .listHotEntry .listMain{
border-left:1px solid #e5e5e5;
padding:0 0 0 5px;
}

.searchPageMain .listHotEntry .displayBlock{
width:729px;
zoom:1;
}

.searchPageMain .listHotEntry .displayBlock:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageMain .listHotEntry .itemRow{
float:left;
width:231px;
padding:0 0 0 12px;
}

.searchPageMain .listHotEntry .itemOne{
padding:20px 0 4px;
background:#fff url(/img/basic/official/bg_box03_foot001.gif) no-repeat 0 100%;
zoom:1;
}

.searchPageMain .listHotEntry .itemOne.officialPage{
background-image:url(/img/basic/official/bg_box03_foot002.gif);
}

.searchPageMain .listHotEntry .itemHeader{
padding:12px 14px 6px;
background:url(/img/basic/official/bg_box03_head001.gif) no-repeat 0 0;
zoom:1;
}

.searchPageMain .listHotEntry .officialPage .itemHeader{
background-image:url(/img/basic/official/bg_box03_head002.gif);
}

.searchPageMain .listHotEntry .itemHeader:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageMain .listHotEntry .itemHeader a{
text-decoration:none;
}

.searchPageMain .listHotEntry .itemHeader .thumbArea{
float:left;
width:40px;
text-align:center;
}

.searchPageMain .listHotEntry .itemHeader .thumbArea img{
vertical-align:bottom;
}

.searchPageMain .listHotEntry .itemHeader .subPanel,
.searchPageMain .listHotEntry .itemHeader .itemTitle{
margin-left:50px;
line-height:1.3;
}

.searchPageMain .listHotEntry .itemHeader .subPanel{
margin-top:4px;
font-size:83%;
line-height:20px;
zoom:1;
}

.searchPageMain .listHotEntry .itemHeader .subPanel:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.searchPageMain .listHotEntry .itemHeader .subPanel .follow{
float:left;
}

.searchPageMain .listHotEntry .itemHeader .subPanel .statusIcon{
display:block;
margin-left:63px;
line-height:20px;
}

.searchPageMain .listHotEntry .itemHeader .subPanel .statusIcon img{
vertical-align:middle;
}

.searchPageMain .listHotEntry .itemBody{
padding:18px 12px 7px;
background:url(/img/basic/official/bg_box03_body001.gif) no-repeat 0 0;
}

.searchPageMain .listHotEntry .officialPage .itemBody{
background-image:url(/img/basic/official/bg_box03_body002.gif);
}

.searchPageMain .listHotEntry .itemBody .outline a{
text-decoration:none;
}

.searchPageMain .listHotEntry .itemBody .outline a:hover .readMore,
.searchPageMain .listHotEntry .itemBody .outline a:hover span{
color:#996600;
}

.searchPageMain .listHotEntry .itemBody .tempImage{
display:block;
width:207px;
padding:0 0 10px;
text-align:center;
overflow:hidden;
}

.searchPageMain .listHotEntry .itemBody .tempImage img{
vertical-align:bottom;
}

.searchPageMain .listHotEntry .itemBody .articleTitle{
display:block;
padding:0 2px 8px;
color:#333;
font-size:116%;
font-weight:bold;
line-height:1.3;
word-wrap:break-word;
word-break:break-all;
}

.searchPageMain .listHotEntry .itemBody .articleContent{
display:block;
padding:0 2px 8px;
color:#666;
line-height:1.3;
word-wrap:break-word;
word-break:break-all;
}

.searchPageMain .listHotEntry .itemBody .articleContent .readMore{
color:#258FB8;
font-size:83%;
font-style:normal;
}

.searchPageMain .listHotEntry .itemBody .articleText{
display:block;
padding:0 2px 8px;
color:#333;
font-size:133%;
line-height:1.3;
word-wrap:break-word;
word-break:break-all;
}

.searchPageMain .listHotEntry .itemBody .property{
float:left;
margin-right:0.5em;
padding-left:2px;
letter-spacing:0;
color:#999;
font-size:83%;
white-space:nowrap;
}

.searchPageMain .listHotEntry .itemBody .property .readMore{
margin-left:0.5em;
text-decoration:none;
}

.searchPageMain .listHotEntry .itemBody ul.reactions{
padding-right:2px;
white-space:nowrap;
text-align:right;
}

.searchPageMain .listHotEntry .itemBody ul.reactions li{
display:inline !important;
float:none;
width:auto;
letter-spacing:0;
color:#999;
font-size:83%;
}

.searchPageMain .listHotEntry .itemBody ul.reactions li.like{
padding:2px 0 2px 12px;
background:url(http://img.mixi.net/img/basic/icon/iine_small002.gif) 0 50% no-repeat;
}

.searchPageMain .listHotEntry .itemBody ul.reactions li.comment{
margin-left:8px;
padding:2px 0 2px 15px;
background:url(http://img.mixi.net/img/basic/icon/comment_small009.gif) 0 50% no-repeat;
}

.searchPageMain .listHotEntry .displayMore{
padding:35px 0 20px 12px;
text-align:center;
}

.searchPageMain .listHotEntry .displayMore a{
display:block;
width:717px;
height:32px;
background:url(/img/basic/official/bg_button001.gif) no-repeat 50% 0;
font-weight:bold;
text-decoration:none;
line-height:32px;
}

.searchPageMain .listHotEntry .displayMore a:hover{
text-decoration:underline;
}

.searchPageMain .listHotEntry .displayMore a span{
padding-left:10px;
background:url(http://img.mixi.net/img/basic/official/arrow005.gif) no-repeat 0 45%;
}

.searchPageMain .listHotEntry .displayMore .endMark{
color:#999;
font-size:108%;
}


/*---- listHotEntry:ホットエントリ (ver. searchPage02) ----*/
.searchPage02 .listHotEntry .officialContentsHeading03 h3{
background-image:url(/img/basic/official/heading002.gif);
color:#cf611d;
}

.searchPage02 .listHotEntry .listHeader h3{
float:none;
}

.searchPage02 .listHotEntry .listHeader .contentCaption{
display:none;
}

.searchPage02 .listHotEntry .listMain{
border-left:none;
padding-left:0;
}

.searchPage02 .listHotEntry .displayBlock{
width:678px;
}

.searchPage02 .listHotEntry .itemRow{
float:left;
width:220px;
padding-left:9px;
}

.searchPage02 .listHotEntry .firstRow{
padding-left:0;
}

.searchPage02 .listHotEntry .itemOne{
background-image:url(/img/basic/official/bg_box03_foot003.gif);
}

.searchPage02 .listHotEntry .itemOne.officialPage{
background-image:url(/img/basic/official/bg_box03_foot004.gif);
}

.searchPage02 .listHotEntry .itemHeader{
background-image:url(/img/basic/official/bg_box03_head003.gif);
}

.searchPage02 .listHotEntry .officialPage .itemHeader{
background-image:url(/img/basic/official/bg_box03_head004.gif);
}

.searchPage02 .listHotEntry .itemBody{
background-image:url(/img/basic/official/bg_box03_body003.gif);
}

.searchPage02 .listHotEntry .officialPage .itemBody{
background-image:url(/img/basic/official/bg_box03_body004.gif);
}

.searchPage02 .listHotEntry .itemBody .tempImage{
width:196px;
}

.searchPage02 .listHotEntry .displayMore{
padding-left:0;
}

.searchPage02 .listHotEntry .displayMore a{
width:679px;
background-image:url(/img/basic/official/bg_button002.gif);
}

/*---- officialAside02：search_page：page_portal：右カラム ----*/
div.bodySubSection div.heading01 h2{
color:#333;
}

.bodySubHidden #bodySub{
display:none;
}

#bodySub #mixiPageNavi{
padding:0;
}

.officialAside02 .asideContent{
margin-bottom:30px;
}

.officialAside02 .asideContent h2{
margin-bottom:15px;
font-weight:bold;
}

.officialAside02 #pageMenu ul{
zoom:1;
}

.officialAside02 #pageMenu ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.officialAside02 #pageMenu ul li{
float:left;
width:26px;
margin:0 4px 0 0;
text-align:center;
}

.officialAside02 #pageMenu ul li img{
vertical-align:top;
}

.officialAside02 #friendActivity ul li{
margin-bottom:20px;
zoom:1;
}

.officialAside02 #friendActivity ul li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.officialAside02 #friendActivity div.thumbnail{
float:left;
width:40px;
text-align:center;
}

.officialAside02 #friendActivity div.pageInfo{
float:right;
width:174px;
font-size:83%;
}

.officialAside02 #friendActivity div.pageInfo .nickname{
color:#666;
font-weight:bold;
}

.officialAside02 #friendActivity div.pageInfo .pagename{
color:#999;
}

.officialAside02 #friendActivity div.pageInfo .pagename a{
font-weight:bold;
}


/*-- favoritePageList:オーナーのお気に入り --*/
.favoritePageList .pageList{
margin-top:15px;
}

.favoritePageList .pageList li.unit{
padding:10px 0;
background:url(/img/basic/skin/gray/common/dotline_horizontal003.gif) repeat-x 0 0;
zoom:1;
}

.favoritePageList .pageList li.unit:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.favoritePageList .pageList li.unit div.thumbnail{
float:left;
width:135px;
}

.favoritePageList .pageList li.unit div.pageInfo{
float:right;
width:365px;
}

.favoritePageList .pageList li.unit div.pageInfo .name{
font-size:116%;
font-weight:bold;
}

.favoritePageList .pageList li.unit div.pageInfo .category{
color:#999;
font-size:83%;
margin:3px 0 7px;
}

.favoritePageList .pageList li.unit div.pageInfo .category span{
margin-left:10px;
}

.favoritePageList .pageList li.unit div.pageInfo .info{
word-break:break-all;
word-wrap:break-word;
}


/*---- pagerize ----*/
p.pagerize{
padding:10px 0px;
text-align:center;
}

p.pagerize a{
display:block;
line-height:32px;
background:url(/img/basic/official/more_feed002.gif) no-repeat 0 0;
}

p.pagerize a span{
padding-left:13px;
background:url(/img/basic/skin/gray/icon/link_arrow_down001.gif) no-repeat 0 50%;
}

p.pagerize span.loading{
display:block;
padding:7px 0;
}


/*---- ownerProfile（フォローボタン） ----*/
#bodyMainAreaMain .ownerProfile{
width:510px;
margin:0 0 10px 5px;
background:url(/img/basic/official/owner_profile_bg_body.gif) no-repeat 0 0;
}

#bodyMainAreaMain .ownerProfile .inner{
padding:15px;
background:url(/img/basic/official/owner_profile_bg_bottom.gif) no-repeat 0 100%;
}

#bodyMainAreaMain .ownerProfile .leftArea{
float:left;
width:335px;
}

#bodyMainAreaMain .ownerProfile .ownerName{
padding:0 0 5px;
}

#bodyMainAreaMain .ownerProfile .ownerName a{
color:#333333;
font-size:133.3%;
font-weight:bold;
text-decoration:none;
}

#bodyMainAreaMain .ownerProfile .ownerName a:hover{
text-decoration:underline;
}

#bodyMainAreaMain .ownerProfile .officialIcon{
float:left;
padding:0 15px 0 0;
}

#bodyMainAreaMain .ownerProfile .ownerFollower{
float:left;
margin:3px 0 0;
padding:1px 0 1px 15px;
background:url(/img/basic/official/icon_follower.gif) no-repeat 0 0;
line-height:1.0;
}

#bodyMainAreaMain .ownerProfile .addFollow{
float:right;
}

#bodyMainAreaMain .ownerProfile .introduction{
clear:both; padding:5px 0 0; color:#666666;
}

#bodyMainAreaMain .ownerProfile .entranceArea{
width:460px;
height:58px;
margin-top:10px;
padding:10px;
background:url(/img/basic/official/bg_public_entrance001.gif) no-repeat 0 0;
text-align:center;
}

#bodyMainAreaMain .ownerProfile .entranceArea p.info{
margin-bottom:8px;
}

#bodyMainAreaMain .ownerProfile .entranceArea p.info strong{
padding:5px 0;
padding-left:22px;
background:url(/img/basic/official/logo_mixipage001.gif) no-repeat 0 50%;
}

#bodyMainAreaMain .ownerProfile .entranceArea ul.enterFunction li{
display:inline;
margin:0 5px;
}


/*---- helpTooltip01:ツールチップ（バルーン型） ----*/
.helpTooltip01{
position:absolute;
padding-bottom:9px;
background:url(/img/basic/official/bg_announce_balloon001.gif) 50% 100% no-repeat;
text-align:left;
}

.helpTooltip01 .contents{
padding:8px 10px;
background:#666;
color:#fff;
font-weight:bold;
}

.helpTooltip01 .contents .body{
padding-right:15px;
}

.helpTooltip01 .contents .header{
position:relative;
padding-right:15px;
}

.helpTooltip01 .contents .header a.closeThis{
position:absolute;
top:4px;
right:0;
_right:8px;
}

.helpTooltip01 .contents span.new{
color:#eb7f5e;
font-size:91%;
}






/*================================ Application Area ================================*/

/*---- setting ----*/
.pageFrame{
width:520px;
}


/*---- feedInput：新着情報入力エリア ----*/
.official #bodyMainAreaMain div.feedInput{
margin-bottom:20px;
background:url(/img/basic/official/input_bg_top001.gif) no-repeat 0 0;
}

.official #bodyMainAreaMain div.feedInput div.inner{
padding:8px 7px 7px 8px;
background:url(/img/basic/official/input_bg_bottom001.gif) no-repeat 0 100%;
}

.official #bodyMainAreaMain div.feedInput input{
padding:0;
border:none;
background:none;
}

.official #bodyMainAreaMain div.feedInput textarea{
width:497px;
height:40px;
margin-bottom:2px;
padding:3px 3px 1px;
overflow:auto;
background:#fff;
font-size:116%;
}

.official #bodyMainAreaMain div.feedInput textarea.defaultText{
color:#999;
}

.official #bodyMainAreaMain div.feedInput div.addPhoto{
float:left;
width:332px;
}

.official #bodyMainAreaMain div.feedInput div.addPhoto a.photo{
padding-left:20px;
background:url(/img/basic/icon/photo_upload001.gif) no-repeat 2px 0;
font-size:83%;
}

.official #bodyMainAreaMain div.feedInput div.addPhoto input{
background:#FFF;
}

.official #bodyMainAreaMain div.feedInput div.postFunction{
float:right;
width:173px;
text-align:right;
}

.official #bodyMainAreaMain div.feedInput div.postFunction .formOption{
padding-bottom:0.3em;
}

.official #bodyMainAreaMain div.feedInput div.postFunction .multiPostVoice{
margin-right:5px;
vertical-align:middle;
}

.official #bodyMainAreaMain div.feedInput .error{
clear:both;
padding:0 0 0 20px;
font-weight:bold;
background:url(/img/basic/common/simplealert_alert002.gif) no-repeat 0 0;
color:#F00;
}


/*---- pageNavigation01 ----*/
.official #bodyMainAreaMain div.pageNavigation01,
.pageFrame div.pageNavigation01{
width:auto;
border-top:1px solid #d6d6d6;
}

.official #bodyMainAreaMain div.pageNavigation01 div.pageList02{
overflow:hidden;
line-height:1.8;
padding:4px 8px 2px;
background:url(/img/basic/common/bg_page_list03.gif) repeat-x 0 100% #fff;
}

.official #bodyMainAreaMain div.pageNavigation01 div.pageList02 ul{
float:right;
width:auto;
text-align:right;
}

.official #bodyMainAreaMain div.pageNavigation01 div.pageList02 ul li{
display:inline;
margin-left:8px;
}

/*---- feedStream：固定新着フィード ----*/
div.feedStream h3.title{
margin-bottom:10px;
padding:5px 10px;
background:#f0f0f0;
color:#4d4d4d;
font-weight:bold;
line-height:1;
}

div.feedStream ul.feedList.fixedFeed{
background: url(/img/basic/official/bg_official_contents_heading001.gif) repeat-x 0 100%;
margin-bottom:10px;
}

div.feedStream ul.feedList.fixedFeed li p.thumbArea{
padding:0 0 18px 10px;
}

div.feedStream ul.feedList.fixedFeed li div.feedContents{
padding:0 10px 18px;
}

div.feedStream ul.feedList.fixedFeed li div.feedContents .ichioshi img{
vertical-align:top;
margin-bottom:5px;
}


/*---- pinnedFeed:ピンどめ ----*/
.pinnedFeed{
padding-bottom:10px;
}

.pinnedFeed .top{
padding-top:38px;
background:url(/img/basic/official/pinned_feed_top001.gif) 0 0 no-repeat;
}

.pinnedFeed .bottom{
padding-bottom:10px;
background:url(/img/basic/official/pinned_feed_bottom001.gif) 0 100% no-repeat;
}

.pinnedFeed .body{
padding:10px 21px 3px;
background:url(/img/basic/official/pinned_feed_body001.gif) 0 0 repeat-y;
}


/*---- feedStream：新着フィードリスト ----*/
div.feedStream ul.feedList .commentRow{
clear:both;
}

div.feedStream ul.feedList .hrule{
border-bottom:solid 1px #eaeaea;
}

div.feedStream ul.feedList .resArea .hrule{
border:none;
background:url(/img/basic/common/dotline_horizontal004.gif) repeat-x 0 100%;
}

div.feedStream ul.feedList li p.thumbArea{
float:left;
width:40px;
padding:10px 0 10px 10px;
text-align:center;
}

div.feedStream ul.feedList li div.feedContents{
position:relative;
float:right;
width:450px;
padding:10px;
}

div.feedStream ul.pinnedFeed li div.feedContents{
float:none;
width:auto;
padding:0;
}

div.feedStream ul.feedList li div.feedContents .feedLabel{
float:right;
}

div.feedStream ul.feedList li div.feedContents .labelHotEntry{
position:absolute;
right:0;
top:0;
float:none;
width:78px;
height:28px;
}

div.feedStream ul.feedList li div.feedContents .labelHotEntry a{
display:block;
width:78px;
height:28px;
background:url(/img/basic/official/icon_hot002.gif) no-repeat 100% 0;
text-align:left;
text-indent:-1000em;
}

div.feedStream ul.feedList li div.feedContents .labelHotEntry a:hover{
background-position:100% 100%;
}

div.feedStream ul.feedList li div.feedContents .labelHotEntry a.sample:hover,
div.feedStream ul.feedList li div.feedContents .labelHotEntry a.sample{
background-image:url(/img/basic/official/icon_hot003.gif);
}

div.feedStream ul.feedList li div.feedContents p.name{
font-weight:bold;
color:#999;
}

div.feedStream ul.feedList li div.feedContents div.feedText{
margin-bottom:12px;
}

div.feedStream ul.feedList li div.feedContents div.feedText img.headIcon{
vertical-align:text-bottom;
margin-right:3px;
}

div.feedStream ul.feedList li div.feedContents div.feedText p.lead{
word-wrap:break-word;
word-break:break-all;
}

div.feedStream ul.feedList li div.feedContents div.feedText p.lead a{
font-weight:bold;
}

div.feedStream ul.feedList li div.feedContents div.feedText p.comment{
word-wrap:break-word;
word-break:break-all;
}

div.feedStream ul.feedList li div.feedContents div.feedText p.comment a.moreLink{
font-size:83%;
}

div.feedStream ul.feedList li div.feedContents div.feedText.withPhoto p.photo{
float:left;
width:76px;
margin-right:10px;
padding:2px;
border:1px solid #DDD;
text-align:center;
}

div.feedStream ul.pinnedFeed li div.feedContents div.feedText.withPhoto p.photo{
width:auto;
margin-right:13px;
padding:3px;
background:#fafafa;
}

div.feedStream ul.feedList li div.feedContents div.feedText.withPhoto p.lead{
float:right;
width:358px;
}

div.feedStream ul.pinnedFeed li div.feedContents div.feedText.withPhoto p.lead{
float:none;
width:auto;
}

div.feedStream ul.feedList li div.feedContents div.feedText span.hashtags{
margin:0 5px;
}

div.feedStream ul.feedList li div.feedContents div.feedText .photoFull{
width:450px;
margin-top:10px;
text-align:left;
overflow:hidden;
}

div.feedStream ul.feedList li div.feedContents div.feedText .photoFull img{
margin:0;
padding:3px;
border:1px solid #dedede;
vertical-align:bottom;
}

div.feedStream ul.feedList li div.feedContents div.externalContent p.loading{
margin-bottom:10px;
padding:10px 0;
text-align:center;
}

div.feedStream ul.feedList li div.feedContents div.externalContent p.photo{
float:left;
width:76px;
margin:0 10px 0 0;
padding:2px;
border:1px solid #DDD;
text-align:center;
}

div.feedStream ul.feedList li div.feedContents div.externalContent p.title{
font-weight:bold;
word-wrap:break-word;
}

div.feedStream ul.feedList li div.feedContents div.externalContent p.description{
margin:5px 0 10px;
font-size:83%;
color:#999;
}

div.feedStream ul.feedList li div.feedContents div.utility{
clear:both;
line-height:2.3em;
color:#999;
font-size:83%;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.dataList{
float:left;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.dataList li{
display:inline;
margin-right:3px;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.dataList li.viewLink{
padding-left:7px;
border-left:1px solid #DDDDDD;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.dataList li.source .twitter a{
padding-left:16px;
background:url(/img/basic/icon/twitter003.gif) no-repeat 0 50%;
color:#999;
text-decoration:none;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.actionList{
float:right;
text-align:right;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.actionList li{
display:inline;
margin-left:10px;
}

div.feedStream ul.pinnedFeed li div.feedContents div.utility ul.actionList li{
margin-left:15px;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.actionList li a,
div.feedStream ul.feedList li div.feedContents div.utility ul.actionList li span{
padding:4px 0;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.actionList li .delIcon{
padding-left:16px;
background:url(/img/basic/icon/voice_trash001.gif) no-repeat 0 1px;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.actionList li .likeIcon{
padding-left:13px;
background:url(/img/basic/icon/like001.gif) no-repeat 0 0;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.actionList li .likedIcon{
padding-left:13px;
background:url(/img/basic/icon/like_done001.gif) no-repeat 0 0;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.actionList li .commIcon{
padding-left:21px;
background:url(/img/basic/icon/voice_reply002.gif) no-repeat 0 1px;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.actionList li .noCommIcon{
padding-left:21px;
background:url(/img/basic/icon/reply_off001.gif) no-repeat 0 1px;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.actionList li .checkIcon{
padding-left:15px;
background:url(/img/basic/icon/check002.gif) no-repeat 0 3px;
}

div.feedStream ul.feedList li div.feedContents div.utility ul.actionList li .settingIcon{
padding-left:16px;
background:url(/img/basic/icon/mixipage_icon001.gif) no-repeat 0 2px;
}

div.feedStream ul.feedList li div.feedContents div.utility p.limitMessage{
clear:both;
width:100%;
text-align:right;
}


/*---- resArea:フィードコメントエリア ----*/
div.feedStream ul.feedList li .resArea{
clear:both;
width:465px;
margin:10px 0 10px 50px;
padding-bottom:5px;
background:url(/img/basic/official/feedback_bg_bottom001.gif) no-repeat 0 100%;
}

div.feedStream ul.feedList li .resArea .resWrap{
width:445px;
padding:10px 10px 5px;
background:#EEE url(/img/basic/official/feedback_bg_top001.gif) no-repeat 0 0;
}

div.feedStream ul.feedList li .resArea .hrule {
margin-bottom: 8px;
padding-bottom: 9px;
}

div.feedStream ul.feedList li .resArea .moreLink01 {
text-align:left;
}

div.feedStream ul.feedList li dl.like dt,
div.feedStream ul.feedList li dl.like dd{
display:inline;
}

div.feedStream ul.feedList li dl.like dt{
padding:3px 0 0 13px;
font-weight:bold;
font-size:83%;
background:url(/img/basic/icon/like001.gif) no-repeat 0 0;
color:#666;
}

div.feedStream ul.feedList li dl.like dd{
margin-left:6px;
white-space:nowrap;
}

div.feedStream ul.feedList li dl.like dd img{
vertical-align:middle;
margin-left:3px;
}

div.feedStream ul.feedList li dl.comment dt{
line-height:0;
visibility:hidden;
}

div.feedStream ul.feedList li dl.comment dd{
clear:both;
}

div.feedStream ul.feedList li dl.comment dd span.thumb{
display:block;
float:left;
width:40px;
margin-right:10px;
text-align:center;
}

div.feedStream ul.feedList li dl.comment dd div{
float:left;
width:395px;
overflow:hidden;
word-break:break-all;
}

div.feedStream ul.feedList li dl.comment dd div p span{
margin-left:5px;
font-size:83%;
white-space:nowrap;
color:#999;
}

div.feedStream ul.feedList li dl.comment dd div p img{
vertical-align:text-bottom;
}

div.feedStream ul.feedList li .inputArea{
clear:both;
}

div.feedStream ul.feedList li .inputArea span.thumb{
display:block;
float:left;
width:40px;
margin-right:10px;
}

div.feedStream ul.feedList li .inputArea textarea{
margin-bottom:3px;
background:#FFF;
}

div.feedStream ul.feedList li .inputArea .defaultText{
color:#999;
}

div.feedStream ul.feedList li .opened textarea{
float:right;
width:389px;
height:39px;
overflow:auto;
}

div.feedStream ul.feedList li .closed textarea{
width:439px;
height:16px;
overflow:hidden;
}

div.feedStream ul.feedList li .closed span.thumb,
div.feedStream ul.feedList li .closed div.control{
display:none;
}

div.feedStream ul.feedList li .inputArea div.control{
position:relative;
clear:both;
width:100%;
text-align:right;
}

div.feedStream ul.feedList li .inputArea div.control p.share{
display:inline;
margin-right:5px;
vertical-align:top;
font-size:83%;
}

div.feedStream ul.feedList li .inputArea div.control p.share input{
vertical-align:middle;
margin-right:3px;
}

div.feedStream ul.feedList li .inputArea div.control input{
padding:0;
background:none;
border:none;
}

div.feedStream ul.feedList li .inputArea div.control p.error{
display:block;
position:absolute;
top:0;
left:50px;
padding-left:20px;
font-weight:bold;
background:url(/img/basic/common/simplealert_alert002.gif) no-repeat 0 0;
color:#F00;
}

div.feedStream ul.feedList li .inputArea .officialNotify{
margin-top:5px;
padding-left:50px;
font-size:83%;
color:#666;
}

div.feedStream ul.feedList div.feedbackThumbList{
margin:0 0 10px 55px;
font-size:83%;
color:#666;
}

div.feedStream ul.feedList div.feedbackThumbList dl dt{
margin-bottom:5px;
}

div.feedStream ul.feedList div.feedbackThumbList dl dd li{
float:left;
margin-right:4px;
}


/*---- hintBox01：無投稿時向けのヒント ----*/
.hintBox01{
margin:40px 0;
padding:0 0 0 179px;
background:url(/img/basic/official/bg_box02_mascot001.jpg) no-repeat 0 50%;
}

.hintBox01 h3{
display:none;
}

.hintBox01 .hintBody{
width:314px;
padding:22px 27px 0 0;
background:url(/img/basic/official/bg_box02_top001.gif) no-repeat 0 0;
}

.hintBox01 .hintMain{
min-height:100px;
height:auto !important;
height:100px;
padding:0 10px 22px;
background:url(/img/basic/official/bg_box02_bottom001.gif) no-repeat 0 100%;
}

.hintBox01 h4{
color:#403e3c;
font-size:183%;
font-weight:bold;
text-align:center;
line-height:1.2em;
}

.hintBox01 p{
margin:0.7em 0 0;
color:#4d4d4d;
text-align:center;
}

.hintBox01 .moreLinks{
margin-top:1em;
}

.hintBox01 a.more{
padding-left:16px;
background:url(/img/basic/official/bg_box02_arrow001.gif) no-repeat 0 40%;
color:#669fcc;
font-weight:bold;
text-decoration:none;
}


/*---- feedList-helpTooltip01:フィードにバルーン(helpTooltip01) ----*/
div.feedStream ul.feedList li .helpTooltip01{
position:relative;
padding-right:10px;
padding-left:10px;
background-position:92% 100%;
zoom:1;
}

div.feedStream ul.feedList li .helpTooltip01 .contents a:link,
div.feedStream ul.feedList li .helpTooltip01 .contents a{
color:#fff;
}


/*---- officialPaging01 ----*/
.officialPaging01{
padding-bottom:8px;
border-bottom:3px solid #DDD;
}


/*---- contributor:投稿者 ----*/
.viewDetail div.contributor{
position:relative;
padding:10px 5px;
margin-bottom:10px;
}

.viewDetail div.contributor p.thumbnail{
float:left;
width:40px;
padding-right:10px;
}

.viewDetail div.contributor div.information{
float:left;
width:460px;
}

.viewDetail div.contributor div.information .name{
font-weight:bold;
}

.viewDetail div.contributor div.information .date,
.viewDetail div.contributor div.information .source{
display:inline;
margin-right:10px;
color:#666;
}


/*---- viewDetail:コンテンツ詳細 ----*/
.viewDetail .contentsTitle{
margin-bottom:20px;
}

.viewDetail .contentsTitle h2{
font-size:133%;
font-weight:bold;
}

.viewDetail .contentsDetail,
.viewDetail .contentsThumbnail{
margin-bottom:10px;
font-size:116%;
}

.viewDetail .contentsDetail a.moreLink{
font-size:10px;
}

.viewDetail .contentsDetail span.hashtags{
margin:0 5px;
}

.viewDetail .externalContent{
width:510px;
overflow:hidden;
margin:20px 5px 0;
background:url(/img/basic/official/viewpage_external_bottom001.gif) no-repeat 0 100%;
}

.viewDetail .externalContent .inner{
padding:10px;
background:url(/img/basic/official/viewpage_external_top001.gif) no-repeat 0 0;
zoom:1;
}

.viewDetail .externalContent .inner:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.pinnedFeed .externalContent p.loading,
.viewDetail .externalContent p.loading{
text-align:center;
}

.pinnedFeed .externalContent p.photo,
.viewDetail .externalContent p.photo{
float:left;
width:76px;
margin-right:10px;
padding:2px;
border:1px solid #DDD;
text-align:center;
}

.pinnedFeed .externalContent p.title,
.viewDetail .externalContent p.title{
font-weight:bold;
}

.pinnedFeed .externalContent p.description,
.viewDetail .externalContent p.description{
margin-top:5px;
font-size:83%;
color:#999;
}


/*---- utility:コンテンツ管理 ----*/
.pinnedFeed div.utility,
.viewDetail div.utility{
margin:20px 0 10px;
font-size:83%;
color:#999;
}

.pinnedFeed div.utility{
margin-top:12px;
}

.viewDetail div.utility ul.dataList{
float:left;
width:60%;
}

.pinnedFeed div.utility ul.dataList{
float:left;
}

.pinnedFeed div.utility ul.dataList li,
.viewDetail div.utility ul.dataList li{
display:inline;
margin-right:3px;
}

.pinnedFeed div.utility ul.dataList li.source .twitter a,
.viewDetail div.utility ul.dataList li.source .twitter a{
padding-left:18px;
background:url(/img/basic/icon/twitter003.gif) no-repeat 0 50%;
color:#999;
text-decoration:none;
}

.viewDetail div.utility ul.actionList{
float:right;
width:40%;
text-align:right;
}

.pinnedFeed div.utility ul.actionList{
float:right;
}

.pinnedFeed div.utility ul.actionList li,
.viewDetail div.utility ul.actionList li{
display:inline;
margin-left:5px;
}

.pinnedFeed div.utility ul.actionList li a,
.pinnedFeed div.utility ul.actionList li span,
.viewDetail div.utility ul.actionList li a,
.viewDetail div.utility ul.actionList li span{
padding:4px 0;
}

.pinndedFeed div.utility ul.actionList li .delIcon,
.viewDetail div.utility ul.actionList li .delIcon{
padding-left:16px;
background:url(/img/basic/icon/voice_trash001.gif) no-repeat 0 1px;
}

.pinnedFeed div.utility ul.actionList li .likeIcon,
.viewDetail div.utility ul.actionList li .likeIcon{
padding-left:13px;
background:url(/img/basic/icon/like001.gif) no-repeat 0 0;
}

.pinnedFeed div.utility ul.actionList li .likedIcon,
.viewDetail div.utility ul.actionList li .likedIcon{
padding-left:13px;
background:url(/img/basic/icon/like_done001.gif) no-repeat 0 0;
}

.pinnedFeed div.utility ul.actionList li .commIcon,
.viewDetail div.utility ul.actionList li .commIcon{
padding-left:21px;
background:url(/img/basic/icon/voice_reply002.gif) no-repeat 0 1px;
}

.pinnedFeed div.utility ul.actionList li .noCommIcon,
.viewDetail div.utility ul.actionList li .noCommIcon{
padding-left:21px;
background:url(/img/basic/icon/reply_off001.gif) no-repeat 0 1px;
}

.pinnedFeed div.utility ul.actionList li .checkIcon,
.viewDetail div.utility ul.actionList li .checkIcon{
padding-left:15px;
background:url(/img/basic/icon/check002.gif) no-repeat 0 2px;
}

.pinnedFeed div.utility p.limitMessage,
.viewDetail div.utility p.limitMessage{
clear:both;
padding-top:3px;
text-align:right;
}


/*---- iineThumbList:イイネ写真リスト ----*/
div.iineThumbList{
margin-bottom:10px;
padding-top:10px;
border-top:1px solid #ccc;
}

div.iineThumbList dl dt{
margin-bottom:5px;
padding:1px 0 1px 15px;
background:url(/img/basic/icon/like001.gif) no-repeat 0 0;
font-weight:bold;
color:#666;
}

div.iineThumbList dl dt span.friendCount{
margin-left:10px;
font-weight:normal;
}

div.iineThumbList dl dt span.delete img{
margin-left:5px;
vertical-align:text-top;
}

div.iineThumbList dl dd li{
float:left;
margin-right:4px;
}


/*---- officialComment:コメント一覧 ----*/
#officialComment{
margin-top:15px;
}

#officialComment .headingOfficial01{
height: 22px;
line-height: 21px;
padding: 2px 5px 0 21px;
background:url(/img/basic/skin/gray/heading/bg_contentsbody_heading001.gif) repeat-x 0 0;
border:1px solid #ddd;
}

#officialComment .headingOfficial01 h3{
font-weight:bold;
}

#officialComment div.pageNavigation01.bottom{
border-top:none;
}

#officialComment div.messageArea{
margin-bottom:0;
}

#officialComment div.commentListArea{
border-bottom:1px solid #DEDEDE;
}

#officialComment div.commentListArea dl.comment{
width:448px;
}

#officialComment div.commentListArea li.friend{
background:#EDECEC;
}

#officialComment div.commentListArea .listAction{
margin:0;
padding:5px 0 0;
}

#officialComment div.commentListArea .listAction li{
background:none;
padding:0;
}

#officialComment div.commentListArea .listAction li a.commentIcon{
*line-height:1;
*zoom:1;
}

#officialComment div.commentListArea div.writeComment{
float:left;
width:448px;
padding-left:10px;
}

#officialComment div.commentListArea div.writeComment textarea{
width:442px;
height:45px;
margin-bottom:3px;
background:#FFF;
}

#officialComment div.commentListArea div.writeComment textarea.defaultText{
color:#999;
}

#officialComment div.commentListArea div.writeComment div.control ul.insert{
float:left;
width:198px;
padding:0;
}

#officialComment div.commentListArea div.writeComment div.control ul.insert li{
padding:0;
background:none;
}

#officialComment div.commentListArea div.writeComment div.control div.submitArea{
float:right;
width:250px;
text-align:right;
}

#officialComment div.commentListArea div.writeComment div.control div.submitArea p.share{
display:inline;
margin-right:5px;
vertical-align:top;
font-size:83%;
}

#officialComment div.commentListArea div.writeComment div.control div.submitArea p.share input{
vertical-align:middle;
margin-right:3px;
}

#officialComment div.commentListArea div.writeComment div.control div.submitArea input{
padding:0;
border:none;
}

#officialComment div.commentListArea div.writeComment p.error{
clear:both;
padding:0 0 0 20px;
font-weight:bold;
background:url(/img/basic/common/simplealert_alert002.gif) no-repeat 0 0;
color:#F00;
}

#officialComment div.commentListArea div.writeComment div.officialNotify{
margin-top:5px;
font-size:83%;
color:#666;
}


/*---- heading03:ユーザーエリアタイトル ----*/
.official #bodyMainAreaMain div.heading03,
.pageFrame div.heading03,
.pageFrame div.messageArea div.heading03{
clear:both;
width:494px;
height:24px;
line-height:24px;
padding:0 5px 0 21px;
background:url(/img/basic/heading/body_main_area_main001.gif) no-repeat 0 0;
}

.official #bodyMainAreaMain div.heading03 h2,
.official #bodyMainAreaMain div.heading03 h3,
.pageFrame div.heading03 h2,
.pageFrame div.heading03 h3,
.pageFrame div.messageArea div.heading03 h2,
.pageFrame div.messageArea div.heading03 h3{
font-weight:bold;
}

.official #bodyMainAreaMain div.heading03 em,
.pageFrame div.heading03 em,
.pageFrame div.messageArea div.heading03 em{
font-size:83%;
font-style:normal;
font-weight:normal;
}


/*==== messageBalloon ====*/
.messageBalloon{
padding:0 5px;
}

.messageBalloon .media{
float:left;
width:40px;
}

.messageBalloon .media span{
display:block;
width:40px;
height:40px;
text-align:center;
}

.messageBalloon .balloon{
float:right;
width:462px;
}

.messageBalloon .balloon .top{
padding-top:5px;
background:url(/img/basic/official/message_balloon_above001.gif) 100% 0 no-repeat;
}

.messageBalloon .balloon .bottom{
width:454px;
padding-bottom:5px;
padding-left:8px;
background:url(/img/basic/official/message_balloon_below001.gif) 100% 100% no-repeat;
}

.messageBalloon .balloon .body{
padding:5px 15px;
}

.messageBalloon .balloon .body .heading{
color:#999;
font-weight:bold;
}

.messageBalloon .balloon .body .message{
font-size:116%;
}

.messageBalloon .balloon .body .followButton{
width:153px;
margin:0 auto;
padding:15px 0 5px;
}

.messageBalloon .balloon .body .followButton a,
.messageBalloon .balloon .body .followButton span{
width:auto;
background:none;
text-indent:0;
}


/*---- pageHeadNavigation01:中カラムページング ----*/
.pageHeadNavigation01 .contentsHeadNavi01{
padding-bottom:10px;
text-align:right;
}

.pageHeadNavigation01 .contentsHeadNavi02{
float:left;
width:260px;
padding-bottom:10px;
}

.pageHeadNavigation01 .contentsHeadNavi03{
float:right;
width:260px;
text-align:right;
}

.pageHeadNavigation01.bottomSide{
margin-top:20px;
}

.pageHeadNavigation01 .contentsHeadNavi04{
float:left;
width:200px;
padding-bottom:4px;
line-height:22px;
}

.pageHeadNavigation01 .contentsHeadNavi04 a{
margin-left:5px;
padding-left:8px;
background:url(/img/basic/official/arrow003.gif) no-repeat 0 50%;
}

.pageHeadNavigation01 .contentsHeadNavi05{
float:right;
width:200px;
padding-bottom:4px;
text-align:right;
line-height:22px;
}

.pageHeadNavigation01 .contentsHeadNavi05 a{
margin-right:5px;
padding-right:8px;
background:url(/img/basic/official/arrow004.gif) no-repeat 100% 50%;
}

.pageHeadNavigation01 .contentsHeadNavi06{
width:100px;
margin:0 210px;
_margin:0 105px 0 214px;
padding-bottom:4px;
text-align:center;
line-height:22px;
}

.pageHeadNavigation01 .contentsHeadNavi06 a{
display:inline-block;
*display:inline;
*zoom:1;
background:url(/img/basic/official/bg_box_left001.gif) no-repeat 0 50%;
}

.pageHeadNavigation01 .contentsHeadNavi06 a span{
display:block;
padding:0 1em;
background:url(/img/basic/official/bg_box_right001.gif) no-repeat 100% 50%;
}


/*---- iineList01:イイネ！一覧 ----*/
.iineList01{
margin-top:7px;
background:url(/img/basic/skin/gray/common/border_dot_horizontal001.gif) repeat-x 0 0;
}

.iineList01 .contents{
padding-top:8px;
}

.iineList01 .contents{
line-height:1.6;
}

.iineList01 .contents h3{
display:inline;
padding:3px 15px 0 14px;
color:#666;
font-size:91%;
font-weight:bold;
background:url(/img/basic/icon/like001.gif) no-repeat 0 0;
}

.iineList01 .contents ul,
.iineList01 .contents ul li{
display:inline;
}

.iineList01 .contents ul li{
margin-right:10px;
}


/*---- feedbackList01:フィードバックサムネイルリスト ----*/
.feedbackList01{
margin-top:5px;
border-top:1px solid #d0d0d1;
}

.feedbackList01 h3{
padding:6px 0 8px;
color:#666;
font-size:83%;
}

.feedbackList01 h3 span{
font-weight:bold;
}

.feedbackList01 h3 span.iine{
margin-left:5px;
padding-left:13px;
background:url(/img/basic/icon/iine_small001.gif) no-repeat 0 0;
}

.feedbackList01 h3 span.comment{
margin-left:3px;
padding-left:14px;
background:url(/img/basic/icon/comment_small001.gif) no-repeat 0 0;
}

.feedbackList01 ul li{
float:left;
padding-right:3px;
}

.feedbackList01 ul li img{
vertical-align:top;
}


/*---- articleLabels：記事のラベル・副情報類 ----*/
.articleLabels{
width:520px;
margin:15px 0 20px;
}

.articleLabels .articleURI{
border:1px solid #bebebe;
overflow:auto;
}

.articleLabels .articleURI textarea{
width:510px;
height:16px;
margin:0;
padding:5px 4px 3px;
border:none;
background-color:#fff;
}


/*---- otherArticles：他の記事 ----*/
.otherArticles{
width:520px;
margin:20px 0;
padding:16px 0 0;
background:url(/img/basic/official/bg_box_top001.gif) no-repeat 0 0;
}

.otherArticles .listHead{
padding:0 20px 12px;
}

.otherArticles .listMain{
padding:0 1px 14px 20px;
background:url(/img/basic/official/bg_box_bottom001.gif) no-repeat 0 100%;
}

.otherArticles .listMain li{
float:left;
width:84px;
padding-right:15px;
}

.otherArticles .listMain .thumbnail{
margin-bottom:8px;
}

.otherArticles .listMain .thumbnail a{
display:block;
width:76px;
padding:3px;
border:1px solid #ddd;
text-align:center;
}

.otherArticles .listMain .thumbnail img{
vertical-align:bottom;
}

.otherArticles .listMain .title{
word-wrap:break-word;
word-break:break-all;
}

.otherArticles .listMain .date{
margin-top:5px;
color:#999;
font-size:83%;
}

.otherArticles h3{
display:inline;
font-size:116%;
font-weight:bold;
}

.otherArticles .moreLink{
display:inline;
}

.otherArticles .moreLink a{
margin-left:20px;
padding-left:7px;
background:url(/img/basic/official/arrow004.gif) no-repeat 0 50%;
}


/*---- itemAside01：他の記事 ----*/
.itemAside01{
margin:15px 0;
background:#fff url(/img/basic/official/bg_box04_head001.gif) no-repeat 0 0;
line-height:1.5;
}

#diaryAppli .confirmDiary .itemAside01{
background-image:url(/img/basic/official/bg_box04_head002.gif);
}

#whiteboardAppli .itemAside01 a:link,
#whiteboardAppli .itemAside01 a:visited{
color:#258fb8;
}

.itemAside01 .asideBody{
padding:16px;
background:transparent url(/img/basic/official/bg_box04_foot001.gif) no-repeat 0 100%;
zoom:1;
}

.itemAside01 .asideBody:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#diaryAppli .confirmDiary .itemAside01 .asideBody{
background-image:url(/img/basic/official/bg_box04_foot002.gif);
}

.itemAside01 h3{
margin:0 0 0 120px;
font-size:100%;
font-weight:bold;
}

.itemAside01 dl{
margin:4px 0 4px 120px;
color:#666;
font-size:91%;
}

#diaryAppli .confirmDiary .itemAside01 dl:after{
clear:none;
}

.itemAside01 dl dt{
display:inline;
width:auto;
margin:0 0.7em 0 0;
}

#diaryAppli .confirmDiary .itemAside01 dl dt{
float:none;
width:auto;
padding:0;
}

.itemAside01 dl dd{
display:inline;
margin:0;
}

#diaryAppli .confirmDiary .itemAside01 dl dd{
float:none;
width:auto;
padding:0;
}

.itemAside01 .catch{
float:left;
width:100px;
margin:0;
text-align:center;
overflow:hidden;
}

.itemAside01 .catch img{
vertical-align:bottom;
}

.itemAside01 .readMore{
margin-left:120px;
font-size:91%;
}

.itemAside01 .readMore a{
padding-left:8px;
background:url(/img/basic/skin/gray/icon/arrow001.gif) no-repeat 0 3px;
}


/*---- itemAside01(Touch-Component = div.pItem01)：他の記事 ----*/
#whiteboardAppli #previewTO .pItem01{
margin:20px 0;
zoom:1;
}

#whiteboardAppli #previewTO .pItem01:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#whiteboardAppli #previewTO .pItem01 > a{
display:block;
}

#whiteboardAppli #previewTO .pItem01 > h3,
#whiteboardAppli #previewTO .pItem01 > dl,
#whiteboardAppli #previewTO .pItem01 > p,
#whiteboardAppli #previewTO .pItem01 > a{
margin-left:120px;
}

#whiteboardAppli #previewTO .pItem01 > .catch{
float:left;
width:100px;
margin-left:0;
text-align:center;
vertical-align:center;
}

#whiteboardAppli #previewTO .pItem01 > .catch img{
max-width:100px;
max-height:100px;
}

#whiteboardAppli #previewTO .pItem01 h3{
font-weight:bold;
}

#whiteboardAppli #previewTO .pItem01 dl{
margin-top:0.3em;
font-size:86%;
}

#whiteboardAppli #previewTO .pItem01 dl > dt{
display:run-in;
margin-right:0.5em;
}

#whiteboardAppli #previewTO .pItem01 dl > dd{
display:block;
}

#whiteboardAppli #previewTO .pItem01 .readMore{
margin-top:0.3em;
font-size:86%;
}

#whiteboardAppli #previewTO .pItem01 .readMore a,
#whiteboardAppli #previewTO .pItem01 .readMore p{
padding-left:8px;
background:url(/img/smartphone/touch/icon/arrow039.gif) no-repeat 0 50%;
}


/*---- errorArea:エラー表示 ----*/
.official #bodyMainAreaMain #errorArea,
.pageFrame #errorArea{
width:516px;
}

.official #bodyMainAreaMain #errorArea div.contents,
.pageFrame #errorArea div.contents{
width:313px;
padding:24px 70px 21px 131px;
background-position:70px 50%;
}


/*---- promotionArticle01：中央カラム・プロモ記事(素地) ----*/
.promotionArticle01 .contents{
border:1px solid #d0d0d1;
border-top:none;
}


/*---- clearfix:Application Area ----*/
.itemAside01 .asideBody,
.otherArticles .listMain ul,
div.feedStream ul.feedList li div.feedContents div.utility,
ul.feedList li div.feedContents div.externalContent,
ul.feedList li div.feedContents div.utility,
div.feedStream ul.pinnedFeed li div.feedContents,
div.feedStream ul.feedList li dl.comment dd,
div.feedStream ul.feedList li.commentRow,
div.feedStream ul.feedList div.feedbackThumbList dl dd,
div.feedStream ul.feedList li div.feedContents div.feedText,
.official #bodyMainAreaMain div.feedInput div.inner,
.officialPaging01,
div.iineThumbList,
.viewDetail div.contributor,
.viewDetail div.utility,
div.iineThumbList dl dd,
#officialComment div.commentListArea div.writeComment div.control,
.pageHeadNavigation01{
zoom:1;
}

.itemAside01 .asideBody:after,
.otherArticles .listMain ul:after,
div.feedStream ul.feedList li div.feedContents div.utility:after,
ul.feedList li div.feedContents div.externalContent:after,
ul.feedList li div.feedContents div.utility:after,
div.feedStream ul.pinnedFeed li div.feedContents:after,
div.feedStream ul.feedList li dl.comment dd:after,
div.feedStream ul.feedList li.commentRow:after,
div.feedStream ul.feedList div.feedbackThumbList dl dd:after,
div.feedStream ul.feedList li div.feedContents div.feedText:after,
.official #bodyMainAreaMain div.feedInput div.inner:after,
.officialPaging01:after,
div.iineThumbList:after,
.viewDetail div.contributor:after,
.viewDetail div.utility:after,
div.iineThumbList dl dd:after,
#officialComment div.commentListArea div.writeComment div.control:after,
.pageHeadNavigation01:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}









/*================================ Diary Appli ================================*/

/*---- photoView：日記詳細 ----*/
#diaryAppli .diaryView{
padding-top:15px;
zoom:1;
}

#diaryAppli .diaryView:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#diaryAppli .diaryView .diaryBody{
margin-bottom:15px;
}

#diaryAppli .diaryView .diaryBody div.largePhoto{
text-align:center;
}

#diaryAppli .diaryView .diaryBody div.insertMap{
width:480px;
margin:20px auto;
text-align:center;
}

#diaryAppli .diaryView .date,
#diaryAppli .diaryView .property,
#diaryAppli .diaryView .action{
float:left;
width:260px;
font-size:83%;
}

#diaryAppli .diaryView .date{
padding-top:2px;
color:#999;
}

#diaryAppli .diaryView .property{
padding-top:2px;
color:#999;
}

#diaryAppli .diaryView .property p{
display:inline;
margin-right:0.7em;
}

#diaryAppli .diaryView .property a.showLabel{
padding-right:11px;
background:url(/img/basic/official/arrow005.gif) no-repeat 100% 50%;
}

#diaryAppli .diaryView .action{
padding-top:6px;
text-align:right;
}

#diaryAppli .diaryView .action li{
display:inline;
margin-left:7px;
color:#999;
}

#diaryAppli .diaryView .action li a,
#diaryAppli .diaryView .action li span{
padding:3px 0;
}

#diaryAppli .diaryView .action li.iine a{
padding-left:13px;
background:url(/img/basic/icon/like001.gif) no-repeat 0 0;
}

#diaryAppli .diaryView .action li.iine span{
padding-left:13px;
background:url(/img/basic/icon/like_done001.gif) no-repeat 0 0;
}

#diaryAppli .diaryView .action li.comment a{
padding-left:21px;
background:url(/img/basic/icon/voice_reply002.gif) no-repeat 0 0;
}

#diaryAppli .diaryView .action li.mixiCheck a{
padding-left:15px;
background:url(/img/basic/icon/check002.gif) no-repeat 0 3px;
}


/*---- addDiary:作成・編集 ----*/
#diaryAppli .addDiary{
margin-bottom:10px;
}

#diaryAppli .addDiary ul.editContents li dl dt span{
color:#666;
font-size:83%;
}

#diaryAppli .addDiary ul.editContents li dl dt span.necessaryItem{
color:#D00;
}

#diaryAppli .addDiary ul.editContents li dl dd{
width:358px;
}

#diaryAppli .addDiary ul.editContents li.diaryTitle input{
width:95%;
}

#diaryAppli .addDiary ul.editContents li.diaryNote{
border-bottom:none;
background:url(/img/basic/skin/gray/common/dotline_horizontal001.gif) repeat-x 0 100%;
}

#diaryAppli .addDiary ul.editContents li.diaryBody{
padding:10px 20px;
background:#fff;
}

#diaryAppli .addDiary ul.editContents li.diaryBody .txtEditArea{
line-height:0;
}

#diaryAppli .addDiary ul.editContents li.diaryBody .txtEditArea a img{
margin-bottom:6px;
vertical-align:top;
}

#diaryAppli .addDiary ul.editContents li.diaryBody textarea{
width:472px;
}

#diaryAppli .addDiary ul.editContents li.diaryFeed input{
margin-right:5px;
}


/*---- 日記装飾 ----*/
#diaryAppli .diaryBody blockquote{
display:block;
width:450px;
margin:20px auto;
padding:15px;
background:#F9F8F8;
}

#diaryAppli .diaryBody del{
text-decoration:line-through;
}

#diaryAppli .diaryBody em{
font-style:italic;
}

#diaryAppli .diaryBody u{
text-decoration:underline;
}


/*---- confirmDiary:作成・編集確認 ----*/
#diaryAppli .confirmDiary ul.editContents li dl dd{
width:358px;
}

#diaryAppli .confirmDiary ul.editContents li.diaryTitle{
padding:5px 20px;
background:#EDECEC;
font-size:116%;
overflow:hidden;
word-break:break-all;
}

#diaryAppli .confirmDiary ul.editContents li.diaryBody{
padding:20px;
background:#fff;
overflow:hidden;
word-break:break-all;
}

#diaryAppli .confirmDiary ul.editContents li.diaryBody div.largePhoto{
text-align:center;
}

#diaryAppli .confirmDiary ul.editContents li.diaryBody div.insertMap{
width:480px;
margin:20px auto;
text-align:center;
}


/*---- listDiary:日記一覧 ----*/
#diaryAppli .listDiary{
margin-bottom:10px;
}

#diaryAppli .listDiary .pageNavigation01.top{
border-top:none;
}

#diaryAppli .listDiary .listDiaryBlock{
border:1px solid #d0d0d1;
border-bottom:none;
}

#diaryAppli .listDiary .listDiaryBlock .listDiaryTitle{
padding:5px 10px;
background:#EDECEC;
border-bottom:1px solid #D0D0D1;
zoom:1;
}

#diaryAppli .listDiary .listDiaryBlock .listDiaryTitle:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#diaryAppli .listDiary .listDiaryBlock .listDiaryTitle dt{
float:left;
width:350px;
font-size:116%;
overflow:hidden;
word-break:break-all;
}

#diaryAppli .listDiary .listDiaryBlock .listDiaryTitle dt input{
margin-right:5px;
vertical-align:middle;
}

#diaryAppli .listDiary .listDiaryBlock .listDiaryTitle dt span{
margin:0 10px 0 20px;
font-size:86%;
}

#diaryAppli .listDiary .listDiaryBlock .listDiaryTitle dd{
float:right;
width:148px;
text-align:right;
}

#diaryAppli .listDiary .listDiaryBlock .listDiaryBody{
padding:10px 10px 5px;
background:url(/img/basic/skin/gray/common/dotline_horizontal001.gif) repeat-x 0 100%;
overflow:hidden;
word-break:break-all;
}

#diaryAppli .listDiary .listDiaryBlock .listDiaryBody .more{
text-align:right;
}

#diaryAppli .listDiary .listDiaryBlock .diaryEditMenu{
padding:5px 10px;
zoom:1;
}

#diaryAppli .listDiary .listDiaryBlock .diaryEditMenu:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#diaryAppli .listDiary .listDiaryBlock .diaryEditMenu ul{
float:right;
}

#diaryAppli .listDiary .listDiaryBlock .diaryEditMenu li{
float:left;
}

#diaryAppli .listDiary .listDiaryBlock .diaryEditMenu li.comment{
margin-left:10px;
padding-left:10px;
border-left:1px solid #DEDEDE;
}

#diaryAppli .listDiary .formButtons01{
border:1px solid #D0D0D1;
border-top:none;
}


/*---- deleteDiaryConfirm:削除確認 ----*/
#diaryAppli .deleteDiaryConfirm .listDiaryBlock{
}

#diaryAppli .deleteDiaryConfirm .listDiaryBlock{
border:1px solid #d0d0d1;
border-top:none;
}

#diaryAppli .deleteDiaryConfirm .listDiaryBlock .listDiaryTitle{
padding:5px 10px;
background:#EDECEC;
border-bottom:1px solid #D0D0D1;
zoom:1;
}

#diaryAppli .deleteDiaryConfirm .listDiaryBlock .listDiaryTitle:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#diaryAppli .deleteDiaryConfirm .listDiaryBlock .listDiaryTitle dt{
float:left;
width:350px;
font-size:116%;
overflow:hidden;
word-break:break-all;
}

#diaryAppli .deleteDiaryConfirm .listDiaryBlock .listDiaryTitle dd{
float:right;
width:148px;
text-align:right;
}

#diaryAppli .deleteDiaryConfirm .listDiaryBlock .listDiaryBody{
padding:10px 10px 5px;
overflow:hidden;
word-break:break-all;
}


/*================================ Photo Appli ================================*/
#photoAppli textarea.defaultText{
color:#999999;
}

#photoAppli textarea.inputError{
background-color: #FEEDED;
border-color: #F7B4B4;
}

#photoAppli p.inputError{
font-size:83%;
font-weight:bold;
padding-left:21px;
background:url(/img/basic/icon/simplealert_alert001.gif) no-repeat 0 0;
color:#FF0000;
}

#photoAppli #editList01 div.editContents{
border-right:1px solid #D0D0D1;
border-left:1px solid #D0D0D1;
}

#photoAppli .controller{
text-align:right;
padding-bottom:15px;
}

#photoAppli .controller li{
display:inline;
border-left:solid 1px #dedede;
}

#photoAppli .controller li.last a{
padding:0 0 0 7px;
}

#photoAppli .controller li a{
padding:0 7px;
}

#photoAppli .controller li.first{
border:0;
}

#photoAppli .contentBlock01,
#photoAppli .contentBlock02,
#photoAppli .contentBlock03,
#photoAppli .contentBlock04{
width:100%;
}

#photoAppli .contentBlock01{
margin-bottom:10px;
}

#photoAppli .contentBlock02{
background:url(/img/basic/official/bg_official_contents_heading001.gif) repeat-x 0 0;
}

#photoAppli .contentBlock02 .albumDetailArea{
padding:20px 0px;
}

#photoAppli .contentBlock03{
border-top:solid 1px #ddd;
}

#photoAppli .contentBlock03 div.officialContentsHeading02 h2{
padding-top:10px;
}

#photoAppli .contentBlock04 .contents .photoView ul.action{
width:100%;
}

#photoAppli .contentBlock04{
padding-top:10px;
border-top:solid 1px #ddd;
}

#photoAppli .formButtons01 .formBt01,
#photoAppli .formButtons01 .formBt03{
min-width:150px;
width: auto !important;
width: 150px;
}


/*---- pageHeadNavigation01 ----*/
#photoAppli .pageHeadNavigation01 ul.contentsHeadNavi01{
height:26px;
}

#photoAppli .pageHeadNavigation01 ul.contentsHeadNavi01 li{
display:inline;
padding-left:8px;
}

#photoAppli .pageHeadNavigation01 p.contentsHeadNavi03{
color:#DEDEDE;
}


/*---- pagerize ----*/
#photoAppli p.pagerize{
padding:10px 0px;
text-align:center;
}

#photoAppli p.pagerize a{
display:block;
line-height:32px;
background:url(/img/basic/official/more_feed002.gif) no-repeat 0 0;
}

#photoAppli p.pagerize a span{
padding-left:13px;
background:url(/img/basic/skin/gray/icon/link_arrow_down001.gif) no-repeat 0 50%;
}

#photoAppli p.pagerize span img{
padding:7px 0;
}


/*---- withFunction ----*/
.withFunction{
position:relative;
}

.withFunction .movePhoto{
position:absolute;
top:20px;
right:0;
}


/*---- thumbnailList3col ----*/
#photoAppli ul.thumbnailList3col li{
display:inline-block;
*display:inline;
*zoom:1;
width:164px;
padding:10px 14px 10px 0;
vertical-align:top;
}

#photoAppli ul.thumbnailList3col li.rightside{
padding-right:0 !important;
}

#photoAppli div.albumDetailArea  .thumbnail a,
#photoAppli ul.thumbnailList3col .thumbnail a{
display:block;
width:150px;
height:150px;
overflow:hidden;
text-indent:-1000em;
outline:none;
background-position:center center;
background-repeat:no-repeat;
}

#photoAppli ul.thumbnailList3col div.photoFolder .thumbnail a{
height:80px;
padding-top:60px;
padding-bottom:10px;
line-height:1.5em;
text-indent:0em;
text-align:center;
}

#photoAppli div.albumDetailArea div.albumArea div.album{
height:164px;
margin:0 0 5px;
overflow:hidden;
}

#photoAppli div.albumDetailArea div.album,
#photoAppli ul.thumbnailList3col div.album{
width:150px;
height:166px;
padding:4px 10px 10px 4px;
background:url(/img/basic/official/bg_album001.gif) 0 0 no-repeat;
}

#photoAppli div.albumDetailArea div.album{
margin:0 20px 20px 0;
float:left;
}

#photoAppli div.albumDetailArea div.album ul,
#photoAppli ul.thumbnailList3col div.album ul{
height:13px;
margin-top:3px;
}

#photoAppli div.albumDetailArea div.album ul li,
#photoAppli ul.thumbnailList3col div.album ul li{
line-height:13px;
}

#photoAppli div.albumDetailArea div.album li.total,
#photoAppli .albumList01 div.contents ul.thumbnailList3col li div.album li.total{
padding:0;
}

#photoAppli div.albumDetailArea div.album li.range,
#photoAppli .albumList01 div.contents ul.thumbnailList3col li div.album li.range{
float:left;
width:61px;
padding:0 3px 0 0;
}

#photoAppli div.albumDetailArea div.album li.range span.private,
#photoAppli ul.thumbnailList3col div.album li.range span.private{
display:block;
overflow:hidden;
text-indent:-1000em;
background:url(/img/basic/official/range_private001.gif) 50% 0 no-repeat;
}

#photoAppli div.albumDetailArea div.album li.total,
#photoAppli ul.thumbnailList3col div.album li.total{
width:86px;
float:right;
text-align:right;
color:#666;
}

#photoAppli div.albumDetailArea div.album li.total span,
#photoAppli ul.thumbnailList3col div.album li.total span{
padding:0 0 0 19px;
background:url(/img/basic/official/photo_total001.gif) 0 50% no-repeat;
line-height:13px;
}

#photoAppli ul.thumbnailList3col li p.name{
padding-top:5px;
}

#photoAppli ul.thumbnailList3col li p.date{
padding-top:3px;
font-size:83%;
color:#999;
}

#photoAppli ul.thumbnailList3col li p.condition{
padding-top:5px;
text-align:center;
color:#4d4d4d;
}

#photoAppli ul.thumbnailList3col li ul.reactions{
width:164px;
overflow:visible;
white-space:nowrap;
text-align:right;
}

#photoAppli ul.thumbnailList3col li ul.reactions li{
display:inline !important;
float:none;
width:auto;
letter-spacing:0;
color:#999;
font-size:83%;
}

#photoAppli ul.thumbnailList3col li ul.reactions li.like{
padding:2px 0 2px 12px;
background:url(/img/basic/icon/iine_small002.gif) 0 50% no-repeat;
}


#photoAppli ul.thumbnailList3col li ul.reactions li.comment{
margin-left:8px;
padding:2px 0 2px 15px;
background:url(/img/basic/icon/comment_small009.gif) 0 50% no-repeat;
}


/*---- albumList01 ----*/
#photoAppli .albumList01{
padding:0 0 10px;
}

#photoAppli .albumList01 div.albumArea{
height:180px;
overflow:hidden;
margin-bottom:5px;
}

#photoAppli .albumList01 div.contents ul.thumbnailList3col li{
padding:10px 14px 10px 0;
}

#photoAppli .albumList01 div.contents ul.thumbnailList3col li div.thumbnailArea{
overflow:hidden;
height:164px;
}

#photoAppli .albumList01 div.contents div.albumArea div.capacityOver,
#photoAppli .albumList01 div.contents div.albumArea div.unselectable{
position:relative;
height:180px;
top:-180px;
text-indent:-1000em;
}

#photoAppli .albumList01 div.contents div.albumArea div.capacityOver{
background:url(/img/basic/official/album_full001.gif) 0 138px no-repeat;
}

#photoAppli .albumList01 div.contents div.albumArea div.unselectable{
background:url(/img/basic/official/album_full002.gif) 0 138px no-repeat;
}


/*---- photoList01 ----*/
#photoAppli .photoList01 div.contents ul.thumbnailList3col li{
width:160px;
padding:10px 18px 5px 0;
_padding:10px 14px 5px 0;
text-align:left;
zoom:1;
}

#photoAppli .photoList01 div.contents ul.thumbnailList3col li div.thumbnailArea{
height:160px;
overflow:hidden;
}

#photoAppli .photoList01 div.contents ul.thumbnailList3col li div.thumbnailArea div.thumbnail{
padding:4px;
border:solid 1px #d6d6d6;
}

#photoAppli .photoList01 div.contents ul.thumbnailList3col li div.thumbnailArea div.thumbnailSelected{
width:160px;
height:160px;
position:relative;
top:-160px;
text-indent:-1000em;
background-repeat:no-repeat;
background-position:0 0;
}

#photoAppli .photoList01 div.contents ul.thumbnailList3col li div.thumbnailArea div.thumbnailSelected01{
background:url(/img/basic/official/album_selected001.gif);
}

#photoAppli .photoList01 div.contents ul.thumbnailList3col li div.thumbnailArea div.thumbnailSelected02{
background:url(/img/basic/official/album_selected002.gif);
}


#photoAppli .photoList01 div.contents ul.thumbnailList3col li ul.reactions li{
width:auto;
}

#photoAppli #editList01 .selectAlbum{
border-top:solid 1px #d0d0d1;
}


/*---- アルバムフォーム ----*/
#photoAppli #editList01 div ul.editContents li dl dd{
width:358px;
}

#photoAppli #editList01 div ul.editContents li.title dl dd input,
#photoAppli #editList01 div ul.editContents li.description dl dd textarea{
width:354px;
}


/*---- tweetThis:このアルバムについてつぶやく ----*/
#photoAppli .tweetThis{
padding-bottom:15px;
}

#photoAppli .tweetThis .tweetInput textarea{
background:#FFF;
}

#photoAppli .tweetThis .tweetInput p.postInfo{
font-weight:bold;
}

#photoAppli .tweetThis .tweetInput p.postInfo span{
font-weight:normal;
}

#photoAppli .tweetThis .tweetInput .commentInput{
float:left;
width:420px;
height:13px;
padding:9px 4px;
zoom:1;
}

#photoAppli .tweetThis .tweetInput .commentInput:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#photoAppli .tweetThis .tweetInput input.postButton{
float:right;
width:85px;
padding:0;
border:none;
}

#photoAppli .tweetThis p.inputError{
margin-top:10px;
}


/*---- albumDetailArea ----*/
#photoAppli .albumDetailArea{
padding:10px 0;
}

#photoAppli .albumDetailArea .album p.image{
padding:5px 11px 12px 5px;
text-align:center;
text-indent:-1000em;
overflow:hidden;
}

#photoAppli .albumDetailArea .album p.image a{
display:block;
max-width:150px;
}

#photoAppli .albumDetailArea .title{
font-size:116%;
font-weight:bold;
}

#photoAppli .albumDetailArea .date{
margin:0 0 10px;
}

#photoAppli .albumDetailArea .date dt,
#photoAppli .albumDetailArea .date dd{
display:inline;
padding-right:1em;
font-size:83%;
color:#999;
}


/*---- editPhoto01 ----*/
#photoAppli .editPhoto01{
border:1px solid #d0d0d1;
border-top:none;
}

#photoAppli .editPhoto01 .editThumbnail{
float:left;
padding:15px 20px 15px 30px;
width:200px;
}

#photoAppli .editPhoto01 .editThumbnail .thumbnail{
height:200px;
text-indent:-999999px;
background:#dfdfdf no-repeat center center;
}

#photoAppli .editPhoto01 .editInfo{
float:left;
padding-top:12px;
width:268px;
}

#photoAppli .editPhoto01 .editInfo dl{
padding-bottom:26px;
}

#photoAppli .editPhoto01 .editInfo dl dt,
#photoAppli .editPhoto01 .editInfo dl dd{
display:inline;
}

#photoAppli .editPhoto01 .editInfo dl dt{
margin-right:10px;
font-weight:bold;
}

#photoAppli .editPhoto01 .editInfo dl dt span.note{
margin-left:5px;
font-size:83%;
font-weight:normal;
color:#666;
}

#photoAppli .editPhoto01 .editInfo dl dd textarea{
width:236px;
height:68px;
overflow-y:scroll;
padding:0;
}

#photoAppli .editPhoto01 .editInfo dl dd p.inputError{
margin-top:2px;
padding-right:30px;
}


/*---- previewEdit ----*/
#photoAppli .previewEdit div.editContents{
border-bottom:1px solid #D0D0D1;
}

#photoAppli .previewEdit ul.thumbnailList3col{
padding:25px 0 0 14px;
}

#photoAppli .previewEdit ul.thumbnailList3col li{
float:left;
width:150px;
min-height:282px;
_height:282px;
padding:0 16px 15px 2px;
}

#photoAppli .previewEdit ul.thumbnailList3col li div.thumbnail a{
height:150px;
}

#photoAppli .previewEdit ul.thumbnailList3col li dl.titleEdit{
padding-top:11px;
}

#photoAppli .previewEdit ul.thumbnailList3col li dl.titleEdit dt{
font-weight:bold;
}

#photoAppli .previewEdit ul.thumbnailList3col li dl.titleEdit dt span{
margin-left:4px;
color:#999;
font-weight:normal;
font-size:83%;
}

#photoAppli .previewEdit ul.thumbnailList3col li dl.titleEdit dd{
padding:5px 0 3px;
}

#photoAppli .previewEdit ul.thumbnailList3col li dl.titleEdit dd textarea{
width:144px;
height:34px;
}

#photoAppli .previewEdit ul.thumbnailList3col li p.settingForm01{
color:#666;
font-weight:bold;
}

#photoAppli .previewEdit ul.thumbnailList3col li p.settingForm01 input{
margin-right:5px;
vertical-align:middle;
}


/*---- photoView ----*/
#photoAppli .photoView{
padding-top:15px;
}

#photoAppli .photoView .photo{
width:520px;
margin-bottom:15px;
text-align:center;
}

#photoAppli .photoView .date,
#photoAppli .photoView .action{
float:left;
width:260px;
font-size:83%;
}

#photoAppli .photoView .date{
padding-top:2px;
color:#999;
}

#photoAppli .photoView .action{
padding-top:6px;
text-align:right;
}

#photoAppli .photoView .action li{
display:inline;
}

#photoAppli .photoView .action li a,
#photoAppli .photoView .action li span{
padding:3px 0;
}

#photoAppli .photoView .action li span{
color:#999;
}

#photoAppli .photoView .action li.iine a{
padding-left:13px;
background:url(/img/basic/icon/like001.gif) no-repeat 0 0;
}

#photoAppli .photoView .action li.iine span{
padding-left:13px;
background:url(/img/basic/icon/like_done001.gif) no-repeat 0 0;
}

#photoAppli .photoView .action li.comment a{
padding-left:21px;
background:url(/img/basic/icon/voice_reply002.gif) no-repeat 0 0;
}

#photoAppli .photoView .action li.mixiCheck a{
padding-left:15px;
background:url(/img/basic/icon/check002.gif) no-repeat 0 3px;
}


/*---- selectFiles ----*/
#photoAppli .selectFiles .contents ol{
padding:20px 20px 10px;
border:1px solid #d0d0d1;
border-top:none;
}

#photoAppli .selectFiles .contents ol li{
padding-bottom:10px;
}

#photoAppli .selectFiles .contents ol li input{
margin-left:3px;
}


/*---- photo0件 ----*/
#photoAppli .photoAppliDescription{
padding:23px 0 10px;
background:url(/img/basic/official/bg_official_contents_heading001.gif) 0 0 repeat-x;
}

#photoAppli .photoAppliDescription p{
margin-bottom:2em;
}


/*----  アルバム一覧0件 ----*/
#photoAppli .whenNoAlbum{
padding:10px 0 10px;
color:#666;
}














/*================================ Twitter Appli ================================*/

/*---- twitterAccount ----*/
#twitterAppli .twitterAccount ul.editContents li dd{
width:358px;
}

#twitterAppli .twitterAccount li.accountInfo dd .accountLink{
padding:2px 0 2px 23px;
background:url(/img/basic/icon/twitter002.gif) no-repeat 0 0;
}

#twitterAppli .twitterAccount li.accountInfo dd .accountDescription{
padding-left:23px;
color:#999;
}

#twitterAppli .twitterAccount li.accountInfo dd p.supplement01{
padding-top:10px;
}

#twitterAppli .twitterAccount li.accountInfo dd .settingLink{
padding-top:5px;
text-align:right;
}

#twitterAppli .twitterAccount li.accountInfo dd .settingLink li{
display:inline;
margin-left:10px;
}

#twitterAppli .twitterAccount li.accountInput dd input{
width:95%;
}


/*---- twitter:連携アプリ ----*/
#twitterAppli ul.twitterSetting{
padding:10px 20px;
border:1px solid #D0D0D1;
border-top:none;
}

#twitterAppli ul.twitterSetting li dl.current{
zoom:1;
margin-bottom:15px;
}

#twitterAppli ul.twitterSetting li dl.current:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#twitterAppli ul.twitterSetting li dl.current dt{
float:left;
width:70px;
font-size:83%;
}

#twitterAppli ul.twitterSetting li dl.current dd{
float:left;
width:408px;
}

#twitterAppli ul.twitterSetting li dl.edit dt{
display:none;
}

#twitterAppli ul.twitterSetting li dl.edit dd li{
margin-bottom:2px;
}

#twitterAppli ul.twitterSetting li dl.edit dd li input{
margin-right:5px;
vertical-align:middle;
}











/*================================ Whiteboard Appli ================================*/

/*---- selectEditDevice:編集トップ ----*/
#whiteboardAppli .selectEditDevice ul.editContents li dd{
width:358px;
}

#whiteboardAppli .selectEditDevice ul.editContents li dd ul.menu li{
display:inline;
}

#whiteboardAppli .selectEditDevice ul.editContents li dd ul.menu li.edit{
margin-right:10px;
padding-right:10px;
border-right:1px solid #ccc;
}

#whiteboardAppli .selectEditDevice ul.editContents li dd ul.menu li.none{
margin-left:10px;
color:#666;
}


/*---- editWhiteboard:作成・編集 ----*/
#whiteboardAppli .editWhiteboard{
margin-bottom:10px;
}

#whiteboardAppli .editWhiteboard ul.editContents li dl dd{
width:358px;
}

#whiteboardAppli .editWhiteboard ul.editContents li.appliNote{
border-bottom:none;
background:url(/img/basic/skin/gray/common/dotline_horizontal001.gif) repeat-x 0 100%;
}

#whiteboardAppli .editWhiteboard ul.editContents li.appliBody{
padding:10px 20px;
background:#fff;
}

#whiteboardAppli .editWhiteboard ul.editContents li.appliBody textarea{
width:472px;
height:500px;
}


/*---- previewConfirm:プレビュー・メインコンポーネント ----*/
#whiteboardAppli .pageHeadNavigation01 .contentsHeadNavi01{
margin:0;
}

#whiteboardAppli .pageHeadNavigation01 .contentsHeadNavi01 img{
border:none;
}

#whiteboardAppli .previewConfirm{
line-height:1.5;
margin-bottom:10px;
padding-bottom:5px;
background:url(/img/basic/official/bg_confirm_bottom001.gif) no-repeat 0 100%;
color:#333;
font-size:12px;
*font-size:78%;
letter-spacing:0.05em;
}

#whiteboardAppli .previewConfirm .contents{
padding:10px 12px 5px;
background:url(/img/basic/official/bg_confirm_top001.gif) no-repeat 0 0;
}

#whiteboardAppli .previewConfirm p{
margin:0;
}

#whiteboardAppli .previewConfirm ul.formButtons01{
margin:0;
padding:10px 10px 0;
text-align:center;
}

#whiteboardAppli .previewConfirm ul.formButtons01 li{
display:inline;
list-style:none;
}

#whiteboardAppli .previewConfirm ul.formButtons01 form{
display:inline;
}

#whiteboardAppli .previewConfirm ul.formButtons01 input{
line-height: 1.8;
margin:0 4px;
padding: 0 20px;
cursor: pointer;
}

#whiteboardAppli .previewConfirm ul.formButtons01 input.formBt01{
background:#5B524D;
border:1px solid #45362F;
color:#FFFFFF;
}

#whiteboardAppli .previewConfirm ul.formButtons01 input.formBt02{
background:#E5E4E2;
border:1px solid #6D5A53;
color:#575350;
}

#whiteboardAppli .alertArea01{
line-height:1.5;
color:#333;
font-size:12px;
letter-spacing:0.05em;
}


/*---- contentsMain:プレビュー・メイン装飾 ----*/
#whiteboardAppli div.contentsMain{
color:#333;
font-size:12px;
}

#whiteboardAppli div#previewPC.contentsMain{
}

#whiteboardAppli div#previewTO.contentsMain{
width:320px;
margin:0 auto;
border:1px solid #D6D6D6;
word-wrap:break-word;
word-break:break-all;
}

#whiteboardAppli div#previewMB.contentsMain{
width:240px;
margin:0 auto;
border:1px solid #D6D6D6;
word-wrap:break-word;
word-break:break-all;
font-size:116%;
}


/*---- messageArea:reset内メッセージエリア ----*/
#whiteboardAppli.pageFrame div.messageArea div.heading03{
color:#333;
}

#whiteboardAppli.pageFrame div.messageArea div.heading03 h2{
margin:0;
font-size:12px;
}

#whiteboardAppli.pageFrame div.messageArea div.contents{
padding:10px 20px;
border:1px solid #D0D0D1;
border-top:none;
background:#EDECEC;
font-size:12px;
color:#333;
}

#whiteboardAppli.pageFrame div.messageArea div.contents div{
padding:23px 70px 34px;
border:1px solid #D0D0D1;
background:url(/img/basic/common/bg_stripe001.gif) repeat 0 0;
}

#whiteboardAppli.pageFrame div.messageArea div.contents div p.nothing{
text-align:center;
}

#whiteboardAppli.pageFrame div.messageArea div.contents div p{
margin:0;
padding:7px 40px 5px;
}

#whiteboardAppli.pageFrame div.messageArea div.contents div p.messageAlert{
min-height:18px;
*height:1%;
background:url(/img/basic/icon/message_area002.gif) no-repeat 0 0;
}









/*================================ QandA Appli ================================*/

/*---- qaAppli:質問一覧・詳細 ----*/
#qaAppli span.divider{
color:#DEDEDE !important;
font-weight:normal;
}

#qaAppli .qaSort{
margin-bottom:10px;
}

#qaAppli .qaSort li{
display:inline;
margin-right:5px;
color:#666;
font-weight:bold;
}

#qaAppli .questionWrap{
word-wrap:break-word;
word-break:break-all;
}

#qaAppli .questionWrap p.inputError{
clear:both;
padding:4px 0 3px 23px;
background:url(/img/basic/common/simplealert_alert002.gif) no-repeat 2px 50%;
color:#FF0000;
font-weight:bold;
}

#qaAppli .voteState{
margin:3px 0 5px;
}

#qaAppli .voteState p img{
vertical-align:text-bottom;
}

#qaAppli .voteState p,
#qaAppli .voteState dl{
display:inline;
}

#qaAppli .voteState dl dt{
display:inline;
margin:0 0 0 6px;
font-size:83%;
}

#qaAppli .voteState dl dd{
display:inline;
font-weight:bold;
font-size:116%;
}

#qaAppli .alertArea{
margin:15px 0;
}

#qaAppli .alertArea p.alertLink a{
color:#f00;
font-weight:bold;
}

#qaAppli .alertArea p.text{
font-weight:bold;
}

#qaAppli .voteCommentInput{
margin:15px 0;
zoom:1;
}

#qaAppli .voteCommentInput:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#qaAppli .voteCommentInput input{
background:#FFF;
}

#qaAppli .voteCommentInput p.postInfo{
font-weight:bold;
}

#qaAppli .voteCommentInput p.postInfo span{
font-weight:normal;
}

#qaAppli .voteCommentInput input.commentInput{
float:left;
width:437px;
padding:8px 4px 7px;
zoom:1;
}

#qaAppli .voteCommentInput input.commentInput:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#qaAppli .voteCommentInput input.postButton{
float:right;
width:63px;
padding:0;
border:none;
}

#qaAppli .voteComment{
margin:15px 0;
zoom:1;
}

#qaAppli .voteComment:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#qaAppli .voteComment .thumbnail{
float:left;
width:40px;
text-align:center;
}

#qaAppli .voteComment .commentBox{
float:right;
width:474px;
background:url(/img/basic/official/vote_comment_bottom001.gif) no-repeat 0 100%;
}

#qaAppli .voteComment .commentBox dl{
padding:8px 10px 6px 16px;
background:url(/img/basic/official/vote_comment_top001.gif) no-repeat 0 0;
}

#qaAppli .voteComment .commentBox dl dt{
margin-bottom:3px;
font-weight:bold;
}

#qaAppli .voteComment .commentBox dl dt span{
margin-left:10px;
font-weight:normal;
}

#qaAppli .voteComment .commentBox dl dt span a{
padding-left:12px;
background:url(/img/basic/button/function_delete001.gif) no-repeat 0 50%;
}

#qaAppli .question{
margin:15px 0;
zoom:1;
}

#qaAppli .question:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#qaAppli .question img.illustration{
float:left;
padding:0 10px 5px 0;
}

#qaAppli .choices h3{
float:left;
width:43%;
padding-bottom:5px;
color:#666;
font-weight:bold;
}

#qaAppli .choices h3 span{
margin-left:5px;
color:#333;
font-weight:normal;
}

#qaAppli .choices p.shareVote{
float:right;
width:55%;
font-size:83%;
text-align:right;
}

#qaAppli .choices p.shareVote input{
vertical-align:middle;
margin-right:5px;
}

#qaAppli .choices ul.voteArea{
clear:both;
height:1%;
padding:15px 0 10px;
background:url(/img/basic/common/dotline_horizontal005.gif) repeat-x 0 0;
}

#qaAppli .choices ul.voteArea li.item{
margin-bottom:15px;
zoom:1;
}

#qaAppli .choices ul.voteArea li.item:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#qaAppli .choices ul.voteArea li.item div.results{
float:left;
width:445px;
border:1px solid #ddd;
background:#c7eaf1 url(/img/basic/official/graph_bg001.gif) repeat-y;
}

#qaAppli .choices ul.voteArea li.item div.results p.label{
width:340px;
font-weight:bold;
color:#666;
}

#qaAppli .choices ul.voteArea li.item div.results p.label img{
margin-left:3px;
}

#qaAppli .choices ul.voteArea li.item div.results p.count{
width:80px;
color:#999;
font-weight:bold;
text-align:right;
}

#qaAppli .choices ul.voteArea li.item div.results p{
display:inline-block;
*display:inline;
*zoom:1;
line-height:1.3;
vertical-align:middle;
padding:7px 5px 6px;
}

#qaAppli .choices ul.voteArea li.item p input{
float:right;
width:63px;
padding:0;
border:none;
}

#qaAppli .choices ul.voteArea li.item p.friendVote{
clear:both;
padding-top:5px;
text-align:right;
}

#qaAppli .choices ul.voteArea li.moreItem{
font-weight:bold;
color:#999;
}

#qaAppli .choices ul.voteArea li.moreItem a{
padding-left:15px;
background:url(/img/basic/skin/gray/icon/link_arrow_down001.gif) no-repeat 3px 50%;
}

#qaAppli .addNewItem{
clear:both;
padding:10px 0;
background:url(/img/basic/common/dotline_horizontal005.gif) repeat-x 0 0;
}

#qaAppli .addNewItem input{
background:#FFF;
}

#qaAppli .addNewItem.close a{
padding-left:15px;
background:url(/img/basic/icon/add002.gif) 3px 2px no-repeat;
font-weight:bold;
}

#qaAppli .addNewItem.open input.itemInput{
float:left;
width:437px;
padding:8px 4px 7px;
zoom:1;
}

#qaAppli .addNewItem.open input.itemInput:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#qaAppli .addNewItem.open input.addButton{
float:right;
width:63px;
padding:0;
border:none;
}

#qaAppli .addNewItem p.shareChoices{
clear:both;
padding-top:5px;
font-size:83%;
text-align:right;
}

#qaAppli .addNewItem p.shareChoices input{
vertical-align:middle;
margin-right:5px;
}

#qaAppli .addNewItem.limit p.limitInfo{
color:#666;
}

#qaAppli .contentState{
clear:both;
margin:15px 0;
color:#999;
font-size:83%;
zoom:1;
}

#qaAppli .contentState:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

#qaAppli .contentState p.date{
float:left;
width:260px;
padding-top:2px;
}

#qaAppli .contentState ul.feedbackState{
float:right;
width:260px;
padding-top:2px;
text-align:right;
}

#qaAppli .contentState ul.feedbackState li{
display:inline;
margin-left:8px;
}

#qaAppli .contentState .action{
float:left;
width:260px;
padding-top:6px;
text-align:right;
}

#qaAppli .contentState .action li{
display:inline;
color:#999;
}

#qaAppli .contentState .action li a,
#qaAppli .contentState .action li span{
padding:3px 0;
}

#qaAppli .contentState .action li.iine a{
padding-left:13px;
background:url(/img/basic/icon/like001.gif) no-repeat 0 0;
}

#qaAppli .contentState .action li.iine span{
padding-left:13px;
background:url(/img/basic/icon/like_done001.gif) no-repeat 0 0;
}

#qaAppli .contentState .action li.comment a{
padding-left:21px;
background:url(/img/basic/icon/voice_reply002.gif) no-repeat 0 0;
}

#qaAppli .contentState .action li.mixiCheck a{
padding-left:15px;
background:url(/img/basic/icon/check002.gif) no-repeat 0 3px;
}

#qaAppli div.questionList{
word-wrap:break-word;
word-break:break-all;
}

#qaAppli div.questionList ul li.qaUnit{
padding:20px 0 0;
border-top:1px solid #CCC;
}

#qaAppli div.questionList ul li.qaUnit.top{
border:none;
background:url(/img/basic/official/bg_official_contents_heading001.gif) repeat-x 0 0;
}

#qaAppli div.questionList ul li.qaUnit .listTitle h2{
font-weight:bold;
font-size:116%;
}

#qaAppli div.questionList ul li.qaUnit .listTitle span{
margin-left:5px;
font-weight:normal;
font-size:85%;
}


/*---- editQuestion:質問作成・編集・確認 ----*/
#qaAppli .editQuestions{
margin-bottom:10px;
}

#qaAppli .editQuestions p.inputError{
clear:both;
padding:4px 0 3px 23px;
background:url(/img/basic/common/simplealert_alert002.gif) no-repeat 2px 50%;
color:#FF0000;
font-weight:bold;
}

#qaAppli .editQuestions ul.editContents li dl dt span{
color:#666;
font-size:83%;
}

#qaAppli .editQuestions ul.editContents li dl dt span.necessaryItem{
color:#D00;
}

#qaAppli .editQuestions ul.editContents li dl dd{
width:358px;
}

#qaAppli .editQuestions ul.editContents li.inputQuestion textarea{
width:352px;
height:40px;
}

#qaAppli .editQuestions ul.editContents li.editDetail img{
vertical-align:bottom;
}

#qaAppli .editQuestions ul.editContents li.editDetail textarea{
width:352px;
height:100px;
}

#qaAppli .editQuestions ul.editContents li.editDetailPhoto ul li{
display:inline;
margin-right:10px;
}

#qaAppli .editQuestions ul.editContents li.editDetailPhoto ul li.select a{
padding-left:18px;
background:url(/img/basic/icon/photo_upload001.gif) no-repeat 0 50%;
}

#qaAppli .editQuestions ul.editContents li.editDetailPhoto ul li.delete{
padding-left:12px;
background:url(/img/basic/button/function_delete001.gif) no-repeat 0 50%;
}

#qaAppli .editQuestions ul.editContents li.editDetailPhoto p.addContentsView{
margin:5px 0;
}

#qaAppli .editQuestions ul.editContents li.editDetailPhoto p.supplement01{
margin-top:5px;
}


#qaAppli .editQuestions ul.editContents li.editLabel div.labelInput{
padding:8px 0;
background:url(/img/basic/common/dotline_horizontal005.gif) repeat-x 0 100%;
}

#qaAppli .editQuestions ul.editContents li.editLabel div.labelInput.last{
background:none;
}

#qaAppli .editQuestions ul.editContents li.editLabel div.labelInput p.inputError{
margin-left:80px;
}

#qaAppli .editQuestions ul.editContents li.editLabel span.number{
display:inline-block;
width:80px;
}

#qaAppli .editQuestions ul.editContents li.editLabel input{
width:230px;
}

#qaAppli .editQuestions ul.editContents li.editLabel span.notEditable{
display:inline-block;
width:236px;
vertical-align:top;
word-wrap:break-word;
word-break:break-all;
}

#qaAppli .editQuestions ul.editContents li.editLabel span.delete{
margin-left:3px;
padding-left:10px;
background:url(/img/basic/button/function_delete001.gif) no-repeat 0 50%;
}

#qaAppli .editQuestions ul.editContents li.editLabel div.labelInput p.addLabel a{
padding-left:17px;
background:url(/img/basic/icon/add001.gif) no-repeat 3px 50%;
}

#qaAppli .editQuestions ul.editContents li.editLabel div.labelInput p.moreLabels a{
padding-left:15px;
background:url(/img/basic/skin/gray/icon/link_arrow_down001.gif) no-repeat 3px 50%;
}

#qaAppli .editQuestions ul.editContents li.editLabel div.labelInput p.nomore{
color:#666;
}

#qaAppli .editQuestions ul.editContents li.editTerm select{
margin-bottom:8px;
}

#qaAppli .editQuestions ul.editContents li.editMemberLabel input,
#qaAppli .editQuestions ul.editContents li.editTerm input,
#qaAppli .editQuestions ul.editContents li.editCount input,
#qaAppli .editQuestions ul.editContents li.questionFeed input{
margin-right:5px;
}

#qaAppli div.previewConfirm{
margin-bottom:10px;
padding-bottom:5px;
background:url(/img/basic/official/bg_confirm_bottom001.gif) no-repeat 0 100%;
}

#qaAppli div.previewConfirm .contents{
padding:10px 12px 5px;
background:url(/img/basic/official/bg_confirm_top001.gif) no-repeat 0 0;
}

#qaAppli #editList01.confirm{
border-top:1px solid #d0d0d1;
}









/*================================ Application Area:Popup Layer ================================*/

/*---- utilityWindow01:whiteboard装飾レイヤー ----*/
.utilityWindow01 input.inputContentsPath{
width:256px;
}

.utilityWindow01 p.objectSize{
margin-top:10px;
}

.utilityWindow01 input.pxInput{
width:45px;
margin:0 3px;
}


/*---- utilityWindow01:qaAppliPopupレイヤー ----*/
#qaAppliPopup.utilityWindow01 p.feedCheck{
margin:8px 0;
}

#qaAppliPopup.utilityWindow01 p.feedCheck input{
vertical-align:middle;
margin-right:3px;
}

#qaAppliPopup.utilityWindow01 p.detailSetting{
margin:15px 0;
text-align:center;
}

#qaAppliPopup.utilityWindow01 .formButtons01 .supplement04{
margin-bottom:5px;
}

#qaAppliPopup.utilityWindow01 ul.nameList li{
margin-bottom:2px;
}


/*---- pageAppliPopup01(photoSelector):フォト選択レイヤー ----*/
div.pageAppliPopup01{
clear:both;
width:510px;
padding:5px;
background:#fcc47a;
}

div.pageAppliPopup01 div.layerHeading02{
background:url(/img/basic/heading/layer_titile002.gif) no-repeat 0 0;
margin-bottom:0;
height:24px;
line-height:24px;
}

div.pageAppliPopup01 div.layerHeading02 h2{
font-weight:bold;
margin-left:20px;
}

div.pageAppliPopup01 div.contents{
clear:both;
background:#FFF;
border:1px solid #FFC356;
border-top:none;
}

div.pageAppliPopup01 div.contents p.loading01{
text-align:center;
padding:15px 0;
}

div.pageAppliPopup01 div.messageArea{
margin:0;
}

div.pageAppliPopup01 div.messageArea .contents{
background:#f8f8f8;
}

div.pageAppliPopup01 p.nothing{
padding:35px 0;
text-align:center;
}

div#photoSelector .appendItem{
height:26px;
padding:8px;
border-bottom:1px solid #FFC356;
background-color:#fff;
line-height:26px;
}

div#photoSelector .appendItem p{
display:inline;
color:#999;
}

div#photoSelector .appendItem a{
margin-right:6px;
}

div#photoSelector .appendItem img{
vertical-align:top;
*vertical-align:middle;
}

div#photoSelector div.pageNavigation01{
position:relative;
width:auto;
border:none;
}

div#photoSelector div.pageNavigation01 div.pageList03{
position:absolute;
right:10px;
top:3px;
}

div#photoSelector div.photoList{
width:508px;
}

div#photoSelector div.photoList table{
width:100%;
table-layout:fixed;
}

div#photoSelector div.photoList td{
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
text-align:center;
}

div#photoSelector div.photoList th{
border-right:1px solid #CCC;
text-align:center;
}

div#photoSelector div.photoList table .rightEnd{
border-right:none;
}

div#photoSelector div.photoList th.selectPhoto{
padding:10px 5px 4px;
}

div#photoSelector div.photoList td.selectButton{
padding-bottom:9px;
}

div#photoSelector div.photoList th.selected{
background:#D2EBF5;
}

div#photoSelector div.photoList td.selected{
background-position:75px -3px;
background:url(/img/basic/list_friend/selected_bg001.gif) no-repeat 100% 0 #D2EBF5;
}

div#photoSelector div.editListSection01{
background:url(/img/basic/common/bg_edit_list001.gif) repeat-y 0 0;
}

div#photoSelector div.editListSection01 ul li dl{
zoom:1;
}

div#photoSelector div.editListSection01 ul li dl:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

div#photoSelector div.editListSection01 ul li dl dt{
float:left;
width:120px;
padding:5px 10px;
}

div#photoSelector div.editListSection01 ul li dl dd{
float:left;
width:348px;
padding:5px 10px;
}

div#photoSelector ul.editContents ul.radioButtonList01 li{
display:inline;
margin-right:10px;
}

div#photoSelector ul.editContents ul.radioButtonList01 li input{
margin-right:3px;
vertical-align:middle;
}

div#photoSelector div.infoArea{
padding:5px 10px;
}

div#photoSelector div.formButtons01{
border-top:1px solid #FBB14E;
}
/*---- pageAppliPopup01(itemAsideSetting):紹介商品の設定レイヤー ----*/
div#itemAsideSetting .searchFilter{
padding:8px 5px 10px 10px;
}

div#itemAsideSetting .searchFilter .conditions{
padding:6px 0 0;
}

div#itemAsideSetting .searchFilter .conditions p{
display:inline;
margin-right:4px;
vertical-align:top;
}

div#itemAsideSetting .searchFilter .conditions .category{
width:103px;
height:23px;
}

div#itemAsideSetting .searchFilter .conditions .keyword{
width:296px;
height:17px;
}

div#itemAsideSetting .searchFilter .conditions .formBt01{
width:69px;
height:23px;
}

div#itemAsideSetting .searchResult{
padding:6px 5px;
border-top:1px solid #ffb704;
border-bottom:1px solid #d0d0d2;
background-color:#eaeaea;
text-align:center;
}

div#itemAsideSetting .itemList.hasManyItem{
width:508px;
*width:492px;
height:400px;
*padding-right:16px;
overflow-x:hidden;
overflow-y:scroll;
}

div#itemAsideSetting .itemList table{
width:100%;
}

div#itemAsideSetting .itemList tr{
border-top:1px solid #d0d0d1;
background-color:#fff;
}

div#itemAsideSetting .itemList .firstItem{
border-top:none;
}

div#itemAsideSetting .itemList .selected td{
background-color:#d1ebf6;
}

div#itemAsideSetting .itemList .thumbnail{
width:116px;
padding:8px 1px 8px 0;
background:url(/img/basic/skin/gray/common/dotline_vertical001.gif) repeat-y 100% 0;
text-align:center;
vertical-align:middle;
overflow:hidden;
}

div#itemAsideSetting .itemList .outline{
width:auto;
text-align:left;
vertical-align:top;
}

div#itemAsideSetting .itemList .itemHead{
padding:6px 10px 5px;
}

div#itemAsideSetting .itemList .itemHead h3,
div#itemAsideSetting .itemList .itemHead p{
font-weight:bold;
}

div#itemAsideSetting .itemList .itemOutline{
padding:7px 10px;
background:url(/img/basic/skin/gray/common/dotline_horizontal003.gif) repeat-x 0 0;
}

div#itemAsideSetting .itemList .itemOutline a{
text-decoration:none;
}

div#itemAsideSetting .itemList .itemOutline ul{
text-align:left;
}

div#itemAsideSetting .itemList .itemOutline ul li{
display:inline;
color:#666;
}

div#itemAsideSetting .itemList .itemOutline ul li p{
display:inline;
margin-right:0.5em;
*margin-right:0.2em;
}

div#itemAsideSetting .itemList .itemOutline .readMore{
font-size:84%;
}

div#itemAsideSetting .itemList .ctrl{
width:72px;
padding:8px 0 8px 1px;
background:url(/img/basic/skin/gray/common/dotline_vertical001.gif) repeat-y 0 0;
}

div#itemAsideSetting .itemList .ctrl p{
padding:21px 0;
text-align:center;
}

div#itemAsideSetting .itemList .selected .ctrl p{
background:url(/img/basic/official/bg_selected001.gif) no-repeat 50% 100%;
}

div#itemAsideSetting .itemList .nothing{
border-top:1px solid #feb346;
}

div#itemAsideSetting .editListSection01{
background:url(/img/basic/common/bg_edit_list001.gif) repeat-y 0 0;
}

div#itemAsideSetting .editListSection01 ul li{
border-top:1px solid #feb346;
}

div#itemAsideSetting .editListSection01 ul li dl{
zoom:1;
}

div#itemAsideSetting .editListSection01 ul li dl:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

div#itemAsideSetting .editListSection01 ul li dl dt{
float:left;
width:130px;
padding:5px;
text-align:center;
}

div#itemAsideSetting .editListSection01 ul li dl dd{
float:left;
width:348px;
padding:5px 10px;
}

div#itemAsideSetting .editListSection01 .emblem{
display:block;
margin-top:4px;
text-align:center;
}

div#itemAsideSetting .editListSection01 .inputTarget{
margin-top:0.3em;
}

div#itemAsideSetting .editListSection01 .inputText{
width:338px;
}

div#itemAsideSetting .editListSection01 .subNote{
color:#333;
font-size:84%;
}

div#itemAsideSetting .editListSection01 .sample{
color:#999;
font-size:84%;
}

div#itemAsideSetting .formButtons01{
border-top:1px solid #FBB14E;
}








/*================================ Modal Layer ================================*/
/*---------- Settings : area-base ----------*/
div.modalArea{
position:absolute;
z-index:50;
width:100%;
background:rgba(0,0,0,0.5);
*background:url(/img/basic/common/clear001.gif) repeat 0 0;
filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000, endcolorstr=#7F000000, gradienttype=0);
text-align:center;
}

/*---------- Settings : layer-common ----------*/
/*---------- [memo] Referenced from homeView.css and mixi_check_entry.css ----------*/
.modalLayer{
width:632px;
margin:0 auto;
padding:0 0 2px;
text-align:left;
background:url(/img/basic/official/modal_area_bottom001.gif) no-repeat 0 100%;
}

/*----- Settings : layer-common - modalHeader01 -----*/
.modalLayer .modalHeader01{
width:632px;
height:39px;
padding:2px 0 0;
background:url(/img/basic/official/modal_area_top001.gif) no-repeat 0 0;
}

.modalLayer .modalHeader01 h3.headerLogo{
width:592px;
height:31px;
padding:8px 20px 0;
background:url(/img/basic/mixicheck_entry/bg_header001.gif) repeat-x 0 -2px;
}

/*----- Settings : layer-common - modalContents01 -----*/
.modalLayer .modalContents01{
width:592px;
min-height:341px;
_height:341px;
padding:0 20px 30px;
background-color:#fff;
}

/*----- Settings : layer-common - modalFooter01 -----*/
.modalLayer .modalFooter01{
background-color:#fff;
}

.modalLayer .modalFooter01 .footerMain{
margin:0 20px;
padding:15px 0 13px;
background:url(/img/basic/mixicheck_entry/line_hr_dot001.gif) repeat-x left top;
}

.modalLayer .modalFooter01 p.copy{
float:left;
width:537px;
color:#999;
}

.modalLayer .modalFooter01 p.footerLogo{
float:left;
width:55px;
text-align:right;
}

/*---------- Settings : clearfix ----------*/
.modalLayer .modalContents01,
.modalLayer .modalFooter01 .footerMain{
zoom:1;
}

.modalLayer .modalContents01:after,
.modalLayer .modalFooter01 .footerMain:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/*---------- Settings : loginPanel01 ----------*/
.loginPanel01{
margin-top:40px;
margin-top:0;
}

/*-- checkbox --*/
.loginPanel01 input.inputCheck{
margin-right:5px;
*margin:0 3px 1px 0;
padding:0;
vertical-align:middle;
}

/*-- introduction --*/
.loginPanel01 div.introduction{
float:left;
width:347px;
padding-top:30px;
}

.loginPanel01 div.introduction h4{
padding-bottom:15px;
}

.loginPanel01.followMixipage div.introduction p{
padding-top:240px;
background:url(/img/basic/mixicheck_entry/mixipage_follow_image001.gif) 50% 0 no-repeat;
text-align:center;
font-size:116%;
}

/*-- login --*/
.loginPanel01 div.login{
float:left;
width:225px;
padding:30px 0 3px;
background:url(/img/basic/mixicheck_entry/bg_login_bottom001.gif) no-repeat left bottom;
}

.loginPanel01 div.login div.loginBody{
padding-top:3px;
background:url(/img/basic/mixicheck_entry/bg_login_top001.gif) no-repeat left top;
}

/*-- loginInfo, loginForm --*/
.loginPanel01 div.loginInfo,
.loginPanel01 div.loginForm{
border-right:1px solid #ccc;
border-left:1px solid #ccc;
background:#f8f7f3;
}

.loginPanel01 div.loginInfo{
padding-top:9px;
}

.loginPanel01 div.loginInfo p.note{
padding-bottom:12px;
border-bottom:1px solid #ccc;
text-align:center;
}

.loginPanel01 div.loginForm{
min-height:196px;
_height:196px;
padding:7px 12px 9px;
*padding-bottom:8px;
}

.loginPanel01 div.loginForm dl.entry dt{
line-height:1;
padding:2px 0;
}

.loginPanel01 div.loginForm dl.entry dd input{
width:193px;
height:18px;
margin:1px 0;
padding:0 2px;
background-color:#fff;
line-height:18px;
}

.loginPanel01 div.loginForm p.pwReminder{
font-size:83%;
}

.loginPanel01 div.loginForm p.autoLogin{
padding:3px 0;
*padding:2px 0 0;
}

.loginPanel01 div.loginForm p.button{
padding:11px 0 13px;
text-align:center;
}

.loginPanel01 div.loginForm p.button input{
padding:0;
border:none;
background-color:transparent;
}

.loginPanel01 div.loginForm p.resister{
padding-top:11px;
background:url(/img/basic/mixicheck_entry/line_hr_dot001.gif) repeat-x left top;
text-align:center;
}

.loginPanel01 div.loginForm p.resister a{
padding-left:8px;
background:url(/img/basic/mixicheck_entry/icon_general001.gif) no-repeat left 3px;
}








/*================================ Open Area ================================*/

/*---- mixiPageLoginInfo:ログインブリッジページ ----*/
.official .mixiPageLoginInfo{
position:relative;
width:945px;
height:458px;
background:url(/img/basic/official/login_mixi_info001.jpg) no-repeat 0 0;
}

.official .mixiPageLoginInfo p{
text-indent:-9999px;
}

.official .mixiPageLoginInfo ul.registrationOrLogin{
position:absolute;
top:100px;
left:205px;
}

.official .mixiPageLoginInfo ul.registrationOrLogin li{
display:inline;
margin-right:25px;
}

.official .mixiPageLoginInfo ul.howToUseMixiPage{
position:absolute;
top:285px;
left:110px;
}