@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::
    home.css
-------------------------------------------------
    ルート直下のHTML
:::::::::::::::::::::::::::::::::::::::::::::: */

@import'/css/common/base.css';
@import'/css/common/layout.css';
@import'/css/common/module.css';

/* ==============================================
   コミュニティトップ（においTopics）
============================================== */

/* トピックタイトル＋説明
-----------------------------------------------*/
div.boxCommunityT {
    background: url(/img/community/bg_box_community_t_02.gif) repeat-y;
}
div.innerBoxCommunityT {
    padding-bottom: 20px;
    background: url(/img/community/bg_box_community_t_01.gif) no-repeat;
}
div.unitTtl {
    float: left;
    width: 300px;
}
div.unitTtl h2 {
    margin: 0;
}
div.unitTtl p {
    padding: 0 20px;
}

/* 新着におい
-----------------------------------------------*/
div.boxCommunityM {
    background: url(/img/community/bg_box_community_m_02.gif) repeat-y;
}
div.innerBoxCommunityM {
    background: url(/img/community/bg_box_community_m_01.gif) no-repeat;
}
div.unitContent {
    float: left;
    width: 230px;
    padding: 20px 35px;
}
div.unitContent h2 {
    display: none;
}
div.unitContent h3 {
    margin-bottom: 10px;
}
div.unitContent ul.unitItem li {
    margin-top: 10px;
    padding-left: 17px;
    background: url(/img/common/icn_list_dot.gif) no-repeat 0 0.3em;
}
div.unitContent ul.unitItem li p {
    font-size: 77%;
}

/* box bottom */
div.boxCommunityB {
    overflow: hidden;
    height: 38px;
    background: red url(/img/community/bg_box_community_b.gif) no-repeat;
}

/* ==============================================
   トピックトップ
============================================== */

/* トピック説明文
-----------------------------------------------*/
div#topicsInfo div.topicsInfoT {
    background: #def3fe url(/img/community/bg_box_topic_t.gif) no-repeat;
    padding: 20px 20px 10px;
}
div#topicsInfo div.topicsInfoB {
    height: 10px;
    background: url(/img/community/bg_box_topic_b.gif) no-repeat;
}

/* 最新情報
-----------------------------------------------*/
div#newTopics ul.display {
    padding-bottom: 5px;
    background: url(/img/common/bg_line_01.gif) repeat-x 0 100%;
}

dl.newTopicsList {
    padding-bottom: 20px;
    background: url(/img/common/bg_line_01.gif) repeat-x 0 100%;    
}
dl.newTopicsList dt {
    float: left;
    width: 11em;
    padding: 15px 0 0 2em;
    background: url(/img/common/icn_sack.gif) no-repeat 0 1em;
}
dl.newTopicsList dt span {
    font-size: 85%;
}
dl.newTopicsList dd {
    margin-left: 13em;
    padding-top: 15px;
}
div.submitTopic {
    margin: 50px 0;
    text-align: center;
}

/* ==============================================
   トピック詳細
============================================== */

/* トピックスタイトル
-----------------------------------------------*/
div#ttlTopics {
    margin-bottom: 30px;
    border: 1px solid #d5effe;
}
div#ttlTopics div.wrapTtl {
    padding: 10px;
    background: #D5EFFE;
}
div#ttlTopics div.wrapTtl h2 {
    float: left;
    width: 450px;
    margin: 0;
    color: #4D9212;
    font-size: 108%;
}
div#ttlTopics div.wrapTtl p.date {
    width: 148px;
    float: right;
    text-align: right;
}
dl.commentTopics {
    background: url(/img/common/bg_comment_line.gif) repeat-y;
}
dl.commentTopics dt {
    float: left;
    width: 110px;
    padding: 15px;
}
dl.commentTopics dt div.profile {
    margin-top: 5px;
}
dl.commentTopics dt div.profile img {
    border: 2px solid #d5effe;
}
dl.commentTopics dd {
    margin-left: 140px;
    padding: 15px;
}

/* ==============================================
   右カラム
============================================== */

/* コミュニティ詳細
-----------------------------------------------*/
div#communityDetail dl {
}
div#communityDetail dl dt {
    margin-top: 10px;
}
div#communityDetail dl dd {
    font-size: 77%;
}
div#communityDetail dl dd.name {
    text-align: right;
}

/* ==============================================
   clearfix
============================================== */
div#ttlTopics div.wrapTtl:after,
div.innerBoxCommunityT:after,
div.innerBoxCommunityM:after,
dl.commentTopics:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    line-height: 0;
    font-size: 0.1em;
}
div#ttlTopics div.wrapTtl,
div.innerBoxCommunityT,
div.innerBoxCommunityM,
dl.commentTopics {
    display: inline-block;
}
/* Hides from IE-mac \*/
* div#ttlTopics div.wrapTtl,
* html div.innerBoxCommunityT,
* html div.innerBoxCommunityM,
* html dl.commentTopics {
    height: 1%;
}
div#ttlTopics div.wrapTtl,
div.innerBoxCommunityT,
div.innerBoxCommunityM,
dl.commentTopics {
    display: block;
}
/* End hide from IE-mac */