/* 
    Document   : gqstyle
    Created on : 2008/09/03, 15:42:29
    Author     : higuchit
    Description:
        Purpose of the stylesheet follows.
*/

/* == 共通 ---------- */
#trace {
    background-color: #62C6DF;
}

#menu li.active {
  border-left: solid 2px #62C6DF;
}

.error {
  font-weight: bold;
  color: red;
}
.blue {
  color: #0000DE;
}


#user_panel_mini {
  margin-top: 10px;
  padding: 10px;
  border: solid 1px #ccc;
}
  #user_panel_mini p{
    margin: 0 0 0 auto;
    width: 180px
  }

#wide-linkadd{
    margin-bottom: 0px;
    text-align: center;
}

.btn_1{ background: url(/images/controll/btn_1.gif) no-repeat; }
.btn_2{ background: url(/images/controll/btn_2.gif) no-repeat; }
.btn_3{ background: url(/images/controll/btn_3.gif) no-repeat; }
.btn_4{ background: url(/images/controll/btn_4.gif) no-repeat; }
.btn_5{ background: url(/images/controll/btn_5.gif) no-repeat; }


/* component.exp_editor */
.component.exp_editor {
  padding: 0 0 5px;
  background: url(/images/gq/bg/bg_post_new.gif) no-repeat left 270px;
}
.component.exp_editor a{
  margin-left: auto;
  margin-right: 20px;
}
  .component.exp_editor .provided {
    margin-top: 10px;
    text-align: right;
    font-size: 8pt;
  }
  
/* component.arrival */
.left .component.arrival{
    width: 320px;
    _width: 320px;
}
    .component.half .contents{
        _width: 288px;
        _overflow: hidden;
    }
    .component.arrival ul {
        height: auto !important;
        /*min-height: 195px;
        height: 195px;*/
        min-height: 112px;
        height: 112px;
    }
    
    .component.education ul, .component.pazzle ul {
        min-height: 185px;
        height: 185px;
    }

    .component.arrival li{
        position: relative;
        height: 37px;
        padding-left: 15px;
        background: transparent url(/images/icons/marker_ltblue.gif) no-repeat scroll left 3px;
    }
        .component.arrival .not_public_yet {
            position: absolute;
            right: 0;
            font-size: 8pt;
        }
        .component.arrival li p.title{
            width: 278px;
        }
        .component.arrival li p.opened_at{
            float: left;
            width: 55px;
            font-size: 8pt;
        }
        .component.arrival li p.user{
            float: left;
            font-size: 8pt;
            width: 178px;
            white-space: nowrap;
        }
    .component.arrival.education{ background: url(/images/gq/arrival/header_education.gif) no-repeat; }
    .component.arrival.pazzle{ background: url(/images/gq/arrival/header_pazzle.gif) no-repeat; }
    .component.arrival.various{ background: url(/images/gq/arrival/header_various.gif) no-repeat; }
    .component.arrival.research{ background: url(/images/gq/arrival/header_research.gif) no-repeat; }
    .component.arrival.news{ background: url(/images/gq/arrival/header_news.gif) no-repeat; }
    .component.arrival.media{ background: url(/images/gq/arrival/header_media.gif) no-repeat; }
    .component.arrival.tex{ background: url(/images/gq/arrival/header_tex.gif) no-repeat; }
    .component.arrival.others{ background: url(/images/gq/arrival/header_others.gif) no-repeat; }

/* component.hot_rank */
.component.hot_rank{}
    .component.hot_rank .contents{
        padding-top: 5px;
        padding-bottom: 10px;
        _width: 618px;
    }

    .component.hot_rank #rank_tabs {
        height: 28px;
        border-bottom: 3px dotted #E1E1E1;
    }
    .component.hot_rank #rank_tabs a{
        display: block;
        float: left;
        padding: 5px 0;
        width: 204px;
        text-indent: 10px;
        border-right: 3px dotted #E1E1E1;
        background-color: #EFEFEF;
    }
    .component.hot_rank #rank_tabs a.last{
        margin-right: 0;
        border-right: none;
    }
    .component.hot_rank #rank_tabs a.active{ background-color: transparent; }
    /*
    .component.hot_rank #rank_tabs li{
        float: left;
        width: 196px;
        margin-right: 10px;
        border-right: 3px dotted #E1E1E1;
    }
    .component.hot_rank #rank_tabs li.last{
        margin-right: 0;
        border-right: none;
    }*/

    .component.hot_rank ul.ranks {
        clear: both;
        padding-top: 10px;
        min-height:75px;
        height: auto !important;
        height: 75px;
    }
        .component.hot_rank .ranks li{
            margin-bottom: 7px;
            clear: both;
            height: 18px;
        }
        .component.hot_rank .ranks .rank{
            float: left;
            display: block;
            width: 20px;
            height: 20px;
            overflow: hidden;
            text-indent: -50px;
            margin-right: 7px;
        }
            .component.hot_rank .ranks p { float: left; }
            .component.hot_rank .ranks .title { width: 360px; }
            .component.hot_rank .ranks .user{ width: 230px; font-size: 8pt;  }
            .component.hot_rank .ranks .user a{ font-size: 10pt;}

/* component.search_post*/
.component.search_gq {
    clear: both;
    background: transparent url(/images/gq/header_search_gq.gif) no-repeat;
}
    .component.search_gq .contents{
        padding-top: 18px;
    }
    .component.search_gq h3{
        text-indent: -200px; overflow: hidden;
    }
    .component.search_gq input {
        float: left;
        margin-right: 10px;
        padding: 2px 5px;
        width: 140px;
        border: solid 1px;
    }
    .component.search_gq a.btn_search_s {
        float: left;
        margin-top: 2px;
    }

/* .component.hot_user_rank */
.component.hot_user_rank {}
      .component.hot_user_rank ul{
        list-style: none;
        margin-top: 10px;
      }
      .component.hot_user_rank li{
        margin-bottom: 3px;
      }
    .component.hot_user_rank li{
        margin-bottom: 7px;
    }
        .component.hot_user_rank li .rank{
            float: left;
            display: block;
            width: 20px;
            height: 20px;
            overflow: hidden;
            text-indent: -50px;
            margin-right: 7px;
        }


/* component.search_post*/
.component.search_gq .info{
  clear: left;
  margin-left: 5px;
  font-size: 12px;
  color: #666;
}
.component.search_res{
  padding: 20px;
}
.component.search_res .berry{
  margin: 10px 0;
  padding: 10px 0;
  border-bottom: 3px dotted #CCC;
}
.component.search_res .berry .title{
  margin: 5px 0;
}
.component.search_res .berry .title a{
  color: #3BA6BF;
}
.component.search_res .berry .descript{
  padding: 5px 10px;
}
.component.search_res .berry .user{
  font-size: 12px;
  color: #888;
}
.component.search_res .berry .date{
  font-size: 12px;
  display: block;
  margin: 5px 0 5px 350px;
  color: #666;
}
.component.search_res .paginate{
  text-align: center;
  margin: auto 10px;
}

.list h2 {
  height: 42px;
  background: #fff url(/images/home/question/header_bar.gif) no-repeat left top;
  padding: 7px 0;
  margin-bottom: 32px;
}
  .list h2 span {
    margin-left: 16px;
    padding: 0 16px;
    border-left: 3px solid #62C6DF;
  }


/* == question */
.question h2 {
  height: 42px;
  background: #fff url(/images/home/question/header_bar.gif) no-repeat left top;
  padding: 7px 0;
  margin-bottom: 32px;
}
  .question h2 span {
    margin-left: 16px;
    padding: 0 16px;
    border-left: 3px solid #62C6DF;
  }

.question .discription {
  margin-left: 34px;
  margin-bottom: 30px;
}

.berry {
  position: relative;
}
    .berry .message_box{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        border: solid;
        border-width: 2px;
        border-color: #FF9999;
    }
    
    .berry .error_message{
        text-align: center;
        font-weight: bold;
    }
    
    .berry .error_message span{
        font-size: 10pt;
    }

    .berry .right_message{
        text-align: center;
        font-size: pt;
        font-weight: bold;
        font-size: 10pt;
    }
    
    .berry .right_message span{
        font-size: 15pt;
        color: #D9418D;
    }
    
    .berry .owner_container {
        position: relative;
    }
  .berry .owner {
    position: absolute;
    right: 30px;
    top: -65px;
    height: 59px;
    width: 348px;
    background: transparent url(/images/gq/bg/post_user2.gif) no-repeat top left;
  }
  .berry .owner p{
    width: 180px;
    margin: 25px 0 0 auto;
  }
  
  .berry ul.property {
    list-style: none;
  }
    .berry ul.property li{
        clear: none;
        float: left;
        margin-right: 30px;
        background: none;
    }
    .berry ul.property li.kind{ margin-right: 3px; }
    .berry ul.property img{ vertical-align: baseline; }
  .berry .controll {
    list-style: none;
    margin-right: 15px;
  }
      .berry .controll li{
        clear: none;
        float: right;
        text-align: right;
        background: none;
      }

  .question .berry h2{
    height: 41px;
    padding-top: 6px;
    font-size: 15pt;
    text-indent: 41px;
    background: #FFF url(/images/gq/bg/berry_title.gif) no-repeat;
  }
  .question .berry h2.small{ font-size: 9pt; padding-top: 11px;}
  
    .berry h2 a{
      color: #333;
      text-decoration: none;
    }

  .berry .content{
    clear: both;
    margin: 10px 0px 0px;
    padding: 34px 54px;
    min-height:250px;
    height: auto !important;
    height: 250px;
    border: solid 1px #D8D8D8;
  }
    .berry .content img { vertical-align: middle }
    .berry a.btn_follow {
        margin: 20px auto 32px;
    }
    .berry .report {
       margin-top: 5px;
    }

  .berry .member_only {
    clear: both;
    margin: 10px 0px 0px;
    padding: 34px 54px;
    font-size: 18pt;
  }

#suseum_viewer {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  width: 910px;
}

/* modal common */
.modal_content {
  margin: 20px 40px 0;
  padding: 5px;
  border: solid 1px #D5D5D5;
}

.modal_content h2 {
  margin-bottom: 20px;
  padding-left: 5px;
  border-bottom: solid 1px #D5D5D5;
  font-size: 18px;
}

.modal_content p {
  margin-top: 10px;
  margin-left: 10px;
  background: #fff url(/images/icons/arrow.gif) no-repeat left 4px;
  text-indent: 12px;
}

.modal_content .edit_tab{
    height: 15px;
    margin-top: 8px;
    margin-left: 10px;
}
.modal_content .edit_tab li{
    float: left;
    margin-right: 5px;
}
    .modal_content .output{
        height: 139px;
        width: 380px;
        margin: 22px auto 0;
    }

/* reference */
#reference {
  border: solid 1px #A0A0A0;
  border-top: none;
}
  #reference h3{ height: 40px; text-indent: -200px; overflow: hidden; }
  #reference .follow {
    padding: 0px 0 10px;
  }
    #reference .follow h3{
      background: #fff url(/images/gq/bg/follow.gif) no-repeat 10px 10px;
    }
    #reference .follow p{
       margin-left: 40px;
    }

  #reference .followed {
    padding: 0px 0 10px;
  }
    #reference .followed h3{ 
      background: #fff url(/images/gq/bg/followed.gif) no-repeat 10px 10px;
    }
    #reference .followed ul{
      margin-left: 40px;
      list-style: none;
    }
    #reference .followed li{
      margin-top: 5px;
    }
  
  #reference .contributor {
    margin-left: 5px;
  }
  #reference .noreference {
    padding: 50px 30px 80px;
    font-size: 11pt;
  }

/* discussion */
#question_discussion {
  border: solid 1px #A0A0A0;
  border-top: none;
}
  #question_discussion h3{
    height: 58px;
    overflow: hidden;
    text-indent: -200px;
  }
    #discussion_header {
        height: 55px;
    }
  #discussion_header .icon {
    margin-top: 5px;
    margin-left: 160px;
  }
  
  #discussion_header a{
    float: right;
    display: block;
    margin: 13px 10px;
    height: 28px;
    text-indent:-190px;
    overflow: hidden;
  }
    #discussion_header p {
        padding: 13px;
        text-align: right;
    }
  #post_new_discussion a {
    width: 129px;
    background: #FFF url(/images/controll/btn_add_comment.gif) no-repeat left top;
  }
  #post_new_discussion a:hover {
    background: #FFF url(/images/controll/btn_add_comment.gif) no-repeat left -28px;
  }
  #cancel_watch a {
    width: 152px;
    background: #FFF url(/images/controll/watchlist_off.gif) no-repeat left top;
  }
  #cancel_watch a:hover {
    background: #FFF url(/images/controll/watchlist_off.gif) no-repeat left -27px;
  }
  #watch a {
    width: 152px;
    background: #FFF url(/images/controll/watchlist_on.gif) no-repeat left top;
  }
  #watch a:hover {
    background: #FFF url(/images/controll/watchlist_on.gif) no-repeat left -27px;
  }
  
  #question_discussion table {
    margin-left: auto;
    margin-right: auto;
  }
  
    #question_discussion table th {
      border-top: dashed 2px #CCCCCC;
      border-bottom: dashed 2px #CCCCCC;
      text-align: left;
      padding: 5px 0;
    }
    #question_discussion table .no {
      width: 55px;
      text-align: center;
    }
    #question_discussion table .message {
      padding-right: 10px;
    }
    #question_discussion table .message div{
      overflow:hidden;
      width: 460px;
    }
    #question_discussion table .contributor { width: 160px; }
    #question_discussion table .edit { 
      width: 40px;
      font-size: 12px;
    }
    #question_discussion table .report {
      width: 40px;
      font-size: 12px;
    }
    #question_discussion table .date { width: 100px; }
    #question_discussion  td.date { font-size: 12px; }
    #question_discussion table td {
      padding-top: 10px;
      padding-bottom: 10px;
      vertical-align: top;
    }
  #question_discussion .nodiscussions {
    padding: 10px 30px 80px;
    font-size: 11pt;
  }

  .edit_discuss textarea{
    display: block;
    clear: both;
    width: 486px;
    height: 100px;
    margin: 10px auto 0;
  }
  .edit_discuss a {
    margin: 8px 5px 3px auto;
  }
  .edit_discuss .comment_option {
      float: left;
      margin-top: 10px;
      margin-left: 5px;
  }
      .edit_discuss .comment_option input{ vertical-align: middle; }
  .show_bredima_btn {
    float: right;
    margin-right: 6px;
  }
  .bredima_container {
    position: absolute;
    width: 750px;
    z-index: 18;
    background-color: #bbb;
    top: -170px;
    left: -185px;
  }
    .bredima_container textarea {
      position: absolute;
      border: solid 1px #A1A1A1;
      padding: 0;
    }
  
 /* tag */
#question_tags {
  border: solid 1px #A0A0A0;
  border-top: none;
}
  #question_tags ul {
    list-style: none;
  }
    #question_tags li {
      float: left;
      padding-left: 15px;
      padding-top: 15px;
      margin-right: 20px;
      font-size: 12pt;

    }
    #question_tags a {
      float: right;
      display: block;
      margin: 13px 10px;
      height: 28px;
      width: 129px;
      text-indent:-140px;
      overflow: hidden;
      background: #FFF url(/images/controll/btn_add_tag.gif) no-repeat left top;
    }
    #question_tags a:hover {
      background: #FFF url(/images/controll/btn_add_tag.gif) no-repeat left -28px;
    }
  #question_tags .notags {
    padding: 13px 13px 80px;
    text-align: right;
  }

#edit_tag form input{
  float: left;
  width: 380px;
  height: 18px;
  padding: 4px 5px;
  border: solid 1px  #D5D5D5;
  font-size: 14px;
}
#edit_tag form a {
  margin-left: 10px;
}
    
    #edit_tag .suggestion_tags {
        margin: 3px 30px 20px;
        list-style-type: none;
    }
      #edit_tag .suggestion_tags li {
        float: left;
        margin-right: 20px;
      }

#add_info_tabs {
    border-left: solid 1px #A0A0A0;
    height: 62px;
}
    #add_info_tabs a{ 
        float: left;
        display: block;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 30px;
        height: 50px;
        width: 260px;
        border-top: solid 1px #A0A0A0;
        border-right: solid 1px #A0A0A0;
        border-bottom: solid 1px #A0A0A0;
        text-decoration: none;
    }
    #add_info_tabs a span{
        margin-left: 10px;
    }
    #add_info_tabs a.last{
        width: 270px;
    }
    #add_info_tabs a.active{
        border-bottom: none;
    }
    #add_info_tabs a.nothing {
    }

/* == list */
.list{}
  .list table { clear:both; width: 100%; }
  .list td { text-align: center; }
  .list .browse{ width: 38px; }
  .list td.title {text-align: left;}
  .list .user { width: 135px; }
  .list td.user { width: 120px; text-align: left; }
  .list .method { width: 90px; }
  .list td.method { text-align: left; }
  .list .create_date { width: 110px; }
  .list td.create_date { font-size: 12px; }
  .list .relation{ width: 55px; text-align: center;}
  .list .comment{ width: 55px; text-align: center;}
  .list .page_view{ width: 55px; text-align: center;}

  .list form { margin-top: 15px; }
  .list .disp_num { margin-left: 25px; }
  .paginate.bottom{
        clear: both;
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: right;
  }

.pv_rank .list h2{
   margin-bottom: 15px;
}
    .pv_rank .list .rank {
        width: 40px;
        text-align: center;
    }
    .pv_rank .rank span{
        display: block;
        width: 20px;
        height: 20px;
        overflow: hidden;
        text-indent: -50px;
        margin: 0 auto;
    }

/* == change_kind_content */
#change_kind_content {}
    #change_kind_content ul{
        margin-left: 30px;
        list-style-type: disc;
        list-style-position: inside;
    }
    #change_kind_content h4{ margin: 12px 30px 7px; }
    #change_kind_content span{ margin-left: 65px; }
    #change_kind_content span span{ margin-left: 0px; }
    #change_kind_content input{ vertical-align: middle; margin-right: 5px;}
    #change_kind_content .btn_change{ margin: 15px 30px 5px; }


.external_sites_parts li{
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}