/* ----- ATTED-II index.css ----- */
/* ---------------------------------- { Header } ---------------------------------- */

#right {
    float: right;
    width: 285px;
    text-align: left;
}

#left {
    float: left;
    width: 670px;
    text-align:left;
}

#bg {
    background: #E7EFE8 url(../images/bg_header.gif) no-repeat center top;
    width: 100%;
}

#topR {
    float: right;
    width: 200px;
    text-align: right;
    padding-top: 52px;
}

#topR p {
    font-size: 12px;
    color: #FFFFFF;
    line-height: 1.5;
}

#topR a {
    color: #FFFFFF;
}

#navigation table{
    width: 950px;
    margin: 0px auto;
}

/* ---------------------------------- { Search } ---------------------------------- */


#searchIndex {
    width: 670px;
    background: url(../images/bg_search.gif) no-repeat center top;
    text-align:left;
    padding: 17px 0px;
    font-size: 12px;
    margin-bottom: 4px;
}

#searchIndex a{
    font-weight: 900;
}

#id_kword {
/*    width: 186px;  */
    width: 270px;
    font-size: 12px;
    vertical-align:middle;
}

#id_stype {
    width: 225px;
    vertical-align: middle;
    margin-left: 18px;
}

#searchBtn {
/*    margin-right: 28px; */
    vertical-align: middle;
}

/* ---------------------------------- { Menu } ---------------------------------- */


.menu {
    background: url(../images/bg_bg.jpg) center repeat-y;
}

.menu table {
    width: 100%;
}

.menu td {
    background:url(../images/bg_b.jpg) no-repeat left bottom;
    width: 50%;
    vertical-align: top;
    padding-bottom: 0px;
}

.menu h3.withlist{
    padding: 15px 15px 5px 15px; /* 15px */
    font-size: 1.2em;
    line-height: 1.5;
    background: url(../images/bg_l.jpg) no-repeat left top;
}

.menu h3.withoutlist {
    padding: 15px;
    font-size: 1.2em;
    line-height: 1.5;
    background: url(../images/bg_l.jpg) no-repeat left top;
}

.menu h3 a{
    color: #4A701D;
    text-decoration: none;
}

.menu h3 img {
    vertical-align: middle;
    margin-right: 5px;
}

.menu ul {
    margin-left: 35px;
    padding-top: 0px;    /* 10px */
    padding-bottom: 17px;
}

.menu p, .menu li {
    font-size: 13px;   /* 0.78em */
    line-height: 1.5;  /* 1.3 */
}

.menu p {
    color: #4A701D;
    padding: 0px 10px 0px 22px;
}

.menu .pctR {
    padding-right: 15px;
}

#news{
    background: url(../images/news_b.jpg) repeat-y left;
}

#news h3{
    background: url(../images/news_t.jpg) no-repeat left top;
    font-size: 1.2em;
    line-height: normal;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 40px;
}

#news dl{
    width: 620px;
    margin: 0px auto;
    clear: both;
    background: url(../images/dot.gif) repeat-x top;
    padding-top: 12px;
}

#news dl.no{
    background: none;
    padding-top: 0px;
}

#news dt{
    float: left;
    width: 80px;
    background: #aaddff; /* #FF6600 */
    font-size: 12px;
    line-height: normal;
    font-weight: 900;
    color: #000000; /* #FFFFFF */
    padding: 3px;
    text-align: center;
    margin-bottom: 2px;
    clear: both;
}

#news dd{
    margin-left: 8px;
    float: right;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: normal;
    text-align: left;
    width: 510px; /* 524px */
    background: url(../images/arrow.gif) no-repeat 1px 4px;
    padding-left: 12px;
}

#citation_box{
    width: 620px;
    margin: 0 auto;
}


#news hr{
    clear: both;
    visibility: hidden;
}

#menu_wide{
    background: url(../images/news_b.jpg) repeat-y left;
}

#menu_wide #target_table{
    border-bottom: none;
    margin: 0px;
    display: inline;
    float: left;
}

#menu_wide #target_table.main{
    width: 32%;
    margin: 0 1% 14px 0;
}

#menu_wide #target_table.sub{
    width: 24%;
    margin: 0 1% 14px 0;
}

#menu_wide #target_table.sub:nth-child(4n){
    margin-right: 0;
}

#menu_wide h3{
    background: url(../images/news_t.jpg) no-repeat left top;
    font-size: 1.2em;
    line-height: normal;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 40px;
}

#menu_wide dl{
    width: 620px;
    margin: 0px auto;
    clear: both;
    background: url(../images/dot.gif) repeat-x top;
    padding-top: 14px;
}

#menu_wide dl.no{
    background: none;
    padding-top: 0px;
    margin-bottom: 12px;
}

#menu_wide dt{
    float: left;
    width: 80px;
    background: #bbcc44; /* #869218 */
    font-size: 12px;
    line-height: normal;
    font-weight: 900;
    color: #000000; /* #FFFFFF */
    padding: 3px; /* 3px 0px */
    text-align: center;
    margin-bottom: 2px;
    clear: both;
}

#menu_wide dd{
    margin-left: 8px;
    float: right;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: normal;
    text-align: left;
    width: 510px; /* 520px */
    background: url(../images/arrow.gif) no-repeat 1px 4px;
    padding-left: 12px;
}

#menu_wide hr{
    clear: both;
    visibility: hidden;
}

#menu_wide table.target {
    margin: 0;
}

#menu_wide table.target h4.species_icon{
    font-size: 0.78em;
}



#menu_wide table.target p.species_icon{
    font-size: 0.78em
}

#more{
    background: url(../images/news_bg.jpg) no-repeat left top;
    font-size: 0.78em;
    line-height: normal;
    font-weight: 900;
    text-align: right;
    padding-top: 11px;
    padding-right: 18px;
    padding-bottom: 15px;
    clear: both;
}

#more.citation_p {
    background: url(../images/news_bg_normal.jpg)no-repeat left top;
    height: 35px;
}


/* ---------------------------------- { RIGHT  } ---------------------------------- */

#right h3{
    background: url(../images/right_t.jpg) no-repeat left top;
    font-size: 0.86em;
    line-height: normal;
    color: #FFFFFF;
    text-align: left;
    padding-top: 14px;
    padding-bottom: 8px;
    padding-left: 18px;
    margin-bottom: 15px;


}

#right #more{
    background: #EBEEF1 url(../images/right_d_b.jpg) no-repeat left top;
    font-size: 0.78em;
    line-height: normal;
    font-weight: 900;
    text-align: right;
    padding-top: 11px;
    padding-right: 15px;
    padding-bottom: 5px;
}

#target, #twitter, #info{
    background: url(../images/right_bg.jpg) left repeat-y;
}

#sidebox{
    background: url(../images/right_bg.jpg) left repeat-y;
}

#sidebox .box {
    background: url(../images/right_b.jpg) no-repeat left bottom;
    margin: 0px;
    padding-bottom: 20px;
}

#sidebox.news #sidebox_news {
    margin: 0 20px;
}

#sidebox.news dl{
    margin-left: 4px;
    margin-right: 4px;
    float:left;
    margin: 0px auto;
    clear: both;
    background: url(../images/dot.gif) repeat-x top;
    padding-top: 12px;
}

#sidebox.news dl.no{
    background: none;
    padding-top: 0px;
}

#sidebox.news dt{
    float: left;
    width: 80px;
    background: #bbcc44; /* #869218 */
    font-size: 12px;
    line-height: normal;
    font-weight: 900;
    color: #000000; /* #FFFFFF */
    padding: 3px; /* 3px 0px */
    text-align: center;
    margin-bottom: 2px;
    clear: both;
    display: block;
}

#sidebox.news dd{
    margin-left: 2px;
    float: left;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: normal;
    text-align: left;
    background: url(../images/arrow.gif) no-repeat 1px 4px;
    padding-left: 12px;
    display: block;
}

#sidebox.news hr{
    clear: both;
    visibility: hidden;
}

/* ---------------------------------- { Target species } ---------------------------------- */


#statistics{
    background: #EBEEF1 url(../images/right_d_b.jpg) no-repeat left top;
    font-size: 0.78em;
    line-height: normal;
    font-weight: 900;
    text-align: right;
    padding-top: 11px;
    padding-right: 18px;
    padding-bottom: 15px;
}

#target h4{
    font-size: 0.78em;
    line-height: 1.5;
    color: #000000;   /* #006699 */
    background: url(../images/point.gif) no-repeat 26px 11px;
    padding-left: 40px;
    padding-top: 8px;
}

#target h5{
    font-size: 0.78em;
    line-height: 1.4;
    color: #000000;
    background: url(../images/arrow.gif) no-repeat 28px 13px;
    padding-left: 40px;
    padding-top: 8px;
}

#target p{
    font-size: 0.78em;
    line-height: 1.4;
    padding-left: 40px;
    padding-right: 15px;
    border-bottom: 1px solid #B8CFDA;
    margin-right: 4px;
    margin-left: 4px;
    padding-bottom: 8px;
}
#target p.no{
    border: none;
    padding-bottom: 0px;
}

#target hr{
    color: #cccccc;
    margin: 8px 4px;
}


/* ---------------------------------- { information } ----------------------------- */

#info h4 {
    font-size: 0.78em;
    line-height: 1.5;
    padding: 5px 20px;
}

#info h4 a {
    color: #0099CB;
}

#info .box {
    background: url(../images/right_b.jpg) no-repeat left bottom;
    margin: 0px;
    padding-bottom: 20px;
}


/* ---------------------------------- { twitter } ---------------------------------- */


#twitter h3 img{
    float: right;
    margin-right: 18px;
}

#twitter h4{
    font-size: 0.78em;
    line-height: 1.5;
    padding: 5px 20px;

}

#twitter h4 a{
    color: #0099CB;
}


#twitter p{
    font-size: 0.78em;
    line-height: 1.4;
    border-bottom: 1px solid #B8CFDA;
    margin-right: 4px;
    margin-left: 4px;
    padding-bottom: 8px;
    padding-right: 5px;
    padding-left: 18px;

}
#twitter p.no{
    border: none;
    background: url(../images/right_b.jpg) no-repeat left bottom;
    margin: 0px;
    padding-left: 22px;
    padding-bottom: 20px;
    padding-right: 10px;
}

#twitter p.aRIGHT{
    border: none;
    background: url(../images/right_d_b.jpg) no-repeat left bottom;
    margin: 0px;
    padding-right: 15px;
    padding-top: 2px;   /* 12px -> 2px 2010-10-07 */
    padding-bottom: 8px;
    font-weight: 900;
}


#twitter .box{
    /* background: url(../images/right_b.jpg) no-repeat left bottom; */ /* del.2010-10-15 */
    margin: 0px;
    /* padding-bottom: 20px; */ /* del.2010-10-15 */
}


.tweet, .tweetNoline{
    font-size: 0.78em;
    line-height: 1.4;
    margin: 5px auto;
    padding-bottom: 4px;
    width: 250px;
}

.tweet {
    border-bottom: 1px solid #B8CFDA;
}

.tweet_date {
    text-align:right;
    padding-bottom: 10px;
}

.tweet_date a:link{
    font-weight: 900;
    color: #0099CB;

}