@charset "UTF-8";

/*--------------------------------------------------
for ameba peta user common
$Id: user_common.0.001.css,v 1.1 2012/09/27 01:01:33 ishihara_masataka_gn Exp $
--------------------------------------------------*/

/*TOC===============================================
header
contents
flashContent
contentsLi
LogIn AmebaBanner
grow up btn
flashNav
myPeta
==================================================*/

/*header
--------------------------------------------*/
#header div#headerAd {
min-height:90px;
margin:-30px 0 10px;
text-align:center;
}
#headerAd .ad_frame {
height:90px;
overflow:visible;
}
#headerAd .gpt-frame {
margin:0 auto;
}

/*contents
--------------------------------------------*/
#contents {
margin:0 auto;
position:relative;
width:100%;
text-align: center;
}
#contents h1 {
margin:0 auto 10px;
padding:0 0 4px;
width:800px;
font-size:1.25em;
text-align:left;
border-bottom:5px solid #EAEAEA;
}
#mainContentsLi {
float:left;
width:485px;
}
#mainContentsLi li li ul {
width:342px !important;
}
#navList.listStyles li{
font-size:10px;
color:#999;
border:red solid 1px;
}
#navList.listStyles li a{
color:#999;
}
/*--- adcloudArea ---*/
.adcloudArea {
min-height:75px;
padding:10px 0;
}
.adcloudArea .ad_frame {
margin:0 auto;
}
.adcloudArea .ad_frame div table {
float:right;
width:225px;
}
.adcloudArea .ad_frame div table td p {
padding:0 15px 0 5px;
text-align:left;
}
.adcloudArea .ad_frame div table td img {
border:1px solid #ccc;
}

/*flashContent
--------------------------------------------*/
#flashContent {
margin:0 auto 30px;
width:100%;
text-align:center;
}
#flashContent #petaButton {
margin-top: 5px;
margin-left:auto;
margin-right:auto;
}
#flashContent p {
font-size: 0.8em;
color: #999999;
text-align: center;
}

/*contentsLi
--------------------------------------------*/
#contentsLi {
width:800px;
margin:0 auto 15px;
}
#contentsLi li ul {
width:400px;
}
#contentsLi li li h2,
#contentsLi li li h3 {
width:350px;
}
/*subContents*/
#contentsLi #adCol {
float:right;
width:300px;
}
#contentsLi #adCol .adlantiss_frame,
#contentsLi #adCol .ad_frame{
margin:0 0 10px;
}
/*gpt-frame*/
#contentsLi #adCol .gpt-frame{
margin-bottom:12px;
}
/*prHotspotArea*/
#contentsLi #adCol #prHotspotArea{
margin:10px 0 0 !important; /*peta.css over write*/
padding:0; /*peta.css over write*/
border:#CCCCCC 1px solid;
background:#fff;
text-align:left;
}
#contentsLi #adCol #prHotspotArea #prHotspotTitle{
padding:5px;
background:#EAEAEA;
font-weight:bold;
color:#333333; /*peta.css over write*/
}
#contentsLi #adCol #prHotspotArea li{
float:left;
padding:0 7px 0 7px;
height:30px;
line-height:30px;
}
#contentsLi #adCol #prHotspotArea li.type0{
font-size:1em;
}
#contentsLi #adCol #prHotspotArea li.type1{
font-size:1.33em;
}
#contentsLi #adCol #prHotspotArea li.type2{
font-size:1.5em;
}
#contentsLi #adCol #prHotspotArea li a{
white-space:nowrap;
}
#contentsLi #adCol #prHotspotArea li a:hover{
background:#6cc;
color:#fff;
text-decoration:none;
}

/*LogIn AmebaBanner
--------------------------------------------*/
#amebaBanner3 {
background:url(https://stat100.ameba.jp/peta/user/img/ameba_banner.gif) no-repeat 0 0;
height:69px;
width:479px;
margin:30px auto 0;
text-indent:-9999px;
}

/*grow up btn
--------------------------------------------*/
/*--- baby ---*/
#flashContent.baby #petaButton {
width: 227px;
height: 114px;
margin-top: 23px;
margin-bottom: 25px;
background:url(/peta/user/img/btn/baby_grey.gif) no-repeat 0 0;
}
.baby #petaButton a {
width: 227px;
height: 114px;
background:url(/peta/user/img/btn/baby.gif) no-repeat 0 0;
display: block;
}
.baby #petaButton a:hover {
background:url(/peta/user/img/btn/baby_over.gif) no-repeat 0 0;
}
/*--- piyo ---*/
#flashContent.piyo #petaButton {
width: 245px;
height: 110px;
margin-top: 23px;
background:url(/peta/user/img/btn/piyo_grey.gif) no-repeat 0 0;
}
.piyo #petaButton a {
width: 245px;
height: 110px;
background:url(/peta/user/img/btn/piyo.gif) no-repeat 0 0;
display: block;
}
.piyo #petaButton a:hover {
background:url(/peta/user/img/btn/piyo_over.gif) no-repeat 0 0;
}
/*--- pag ---*/
#flashContent.pag #petaButton {
width: 243px;
height: 74px;
margin-top: 23px;
margin-bottom: 25px;
background:url(/peta/user/img/btn/pag_grey.gif) no-repeat 0 0;
}
.pag #petaButton a {
width: 243px;
height: 74px;
background:url(/peta/user/img/btn/pag.gif) no-repeat 0 0;
display: block;
}
.pag #petaButton a:hover {
background:url(/peta/user/img/btn/pag_over.gif) no-repeat 0 0;
}
/*--- penguin ---*/
#flashContent.penguin #petaButton {
width: 235px;
height: 71px;
margin-top: 23px;
margin-bottom: 25px;
background:url(/peta/user/img/btn/penguin_grey.gif) no-repeat 0 0;
}
.penguin #petaButton a {
width: 235px;
height: 71px;
background:url(/peta/user/img/btn/penguin.gif) no-repeat 0 0;
display: block;
}
.penguin #petaButton a:hover {
background:url(/peta/user/img/btn/penguin_over.gif) no-repeat 0 0;
}
/*--- pig ---*/
#flashContent.pig #petaButton {
width: 228px;
height: 147px;
background:url(/peta/user/img/btn/pig_grey.gif) no-repeat 0 0;
}
.pig #petaButton a {
width: 228px;
height: 147px;
background:url(/peta/user/img/btn/pig.gif) no-repeat 0 0;
display: block;
}
.pig #petaButton a:hover {
background:url(/peta/user/img/btn/pig_over.gif) no-repeat 0 0;
}
/*--- horse ---*/
#flashContent.horse #petaButton {
width: 228px;
height: 103px;
margin-top: 23px;
margin-bottom: 25px;
background:url(/peta/user/img/btn/horse_grey.gif) no-repeat 0 0;
}
.horse #petaButton a {
width: 228px;
height: 103px;
background:url(/peta/user/img/btn/horse.gif) no-repeat 0 0;
display: block;
}
.horse #petaButton a:hover {
background:url(/peta/user/img/btn/horse_over.gif) no-repeat 0 0;
}
/*--- sheep ---*/
#flashContent.sheep #petaButton {
width: 550px;
height: 150px;
background:url(/peta/user/img/btn/sheep_grey.gif) no-repeat 0 0;
}
.sheep #petaButton a {
width: 550px;
height: 150px;
background:url(/peta/user/img/btn/sheep.gif) no-repeat 0 0;
display: block;
}
.sheep #petaButton a:hover {
background:url(/peta/user/img/btn/sheep_over.gif) no-repeat 0 0;
}
/*--- yeti ---*/
#flashContent.yeti #petaButton {
width: 550px;
height: 150px;
background:url(/peta/user/img/btn/yeti_grey.gif) no-repeat 0 0;
}
.yeti #petaButton a {
width: 550px;
height: 150px;
background:url(/peta/user/img/btn/yeti.gif) no-repeat 0 0;
display: block;
}
.yeti #petaButton a:hover {
background:url(/peta/user/img/btn/yeti_over.gif) no-repeat 0 0;
}
/*--- mammoth ---*/
.mammoth {
margin-top: 21px !important;
background:url(/peta/user/img/btn/mammoth_bg.gif) repeat-x center top;
}
#flashContent.mammoth #petaButton {
margin-top: 0px;
width: 1128px;
height: 250px;
background:url(/peta/user/img/btn/mammoth_grey.jpg) no-repeat 0 0;
}
.mammoth #petaButton a {
width: 1128px;
height: 250px;
background:url(/peta/user/img/btn/mammoth.jpg) no-repeat 0 0;
display: block;
}
.mammoth #petaButton a:hover {
background:url(/peta/user/img/btn/mammoth_over.jpg) no-repeat 0 0;
}
/*--- mammoth_grey ---*/
.mammothGrey {
margin-top: 21px !important;
background:url(/peta/user/img/btn/mammoth_bg_grey.jpg) repeat-x center top;
}
#flashContent.mammothGrey #petaButton {
margin-top: 0px;
width: 1128px;
height: 250px;
background:url(/peta/user/img/btn/mammoth_grey.jpg) no-repeat 0 0;
}

/*--- dinosaur ---*/
.dinosaur {
margin-top: 21px !important;
background:url(/peta/user/img/btn/dinosaur_bg.gif) repeat-x center top;
}
#flashContent.dinosaur #petaButton {
margin-top: 0px;
width: 1102px;
height: 250px;
background:url(/peta/user/img/btn/dinosaur_grey.gif) no-repeat 0 0;
}
.dinosaur #petaButton a {
width: 1102px;
height: 250px;
background:url(/peta/user/img/btn/dinosaur.gif) no-repeat 0 0;
display: block;
}
.dinosaur #petaButton a:hover {
background:url(/peta/user/img/btn/dinosaur_over.gif) no-repeat 0 0;
}
/*--- dinosaur_grey ---*/
.dinosaurGrey {
margin-top: 21px !important;
background:url(/peta/user/img/btn/dinosaur_bg_grey.gif) repeat-x center top;
}
#flashContent.dinosaurGrey #petaButton {
margin-top: 0px;
width: 1102px;
height: 250px;
background:url(/peta/user/img/btn/dinosaur_grey.gif) no-repeat 0 0;
}

/*--- pegasus ---*/
.pegasus{
margin-top: 21px !important;
}
#flashContent.pegasus #petaButton {
height: 250px;
background:url(/peta/user/img/btn/pegasus_grey.gif) no-repeat center top;
margin-top: 0px;
}
.pegasus #petaButton a {
height: 250px;
background:url(/peta/user/img/btn/pegasus.jpg) no-repeat center top;
display: block;
}
.pegasus #petaButton a:hover {
height: 250px;
background:url(/peta/user/img/btn/pegasus_over.jpg) no-repeat center top;
}

/*--- dragon ---*/
.dragon{
margin-top: 21px !important;
}
#flashContent.dragon #petaButton {
height: 250px;
background:url(/peta/user/img/btn/dragon_gray.gif) no-repeat center top;
margin-top: 0px;
}
.dragon #petaButton a {
height: 250px;
background:url(/peta/user/img/btn/dragon.jpg) no-repeat center top;
display: block;
}
.dragon #petaButton a:hover {
height: 250px;
background:url(/peta/user/img/btn/dragon_over.jpg) no-repeat center top;
}

/*--- houou ---*/
.houou{
margin-top: 21px !important;
}
#flashContent.houou #petaButton {
height: 250px;
background:url(/peta/user/img/btn/houou_gray.gif) no-repeat center top;
margin-top: 0px;
}
.houou #petaButton a {
height: 250px;
background:url(/peta/user/img/btn/houou.jpg) no-repeat center top;
display: block;
}
.houou #petaButton a:hover {
height: 250px;
background:url(/peta/user/img/btn/houou_over.jpg) no-repeat center top;
}

/*--- kounotori ---*/
.kounotori{
margin-top:21px !important;
background:url(/peta/user/img/btn/kounotori_bg.gif) repeat-x center top;
}
#flashContent.kounotori #petaButton{
background:url(/peta/user/img/btn/kounotori_gray.gif) no-repeat center top;
width:800px;
height:250px;
margin-top:0px;
}
.kounotori #petaButton a {
display:block;
height:250px;
background:url(/peta/user/img/btn/kounotori_out.gif) no-repeat center top;
}
.kounotori #petaButton a:hover {
background:url(/peta/user/img/btn/kounotori_over.gif) no-repeat center top;
height:250px;
}

/*--- kounotoriGrey ---*/
.kounotoriGrey {
margin-top: 21px !important;
}
#flashContent.kounotoriGrey #petaButton {
background:url(/peta/user/img/btn/kounotori_gray.gif) no-repeat center top;
width:800px;
height:250px;
margin-top:0px;
}

/*--- xmas ---*/
.xmas22,.xmas23,.xmas24,.xmas25,
.xmas22Grey,.xmas23Grey,.xmas24Grey,.xmas25Grey{
width:800px;
height:250px;
margin-top:21px !important;
}

#flashContent.xmas22 #petaButton,
#flashContent.xmas23 #petaButton,
#flashContent.xmas24 #petaButton,
#flashContent.xmas25 #petaButton,
#flashContent.xmas22Grey #petaButton,
#flashContent.xmas23Grey #petaButton,
#flashContent.xmas24Grey #petaButton,
#flashContent.xmas25Grey #petaButton{
height:250px;
width:800px;
margin-top:0px;
}
.xmas22 #petaButton a,
.xmas23 #petaButton a,
.xmas24 #petaButton a,
.xmas25 #petaButton a {
display:block;
height:250px;
}
.xmas22 #petaButton a:hover,
.xmas23 #petaButton a:hover,
.xmas24 #petaButton a:hover,
.xmas25 #petaButton a:hover {
height:250px;
}

#flashContent.xmas22 #petaButton,
#flashContent.xmas22Grey #petaButton{
background:url(/peta/user/img/btn081225/xmas22_gray.jpg) no-repeat center top;
}
.xmas22 #petaButton a {
background:url(/peta/user/img/btn081225/xmas22_out.jpg) no-repeat center top;
}
.xmas22 #petaButton a:hover {
background:url(/peta/user/img/btn081225/xmas22_over.jpg) no-repeat center top;
}

#flashContent.xmas23 #petaButton,
#flashContent.xmas23Grey #petaButton{
background:url(/peta/user/img/btn081225/xmas23_gray.jpg) no-repeat center top;
}
.xmas23 #petaButton a {
background:url(/peta/user/img/btn081225/xmas23_out.jpg) no-repeat center top;
}
.xmas23 #petaButton a:hover {
background:url(/peta/user/img/btn081225/xmas23_over.jpg) no-repeat center top;
}

#flashContent.xmas24 #petaButton,
#flashContent.xmas24Grey #petaButton{
background:url(/peta/user/img/btn081225/xmas24_gray.jpg) no-repeat center top;
}
.xmas24 #petaButton a {
background:url(/peta/user/img/btn081225/xmas24_out.jpg) no-repeat center top;
}
.xmas24 #petaButton a:hover {
background:url(/peta/user/img/btn081225/xmas24_over.jpg) no-repeat center top;
}

#flashContent.xmas25 #petaButton,
#flashContent.xmas25Grey #petaButton{
background:url(/peta/user/img/btn081225/xmas25_gray.jpg) no-repeat center top;
}
.xmas25 #petaButton a {
background:url(/peta/user/img/btn081225/xmas25_out.jpg) no-repeat center top;
}
.xmas25 #petaButton a:hover {
background:url(/peta/user/img/btn081225/xmas25_over.jpg) no-repeat center top;
}

/*--- petajack ---*/
.petajack,
.petajackGrey{
margin-top:21px !important;
}
#flashContent.petajack #petaButton,
#flashContent.petajackGrey #petaButton{
background:url(/peta/user/img/event_101018/peta_button2.swf) no-repeat center top;
height:250px;
width:800px;
margin-top:0px;
}
.petajack #petaButton a {
background:url(/peta/user/img/event_100712/100712_out.jpg) no-repeat center top;
display:block;
height:250px;
}
.petajack #petaButton a:hover {
background:url(/peta/user/img/event_100712/100712_over.jpg) no-repeat center top;
height:250px;
}
#petaButton a.petajackLink{
display:block;
height:100%;
}

/*--- birthday ---*/
.birthday,
.birthdayGrey{
margin-top:21px !important;
}
#flashContent.birthday #petaButton,
#flashContent.birthdayGrey #petaButton{
background:url(/peta/user/img/birthday/birthday_gray.jpg) no-repeat center top;
height:250px;
width:800px;
margin-top:0px;
}
.birthday #petaButton a {
background:url(/peta/user/img/birthday/birthday_out.jpg) no-repeat center top;
display:block;
height:250px;
}
.birthday #petaButton a:hover {
background:url(/peta/user/img/birthday/birthday_over.jpg) no-repeat center top;
height:250px;
}
#petaButton a.birthdayLink{
display:block;
height:100%;
}

/*--- thx2000 ---*/
.thx2000,
.thx2000Grey{
margin-top:21px !important;
}
#flashContent.thx2000 #petaButton,
#flashContent.thx2000Grey #petaButton{
background:url(/peta/user/img/birthday/birthday_gray.jpg) no-repeat center top;
width:800px;
height:250px;
}
.thx2000 #petaButton a {
display:block;
width:800px;
height:250px;
}
.thx2000 #petaButton a:hover {
cursor:pointer;
}
#petaButton a.thx2000Link{
display:block;
height:100%;
}

/*flashNav
--------------------------------------------*/
#flashNav {
position: absolute;
width: 180px;
height: 250px;
top: 0;
left: 440px;
}
#flashfloat {
position: absolute;
width: 440px;
height: 400px;
top: 0;
left: 0;
z-index: 1;
display: none;
}

/*myPeta
--------------------------------------------*/
#myPeta {
text-align: center;
margin-bottom: 15px;
}
#login {
margin-bottom:30px;
}

/*grounp
--------------------------------------------*/
#groupUser {
padding:0 0 15px;
text-align: center;
}
#groupUser a {
display:inline-block;
zoom:1;
padding:6px 10px 6px 30px;
border-top:1px dotted #bbb;
border-bottom:1px dotted #bbb;
background:url(/common_style/img/common/icon/group.gif) no-repeat 10px 4px;
}

/*recommenKeyword
--------------------------------------------*/
#recommendKeyword {
margin: 0 auto 30px;
width: 800px;
}
#recommendKeyword p {
float: left;
display: inline;
margin-left: 160px;
margin-right: 20px;
font-size: 1.2em;
}
#resPoint {
float: left;
}
#resPoint li {
float: left;
margin-right: 10px;
}
#resPoint li a img{
padding-right: 5px;
}

/*categoryAllianceArea
--------------------------------------------*/
#contents .categoryAllianceArea {}
#contents .categoryAllianceArea .ad_frame div {
width:100% !important;
height:auto !important;
}

/*--- finishPage ---*/
#contents .categoryAllianceArea.finishPage{
margin:0 auto 15px;
width:576px;
}
#contents .categoryAllianceArea.finishPage .categoryAllianceTitle {
float:left;
vertical-align:top;
width:150px;
}
#contents .categoryAllianceArea.finishPage .ad_frame {
float:left;
margin:0 0 0 16px;
width:410px;
}
#contents .categoryAllianceArea.finishPage .ad_frame div:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#contents .categoryAllianceArea.finishPage .ad_frame table {
float:left;
height:auto !important;
width:90px;
}

/*--- addPage ---*/
#contents #adCol #prHotspotArea.categoryAllianceArea.addPage {}
#contents #adCol #prHotspotArea.categoryAllianceArea.addPage .ad_frame {
margin:0 !important;
padding:10px 8px 10px 14px;
}
#contents #adCol #prHotspotArea.categoryAllianceArea.addPage .keyword {
padding-bottom:10px;
}
#contents #adCol #prHotspotArea.categoryAllianceArea.addPage .keyword .ad_frame {
padding-top:0;
}
#contents #adCol #prHotspotArea.categoryAllianceArea.addPage .ad_frame div {
width:100% !important;
height:auto !important;
}
#contents #adCol #prHotspotArea.categoryAllianceArea.addPage .ad_frame div:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
#contents #adCol #prHotspotArea.categoryAllianceArea.addPage .ad_frame table {
height:auto;
}
#contents #adCol #prHotspotArea.categoryAllianceArea.addPage .keyword .ad_frame table {
float:left;
width:92px;
}
#contents #adCol #prHotspotArea.categoryAllianceArea.addPage .keyword .ad_frame table td {
padding-top:6px;
}
#contents #adCol #prHotspotArea.categoryAllianceArea.addPage .ad_frame table td p {
margin-left:6px;
}

/*campaign banner area
--------------------------------------------*/
#bnrCp {
width:480px;
height:80px;
margin:0 auto 15px;
}


/*categoryAllianceArea*/
.pickup .adcross_container {
  padding: 10px 14px;
}
.pickup a {
  display: block;
  clear: both;
  height:47px;
}
.pickup img {
  width: 47px;
  height: 47px;
  float: left;
  padding-right: 6px;
}
.finishPage .adcross_loader{
  float: left;
  width: 394px;
}
.finishPage .adcross_container {
  margin-left:12px;
}
.finishPage .adcross_container a {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 8px;
  width: 82px;
  clear: both;
}
.finishPage .adcross_container img {
  width: 16px;
  height: 16px;
  float: left;
  padding-right: 6px;
}
.cateala-pc-list .adcross_container {
  margin-left:12px;
}
.cateala-pc-list a {
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 8px;
  width: 82px;
  clear: both;
}
.cateala-pc-list img {
  width: 16px;
  height: 16px;
  float: left;
  padding-right: 6px;
}