@charset "UTF-8";
/**
 *
 * $Revision: 1.8 $
 *
 * TOC
 * (01.original element style)
 * 02.logo
 * 03.background (layout)
 * 04.border
 * 05.text,inline
 * 06.button
 * 07.-
 * 08.popup box
 *
 */



/**
 * ============================
 *
 *
 * 02.logo
 *
 *
 * ============================
 */

#logo{
background:url(/now/pc/skin/cmn/img/logo/orgn/amebanow_e17600.png) no-repeat 0 0;
}



/**
 * ============================
 *
 *
 * 03.background (layout)
 *
 *
 * ============================
 */


/**
 *
 * base
 *
 */
#base1{
background:url(../img/base_bg_scroll.png) repeat #e5d8bc 50% 0;
}
#base2{
background:url(../img/base_bg_image.png) no-repeat 50% 0;
}
#base3{}


/**
 *
 * frame
 *
 */
#frame{}
#frameSub{}


/**
 *
 * header
 *
 */
#headerArea{
height:auto;
}
#logoArea{
padding-top:67px;
}


/**
 *
 * contentsArea
 *
 */
#contentsArea{

}
#contentsAreaSub{}


/**
 *
 * mainArea
 *
 */
#mainArea{
background:url(/now/pc/skin/cmn/img/bg/transparent/transparent_fff_8.png) !important;/* ie */
background:rgba(255,255,255,0.7) !important;
background:#f1eadb;
}
#mainAreaSub{
background:#fff;
}

.skinPopupBox{
background:none repeat scroll 0 0 #CCCCCC;
}
.skinPopupBoxSub{
background:none repeat scroll 0 0 #FFFFFF;
}
/**
 *
 * asideArea
 *
 */
#asideArea{}
#asideAreaSub{}

.ggNews,
.membersNews{
margin:10px auto 10px auto;
}

.ggNews h3,
.ggNews h3 a{
height:50px;
margin:0;
padding:0;
}

.membersNews h3,
.membersNews h3 a{
height:65px;
margin:0;
padding:0;
}

.ggNews .ggNewsInner,
.membersNews .ggNewsInner{
padding:10px;
background-color:#FFF;
border:10px solid #F7F7F7;
}

.ggNews .ggNewsInner div,
.membersNews .ggNewsInner div{
background-color:#FFF;
}

.ggNewsInner a{
display:block;
padding-left:6px;
margin-bottom:4px;
background:url(http://stat100.ameba.jp/common_style/img/common/icon_list.png) no-repeat 0 -1496px transparent;
text-align:left;
}



/**
 *
 * .asideMdl
 *
 */
.asideMdl{
background:url(/now/pc/skin/cmn/img/bg/transparent/transparent_fff_8.png) !important;/* ie */
background:rgba(255,255,255,0.7) !important;
background:#f1eadb;
}
.asideMdlHeader{}
.asideMdlSub{
background:#fff;
}
.section {}
.asideMdl .hr{}


/**
 *
 * timeline entry
 *
 */

/* log */
.skinWeakBg,
.logListArea li{
background-color:#ffffcc;
}


/* reply */
.skinStrongBg,
.replyToMe,
.editorPostElm{
background-color:#fff5d9 !important;
}


/**
 *
 * .orgnAsideGGNews
 *
 */
div#orgnAsideGGNews{
text-align:center;;
}


/**
 * ============================
 *
 *
 * 04.border
 *
 *
 * ============================
 */


/**
 *
 * hr
 *
 */
.hr{
border-bottom:1px dashed #c9af7a !important;
border-bottom:1px solid #c9af7a;/* ie6 */
}


/**
 *
 * mainArea
 *
 */
.skinMainHr{
height:22px;
border-bottom:none !important;
background:url(../img/line_bg01.png) no-repeat 50% 0;
}


/**
 *
 * timeline
 *
 */
#nowListArea > li{
border-bottom:1px dashed #c9af7a;
}

.skinBaseBorder,
#cListMainArea li{
border-top:1px dashed #c9af7a;
}


/**
 *
 * timeline StrongBorder
 *
 */
.skinStrongBorder,
#nowListArea > .addFirstLine{
border-top:solid 1px #c9af7a;
}


/**
 *
 * textarea
 *
 */
.textarea{
background:#fff;
}

/* focus */
.textarea:focus{
border-color:#ffcc00;
box-shadow:0 0 4px #ffcc00;
-moz-box-shadow:0 0 4px #ffcc00;
-webkit-box-shadow:0 0 4px #ffcc00;
}




/**
 * ============================
 *
 *
 * 05.text,inline
 *
 *
 * ============================
 */


/**
 *
 * text
 *
 */

/* base */
.skinBaseColor,
body{
color:#4d3d35;
}

/* weak */
.skinWeakColor,
.event,
.time,
.time a{
color:#999999;
}

/* #tag */
.skinPointColor,
.tag{
color:#94b331;
}

/* alert */
.alert{
color:#ff0000;
}



/**
 *
 * anchor
 *
 */
.skinAnchorColor,
a {
color:#eb8927;
}
.skinAnchorHoverColor,
a:hover {
color:#ff3366;
}
.skinAnchorActiveColor,
a:active {
color:#ff3366;
}



/**
 *
 * highlight
 *
 */
.highlight,
.tempImage{
background-color:#ffffcc !important;
}

.closeComment{
color:#ffffff;
background-color:#ffcc00;
}
a:hover.closeComment{
color:#ffffff;
}


/**
 *
 * heading
 *
 */
.skinHeading{
background-color:#ffeeee;
}



/**
 *
 * list icon
 * (override)
 *
 */
.skinListIco,
.itemList li{
padding-left:17px;
background:url(../img/ico_naturallife.gif) no-repeat 0 35%;
}


/**
 *
 * comments icon
 * (override)
 *
 */
.skinCommentsIco,
.comments1 > .res,
.logListArea .comments1 > .res{}



/**
 *
 * my now icon
  *
 */
.icoNowAF{}



/**
 * ============================
 *
 *
 * 06.button
 *
 *
 * ============================
 */


/**
 *
 * loader
 *
 */
.loading{
background:url(/now/pc/skin/cmn/img/loader/base/loader_dotted4_3d.gif) no-repeat 50% 50%;
}



/**
 *
 * timelineBtn
 *
 */
.button,
#timelineBtn{
width:451px;
height:38px;
text-indent:-9999px;
outline:none;
overflow:hidden;
background:url(../img/timeline_btn.png) no-repeat 0 0;
}
.buttonHover,
:hover#timelineBtn{
background-position:0 -38px;
}
.buttonActive,
:active#timelineBtn{
background-position:0 -76px !important;
}



/**
 *
 * follow button
 *
 */
.followButton,
.userFollowBtn a,
.userFollowComplete{
display:block;
width:133px;
height:27px;
text-indent:-9999px;
outline:none;
overflow:hidden;
background:url(../img/follow_btn.png) no-repeat 0 0;
}
.followButtonHover,
.userFollowBtn a:hover{
background-position:0 -27px;
}
.followButtonActive,
.userFollowBtn a:active{
background-position:0 -54px !important;
}
.userFollowComplete{
background-position:0 -81px !important;
}




/**
 * ============================
 *
 *
 * 08.popup box
 *
 *
 * ============================
 */


/**
 *
 * commentsArea
 *
 */
#commentsArea{
background:#ffcc00;
}
#commentsAreaIn{
background:#fff;
}
.outputEditor #cListArea{
border-color:#ffcc00;
}