@charset "utf-8";

/* ****************************************************
Title: copy.css
---------------------------------------------------------------------------- */
.page_title {width: 226px;}
.wrap {width: 1000px; margin-left:  auto;margin-right: auto;}
.bar,
.cont{margin-bottom: 40px;width:480px;}
.chr dt {font-weight: bold;}
.chr dt,.chr dd{float: left;}
.aff_list li {list-style: disc;list-style-position: inside;text-indent: -1em;margin-left: 1.5em;margin-bottom: 0.5em;}
/* =============================
 .section1
==============================*/
.sec01 .chr {padding: 10px;}
.sec01 .chr dt {width: 105px;}
.sec01 .chr .first,
.sec01 .chr .second,
.sec01 .chr .third {padding-left: 25px;background-position: left 5px;background-repeat: no-repeat;}
.sec01 .chr .first{background-image: url(../images/gold.png)}
.sec01 .chr .second{background-image: url(../images/silver.png)}
.sec01 .chr .third{background-image: url(../images/bronze.png)}
.sec01 .chr li span {font-weight: bold;}
.sec01 .chr li .aff {font-weight: normal;font-size: 80%;}
.sec01 .b_btm {border-bottom: dashed 1px #999;padding-bottom: 15px;}
.sec01 .bg_g {background: #F0F0F0;}

/* =============================
 .section2
==============================*/
.sec02 .chr dt {width: 150px;}

/* =============================
 .sectio3
==============================*/


#slides,
#slides2,
#slides2_2,
#slides3{
    display: none
}

/* =============================
 .sectio4
==============================*/
.sec04 {margin-bottom: 50px;}
.sec04 h2 {text-align: center;}


/*
#slides .slidesjs-container,
#slides2 .slidesjs-container,
#slides3 .slidesjs-container {width: 450px !important;}
.slidesjs-container {height: 300px !important;}
*/
.slidesjs-container .slidesjs-slide img {width: 100%;}


.slidesjs-pagination {
    margin: 10px 0 0;
    float: left;
    list-style: none;
}

.slidesjs-pagination li {
    float: left;
    margin: 0 5px 0 5px;
}
.slidesjs-pagination li:last-child {
    margin: 0 0 0 5px;
}

.slidesjs-pagination li a {
    display: block;
    width: 9px;
    height: 0;
    padding-top: 9px;
    background-image: url(../images/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
    background-position: 0 -9px
}

.slidesjs-pagination li a:hover {
    background-position: 0 -9px
}

#slides a:link,
#slides a:visited,
#slides2 a:link,
#slides2 a:visited,
#slides2_2 a:link,
#slides2_2 a:visited,
#slides3 a:link,
#slides3 a:visited{
    color: #333
}

#slides a:hover,
#slides a:active,
#slides2 a:hover,
#slides2 a:active,
#slides2_2 a:hover,
#slides2_2 a:active,
#slides3 a:hover,
#slides3 a:active{
    color: #9e2020
}

.navbar {
    overflow: hidden
}



#slides p span,
#slides2 p span,
#slides2_2 p span{
    text-align: center;
    margin-top: 5px;
    font-size: 89%;
    display: block;
}

/* */

#slides,
#slides2,
#slides2_2,
#slides3{
    display: none
}

    .container {
      margin: 0 auto 30px;
    }


@media screen and (max-width: 740px) {
.container {width: auto}
.wrap {width: 95%; margin-left:  auto;margin-right: auto;}
.bar img {width: 100%;}
.bar,
.cont{margin-bottom: 2em;width:100%;}
.cont2{margin-bottom: 0;}
.chr dt,.chr dd{float: none;}
.chr dd {margin-left: 1em;}

/* =============================
 .sectio4
==============================*/
.sec04 {margin-bottom: 3em;}
.sec04 .interview_wrap p img {width:100%;}

}


@media (min-width: 1200px) {
.container {width: 450px}
}