@charset "utf-8";
/*=========================================

愛鳥活動 SUNTORY　about.css　20141110

=========================================*/
#suntory_contents {
    position: relative;
}

.birds_dir #top_wrapper #main_area .aboutTop {
    background-image: url(../../about/img/title_bg.png);
    height: 64px;
    position: relative;
    z-index: 10;
}

.birds_dir #top_wrapper #main_area .aboutTop .subBox {
    margin: 0 auto;
    width: 960px;
    text-align: left;
}

.birds_dir #top_wrapper #main_area .aboutTop .subBox img {
    display: block;
    vertical-align: top;
}

.birds_dir #top_wrapper #main_area .aboutBox01 {
    margin-bottom: -155px;
    background: url(../../img/about_box01_bg.jpg) no-repeat center top;
    margin-top: -10px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox {
    margin: 0 auto;
    position: relative;
    width: 960px;
    height: 988px;
    text-align: left;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box01 {
    background: url(../../img/about_bg01.png) repeat left top;
    padding: 12px 0 20px;
    position: absolute;
    left: 0;
    top: 65px;
    width: 607px;
    text-align: left;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box01 .title {
    margin-bottom: 12px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box01 .text {
    color: #562C04;
    font-size: 0.85em;
    line-height: 1.6;
    margin: 0 0 9px 23px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box01 .text span {
    color: #fd5655;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box01 .imgText {
    margin: 0 0 17px 23px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box01 .yearImg {
    margin: 0 0 0 23px;
    height: 34px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box01 .redBox {
    background: url(../../img/about_bg03.png) repeat left top;
    margin: 0 0 0 23px;
    padding: 12px 13px 8px;
    position: relative;
    width: 470px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box01 .redBox .ttlImg {
    margin-bottom: 6px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box01 .redBox p {
    color: #fff;
    font-size: 0.8em;
    line-height: 1.6;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box01 .birds {
    position: absolute;
    left: 398px;
    top: -149px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box02 {
    background: url(../../img/about_bg02.png) repeat left top;
    position: absolute;
    left: 726px;
    top: 315px;
    padding: 14px 14px 9px 16px;
    width: 204px;
    text-align: left;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box02 .movie {
    margin-bottom: 5px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box02 p {
    color: #FFF;
    font-size: 0.7em;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box02 p span {
    color: #
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box03 {
    background: url(../../img/about_bg01.png) repeat left top;
    position: absolute;
    left: 348px;
    top: 540px;
    width: 547px;
    padding: 17px 0 0 0;
    text-align: left;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box03 .title {
    margin-bottom: 9px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box03 .text {
    color: #562C04;
    font-size: 0.8em;
    line-height: 1.6;
    margin: 0 0 12px 23px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box03 .text span {
    color: #fd5655;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box03 .btmImg {
    margin-left: 22px;
}

.birds_dir #top_wrapper #main_area .aboutBox01 .infoBox .box03 .btmImg img {
    display: block;
    vertical-align: baseline;
}

.birds_dir #top_wrapper #main_area .aboutBox02 {
    background: url(../../img/about_bg04.png) no-repeat center bottom;
    padding: 13px 0 90px;
    margin-bottom: -120px;
    position: relative;
    z-index: 800;
    zoom: 1;
    overflow: hidden;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox {
    margin: 0 auto;
    width: 960px;
    position: relative;
    text-align: left;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .prev {
    position: absolute;
    left: 0;
    top: 278px;
    z-index: 600;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .next {
    position: absolute;
    right: 2px;
    top: 278px;
    z-index: 600;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .iconList {
    position: absolute;
    bottom: -6px;
    left: 45%;
    text-align: center;
    z-index: 600;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .iconList li {
    display: inline;
    margin: 0 6px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .iconList li a {
    background: url(../../img/about_icon01_out.gif) no-repeat;
    display: inline-block;
    width: 11px;
    height: 10px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .iconList li a span {
    display: none;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .box {
    height: 510px;
    position: relative;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox {
    padding-top: 100px;
    zoom: 1;
    width: 1051px;
    position: absolute;
    left: 0;
    top: 0;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .title {
    margin: 0 100px 29px 0;
    text-align: center;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .birds {
    position: absolute;
    left: 33px;
    top: 103px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .birds01 {
    left: 750px;
    top: 30px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .birds02 {
    top: -10px;
    left: 0px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .birds03 {
    left: 700px;
    top: 0px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .birds04 {
    left: 10px;
    top: 95px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner .photoBox {
    float: left;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner .textBox {
    float: right;
    margin-left: -6px;
    position: relative;
    width: 795px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner .textBox .photoImg {
    position: absolute;
    right: 162px;
    bottom: -60px;
    z-index: 300;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner .textBox .text01 {
    color: #5F3712;
    font-size: 0.8em;
    line-height: 1.55;
    margin-bottom: 58px;
    z-index: 500;
    position: relative;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner .textBox .text01 span {
    color: #fd5655;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner .textBox .text02 {
    color: #562C04;
    font-size: 0.75em;
    margin-top:-28px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner .textBox .text02 span {
    display: block;
    font-size: 1.1em;
    margin-bottom: 0px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner01 {
    margin: 0 0 0 100px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner01 .textBox {
    width: 693px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner01 .textBox .photoImg {
    position: absolute;
    bottom: -33px;
    right: 167px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner02 {
    margin: 0 0 0 87px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner02 .textBox {
    width: 688px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner03 {
    margin: 0 171px 0 80px;
    padding-bottom: 50px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner03 .lText {
    color: #5F3712;
    float: left;
    font-size: 0.8em;
    line-height: 1.6;
    width: 368px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner03 .lText span {
    color: #fd5655;
    display: block;
    font-size: 1.35em;
    margin-bottom: 4px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner03 .lText .textSpan {
    display: inline-block;
    font-size: 1.0em;
    line-height: 1.0;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner03 .rText {
    color: #5F3712;
    float: right;
    font-size: 0.8em;
    line-height: 1.6;
    width: 365px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner03 .rText span {
    color: #fd5655;
    display: block;
    font-size: 1.35em;
    margin-bottom: 4px;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .inner03 .rText .textSpan {
    display: inline-block;
    font-size: 1.0em;
    line-height: 1.0;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .comP {
    color: #562C04;
    font-size: 0.8em;
    position: absolute;
    bottom: -29px;
    left: 40%;
}

.birds_dir #top_wrapper #main_area .aboutBox03 {
    background: url(../../img/about_bg06.jpg) no-repeat center bottom;
    margin-bottom: 40px;
    padding: 0 0 100px;
    zoom: 1;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox {
    padding-top: 140px;
    background: url(../../img/about_bg05.jpg) repeat-y center top;
    zoom: 1;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox {
    margin: 0 auto;
    width: 960px;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox .topTitle {
    margin-bottom: 22px;
    border: none;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox .photoImg {
    margin: 0 0 22px 22px;
    position: relative;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox .photoImg p {
    color: #4D4D4D;
    font-size: 0.75em;
    text-align: left;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox .photoImg .textP01 {
    position: absolute;
    left: 45px;
    bottom: -3px;
    width: 400px;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox .photoImg .textP02 {
    position: absolute;
    right: 80px;
    bottom: -3px;
    width: 360px;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox p {
    color: #5F3712;
    font-size: 0.9em;
    line-height: 1.55;
    margin-bottom: 23px;
    text-align: center;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox p span {
    color: #fd5655;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox .text01 {
    margin-bottom: 32px;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox .imgText {
    margin-bottom: 30px;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox .linkBtn {
    text-align: center;
}

.birds_dir #top_wrapper #main_area .aboutBox03 .infoBox .subBox .linkBtn a:hover img {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.birds_dir #top_wrapper #main_area .aboutBox04 {
    margin: -130px auto 0 !important;
    padding-top:130px !important;
    width: 960px;
    text-align: left;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .title {
    margin-bottom: 8px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .ttlImg01 {
    margin-bottom: 20px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .tabUl {
    margin-bottom: 47px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .tabUl li {
    float: left;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .tabUl .link01 a {
    background: url(../../img/about_link02_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .tabUl .link02 a {
    background: url(../../img/about_link03_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .tabUl .link02 {
    float: right;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .tabUl li a,
.birds_dir #top_wrapper #main_area .aboutBox04 .tabUl li img {
    display: block;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .tabUl li a:hover img {
    filter: alpha(opacity=0);
    opacity: 0;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .tabUl .on img {
    visibility: hidden;
}

.birds_dir #top_wrapper #main_area .aboutBox04 table {
    border-collapse: collapse;
    width: 100%;
}

.birds_dir #top_wrapper #main_area .aboutBox04 table th,
.birds_dir #top_wrapper #main_area .aboutBox04 table td {
    background: url(../../img/about_line.gif) repeat-x left bottom;
    line-height: 1.4;
    font-size: 0.9em;
    text-align: left;
    vertical-align: middle;
}

.birds_dir #top_wrapper #main_area .aboutBox04 table th {
    color: #fd5655;
    font-weight: normal;
    font-size: 1.1em;
    padding: 13px 5px 13px 17px;
    vertical-align: top;
}

.birds_dir #top_wrapper #main_area .aboutBox04 table td {
    color: #5F3712;
    padding: 13px 5px 13px 8px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 table .trStyle th,
.birds_dir #top_wrapper #main_area .aboutBox04 table .trStyle td {
    background-color: #F3EFEC;
}

.birds_dir #top_wrapper #main_area .aboutBox04 table .trStyle01 th {
    background: url(../../img/abou_line02.gif) repeat-x left bottom;
    background-color: #F9E9E9;
    padding: 18px 0 19px;
    text-align: center;
}

.birds_dir #top_wrapper #main_area .aboutBox04 table td ul li a {
    color: #fd5655;
}

.birds_dir #top_wrapper #main_area .aboutBox04 table td ul li a:hover {
    text-decoration: none;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .innerBox {
    margin: 0 52px 20px 3px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .innerBox .photoBox {
    float: right;
    width: 357px;
    text-align: center;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .innerBox .photoBox .link a:hover img {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .innerBox .textBox {
    float: left;
    width: 512px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .innerBox .textBox p {
    color: #5F3712;
    font-size: 0.95em;
    line-height: 1.45;
    margin-bottom: 24px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .innerBox .textBox p span {
    color: #fd5655;
    display: block;
    font-size: 1.05em;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox {
    background-color: #FBEFEF;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .titleImg {
    border-bottom: 2px solid #fff;
    margin-bottom: 12px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox {
    padding: 0 0 8px 15px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList {
    float: left;
    width: 160px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList li {
    float: left;
    padding: 0 8px 5px 0;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList li a,
.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList li img {
    display: block;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year01 a {
    background: url(../../img/about_imgtext16_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year02 a {
    background: url(../../img/about_imgtext23_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year03 a {
    background: url(../../img/about_imgtext17_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year04 a {
    background: url(../../img/about_imgtext24_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year05 a {
    background: url(../../img/about_imgtext18_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year06 a {
    background: url(../../img/about_imgtext25_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year07 a {
    background: url(../../img/about_imgtext19_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year08 a {
    background: url(../../img/about_imgtext26_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year09 a {
    background: url(../../img/about_imgtext20_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year10 a {
    background: url(../../img/about_imgtext27_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year11 a {
    background: url(../../img/about_imgtext21_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year12 a {
    background: url(../../img/about_imgtext28_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .year13 a {
    background: url(../../img/about_imgtext22_over.gif) no-repeat;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList .on img {
    visibility: hidden;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .imgList li a:hover img {
    filter: alpha(opacity=0);
    opacity: 0;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .rBox {
    float: right;
    width: 785px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .rBox ul li {
    float: left;
    font-size: 0.9em;
    width: 392px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .rBox ul .liStyle01 {
    width: 325px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .rBox ul .liStyle02 {
    width: 335px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .rBox ul .liStyle03 {
    width: 460px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .rBox ul .liStyle04 {
    width: 450px;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .rBox ul li a {
    color: #5F3712;
    text-decoration: none;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .rBox ul li a:hover {
    text-decoration: underline;
}

.birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .rBox ul li ul li {
    background: url(../../img/about_arrow.gif) no-repeat left 4px;
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 0 7px 10px;
    width: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0){ .birds_dir #top_wrapper #main_area .aboutBox04 .redBox .subBox .rBox ul li ul li { letter-spacing: -1px;} 
#main_area .aboutBox04 .redBox .subBox .rBox ul li ul li span { 
  letter-spacing: 0px;
  font-size: 0.8em;
  } 




}
.birds_dir #top_wrapper #main_area .aboutBox04 .innerBox .textBox p.ab_yabuuchi {
    color: #5F3712;
    font-size: 0.95em;
    line-height: 1em;
    margin-bottom: 24px;
    margin-top: -10px;
}
.birds_dir #top_wrapper #main_area .aboutBox04 .innerBox .textBox p.ab_yabuuchi a{
    color: #5F3712;
    text-decoration: none;
    background-image: url(../../about/img/bullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    padding-left: 15px;
}
.birds_dir #top_wrapper #main_area .aboutBox04 .innerBox .textBox p.ab_yabuuchi a:hover {
    text-decoration: underline;
}
.birds_dir #top_wrapper #main_area .aboutBox04 .innerBox .textBox p.ab_yabuuchi span {
    display: inline;
}


/*20160125 slider_link*/

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .slider_link a {
    background: rgba(0, 0, 0, 0) url("../../img/index_icon01.png") no-repeat scroll left 16px !important;
    color: #562c04 !important;
    display: inline-block;
    padding: 12px 0 0 16px !important;
    text-decoration: none !important;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .slider_link a:hover {
    text-decoration: underline !important;
}

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .slider_link4 {
    clear:both;
    margin-left:-16px;
    }

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .slider_link4 a {
    background: rgba(0, 0, 0, 0) url("../../img/index_icon01.png") no-repeat scroll left 19px !important;
    color: #562c04 !important;
    display: inline-block;
    font-size:0.8em;
    text-align:center !important;
    padding: 15px 0 12px 16px  !important;
     text-decoration: none !important;
    }

.birds_dir #top_wrapper #main_area .aboutBox02 .detailBox .subBox .slider_link4 a:hover {
    text-decoration: underline !important;
}