@charset "utf-8";
/* 共通 */

body {
    min-width: 1290px;
    margin: 0 auto;
    color: #2e2e2e;
    line-height: 1.6;
    font-size: 14px;
}

a:hover img, a:active img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

/*----------------------------------------------------
           header
----------------------------------------------------*/
#header {
    position: relative;
    background: #00a0e5;
    height: 152px;
    padding: 14px 20px 8px;
    color: #fff;
}

/*------------------header上--*/
.header-top {
    overflow: hidden;
}

/*------------------通常時
.logo {
    float: left;
    margin: 8px 0 0 8px;
}

input.searchbtn {
    position: absolute;
    top: 136px;
    left: 382px;
    width: 25px;
    height: 26px;
    padding: 0;
    border: medium none;
    line-height: 25px;
}

.logo img {
    height:60px;
}

.search-box {
    clear: left;
    float: left;
    width: 390px;
    height: 35px;
    margin: 18px 0 0 0;
    border-width: 0 1px 2px 1px;
    border-style: solid;
}

.login-box {
    float: left;
    width: 600px;
    margin: 16px 0 0 0;
}
--*/

/*------------------Anniversary--*/
.logo {
    float: left;
    margin: 0px 0 0 0px;
}

input.searchbtn {
    position: absolute;
    top: 128px;
    left: 382px;
    width: 25px;
    height: 26px;
    padding: 0;
    border: medium none;
    line-height: 25px;
}

.logo img {
    height:70px;
}

.logo_bookshelf {
    float: left;
    margin: 0px 0 0 0px;
}

.logo_bookshelf img{
    height: 46px !important;
}


.search-box {
    clear: left;
    float: left;
    width: 390px;
    height: 35px;
    margin: 10px 0 0 0;
    border-width: 0 1px 2px 1px;
    border-style: solid;
}

.login-box {
    float: left;
    width: 600px;
    margin: 10px 0 0 0;
}

/*------------------Anniversary--*/

.logo a:hover img, .logo a:active img {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
}

.logo span {
    display: block;
    padding: 8px 0 0 0;
    font-size: 14px;
    text-align: center;
}

.header-top .ad-header {
    float: left;
    margin-left: 100px;
}

/*------------------header下--*/
/*------------------検索--*/
.header-bottom {
    overflow: hidden;
}

input.searchin {
    position: relative;
    width: 320px;
    height: 35px;
    padding: 0 10px;
    border: none;
    line-height: 36px;
}



/*------------------ログイン・無料会員登録--*/


.login-box li {
    float: left;
    margin: 0 0 0 15px;
}

/*----------無料会員登録ボタン--*/
.login-box .freeregister-btn {
    margin: 0 0 0 10px;
}

/*------------------RSS--*/
.subnavi {
    float: right;
    margin: 10px 4px 0 0
}

.subnavi a {
    color: #fff;
}

.subnavi_rss {
    margin: 4px 0 0 0;
    line-height: 1.2;
}

.subnavi_rss .icon {
    background: url(../img/icon_rss.png) no-repeat left center;
    padding: 1px 0 0 18px;
    height: 12px;
    line-height: 12px;
}

.subnavi_rss a:hover .icon, .subnavi_rss a:active .icon {
    background: url(../img/icon_rss_on.png) no-repeat left center;
    color: #2e2e2e;
}

/*------------------ナビゲーション--*/
/*------------------読者・作家・出版社 R18--*/
.naviWrap {
    overflow: hidden;
    background: #fff;
    border-bottom: #ececec solid 3px;
}

.naviWrap a {
    display: block;
    min-width: 250px;
    padding: 10px;
    color: #555;
    border-left: 1px solid #ececec;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.navi {
    float: left;
    padding: 0 0 0 20px;
    background: #fff;
}

.navi li {
    float: left;
}

/*--読者--*/
.navi .reader .icon {
    padding: 1px 0 0 32px;
    background: url(../img/icon_reader.png) no-repeat left;
    color: #f350a2;
    font-weight: bold;
}

/*--作者--*/
.navi .author .icon {
    padding: 2px 0 0 30px;
    background: url(../img/icon_author.png) no-repeat left;
    color: #b670d9;
    font-weight: bold;
}

/*--出版社--*/
.navi .publication {
    border-right: 1px solid #ececec;
}

.navi .publication .icon {
    padding: 2px 0 0 34px;
    background: url(../img/icon_publication.png) no-repeat left;
    color: #6180fd;
    font-weight: bold;
}

/*--R18--*/
.r18btn {
    float: right;
    padding: 0 20px 0 0;
}

.r18btn a {
    border: none;
    color: #fff;
}

/*----------------------------------------------------
           内容
----------------------------------------------------*/
#contentswrap {
    padding: 20px 20px 0;
}

#contents {
    overflow: hidden;
}

/*----------------------------------------------------
           メインカラム
           （TOPから共通）
----------------------------------------------------*/
.main-column {
    float: left;
    width: 100%;
}

.main {
    margin: 0 323px 0 202px;
}

/*------------------◆作品並べる
--------------------(margin左右20px--*/
.topmain-box {
    margin: 0 auto 26px;
    padding: 18px 10px 20px;
    background: #fff;
    border-width: 0 1px 2px 1px;
    border-style: solid;
}

/*------------------タイトルh2--*/
.topmain-ttl {
    overflow: hidden;
    margin: 0 0 0 10px;
    padding: 0;
    background: none;
    font-size: 22px;
    line-height: 1.2;
}

.topmain-ttl strong {
    float: left;
}

/*--もっと見る--*/
.more-btn {
    float: right;
    margin: 0 20px 0 0;
}

/*------------------タイトルh3--*/
.topmain-subttl {
    clear: both;
    margin: 10px 10px 0;
    color: #fff;
    font-size: 18px;
}

.topmain-subttl strong {
    display: block;
    width: 156px;
    height: 30px;
    border-radius: 3px 3px 0 0; /* CSS3草案 */
    -webkit-border-radius: 3px 3px 0 0; /* Safari,Google Chrome用 */
    -moz-border-radius: 3px 3px 0 0; /* Firefox用 */
    text-align: center;
    line-height: 32px;
}

/*------------------お知らせ--*/
.top-info-box {
    margin: 10px;
}

/*------------------新着作品--*/
.bookList {
    min-width: 660px;
    margin: 0 0 25px 0;
}

/*------------------最新登録タグ--*/
.newtagList {
    overflow: hidden;
    margin: 16px 0 0 0;
}

.newtagList li {
    display: block;
    white-space: nowrap;
    float: left;
    margin: 0 10px 10px;
}

.newtagList a {
    display: block;
    height: 32px;
    padding: 0 14px;
    color: #fff;
    border-radius: 3px; /* CSS3草案 */
    -webkit-border-radius: 3px; /* Safari,Google Chrome用 */
    -moz-border-radius: 3px; /* Firefox用 */
    line-height: 33px;
    text-align: center;
}

/*------------------センター広告--*/
.ad-topmain {
    width: 728px;
    margin: 25px auto 0 auto;
}

.ad_728x90_middle {
    width: 728px;
    margin: 0 auto 25px auto;
}

/*----------------------------------------------------
           メインカラム：下層ページ
           （作品情報系）
----------------------------------------------------*/
/*------------------◆作品説明
--------------------(margin左右変--*/
.main-box {
    position: relative;
    margin: 0 auto 26px;
    padding: 0 20px 20px;
    background: #fff;
    border-width: 0 1px 2px 1px;
    border-style: solid;
}

/*------------------書誌--*/
.bibliography {
    padding: 20px 0 10px;
    overflow: hidden;
}

/*--NEW追加--*/
.new-label {
    display: block;
    position: absolute;
    top: 0;
}

.bibliography-info {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/*------------------作品情報--*/
.bibliography-left {
    float: left;
    width: 80%;
    margin: 40px 0 0 10px;
}

/*--書影--*/
.bibliography-info dt {
    float: left;
    position: relative;
}

.bibliography-info dt img {
    width: 200px;
    height: auto;
    border: 1px #e1e1e1 solid;
}

/*--Y.Otokawaマーク追加--*/
.image-mark {
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 20px;
    z-index: 100;
    line-height: 20px;
    font-size: 11px;
    padding: 0 3px;
    border-radius: 4px 0 0 0; /* CSS3草案 */
    -webkit-border-radius: 4px 0 0 0; /* Safari,Google Chrome用 */
    -moz-border-radius: 4px 0 0 0; /* Firefox用 */
    color: ghostwhite !important;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}

.image-mark.hq {
    background-color: #1e88e5;
}

.image-mark.wait_hq {
    background-color: #2fc1ed;
}

/*------------------作品テキスト情報--*/
.bibliography-info .bibliography-txt {
    min-height: 285px;
    margin: 0 0 0 230px;
    color: #555;
}

/*--作品タイトル--*/
.bibliography-titlel {
    display: block;
    margin: 0 0 20px 0;
    font-size: 24px;
    line-height: 1.2;
}

/*--著作者・閲覧数--*/
.bibliography-info dd em {
    display: block;
    overflow: hidden;
    margin: 0 3px 4px;
    font-size: 16px;
    line-height: 31px;
}

.bibliography-writer a {
    margin: 0 10px 0 0;
}

.bibliography-info dd .bibliography-view {
    margin: 10px 5px 30px;
}

.sabinfo-ttl {
    display: block;
    float: left;
    width: 80px;
    height: 30px;
    margin: 0 10px 0 0;
    background: #f5f5f5;
    text-align: center;
}

/*--ボタン--*/
.bibliography-btn li {
    margin: 0 0 5px 0;
}

/*------------------PDF購入--*/
.bibliography-info .bibliography-pdf-1 {
    display: block;
    overflow: hidden;
    clear: both;
    float: none;
    width: 497px;
    margin: 18px 0 0 0;
    padding: 12px 14px 5px 14px;
    background: #f5f5f5;
}

.bibliography-info .bibliography-pdf-2 {
    display: none;
}

/*--永久に所有ができ～--*/
.bibliography-pdf-ttl {
    display: block;
    margin: 0 0 16px;
    background: #777;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

/*--PDF購入種類--*/
.bibliography-pdf-btnli {
    text-align: center;
}

.bibliography-pdf-btnli li {
    display: inline-block;
    display: inline \9; /* IE8以下に対応 */
    overflow: hidden;
    margin: 0 8px 10px;
    *zoom: 1; /* IE7以下に対応 */
}

.bibliography-pdf-btnli li em {
    float: left;
    margin: 0 8px 0 0;
    font-size: 14px;
    line-height: 1.2;
    text-align: left;
}

.bibliography-pdf-price {
    display: block;
}

.bibliography-pdf-price span {
    font-size: 13px;
}

/*--小さいボタン--*/
.bibliography-pdf-btn {
    float: left;
}

.bibliography-pdf-btn a {
    width: 120px;
    height: 28px;
    line-height: 30px;
}

/*--1780px以上だとボタンの横に並ぶ--*/
@media screen and (min-width: 1580px) {

    .bibliography-info .bibliography-pdf-1 {
        display: none;
    }

    .bibliography-btn {
        float: left;
    }

    .bibliography-info .bibliography-pdf-2 {
        display: block;
        float: left;
        width: 500px;
        margin: 0 0 0 20px;
        padding: 10px 14px 0 14px;
        background: #f5f5f5;
        color: #2e2e2e;
    }

    /*--永久に所有ができ～--*/
    .bibliography-pdf-ttl {
        margin: 0 0 10px 0;
        padding: 5px;
        line-height: 1.2;
    }

    /*--PDF購入種類--*/
    .bibliography-pdf-btnli li em {
        float: none;
        margin: 0 4px 3px;
    }

    .bibliography-pdf-price {
        display: inline;
    }

    /*--小さいボタン--*/
    .bibliography-pdf-btn {
        display: block;
        float: none;
        width: 122px;
        margin: 0 auto;
    }

    .bibliography-pdf-btn a {
        width: 120px;
        height: 28px;
        line-height: 30px;
    }

}

/*------------------作品その他情報 右側--*/
.bibliography-right {
    width: 123px;
}

.bibliography-type {
    position: absolute;
    top: 0;
    right: 0;
    width: 123px;
}

/*--違反報告--*/
.ban {
    position: absolute;
    overflow: hidden;
    right: 0;
    bottom: 0;
}

.ban .icon {
    float: left;
    display: block;
    width: 14px;
    height: 14px;
    margin: 4px 4px 0 0;
    background: url(../img/icon_ban.png) no-repeat left top;
}

.ban a {
    display: block;
    float: left;
}

/*------------------登録タグ--*/
.register-tag {
    margin: 30px 10px 20px;
    padding: 20px 20px 15px 20px;
    background: #f5f5f5;
    color: #474747;
}

/*--見出しタイトル--*/
.register-tag-ttl {
    overflow: hidden;
}

.register-tag-ttl strong {
    float: left;
    font-size: 18px;
}

/*--登録ボタン--*/
.register-btn {
    float: right;
}

/*--タグ登録ボタン--*/
.register-btn a {
    width: 102px;
    height: 27px;
    line-height: 29px;
    font-size: 14px;
}

.register-btn a .icon {
    padding: 2px 20px 0 0;
    background: url(../img/icon_plus.png) no-repeat right center;
}

/*--タグリスト--*/
.register-tagList {
    overflow: hidden;
    margin: 20px 0 0 0;
}

.register-tagList li {
    display: block;
    white-space: nowrap;
    float: left;
    margin: 0 10px 10px;
}

/*--タグリンク--*/
.taglink {
    color: #474747;
}

.taglink:hover, .taglink:active {
    color: #00a0e5;
}

/*--×ボタン--*/
.closebtn {
    padding: 1px 5px 0;
}

.closebtn img {
    vertical-align: top;
}

/*------------------◆PDF説明
--------------------(margin左右変--*/
.buypdf {
    padding: 18px 0 0 0;
}

/*--見出しタイトル--*/
.main-ttl {
    margin: 0 0 0 100px;
    color: #00a0e5;
}

/*--PDF説明内容--*/
.buypdf-info {
    overflow: hidden;
}

/*--プレミアム会員特典PDF1冊無料--*/
.pdf-bonus-bottom {
    margin: 0 0 0 100px;
}

.buypdf-description {
    padding: 10px;
    clear: both;
}

.buypdf-description strong {
    font-weight: bold;
}

.buypdf-description ul {
    margin: 10px 0 10px 0;
}

/*------------------PDF作品情報 左側--*/
.buypdf-left {
    float: left;
    margin: 30px 0 0 20px;
}

/*--書影--*/
.buypdf-left dt {
    float: left;
    width: 144px;
}

.buypdf-left dt img {
    display: block;
    width: 144px;
    height: auto;
    border: 1px #e1e1e1 solid;
}

/*--作品テキスト--*/
.buypdf-left dd {
    float: left;
    width: 180px;
    margin: 0 0 0 20px;
    color: #555;
}

/*--作品タイトル--*/
.buypdf-left .bibliography-titlel {
    margin: 50px 0 16px;
    font-size: 22px;
}

/*------------------PDFボタン 右側--*/
.buypdf-right {
    float: left;
    margin: 30px 0 0 20px;
}

.buypdf-btn li {
    margin: 0 0 10px;
    padding: 25px 20px 15px;
    background: #f5f5f5;
}

/*--PDFボタンタイトル--*/
.buypdf-btn li em {
    display: block;
    margin: 0 0 15px 0;
    font-size: 18px;
    text-align: center;
}

/*--PDFボタン値段--*/
.buypdf-btn li strong {
    display: block;
    margin: 0 0 15px 0;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

/*--PDFボタン税込--*/
.buypdf-btn li strong span {
    font-size: 14px;
    font-weight: normal;
}

/*--1610px以上だと横に並ぶ--*/
@media screen and (min-width: 1610px) {

    .buypdf-btn li {
        float: left;
        margin: 0 5px 0;
        padding: 25px 30px 15px;
        background: #f5f5f5;
    }

}

/*------------------◆検索結果
--------------------(boxはTOPと共通--*/

/*-検索した作品が見つかりませんでした。--*/
.notapplicable {
    padding: 56px 0 50px;
    text-align: center;
    font-size: 18px;
}

/*--○〜○件を表示--*/
.topmain-ttltxt {
    float: right;
    padding: 6px 10px 0 0;
    color: #555;
    font-size: 14px;
}

/*----------------------------------------------------
           メインカラム：下層ページ
           （著者情報系）
----------------------------------------------------*/
/*------------------◆著作者一覧
--------------------(boxはTOPと共通--*/

/*------------------タブ--*/
.syllabary {
    overflow: hidden;
    width: 609px;
    margin: 18px 0 6px 10px;
    border-color: #dedede;
    border-style: solid;
    border-width: 1px 1px 2px;
}

.syllabary li {
    float: left;
}

.syllabary li a {
    display: block;
    width: 60px;
    height: 30px;
    background: #f5f5f5;
    color: #2e2e2e;
    border-right: 1px solid #dedede;
    text-align: center;
    line-height: 31px;
}

.syllabary li a:hover, .syllabary li a:active {
    background: #999;
    color: #fff;
}

.syllabary li .end {
    border: medium none;
}

/*--選択されてるタブ--*/
.syllabary .tag-on a {
    background: #777;
    color: #fff;
}

/*------------------著作者情報--*/
.authorList .author-li {
    height: 100%;
    margin: 0 10px 16px;
    border-bottom: 3px solid #efefef;
}

.authorList li .authorList-box {
    padding: 12px 20px;
    border: 1px solid #dedede;
}

.author-info {
    overflow: hidden;
}

/*--著者名--*/
.author-name {
    float: left;
    padding: 2px 0 0 22px;
    background: url(../img/icon_author_m.png) no-repeat left center;
    color: #00a0e5;
    font-size: 18px;
}

/*--関連商品ボタン--*/
.author-btn {
    float: right;
}

.author-btn a {
    width: 130px;
    height: 27px;
    line-height: 28px;
}

/*------------------著作者作品--*/
.author-book-box {
    overflow: hidden;
    margin: 10px 0 0 0;
    padding: 10px 14px 4px;
    background: #F5F5F5;
}

/*--掲載作品--*/
.author-bookttl {
    float: left;
    min-width: 134px;
    margin: 0 0 5px 0;
}

.author-bookttl strong {
    font-size: 15px;
}

/*--掲載数--*/
.bookcount {
    color: #4d4d4d;
}

/*--作品リスト--*/
.author-book {
    margin-left: 140px;
}

.author-book li {
    display: block;
    float: left;
    margin: 0 10px 5px 10px;
    white-space: nowrap;
}

/*------------------◆著作者商品一覧(Amazon)
--------------------(boxはTOPと共通--*/

.amazon {
    height: 100%;
}

.amazonList-ul {
    overflow: hidden;
}

.amazonList li {
    float: left;
    margin: 16px 10px;
    border-bottom: 3px solid #efefef;
}

.amazonList .amazonList-box {
    width: 300px;
    height: 240px;
    padding: 10px 16px;
    border: 1px solid #dedede;
}

/*------------------商品情報--*/
.amazonList-box .amazon-info {
    float: left;
    width: 162px;
}

.amazon-info li {
    float: none;
    overflow: hidden;
    width: auto;
    margin: 5px 0;
    padding: 0;
    border: none;
    line-height: 1.3;
    white-space: normal;
}

.amazon-info em {
    display: block;
    float: left;
    width: 60px;
    height: 22px;
    background: #eee;
    line-height: 24px;
    text-align: center;
}

.amazon-info span {
    display: block;
    margin: 0 0 0 66px;
}

/*--作品名--*/
.amazon-info .amazon-ttl {
    font-size: 18px;
    margin: 5px 0 12px;
}

/*--著作者名--*/
.amazon-info .amazon-author {
    margin: 3px 0 26px;
    font-size: 16px;
}

/*------------------アマゾン埋め込み--*/
.amazonList-box iframe {
    width: 120px;
    height: 240px;
    margin: 0 0 0 18px;
}

/*----------------------------------------------------
           右カラム
----------------------------------------------------*/
.left-column {
    float: left;
    width: 182px;
    margin: 0 0 0 -100%;
}

/*------------------探す--*/
.searchList-box {
    margin: 0 0 10px 0;
    border-width: 0 1px 2px 1px;
    border-style: solid;
}

/*------------------タイトル--*/
.searchList-ttl {
    padding: 0 0 3px 5px;
    font-size: 18px;
    border: 0;
}

.searchList-ttl .icon {
    padding: 0 0 0 25px;
}

/*------------------サブタイトル--*/
.searchList-subttl {
    height: 28px;
    padding: 2px 0 0 14px;
    color: #fff;
    line-height: 28px;
}

/*------------------リスト--*/
.searchList li a {
    display: block;
    height: 40px;
    color: #2e2e2e;
    padding: 0 0 0 14px;
    line-height: 40px;
}

.searchList .white {
    background: #fff;
}

.searchList .gray {
    background: #f5f5f5;
}

/*------------------ツイッター--*/
.twitter {
    margin: 20px 0;
}

/*----------------------------------------------------
           右カラム
----------------------------------------------------*/
.right-column {
    float: right;
    width: 303px;
    margin: 0 0 0 -303px;
}

.right-column li {
    margin: 0 0 16px 0;
}

/*------------------会員登録枠-*/
.right-column .member-banner {
    margin: 15px 0 10px 0;
}

/*------------------総数--*/
.total-number {
    margin: 20px auto 16px;
    padding: 23px 26px;
    background: #fff;
    border-width: 0 1px 2px 1px;
    border-style: solid;
    border-radius: 4px; /* CSS3草案 */
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
    -moz-border-radius: 4px; /* Firefox用 */
}

.total-number li {
    margin: 0 0 10px 0;
}

.total-number .end {
    margin: 0;
}

.total-number dl {
    overflow: hidden;
}

.total-number dt {
    float: left;
    width: 129px;
    color: #24a1c7;
}

.total-number dd {
    float: right;
    width: 100px;
    margin: 0 0 0 20px;
    text-align: left;
}

/*------------------ランキング--*/
.ranking-box {
    margin: 0 0 20px 0;
}

.ranking-ttl {
    padding: 0 0 0 5px;
    font-size: 18px;
    border: 0;
}

.ranking-ttl .icon {
    display: block;
    height: 32px;
    padding: 4px 0 0 32px;
}

/*--タブ選択--*/
.ranking-tab {
    overflow: hidden;
    height: 35px;
    margin: 6px 1px;
    border-width: 0 1px 2px 1px;
    border-style: solid;
}

.ranking-tab li {
    float: left;
    margin: 0;
}

.ranking-tab .end {
    border: none;
}

.ranking-tab a {
    display: block;
    width: 99px;
    height: 35px;
    background: #fff;
    text-align: center;
    line-height: 36px;
}

/*--選択されているタブ--*/
/*.tab-on a {
	width:101px;
}*/

/*--ランキング内容--*/
.rankingList li {
    margin: 0 0 6px 0;
    padding: 10px;
    background: #fff;
    border-width: 0 1px 2px 1px;
    border-style: solid;
}

.rankingList dl {
    overflow: hidden;
}

/*--順位--*/
.rankingList dt {
    float: left;
    width: 30px;
    height: 30px;
    margin: 33px 10px 0 0;
    line-height: 31px;
    color: #fff;
    text-align: center;
    font-size: 18px;
}

/*--1位--*/
.ranking-1 {
    background: #ff9c00;
}

/*--2位--*/
.ranking-2 {
    background: #b2b2b2;
}

/*--3位--*/
.ranking-3 {
    background: #b66f00;
}

/*--内容--*/
.rankingList dd {
    float: right;
    width: 236px;
}

/*--書影--*/
.ranking-img {
    float: left;
    margin: 0 12px 0 0;
}

.ranking-img img {
    border: 1px #d0cfcf solid;
}

/*--タイトル等--*/
.ranking-info {
    float: right;
    width: 148px;
    color: #2e2e2e;
    margin: 8px 0 0 0;
}

.ranking-info span {
    display: block;
}

/*--作品名--*/
a:hover .ranking-title, a:hover .ranking-title {
    color: #7a7a7a;
}

/*--閲覧数--*/
.ranking-view {
    height: 24px;
    margin: 24px 0 0 0;
    background: #ebebeb;
    text-align: center;
    line-height: 25px;
}

a:hover .ranking-view, a:hover .ranking-view {
    color: #7a7a7a;
}

/*----------------------------------------------------
           footer
----------------------------------------------------*/
#footerwrap {
    margin: 70px 0 0 0;
    background: #fff;
}

/*------------------SNS--*/
.footer-sns {
    width: 100%;
    padding: 54px 0;
    border-bottom: 1px #c0c0c0 solid;
    text-align: center;
}

.footer-sns li {
    display: inline;
    margin: 0 15px;
}

/*------------------会社情報--*/
.company {
    overflow: hidden;
    padding: 26px 66px 40px;
}

.company ul {
    float: left;
    margin: 14px 0 0 0;
}

.company p {
    float: right;
}

.company li {
    float: left;
}

.company li a {
    display: block;
    padding: 0 22px;
    color: #111;
    border-right: 1px #c3c3c3 solid;
    line-height: 1.1;
}

.company .top a {
    padding: 0 22px 0 0;
}

.company .end a {
    border: none;
}

/*----------------------------------------------------
           下層ページ
           (サイト説明系)
----------------------------------------------------*/
a {
    color: #00a0e5;
    text-decoration: none;
}

a.linkTxt {
    color: #00a0e5;
    text-decoration: underline;
}

/*a:hover, a:active {
    opacity: 0.8;
}*/
/*------------------タイトル--*/
.guideh2-ttl {
    overflow: hidden;
    margin: 0;
    padding: 5px 0 5px 20px;
    background-color: #00a0e5;
    color: #fff;
    font-size: 22px;
}

.guideh3-ttl {
    color: #00a0e5;
    font-size: 22px;
    border-bottom: #00a0e5 solid 1px;
}

.guideh4-ttl {
    color: #00a0e5;
    font-size: 18px;
    margin: 20px 0 5px 0;
}

.guideh5-ttl {
    color: #2e2e2e;
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0 5px 0;
}

/*------------------メインカラム--*/
.mainwarp-box {
    margin: 0 auto 26px;
    background: #fff;
    border-width: 0 1px 2px 1px;
    border-color: #d0e2e6;
    border-style: solid;
}

.mainwarp-box-m {
    padding: 30px;
}

.mainwarp-box-s {
    padding: 20px;
}

.mainwarp-box em {
    font-weight: bold;
}

.mainwarp-box strong {
    color: #fd0055;
    font-size: 18px;
}

/*------------------コンテンツ--*/
.mainwarp-box-s .menber-box-tit {
    font-size: 18px;
    font-weight: bold;
}

.mainwarp-box-s .menber-box {
    margin-bottom: 20px;
}

.mainwarp-box-s .menber-boxL {
    float: left;
    margin: 0 20px 0 0;
}

.mainwarp-box-s .menber-boxR {
    float: left;
    width: 85%;
}

.mainwarp-box dl {
    margin-left: 10px;
}

.mainwarp-box ol {
    margin-left: 10px;
}

.mainwarp-box p {
    margin-left: 10px;
}

.mainwarp-box-m ul {
    margin: 20px 20px;
}

.merit-box {
    margin: 20px auto;
    width: 100%;
    text-align: center;
}

.merit-box img {
    max-width: 100%;
    height: auto;
}

.rule-txtR {
    text-align: right;
}

.kiyaku-box {
    width: 95%;
    height: 300px;
    padding: 15px 15px 0 15px;
    margin-bottom: 10px;
    font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
}

.prm-guide-box {
    border: #d9d9d9 solid 1px;
    width: 100%;
    margin: 20px auto 0 auto;
    padding: 0 0 20px 0;
    text-align: center;
}

.prm-guide-box ul {
    margin: 20px auto;
    width: 580px;
}

.prm-guide-box .prm-guide-boxL {
    float: left;
    margin: 10px 20px 10px 0;
}

.prm-guide-box .prm-guide-boxR {
    float: left;
    width: 220px;
    line-height: 3;
}

.prm-guide-box .prm-guide-boxR a:link {
    color: #684510;
}

.prm-guide-box .prm-guide-boxR a:hover {
    text-decoration: none;
    color: #696969;
}

/*------------------表--*/
.graph table.graph4 {
    width: 100%;
    margin-bottom: 20px;
}

.graph table.graph4 tr td {
    width: 25%;
    border: #d9d9d9 solid 1px;
    padding: 10px;
    text-align: center;
}

.graph table.graph2 {
    width: 100%;
    margin-bottom: 20px;
}

.graph table.graph2 .selL {
    width: 25%;
    border: #d9d9d9 solid 1px;
    padding: 10px;
}

.graph table.graph2 .selR {
    width: 75%;
    border: #d9d9d9 solid 1px;
    padding: 10px;
}

.graph-inner-bgc01 {
    background-color: #f5f5f5;
}

.graph-inner-bgc02 {
    background-color: #eaf9fd;
}

.graph-inner-bgc03 {
    background-color: #d9f0f5;
}

.graph-inner-bgc04 {
    background-color: #c5e4eb;
}

.graph-inner-txtL {
    text-align: left !important;
}

/*-------会員登録後ページ-------*/
.complete-prm-guide-box {
    border: #d9d9d9 solid 1px;
    width: 100%;
    margin: 20px auto 0 auto;
    padding: 0 0 20px 0;
    text-align: center;
}

.complete-prm-guide-box .mbLoginBox {
    margin: 20px auto;
    width: 580px;
}

/*
.prm-guide-box .prm-guide-boxL{
    float:left;
    margin:10px 20px 10px 0;
}
.prm-guide-box .prm-guide-boxR{
    float:left;
    width:220px;
    line-height:3;
}
.prm-guide-box .prm-guide-boxR a:link{
    color:#684510;
}
.prm-guide-box .prm-guide-boxR a:hover{
    text-decoration:none;
    color:#696969;
}
*/

/*----------------------------------------------------
           下層ページ
           (アップロード方法)
----------------------------------------------------*/

.upload-guide_list h3 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

.upload-guide_list dt {
    font-size: 14px;
    font-weight: bold;
}

.upload-guide_list dd {
    margin: 10px 0 50px 0;
    padding: 30px 0;
    background: #EBEBEB;
}

.upload-guide_list dd img {
    display: block;
    margin: 0 auto;
}

/*----------------------------------------------------
           書誌ページ作品データモジュール
----------------------------------------------------*/

body.widthReset{
    min-width:0px !important;
}

.workBtnMod {
    width:600px;
    margin:0 auto;
    padding: 30px;
    background: #EEF6FF;
    border-radius: 8px;
}

.workBtnMod h2 {
    margin:0 0 20px 0;
    font-size: 24px;
    font-weight: bold;
    color:#3C5866;
    text-align: center;
}

.workBtnMod h3 {
    margin:30px 0 20px 0;
    padding:30px 0 0 0 ;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    border-top: 1px solid #ddd;
    color:#3C5866;
}

.workBtnMod .subMod{
    margin:20px 40px 20px 40px;
    padding:20px ;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.subMod textarea{
    display: block;
    margin: 0 auto;
    width:400px;
    font-size: 14px;
    color:#999;
}

.workBtnMod  .or{
    margin:0;
    padding:0;
    text-align:center;
    font-size:16px;
    color:#3C5866;
    font-weight:normal
}

.fileUploadMod{
    margin: 0 0 0 0;
    padding: 20px;
    background: #eee;
    border: 2px dashed #ccc ;
    text-align: center;
}

.fileUploadModTitle{
    margin: 10px 0;
    font-size: 24px;
    color: #999;
    line-height: 180%;
    font-weight: bold;
}

.span{
    display: block;
}


.workBtnMod h3 span.need{
    display:inline-block;
    margin-left:10px;
    text-align: center;
    width:40px;
    color:#fff;
    background: #ff0000;
    border-radius: 4px;
    font-size: 12px;
    line-height: 18px;
}

.workBtnMod  .example{
    color:#999;
    margin: 20px 0 0 0;
    text-align: left;
}

.workBtnMod h4{
    margin:0px 0 0px 0px;
    font-size: 16px;
    font-weight: bold;
    color:#333333;
    text-align: left;
}

.workBtnMod p{
    font-size: 16px;
}

.workBtnMod .selectFilesBtn a{
    margin:0 auto;
    height:36px;
    width:300px;
    line-height: 36px;
}

.upLoadFileList{
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;;
}


.upLoadFileList li{
    margin: 4px;
}

.upLoadFileList .fileName{
    display: inline-block;
    margin: 0 10px;
    font-weight: bold;
}


.upLoadFileList .fileDel a{
    display:inline-block;
    height:28px;
    width:80px;
    margin-left:4px;
    color:#fff;
    background:#999;
    text-align: center;
    line-height: 28px;
    border-radius: 4px; /* CSS3草案 */
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
    -moz-border-radius: 4px; /* Firefox用 */
}


.workBtnMod .textS{
    margin:15px 0 0 0;
    font-size: 12px;
    color:#999;
}

.workBtnMod .btnMod{
    overflow:hidden;
    width:500px;
    margin:40px auto 10px auto;
}

.workBtnMod .btnMod .delBtn{
    float:left;
    width:50%;
}

.workBtnMod .btnMod .delBtn a{
    display:block;
    height:40px;
    width:200px;
    margin:0 auto;
    color:#fff;
    background:#999;
    text-align: center;
    line-height: 40px;
    border-radius: 4px; /* CSS3草案 */
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
    -moz-border-radius: 4px; /* Firefox用 */
}

.workBtnMod .btnMod .nextBtn{
    float:right;
    width:50%;
}

.workBtnMod .btnMod .nextBtn a{
    display:block;
    height:40px;
    width:200px;
    margin:0 auto;
    color:#fff;
    background:#FF6700;
    text-align: center;
    line-height: 40px;
    border-radius: 4px; /* CSS3草案 */
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
    -moz-border-radius: 4px; /* Firefox用 */
}



/*作品データのアップロードボタン*/

.workBtnModTitle{
    margin:20px 0 10px 0;
    padding:20px 10px 10px 10px;
    color:rgb(90, 96, 230);
    background:#ffffff;
    border:4px solid rgb(90, 96, 230);
    border-radius: 8px; /* CSS3草案 */
    -webkit-border-radius: 8px; /* Safari,Google Chrome用 */
    -moz-border-radius: 8px; /* Firefox用 */
}

.workBtnModTitle p{
    text-align: center;
    font-size: 18px;
    font-weight: border;

}

.workBtnModBtn {
    width: 195px;
    margin: 10px auto 20px auto;
    border-width: 0 1px 2px 1px;
    border-color: #ddd;
    border-style: solid;
    border-radius: 4px; /* CSS3草案 */
    -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
    -moz-border-radius: 4px; /* Firefox用 */
}

.workBtnModBtn a {
    color: #fff;
    display: block;
    width: 195px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;

    /*枠*/
    border-width: 0 1px 2px 1px;
    border-color: rgb(90, 96, 230); /* #b33300; */
    border-style: solid;
    border-radius: 4px; /* CSS3草案 */
    -webkit-border-radius: 3px; /* Safari,Google Chrome用 */
    -moz-border-radius: 3px; /* Firefox用 */

    /*背景*/
    background: rgb(90, 96, 230);
}

.workBtnModBtn a:hover {
    background: rgb(44, 51, 209);
}


/*----------------------------------------------------
           2カラムバージョン
----------------------------------------------------*/

#column2_Container{
    width:1300px;
    margin:0 auto;
    overflow:hidden;

}

#column2_Main{
    width:984px;
    float:left;
}

#column2_Right{
    width:303px;
    float:right;
}