@charset "utf-8";
/* reset */
* {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
img.am {
    vertical-align: middle;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
p {
    margin:0.8em 0;
}
ul, ol {
    margin:0;
    margin: 1em 0 1em 25px;
}
/* render html5 elements as block */
header, footer, section, aside, nav, article {
    display: block;
}
body {
    background-image: url(../images/bg.png);
    background-repeat: repeat-y;
    background-position: center top;
    font-size: 0.9em;
    text-align:center;
    line-height: 1.7;
    color:#333333;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
body, x:-moz-broken {
    font-family:"Verdana", "ＭＳ Ｐゴシック", "Osaka－等幅"
}
* html body {
    font-family:"ＭＳ ゴシック", "MS Gothic", sans-serif;
}
/* layout */
#wrapper {
    width: 940px;
    margin: 0 auto;
    text-align: left;
    background:#FFF;
    overflow:hidden;
    box-shadow:0px 4px 6px 2px rgba(0,0,0,0.40);
}
.wrap {
    width: 940px;
    margin: 0 auto;
}
nav {
    width: 940px;
    height: 55px;
    margin: 0 auto;
    margin-top: -55px;
    text-align: right;
}
#topimage {
    width: 940px;
    margin: 0 auto;
    padding: 0;
}
* html #topimage {
    margin-left: 10px;
    position: relative;
    top: -1px;
}
#main {
    width: 940px;
    margin: 15px auto 0 auto;
    padding: 0;
    overflow: hidden;
}
* html #main {
    margin-left: 10px;
}
#content {
    float: left;
    width: 645px;
    margin-left: 35px;
    min-height:450px;
}
* html #content {
    margin-left: 18px;
}
#sidebar1 {
    float: left;
    padding-left: 15px;
    width: 210px;
}
#sidebar2 {
    float: right;
    padding-right: 15px;
    width: 200px;
}
#exhibition {
    margin-bottom: 7px;
}
#exhibition h2 {
    margin:0;
    padding:0;
    font-size: 100%;
}
#exhibition img {
    border: 5px #cccccc solid; 
}
footer {
    width: 940px;
    margin: 0 auto;
    clear: both;
}
* html footer {
    margin-left: 10px;
}
/* basics */

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    clear: both;
    color: #555;
}
a:link, a:visited {
    color:#1111cc;
}
a:hover, a:active {
    color: #997f55;
}
a.arrow {
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 13px;
}
/** ARTICLES **/

#content p, ul, ol, hr {
    margin-bottom: 24px;
}
#content ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
}
#content h1, h2, h3, h4, h5, h6 {
    color: #555;
    margin: 0 0 20px 0;
    line-height: 1.5em;
}
.alignleft, img.alignleft {
    display: inline;
    float: left;
    margin-right: 10px;
}
.alignright, img.alignright {
    display: inline;
    float: right;
    margin-left: 10px;
}
.aligncenter, img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Contents */
#breadcrumbs {
    padding-left: 20px;
    padding-bottom: 5px;
    font-size: 86%;
    background: url(../images/home.png) top left no-repeat;
}
#content h1 {
    background:#ffffff url(../images/bg_h1.png) no-repeat top left;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px #59493f solid;
    padding: 26px 35px 9px 30px;
    color: #111111;
    font-size: 125%;
    line-height: 115%;
    letter-spacing: 0.3em;
}
#content h1 span {
    border-top:1px #cccccc solid;
    font-size:50%;
    color:#aaaaaa;
}

#content h2 {
    background:transparent url(../images/bg_h2.gif) no-repeat top left;
    padding: 2px 0 8px 15px;
    border-bottom: 1px #111111 solid;
    color: #222222;
    font-size: 110%;
    line-height: 140%;
    font-weight: bold;
}

#content h3 {
    border-bottom: 3px #efefef double;
    padding: 0 10px 3px 0;
    color: #7e6b5a;
    font-size: 110%;
    line-height: 140%;
    font-weight: bold;
}

/* Book */

.book {
    background-color: #F9F9F7;
    width: 100%;
    display: block;
}
.bookimg {
    width: 81px;
    height: 116px;
    float: left;
    margin: 15px 0 15px 10px;
    position: relative;
    box-shadow: 0px 0px 6px 1px rgba(22,0,38,0.13);
}
.bookimg img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.bookinfo {
    width: 530px;
    float: right;
    text-align: left;
    margin-bottom: 10px;
    margin-bottom/*\**/: 6px;
}
#content .bookinfo h2 {
    background-image: none;
    border-bottom: none;
    color: #003145;
    font-size: 113%;
    line-height: 146%;
    margin: 10px 8px 0 0;
    padding: 3px 0;
}
#content .bookinfo h2 span {
    color: #ffffff;
    font-size: 76%;
    font-weight: normal;
    line-height: 146%;
    padding: 2px 8px 1px 8px;
    margin-right: 6px;
}
#Contents h2.b_detail {
    border-top: 1px #c1c1bc solid;
    border-bottom: 1px #c1c1bc solid;
    background: #fcfcf9 url(../images/store/bg_h2.png) repeat-x bottom;
    padding: 6px;
}
#Contents h2.b_confirm {
    border-top: 1px #c1c1bc solid;
    border-bottom: 1px #c1c1bc solid;
    background: #fcfcf9 url(../images/store/bg_h2.png) repeat-x bottom;
    padding: 6px;
}

/* Antaa Slide */
span.booktype7 {
    background-color: #009646;
}

/* 論文 */
span.booktype6 {
    background-color: #ef8100;
}
/* パンフレット */
span.booktype5 {
    background-color: #913875;
}

/* 新聞／ニュースレター */
span.booktype4 {
    background-color: #a85b16;
}
/* 雑誌 */
span.booktype3 {
    background-color: #0d537e;
}

/* 定期刊行物 */
span.booktype2 {
    background-color: #64800f;
}
/* 単行本 */
span.booktype1 {
    background-color: #6f514c;
}
span.contentstype_pdf {
    background-color: #b8860b;
}
span.contentstype_epub {
    background-color: #40456d;
}
span.contentstype_dict {
    background-color: #3eb03d;
}

.book hr {
    clear: both;
    border: none;
    border-top:1px #aaaaaa dotted;
    color:#FFFFFF;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
}
.price {
    line-height: 136%;
}
.price .emprice {
    color: #cc0000;
    font-weight: bold;
}
.publish {
    line-height: 136%;
}
.author {
    line-height: 136%;
}
.issn {
    line-height: 136%;
}
.isbn {
    line-height: 136%;
}
.epub_size {
    line-height: 136%;
}
.abstract {
    line-height: 136%;
}
.detail {
    margin-top: 4px;
    margin-right: 10px;
    text-align: right;
}
.detail img {
    vertical-align: bottom;
}
/* Table of Contents */
.toc {
    margin-top: 1em;
    clear:left;
    position:relative;
    top:-1px;
    /* z-index:1; */
    border:1px solid #cccccc;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    padding:15px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    font-size: 90%;
    line-height: 146%;
}

/* Search Result */
h1#result_search {
    background-image: none;
    margin: 0;
    padding: 0;
    border: none;
    letter-spacing: 0;
    float: left;
}
.searchhead {
    margin: 3px 0;
    padding: 7px 0 3px 0;
    color: #000000;
    border-top: 2px #666666 solid;
}
.searchnumber {
    width: 300px;
    float:left;
    margin-bottom: 7px;
}
.searchpaging {
    font-size: 86%;
    width: 330px;
    float:right;
    text-align: right;
    margin-top: 1px;
    margin-bottom: 7px;
}
.searchpaging_foot {
    font-size: 86%;
    text-align: right;
    margin-top: 6px;
    margin-bottom: 10px;
}
.criteria {
    clear: both;
    background-image: url(../images/icon_criteria.gif);
    background-position: left;
    background-repeat: no-repeat;
    background-color: #d4dcda;
    border: 1px #bbbbbb solid;
    font-size: 90%;
    line-height: 136%;
    color: #222222;
    margin:0;
    padding: 3px 5px 3px 33px;
}
p.info {
    background-color: #ffffdd;
    background-image: url(../images/info.png);
    background-repeat: no-repeat;
    background-position: top left;
    border-top: 1px #bbbbbb solid;
    border-bottom: 1px #bbbbbb solid;
    padding: 18px 10px 18px 60px;
}
ul.minbook {
    list-style-type: none;
    margin-bottom: 0;
}
ul.minbook li {
    list-style-image: url(../images/list_marker.gif);
    padding: 0 0 1em 20px;
}
ul.minbook li ul li {
    list-style-image: none;
    padding: 0;
}
ul.minbook li ol li {
    list-style-image: none;
    padding: 0;
}
ul.minbook2 {
    list-style-type: none;
    margin-bottom: 0;
    margin-left: 25px;
}
ul.minbook2 li {
    list-style-image: url(../images/list_marker2.gif);
    padding: 0 0 1em 0;
}
ul.minbook2 li ul li {
    list-style-image: none;
    padding: 0;
}
ul.minbook2 li ol li {
    list-style-image: none;
    padding: 0;
}

.table02 {
    margin-bottom: 20px;
    border-top-color: #2F2E2E;
    border-top-width: 5px;
    border-top-style: solid;
}

.table02 td {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding: 10px;
    color: #333333;
}

.table02 th {
    background-color: #0d8acc;
    background-image: none;
    color: #FFFFFF;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding: 10px;
    font-weight: normal;
    vertical-align: middle;
    text-align: left;
}

.cel01 {
    background-color: #F3F3F3;
}

.kalib_pdf {
    width: 53%;
    margin: 0 auto 20px auto;
    overflow: hidden;
}

.kalib_pdf .kalib_img{
    float: left;
    margin: 10px;
}
    
.kalib_pdf p{
    padding-top: 4.5em;
}
    
.adobe{
    border:solid 1px #cccccc;
    background-color: #F5F5F5;
    padding:5px 15px;
    margin:30px auto 15px auto;
    width:80%;
    font-size:78%;
}

.adobe table{
    border:none;
    margin:5px 0 0 0;
}
    
.adobe table td{
    border:none;
    vertical-align: middle;
    padding:5px;
}

/* pagination */
.pagination {
    float: right;
    margin:0;
}
.pagination ul {
    margin:0;
    padding:0;
    text-align:left;
}
.pagination li {
    display:inline;
    list-style-type:none;
    margin-right:2px;
}
.pagination a, .pagination a:visited {
    padding:0 5px;
    color:#2e6ab1;
    text-decoration:none;
    border:1px solid #BBBBBB;
}
.pagination a:hover, .pagination a:active {
    color:#000;
    background-color:#D4DCDA;
    border:1px solid #BBBBBB;
}
.pagination .curpage {
    padding:0 5px;
    font-weight:bold;
    text-decoration:none;
    color:#000 !important;
    background-color:#D4DCDA;
    border:1px solid #BBBBBB;
    line-height: 2;
}
.pagesummary {
    float: left;
    margin:0;
}
a.btn_back {
    background-color: #757575;
    border: 1px #c6c6c6 solid;
    padding: 2px 20px 2px 20px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #ffffff;
}
a:link.btn_back, a:visited.btn_back {
    text-decoration: none;
}
.back {
    margin-top: 14px;
    margin-right: 10px;
    text-align: right;
}
.sort {
    text-align: right;
    margin:0;
}
.aright{
    float:right;
    margin:0 15px 0 15px !important;
}
table.table_release{
    margin:-1em 0 0 0;
    padding:0;
    font-size:0.9em;
    width:100%;
}
table.table_release th{
    font-weight:normal;
    padding:3px 5px;
    border-bottom:1px solid #efefef;
    vertical-align:top;
    width:110px;
}
table.table_release td{
    padding:3px 5px;
    border-bottom:1px solid #efefef;
}

a.btn_acquired {
    background-color: #757575;
    border: 1px #c6c6c6 solid;
    padding: 2px 20px 2px 20px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #ffffff;
}
a:link.btn_acquired, a:visited.btn_acquired {
    text-decoration: none;
}

.div_re_acquired {
    background-color: #aaaaaa;
    border: 1px #c6c6c6 solid;
    padding: 2px 20px 2px 20px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #ffffff;
}

a.btn_confirm {
    background-color: #757575;
    border: 1px #c6c6c6 solid;
    padding: 2px 20px 2px 20px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #ffffff;
}
a:link.btn_confirm, a:visited.btn_confirm {
    text-decoration: none;
}

a.btn_complete {
    background-color: #757575;
    border: 1px #c6c6c6 solid;
    padding: 2px 20px 2px 20px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #ffffff;
}
a:link.btn_complete, a:visited.btn_complete {
    text-decoration: none;
}

.price{
    color:#a21e1e;
}
.memberprice{
    background:#FFF;
    box-shadow: 1px 1px 2px #666;
    -webkit-box-shadow: 1px 1px 2px #666;
    font-size: 75%;
    border-radius: 10px;  
    -webkit-border-radius: 10px;
    padding:0 10px;
    border:1px solid #a21e1e;
}

.order {
    background-color: #F9F9F7;
    width: 100%;
    display: block;
}
.order hr {
    clear: both;
    border: none;
    border-top:1px #aaaaaa dotted;
    color:#FFFFFF;
    width: 100%;
    height: 1px;
    margin: 0;
    padding: 0;
}

.input_area {
    padding: 10px 10px 6px 20px;
}

.cardno {
    width: 140px;
}
.securitycode {
    width: 50px;
}
.expire_y {
    width: 30px;
}
.expire_m {
    width: 30px;
}
.new_card {
    padding: 10px 20px 10px 20px;
}
.banner {
    padding:50px 0 0 0;
}

.app_list_in {
    width: 100px;
    height: 150px;
    float: left;
    padding: 5px;
    margin: 0 0 20px 0 ;
}

.icon_app_list img {
    width: 70px;
    height: 70px;
}

.title_app_list {
    font-size: 0.9em;
}

.title_app {
    font-weight: bold;
}

.uguide_step {
    margin: 0 0 50px 0;
}

.uguide_step .outline_step {
    font-size: 1.25em;
    font-weight: bold;
    color: #004ea2;
}

.uguide_step .note {
    padding: 0.6em 1em;
    border: 2px #cc0000 solid;
    color: #cc0000;
    font-size: 0.9em;
    line-height: 137%;
}

.uguide_step .emphasis {
    color:#cc0000;
}

.uguide_step .caption_step {
    color: #363;
    font-weight: bold;
}

.uguide_step .annotation {
    font-size: 86%;
}

.uguide_step li {
    padding: 0 0 10px 0;
}

#manual img {
    max-width: 100%;
    height: auto;
}

.inquiry {
    text-align: center;
}

.inquiry img {
    border: 10px #cccccc solid;
    margin-left: 12px;
}

.login_btn_sp {
    border: solid 1px #d2d2d2;
    background-color: #757575;
    padding: 0 10px;
    margin: 0 auto 7px auto;
    font-size: 90%;
    text-transform: uppercase;
    color: #ffffff;
    cursor: pointer;
}

@media only screen and (min-width : 940px) {
    header {
        background-image: url(../images/bg_header.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        height:109px;
    }
}

@media only screen and (max-width : 939px) {

    #wrapper {
        width: 100%;
        margin-top: 70px;
    }
    #main {
        width: 100%;
    }
    #content {
        float: none;
        width: auto;
        margin: 0;
    }
    article {
        margin: 0 5px;
    }
    .pagination {
        clear: both;
    }
    .book {
        padding: 5px 5px 0 5px;
    }
    .bookimg {
        margin: 0;
    }
    .bookinfo {
        width: 100%;
        float: none;
        margin: 0;
    }
    .detail {
        margin-bottom: 10px
    }
    .aright {
        float: none;
    }
    .table02 {
        width: 100%;
        border-top-width: 0px;
    }
    .table02 th,
    .table02 td {
        display: block;
        width: auto;
    }
    .img-responsive {
        width: 100%;
        height: auto;
    }

}