@charset "UTF-8";
/* © zavn CO., LTD. */
/*----------------------------------------
	profile
----------------------------------------*/
#profile section {
    padding-bottom: 40px;
}
#profile section h2 {
    padding-left: 10px;
    margin-bottom: 30px;
    font-size: 149%;
    color: #0a3364;
    border-left: 10px solid #0a3364;
}
#profile section .picup {
    font-weight: bold;
    color: #d80003;
}
#profile section dl dt {
    padding-top: 20px;
    font-size: 88%;
    color: #0a3364;
    font-weight: bold;
}
#profile section dl dt:first-child {
    padding-top: 0;
}
#profile section dl dd {
    font-size: 88%;
}
#profile section dl dd ul {
    padding-left: 15px;
}
#profile section dl dd dl {
    padding-left: 15px;
}
#profile section dl dd dl dt,
#profile section dl dd dl dd {
    padding-top: 0;
    font-size: 100%;
    color: #333;
}

/*----------------------------------------
	works
----------------------------------------*/
#btnRead {
    margin-top: 20px;
    padding-bottom: 30px;
}

#books h3 {
    text-align: center;
    color: #fff;
    line-height: 50px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}

#books h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
}

#books0 h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: rgb(207, 66, 117); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmNDI3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMDA0NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 66, 117, 1)), color-stop(100%, rgba(192, 4, 72, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf4275', endColorstr='#c00448',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
}

#books0 h3 {
    text-align: center;
    color: #fff;
    line-height: 50px;
    background: rgb(207, 66, 117); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmNDI3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMDA0NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 66, 117, 1)), color-stop(100%, rgba(192, 4, 72, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf4275', endColorstr='#c00448',GradientType=0 ); /* IE6-8 */
}

#booksArea {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 40px;
    background: #f8f8f8;
    border: 1px solid #cccccc;
    border-top: none;
}
#booksArea #book1 {
    padding-bottom: 30px;
}
#booksArea #book1 li {
    width: 100%;
}
#booksArea #book1 li figure {
    text-align: center;
}
#booksArea #book1 li figure figcaption {
    padding: 15px 0;
    font-size: 100%;
    font-weight: bold;
    color: #0a3364;
}
#booksArea #book2 {
    padding-bottom: 30px;
}
#booksArea #book2:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#booksArea #book2 li {
    width: 50%;
    float: left;
}
#booksArea #book2 li figure {
    text-align: center;
}
#booksArea #book2 li figure figcaption {
    padding-top: 15px;
    padding-right: 0;
    padding-left: 0;
    font-size: 100%;
    font-weight: bold;
    color: #0a3364;
}
#booksArea p {
    padding: 0 20px;
}
#booksArea #qrcode {
    margin: 0 auto;
    padding: 10px 20px;
    width: 600px;
    background: #fff;
    border: 1px solid #dddddd;
}
#qrcode00 {
    padding-bottom: 10px;
    width: 280px;
    background: #fff;
    border: 1px solid #dddddd;
    height: 200px;
    margin-left: 37px;
    float: left;
}
#booksArea #qrcode:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#booksArea #qrcode figure {
    width: 135px;
    float: right;
    text-align: right;
}
#booksArea #qrcode dl {
    width: 460px;
    float: left;
}
#booksArea #qrcode dl dt {
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 100%;
    font-size: 100%;
    font-weight: bold;
    color: #ca2f67;
    border-bottom: 1px dotted #ca2f67;
}
#booksArea #qrcode dl dd {
    font-size: 88%;
}

#oppa00 {
    width: 680px;
    height: auto;
    background-repeat: no-repeat;
    background-position: center bottom;
}
#oppa0 {
    width: 380px;
    height: 600px;
    float: left;
}

#oppa1 {
    width: 280px;
    height: 600px;
    float: right;
}

#tsubasa {
    padding-bottom: 60px;
    background: url(../img/works/tsubasa/img_tsubasa_back.jpg) no-repeat right top;
}
#dear {
    padding-bottom: 60px;
    text-align: center;
}
#koibana {
    padding-bottom: 60px;
    text-align: center;
}
#motto {
    padding-bottom: 60px;
    text-align: center;
}
#ura {
    padding-bottom: 60px;
    text-align: center;
    height: 720px;
}
#dl {
    padding-bottom: 40px;
    text-align: center;
    margin-top: -20px;
    padding-top: 0px;
}
#dl0 {
    padding-bottom: 40px;
    text-align: center;
}
#dl1 {
    padding-bottom: 40px;
    text-align: center;
}
#dl2 {
    padding-bottom: 40px;
    text-align: center;
}
#dl3 {
    padding-bottom: 40px;
    text-align: center;
}
#tsubasa h2 {
    padding: 20px 0 30px 46px;
}
#tsubasa h2 + p {
    padding-bottom: 40px;
    width: 100%;
    text-align: center;
}
#tsubasa ul {
    padding-bottom: 50px;
}
#tsubasa ul:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#tsubasa ul li {
    width: 330px;
    float: right;
}
#tsubasa ul li:first-child {
    float: left;
}
#tsubasa p {
    padding-bottom: 30px;
    font-size: 100% !important;
    line-height: 180%;
}

#about section {
    padding: 0 10px 10px;
}
#about section h2 {
    margin-bottom: 10px;
    padding-left: 19px;
    font-size: 100%;
    color: #ca2d66;
    border-bottom: 1px dotted #ca2d66;
    background: url("../img/common/arrow/arrow-s3864220f56.png") no-repeat 3px -380px;
}
#about section p {
    padding-bottom: 20px;
    font-size: 88%;
}
#about section p a {
    font-size: 100%;
}
#about:last-child section {
    padding-bottom: 0;
}

#reborne {
    margin-top: 20px;
}
#reborne h2 {
    padding: 0 !important;
    text-align: center;
    background: none !important;
    border-bottom: none !important;
}
#reborne h2 img {
    max-width: 100%;
    height: auto;
}

#reborne h3 {
    padding: 10px 0;
    max-width: 100%;
    text-align: center;
    font-size: 1.4em;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
#reborne .top_h {
    margin-bottom: 20px;
}
#container #contents #works #books0 #booksArea #book2 li {
}
#about h1 {
    padding-left: 10px;
    margin-bottom: 30px;
    font-size: 149%;
    color: #0a3364;
    border-left: 10px solid #0a3364;
    font-weight: bold;
}

/*----------------------------------------
	contact
----------------------------------------*/
#contact section {
    padding: 0 10px 10px;
}
#contact section h3 {
    margin-bottom: 10px;
    padding-left: 19px;
    font-size: 100%;
    color: #ca2d66;
    border-bottom: 1px dotted #ca2d66;
    background-repeat: no-repeat;
    background-position: 3px -380px;
    background-image: url("../img/common/arrow/arrow-s3864220f56.png");
}
#contact section p {
    padding-bottom: 20px;
    font-size: 88%;
}
#contact section p a {
    font-size: 100%;
}
#contact:last-child section {
    padding-bottom: 0;
}
#contact .btnText {
    margin: 0 !important;
}
#contact .btnText li:last-child {
    margin-bottom: 0;
}

.btnContact a {
    padding-left: 10px !important;
}

.btnText li.btnForm {
    padding-top: 8px;
    height: 52px;
}

.btnText li.btnForm a {
    padding-left: 15px;
}

#contact h2 {
    padding-left: 10px;
    margin-bottom: 30px;
    font-size: 149%;
    color: #0a3364;
    border-left: 10px solid #0a3364;
}

.btnText {
    margin: 0 10px;
}
.btnText li {
    margin-bottom: 10px;
    border: 1px solid #cccccc;
    height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url("../img/common/arrow/arrow-s3864220f56.png") no-repeat 99% -179px, -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: url("../img/common/arrow-s3864220f56.png") no-repeat 99% -179px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
    background: url("../img/common/arrow/arrow-s3864220f56.png") no-repeat 99% -179px, -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: url("../img/common/arrow/arrow-s3864220f56.png") no-repeat 99% -179px, -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Opera 11.10+ */
    background: url("../img/common/arrow/arrow-s3864220f56.png") no-repeat 99% -179px, -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* IE10+ */
    background: url("../img/common/arrow/arrow-s3864220f56.png") no-repeat 99% -179px, linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
}
.btnText li a {
    padding-left: 62px;
    width: auto;
    height: 60px;
    text-align: left;
    display: block;
    font-size: 100%;
    line-height: 46px;
    text-decoration: none;
    color: #000;
    text-shadow: 1px 0 1px black;
}
.hei_2 {
    margin-left: 40px;
}
.hei #works h3 {
    margin-top: 30px;
}
#mainVisualhei {
    background: #111;
    width: 1000px;
    height: 715px;
    background-image: url(../img/works/hei/bg_03.jpg);
}
#mainVisualhei #movie2 {
    padding-right: 70px;
    padding-top: 20px;
}
#mainVisualhei #movie2 iframe {
    border: 6px solid #111;
    box-shadow: 1px 1px 5px #111;
    border-radius: 5px;
}
#mainVisualoppa #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/oppa/main_oppa1.jpg);
}
#mainVisualtsubasa #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/tsubasa/main_tsubasa.jpg);
}
#mainVisualdear #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/dearfriends/main_dearfriends.jpg);
}
#mainVisualkoibana #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/koibana/main_koibana.jpg);
}
#mainVisualmotto #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/motto/main_motto.jpg);
}
#mainVisualtwin #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/twinsoul/bnr_twinsoul.jpg);
}
#mainVisualdl #mainVisualArea,
#mainVisualdl1 #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/deeplove/main_deeplove.png);
    background-size: cover;
    background-position: center calc(50% - 10px);
}

#mainVisualdl0 #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/deeplove/main_deeplove_b0.png);
    background-size: cover;
    background-position: center calc(50% - 20px);
}

/* #mainVisualdl1 #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/deeplove/main_deeplove_b1.jpg);
} */
#mainVisualdl2 #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/deeplove/main_deeplove_b23.png);
    background-size: cover;
    background-position: center calc(50% + 30px);
}
#mainVisualdl3 #mainVisualArea {
    width: 1000px;
    height: 180px;
    background-image: url(../img/works/deeplove/main_deeplove_b3.jpg);
}
#oppa00 h2 {
    margin-top: 10px;
}
#oppa00 p {
    margin-top: 5px;
}
#books0 #booksArea #book2 li p {
    width: 240px;
    margin-left: 30px;
    font-size: 84%;
    color: #ca2e66;
    line-height: 20px;
    border: 1px solid #dddddd;
    text-align: center;
    padding-top: 10px;
    height: 30px;
    margin-bottom: 15px;
}

dl.accordion dt {
    display: block;
    margin-bottom: 0px;
    padding-left: 40px;
    line-height: 46px;
    width: auto;
    text-align: left;
    font-size: 100%;
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    background: url("../img/common/btn/btnstory.png") no-repeat -7px 4px;
}

dl.accordion dt.btnStory {
    cursor: pointer;
    border: 1px solid #aaa;
    width: 70%;
    border-radius: 5px;
}

dl.accordion dt .small-allow {
    display: inline;
    margin-left: 15px;
    font-size: 90%;
    color: #ca2e66;
}

dl.accordion dt.open {
}

dl.accordion dd {
    display: none;
    text-align: left;
    margin-bottom: 10px;
}

#container.hei {
    background: #000;
    padding-top: 20px;
}
.densi {
    margin-bottom: 30px;
    text-align: center;
}
#works .message {
    margin-top: 0;
    margin-bottom: 30px;
}
.message {
    margin-bottom: 50px;
    margin-bottom: 0px;
    margin-top: -50px;
}
#mainVisualhei {
    width: 1100px;
    margin: 0 auto;
}
#mainVisualhei .main_1 {
    float: left;
    margin-top: 370px;
    width: 402px;
    text-align: center;
}
#mainVisualhei .main_2 div,
#mainVisualhei .main_2 p {
    text-align: right;
}
#mainVisualhei .main_2 {
    float: left;
    width: 697px;
}
#mainVisualhei .audi {
    background: url(../img/works/hei/bg_audi.png) no-repeat right top;
    width: 395px;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    margin-top: 100px;
    margin-left: 20px;
}
#mainVisualheiWrap {
    width: 100%;
    background: #0e0e0e;
}
.top_logo {
    text-align: right;
    margin-top: 20px;
}
.top_rensai {
    margin-top: 60px;
}
#official {
    background: #fff;
}
#komidasi {
    text-align: center;
}
#download #qrcode000 {
    width: 604px;
    font-size: 1.2em;
    line-height: 2em;
    margin: 36px;
}
#download #qrcode000 h4 {
    padding: 5px;
}
#booksyoko #midashi {
    font-size: 100%;
    font-weight: bold;
    color: #0a3364;
    padding-left: 20px;
    padding-bottom: 5px;
}

#booksyoko .accordion {
    width: 97%;
}
.accordion .btnStory {
    margin-left: 30px;
}
#booksdl03 #midashi {
    font-size: 100%;
    font-weight: bold;
    color: #0a3364;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#booksside #midashi {
    font-size: 100%;
    font-weight: bold;
    color: #0a3364;
    padding-left: 20px;
    padding-bottom: 5px;
}
#yomu {
    width: 240px;
    margin-left: auto;
    font-size: medium;
    color: #ffffff;
    line-height: 20px;
    text-align: center;
    height: 24px;
    margin-right: auto;
    background-color: #0a3364;
    font-weight: bold;
    margin-bottom: 50px;
}
#books01 h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
    top: 94px;
}
#books01 h5 {
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
}
#books02 h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
    top: 94px;
}
#books02 h5 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
}
#books03 h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
    top: 94px;
}
#books03 h5 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
}
#bookscentre #midashi {
    font-size: 100%;
    font-weight: bold;
    color: #0a3364;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}
#koibana #tsubasabun {
    padding-top: 30px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
}
#motto #tsubasabun {
    padding-top: 30px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
}
#dl0 #tsubasabun {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
}
#dl1 #tsubasabun {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
}
#dl2 #tsubasabun {
    padding-top: 30px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
}
#dl3 #tsubasabun {
    padding-top: 30px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
}
#motto h2 {
    margin-top: 40px;
}
#dl #tsubasabun p .intro .red.strong {
    color: #ff0004;
}
#dl #tsubasabun {
    padding-top: 30px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-weight: bold;
    font-size: 36px;
    line-height: 48px;
}
#movie2 {
    width: 560px;
    margin-left: auto;
    margin-right: auto;
}
#dl2 #book2 {
    width: 280px;
    margin-left: 40px;
    float: left;
    margin-bottom: 20px;
}
#dl2 #book3 {
    width: 280px;
    float: left;
    margin-left: 40px;
    margin-right: 40px;
    margin-bottom: 20px;
}

#booksdl2 h3 {
    text-align: center;
    color: #fff;
    line-height: 50px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}

#booksdl2 h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
}
#book2 #obi01 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: rgb(207, 66, 117); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NmNDI3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMDA0NDgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(207, 66, 117, 1)), color-stop(100%, rgba(192, 4, 72, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(207, 66, 117, 1) 0%, rgba(192, 4, 72, 1) 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf4275', endColorstr='#c00448',GradientType=0 ); /* IE6-8 */
    margin-bottom: 15px;
}

#book2 #obi02 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    margin-bottom: 15px;
    height: 30px;
    margin-top: 800px;
}

#books001 h5 {
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    background: #ed8134; /* Old browsers */
    background: -moz-linear-gradient(top, #ed8134 0%, #ed721a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ed8134), color-stop(100%, #ed721a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ed8134 0%, #ed721a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ed8134 0%, #ed721a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ed8134 0%, #ed721a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ed8134 0%, #ed721a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8134', endColorstr='#ed721a',GradientType=0 ); /* IE6-9 */

    font-size: 75%;
}

#books002 h5 {
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    background: #3babc6; /* Old browsers */
    background: -moz-linear-gradient(top, #3babc6 0%, #05a1c9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3babc6), color-stop(100%, #05a1c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3babc6 0%, #05a1c9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3babc6 0%, #05a1c9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3babc6 0%, #05a1c9 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3babc6 0%, #05a1c9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3babc6', endColorstr='#05a1c9',GradientType=0 ); /* IE6-9 */

    font-size: 75%;
}

#books003 h5 {
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    background: #ff6b6b; /* Old browsers */
    background: -moz-linear-gradient(top, #ff6b6b 0%, #ff0103 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6b6b), color-stop(100%, #ff0103)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ff6b6b 0%, #ff0103 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ff6b6b 0%, #ff0103 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ff6b6b 0%, #ff0103 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ff6b6b 0%, #ff0103 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6b6b', endColorstr='#ff0103',GradientType=0 ); /* IE6-9 */

    font-size: 75%;
}

#books001 h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
    top: 94px;
}

#books002 h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
    top: 94px;
}

#books003 h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
    top: 94px;
}

#books0001 h5 {
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    background: #d64848; /* Old browsers */
    background: -moz-linear-gradient(top, #d64848 0%, #d80003 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d64848), color-stop(100%, #d80003)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d64848 0%, #d80003 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d64848 0%, #d80003 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d64848 0%, #d80003 100%); /* IE10+ */
    background: linear-gradient(to bottom, #d64848 0%, #d80003 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d64848', endColorstr='#d80003',GradientType=0 ); /* IE6-9 */

    font-size: 75%;
}

#books0002 h5 {
    text-align: center;
    color: #ffffff;
    line-height: 30px;
    background: #354e91; /* Old browsers */
    background: -moz-linear-gradient(top, #354e91 0%, #0f3193 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #354e91), color-stop(100%, #0f3193)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #354e91 0%, #0f3193 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #354e91 0%, #0f3193 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #354e91 0%, #0f3193 100%); /* IE10+ */
    background: linear-gradient(to bottom, #354e91 0%, #0f3193 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#354e91', endColorstr='#0f3193',GradientType=0 ); /* IE6-9 */

    font-size: 75%;
}

#books0001 h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
    top: 94px;
}

#books0002 h4 {
    text-align: center;
    color: #fff;
    line-height: 30px;
    background: #343434; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM0MzQzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #343434 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #343434 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #343434 0%, #000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #343434 0%, #000000 100%); /* IE10+ */
    background: linear-gradient(to bottom, #343434 0%, #000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
    font-size: 75%;
    margin-bottom: 20px;
    top: 94px;
}

.aud_head {
    background: #062543;
    width: 100%;
}
#audi_text {
    text-align: center;
}
#audi_text table {
    background: #fff;
    margin-bottom: 60px;
}
#audi_text th {
    background: #6a27a5;
    color: #fff;
    padding: 5px 0;
    width: 30%;
    border-bottom: 1px solid #6a27a5;
}
#audi_text td {
    padding: 3%;
    font-size: 0.9em;
    text-align: left;
    border-bottom: 1px solid #eee;
}
#audi_text.sp th,
#audi_text.sp td {
    display: block;
}
.bold {
    font-weight: bold;
}
.inner_frame {
    border-radius: 5px;
    background: #eee;
    padding: 10px;
    margin-top: 10px;
}
.sub_contents {
    background: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 25px 15px;
}
.anime_contents {
    background-image: url(../img/works/deeplove/anime_bg.png);
    background-size: 300px;
    background-position: top right;
    background-repeat: no-repeat;
    border: 3px solid #093263;
    padding: 40px;
    text-align: center;
    box-shadow: 0 0 89px 28px rgba(255, 255, 255, 1) inset;
    font-size: 19px;
}
.anime_contents p {
    line-height: 2.2 !important;
}
.anime_contents h2 {
    font-size: 1.4rem;
    margin-bottom: 10px;
    line-height: 1.6;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.anime_contents p {
    margin-bottom: 19px;
    font-size: 3.5vw;
    line-height: 1.8;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.sub_menu .icon {
    vertical-align: middle;
}
.comic_read {
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-weight: bold;
}
.comics .book-cover-list {
    padding: 0 15px 15px;
    font-size: 13.5px;
    line-height: 1.6;
}
.book-cover-img {
    margin-bottom: 10px;
    text-align: center;
    margin-top: 20px;
}
.book-cover-img img {
    max-height: 350px;
}
.comic_text {
    font-size: 13.5px;
    line-height: 1.6;
}
.comics .comic_info {
    border-top: 1px solid #ddd;
    color: #888;
    font-size: 12.5px;
    margin-top: 10px;
    padding-top: 10px;
}
.comics .small {
    font-size: 0.9em;
}
.comic_button {
    margin-top: 10px;
}
.comic_button h4 {
    text-align: center;
    margin-bottom: 5px;
}
.comic_button h4 img {
    margin-right: 3px;
}
.comic_button button {
    background: #fff;
    border: 2px solid #cecece;
    border-radius: 3px;
    width: 100%;
}
.comic_button button img {
    margin-right: 3px;
    vertical-align: middle;
}
.comic_button a {
    display: block;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding: 10px;
}
.comic_button .icon {
    vertical-align: middle;
}
.textvisualwrap {
    height: 100px !important;
}
.textvisual {
    padding: 35px;
    font-weight: bold;
    font-size: 30px;
    width: 1000px;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    margin: 0 auto;
    color: #fff;
}
.comics {
    font-size: 1.2rem;
    line-height: 1.8;
}
.comics .area > h1 {
    margin-bottom: 10px;
    padding: 8px;
    color: #fff;
    font-size: 100%;
    font-weight: normal;
    background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00468c), color-stop(100%, #003366));
    background: none, -webkit-linear-gradient(top, #00468c 0%, #003366 100%);
    background: none, -moz-linear-gradient(top, #00468c 0%, #003366 100%);
    background: none, -o-linear-gradient(top, #00468c 0%, #003366 100%);
    background: none, linear-gradient(top, #00468c 0%, #003366 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
#contents > article .comics p {
    font-size: 13px;
}
.comics .intro,
.novels .intro {
    text-align: center;
    font-size: 17px !important;
    margin-bottom: 15px;
}
.comics .bookArea {
    margin-bottom: 10px;
    padding-bottom: 0px;
    background: #f8f8f8;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.comics .spnovel.bookArea h3 {
    background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cf4275), color-stop(100%, #c00448));
    background: none, -webkit-linear-gradient(top, #cf4275 0%, #c00448 100%);
    background: none, -moz-linear-gradient(top, #cf4275 0%, #c00448 100%);
    background: none, -o-linear-gradient(top, #cf4275 0%, #c00448 100%);
    background: none, linear-gradient(top, #cf4275 0%, #c00448 100%);
}
.comics .bookArea h3 {
    margin-bottom: 20px;
    background: none, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #343434), color-stop(100%, #000000));
    background: none, -webkit-linear-gradient(top, #343434 0%, #000000 100%);
    background: none, -moz-linear-gradient(top, #343434 0%, #000000 100%);
    background: none, -o-linear-gradient(top, #343434 0%, #000000 100%);
    background: none, linear-gradient(top, #343434 0%, #000000 100%);
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #cccccc;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 88%;
    text-shadow: 1px 0 1px #464646;
}
.comics .red {
    color: #cc3267;
}
.share_button {
    margin-bottom: 30px;
}