
#contents{
    position: relative;
    color: #666666;
}

#newsL{
    float: left;
    width: 670px;
    padding: 70px 30px 0px 25px;
}
#newsL_archive{
    width: 900px;
    padding: 40px 30px 0px;
    margin: 0 auto 40px;
}


#newsR{
    float: right;
    width: 250px;
    /*background-color: #FFF;*/
    border-left: solid 1px #EEE;
}

#messageR {
    position: absolute;
    top:0;
    right:0;
    width: 250px;
    /*background-color: #FFF;*/
    border-left: solid 1px #EEE;
}

#newsSearch{
    padding: 10px 0 0 0;
    background-color: white;
    height: 40px;
}
.categories{
    padding: 15px 0 30px;
    background-color: white;
}
#messageR .categories{
    padding:0;
    background-color: white;
}
.category.categoriesTitle{
    display: block;
    width: 250px;
    font-weight: bold;
    border-top: none;
}
.category.categoriesTitle a{
    color: #FF3B32;
    display: block;
    padding-left: 20px;
    font-size: 18px;
}
.category.categoriesTitle div{
    color: #FF3B32;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 10px 20px;
}

.category{
    display: block;
    width: 250px;
    margin: 0 auto;
    border-top: dashed 1px #EEE;
}

#messageR .category{
    float: right;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px dashed #eee;
}

.category_unread{
    border-left: 1px dashed #eee;
}

.category a{
    display: block;
    color: #555;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding: 10px 0 10px 45px;
    /*background-color: #FF00FF;*/
}

#messageR .category a{
    padding: 10px 0 ;
    /*background-color: #FF00FF;*/
}
.category a:hover{
    color: #FF3B32;
    background-color: #f8f8f8;
}
#messageR .category a:hover{
    color: #FF3B32;
    background-color: #fff;
}
.category div.active{
    display: block;
    color: #FF3B32;
    background-color: #f8f8f8;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding: 10px 0 10px 45px;
}


#newsFeed{
    padding: 15px 0 0;
    background-color: #FFF;
}
#nfTitle{
    margin: 10px 0 10px 10px;
    color: #aaa;
}
.nfNews{
    display: block;
    width: 250px;
    margin: 0 auto;
    border-top: dashed 1px #EEE;
}
.nfNews.categoriesTitle{
    font-size: 14px;
    font-weight: bold;
    border-top: none;
}
.nfNews.categoriesTitle a{
    display: block;
    color: #FF3B32;
    padding: 10px 0 10px 20px;
    background: url("../images/dashboard/moreArr.png") no-repeat 96% 12px;
}
.nfNews.categoriesTitle a:hover{
    color: #FF3B32;
    background: url("../images/dashboard/moreArr_on.png") #f8f8f8 no-repeat 96% 12px;
}


.nfNewsA{
    display: block;
    color: #555;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    padding: 10px 16px 6px;;
}
.nfNewsA:hover{
    color: #FF3B32;
    background-color: #f8f8f8;
}
.nfNewsDate{
    display: block;
    font-size: 11px;
    color: #aaa;
    text-align: right;
    font-weight: normal;
    margin-top: 4px;
}
.nfNewsMore{
    letter-spacing: 0.1em;
    font-weight: bold;
    display: block;
    padding: 7px 25px 7px 10px;
    text-align: right;
    color: #aaa;
    background: url("../images/dashboard/moreArr.png") no-repeat 96% 8px;
}
.nfNewsMore:hover{
    color: #FF3B32;
    background: url("../images/dashboard/moreArr_on.png") #f8f8f8 no-repeat 96% 8px;
}










/*------------------------------------------ help_manual*/

#help_title{
    color: #FF3B32;
    font-size: 24px;
    text-align: left;
    margin: 20px 0 20px 0;
    font-weight: bold;
}
#help_index{margin: 0 0 40px 0;}
.indexList{
    float: left;
    padding: 8px 8px 6px 6px;
    background-color: #eee;
    margin: 2px;
}
.indexList a{color: #666;}
.indexList a:hover{color: #FF3B32;}
#terms_desc{
    font-size: 16px;
    margin-bottom: 60px;
    line-height: 1.8em;

}
.news_group{
    margin-bottom: 40px;
    position: relative;
}
#newsCateTip{
    position: absolute;
    top: -70px;
    right: 0px;
    width: 50px;
    height: 50px;
    /*display: none;*/
}
#newsCateTip.cate_spotlight{
    width: 80px;
}
#newsCateTip a{
    display: block;
    text-align: center;
    padding-top: 20px;
    height: 30px;
    color: #fff;
}
#newsCateTip.cate_blog{background: url("../images/news/tipBlog.png") no-repeat 0 0;}
#newsCateTip.cate_pickup{background: url("../images/news/tipPickup.png") no-repeat 0 0;}
#newsCateTip.cate_news{background: url("../images/news/tipNews.png") no-repeat 0 0;}
#newsCateTip.cate_spotlight{background: url("../images/news/tipSpotlight.png") no-repeat 0 0;}
#newsCateTip.cate_release{background: url("../images/news/newsCateTip5.png") no-repeat 0 0;}
#newsCateTip.cate_artist{background: url("../images/news/newsCateTip4.png") no-repeat 0 0;}
#newsCateTip.cate_coupon{background: url("../images/news/newsCateTip6.png") no-repeat 0 0;}
#newsCateTip.cate_notice{background: url("../images/news/newsCateTip7.png") no-repeat 0 0;}

.newsCategoryTip.cate_blog{}
.newsCategoryTip.cate_pickup{}
.newsCategoryTip.cate_news{}
.newsCategoryTip.cate_spotlight{}
.newsCategoryTip.cate_release{}
.newsCategoryTip.cate_artist{}
.newsCategoryTip.cate_coupon{}
.newsCategoryTip.cate_notice{}
#shares{
    height: 30px;
    width: 655px;
    padding: 10px 0 0 15px;

    color: #fff;
    margin-bottom: 5px;
    font-weight: normal;
    background-color: #f8f8f8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
}
#shares a{ color: #f8f8f8;}
.ninja_onebutton_wrap{float: left;}
.ninja_onebutton2{
    width: 86px;
    /*background: url("../images/news/share_bg.png") no-repeat -2px -2px;*/
    margin-right: 14px;
}
.ninja_share_bg{
    position: absolute;
    top: 8px;
    left: 40px;
}
#twitter{
    width: 70px;
    /*float: right;*/
}
#facebook{
    width: 105px;
    /*float: right;*/
    margin: 0 5px 0 0;
}

.news_group_title{
    color: #333;
    font-size: 24px;
    line-height: 1.6em;
    padding: 0 0 0 14px;
    width: 700px;
    background: url("../images/dashboard/releaseIchimatsu.png") no-repeat 0 0;
    margin-bottom: 20px;
}
.news_group_date{
    right: 0;
    top: 35px;
    text-align: right;
    color: #888;
    font-weight: normal;
    margin-bottom: 20px;
}
.news_group_date.oneline{
    top: 45px;
}
.news_group_txt{
    padding-top: 25px;
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.8em;
    font-weight: normal;
    border-top: dashed 1px #ddd;
    margin-bottom: 40px;
}
.news_group_txt a{
    color: #FF3B32;
}
.news_group_txt a:hover{
    text-decoration: underline;
}
.news_group_txt img{
    /*display: block;*/
    margin: 10px 15px;
    height: 300px;
    /*padding: 10px;*/
}
#newsNextBack{
    border-top: dashed 1px #ddd;
    padding-top: 25px;
}
.newsNB{
    width: 45%;
    overflow: hidden;
    line-height: 1.8em;
}
.newsNB:hover{background-color: #f8f8f8;}
.newsNB a{
    display: block;
    font-weight: bold;
    color: #333;
    font-size: 14px;
}
.newsNB a:hover{color: #FF3B32;}
#newsNextBackTxt{margin-bottom: 8px;}
#newsNext{
    text-align: right;
    float: right;
}
#newsNextTxt{
    background: url("../images/dashboard/moreArr.png") no-repeat 99% 4px;
    margin-bottom: 10px;
}
#newsNextTxt p{
    padding-right: 22px;
}
#newsBackTxt{
    background: url("../images/dashboard/moreArr2.png") no-repeat 1% 4px;
    margin-bottom: 10px;
}
#newsBackTxt p{
    padding-left: 22px;
}
#newsNext a img{
    float: left;
    margin-right: 10px;
}
#newsBack{float: left;}
/*#newsBack a{
    padding: 15px 10px 20px 24px;
    background: url("../images/dashboard/moreArr2.png") no-repeat 1% 16px;
}
#newsBack a:hover{background: url("../images/dashboard/moreArr2_on.png") no-repeat 1% 16px;}*/
#newsBack a img{
    float: left;
    margin-right: 10px;
}
.newsNextBackTxt{
    margin: 0px 10px;
    color: #aaa;
    padding-right: 16px;
    background: url("../images/dashboard/moreArr.png") no-repeat 99% 10px;
}
.nfNewsMore{
    letter-spacing: 0.1em;
    font-weight: bold;
    display: block;
    padding: 7px 25px 7px 10px;
    text-align: right;
    color: #aaa;
    background: url("../images/dashboard/moreArr.png") no-repeat 96% 11px;
}
.nfNewsMore:hover{
    color: #FF3B32;
    background: url("../images/dashboard/moreArr_on.png") #f8f8f8 no-repeat 96% 11px;
}


#newsLists{
    margin-bottom: 40px;
}
.news_list{
    padding-bottom: 30px;
    padding-top: 30px;
    border-bottom: dashed 1px #DDD;
}
.news_list:hover{
    background-color: #f8f8f8;
}
.tip_and_date{
    float: left;
    margin-right: 10px;
    width: 50px;
}
.tip_and_date .newsCategoryTip{
    width: 50px;
    margin-bottom: 20px;
}
.tip_and_date .newsCategoryTip a{
    display: block;
    color: #888;
    font-size: 10px;
    letter-spacing: 0.1em;
    font-weight: bold;
}
.tip_and_date .newsCategoryTip a:hover{
    color:#ff3b32;
}
.tip_and_date .newsCategoryTip a img{
    margin-top: 4px;
    width: 40px;
    height: 10px;
}
.user_message_unread{
    background-color: #ff3b32;
    color:#fff;
    text-align: center;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}
.td_date{
    margin-top: 5px;
}
.d1{margin-bottom: 4px; font-weight: bold;}
.d2{color: #ccc;}
.news_list_img{
    float: left;
    width: 120px;
    margin-right: 10px;
}
.news_list_txts{
    float: left;
    width: 690px;
    /*background-color: #FF00FF;*/
}
.news_list_txts.noImg{
    float: left;
    width: 600px;
    /*background-color: #FF00FF;*/
}
.news_list_title{
    font-size: 22px;
    line-height: 1.6em;
    padding: 0 0 0 10px;
    margin-bottom: 15px;
}
.news_list_title a{color: #333;}
.news_list_title a:hover{color: #FF3B32;}
.news_list_desc{
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.6em;
    font-weight: normal;
    margin-top: 10px;
}
.news_list_desc a:hover{color: #FF3B32;}
.news_list_desc a{
    color: #666;
}
.news_list_desc a img{
    float: left;
}



/*-------------------------------- ステート*/
.relBtnTitle{
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    float: left;
    height: 20px;
    padding: 10px 20px 0 20px;
    background-color: #FF3B32;
}
.relBtnTitle a{
    color: #fBB;
    /*text-decoration: underline;*/
}
.relBtnTitle a:hover{color: #fff;}
.relBtn{
    float: left;
    height: 20px;
    padding: 10px 6px 0 4px;
    background-color: #FF3B32;
}
.relBtn a{
    font-size: 14px;
    font-style: italic;
    display: block;
    font-weight: bold;
    color: #FFF;
}
.relBtn a:hover{color: #FFF; text-decoration: underline;}
.relBtn a img{
    margin: 0 0 0 3px;
}
.relSquare{
    float: left;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent #FF3B32;
    border-width: 0 0 30px 20px;
}


#facebook_plugin{
    margin-bottom: 30px;
    background-color: #FFF;
}
#twitter_plugin{}
h1.summary{
    display: none;
}

#banner_area{
    margin-top: 20px;
}

.banner{
    margin-left: 2px;
    margin-bottom: 10px;
}

.newsRegisterBigBanner {
    text-align: center;
    margin-bottom: 3em;
}
