336 lines
6.3 KiB
CSS
336 lines
6.3 KiB
CSS
@charset "UTF-8";
|
|
@import "style-reset.css";
|
|
@import "style-standard.css";
|
|
@import "style-advance.css";
|
|
@import "style-bc-kadokawa.css";
|
|
|
|
/* -------------------------------------------------------------
|
|
Windows でチェックするときは以下の指定を利用
|
|
※チェックが済んだら必ず削除かコメントアウトすること
|
|
@import "style-check.css";
|
|
---------------------------------------------------------------- */
|
|
|
|
|
|
|
|
/* ファイル情報
|
|
----------------------------------------------------------------
|
|
【内容】
|
|
外部 CSS の一括読み込み と 作品別カスタマイズ指定
|
|
|
|
【CSSファイルバージョン】
|
|
ver.1.1.0
|
|
|
|
【当ファイル更新時の電書協EPUB 3 制作ガイドバージョン】
|
|
ver.1.1.1
|
|
|
|
【細目】
|
|
・外部 CSS の import
|
|
・作品別カスタマイズ領域
|
|
|
|
【更新履歴】
|
|
2012/12/07 ver.1.1.0
|
|
・ファイル更新時の電書協EPUB 3 制作ガイドバージョン表記を追加
|
|
|
|
2012/08/21 ver.1.0b1
|
|
・公開版
|
|
---------------------------------------------------------------- */
|
|
|
|
|
|
/* -------------------------------------------------------------
|
|
* 作品別カスタマイズ領域
|
|
* ------------------------------------------------------------- */
|
|
|
|
|
|
/* 見出しのデフォルト書体指定
|
|
---------------------------------------------------------------- */
|
|
/* 横組み用 */
|
|
.hltr h1,
|
|
.hltr h2,
|
|
.hltr h3,
|
|
.hltr h4,
|
|
.hltr h5,
|
|
.hltr h6 {
|
|
font-family: serif-ja, serif;
|
|
}
|
|
/* 縦組み用 */
|
|
.vrtl h1,
|
|
.vrtl h2,
|
|
.vrtl h3,
|
|
.vrtl h4,
|
|
.vrtl h5,
|
|
.vrtl h6 {
|
|
font-family: serif-ja-v, serif-ja, serif;
|
|
}
|
|
|
|
|
|
/* リンク指定
|
|
---------------------------------------------------------------- */
|
|
/* 基本設定(上:横組み 下:縦組み) */
|
|
.hltr a {
|
|
color:#0000ff;
|
|
}
|
|
.vrtl a {
|
|
color:#0000ff;
|
|
}
|
|
/* 未訪問リンク */
|
|
a:link {
|
|
}
|
|
/* 訪問済みリンク */
|
|
a:visited {
|
|
}
|
|
/* マウスオーバー時 */
|
|
a:hover {
|
|
}
|
|
/* フォーカス時 */
|
|
a:focus {
|
|
}
|
|
/* アクティブ時 */
|
|
a:active {
|
|
}
|
|
|
|
/* 注釈リンクの下線と色
|
|
---------------------------------------------------------------- */
|
|
/* 基本設定(上:横組み 下:縦組み) */
|
|
.hltr a.cyu {
|
|
color:#0000ff;
|
|
}
|
|
.vrtl a.cyu {
|
|
}
|
|
/* 未訪問リンク */
|
|
a.cyu:link {
|
|
color:#0000ff;
|
|
}
|
|
/* 訪問済みリンク */
|
|
a.cyu:visited {
|
|
color: #0000ff;
|
|
}
|
|
/* マウスオーバー時 */
|
|
a.cyu:hover {
|
|
}
|
|
/* フォーカス時 */
|
|
a.cyu:focus {
|
|
}
|
|
/* アクティブ時 */
|
|
a.cyu:active {
|
|
}
|
|
|
|
|
|
/* 見出しの指定(上:横組み 下:縦組み)
|
|
---------------------------------------------------------------- */
|
|
/* 扉見出し */
|
|
.hltr .tobira-midashi {
|
|
}
|
|
.vrtl .tobira-midashi {
|
|
}
|
|
/* 大見出し */
|
|
.hltr .oo-midashi {
|
|
}
|
|
.vrtl .oo-midashi {
|
|
}
|
|
/* 中見出し */
|
|
.hltr .naka-midashi {
|
|
}
|
|
.vrtl .naka-midashi {
|
|
}
|
|
/* 小見出し */
|
|
.hltr .ko-midashi {
|
|
}
|
|
.vrtl .ko-midashi {
|
|
}
|
|
|
|
|
|
/* カバーページ
|
|
----------------------------------------------------------------
|
|
描画領域の余白をゼロに
|
|
デフォルトで左右中央揃えに
|
|
---------------------------------------------------------------- */
|
|
body.p-cover {
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
body.p-cover .main {
|
|
}
|
|
|
|
|
|
/* 画像のみのページ
|
|
----------------------------------------------------------------
|
|
描画領域の余白をゼロに
|
|
デフォルトで左右中央揃えに
|
|
---------------------------------------------------------------- */
|
|
body.p-image {
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
body.p-image .main {
|
|
}
|
|
|
|
|
|
/* テキスト中心のページ
|
|
---------------------------------------------------------------- */
|
|
body.p-text {
|
|
}
|
|
body.p-text .main {
|
|
}
|
|
|
|
|
|
/* 本扉ページ
|
|
---------------------------------------------------------------- */
|
|
body.p-titlepage {
|
|
}
|
|
body.p-titlepage .main {
|
|
}
|
|
|
|
|
|
/* 奥付ページ
|
|
---------------------------------------------------------------- */
|
|
body.p-colophon {
|
|
}
|
|
body.p-colophon .main {
|
|
}
|
|
|
|
|
|
/* 目次ページ
|
|
---------------------------------------------------------------- */
|
|
body.p-toc {
|
|
}
|
|
body.p-toc .main {
|
|
}
|
|
|
|
|
|
/* 電子版用の注意書きページ
|
|
---------------------------------------------------------------- */
|
|
body.p-caution {
|
|
}
|
|
body.p-caution .main {
|
|
}
|
|
|
|
|
|
/* 広告ページ
|
|
---------------------------------------------------------------- */
|
|
body.p-ad {
|
|
}
|
|
body.p-ad .main {
|
|
}
|
|
.hoshimachi{
|
|
font-style:italic;
|
|
}
|
|
.kai{
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
color:#778899;
|
|
|
|
}
|
|
.f90{
|
|
font-size:0.9em;
|
|
}
|
|
.f80{
|
|
font-size:0.8em;
|
|
}
|
|
.titilepro{
|
|
font-size:1.1em;
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
}
|
|
.titlebig{
|
|
font-size:1.5em;
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
}
|
|
.titlebigsec{
|
|
font-size:1.3em;
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
color: #565656;
|
|
}
|
|
.chnum{
|
|
padding-bottom:5px;
|
|
border-bottom:solid 1px;
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
display:inline-block;
|
|
}
|
|
.chnum1{
|
|
color:#a0a0a0;
|
|
font-size:1.3em;
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
margin-bottom:1em;
|
|
}
|
|
.intext{
|
|
margin-left:2em;
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
color:#778899;
|
|
}
|
|
.titileproin{
|
|
padding-top:5px;
|
|
padding-bottom:5px;
|
|
border-top:solid 1px;
|
|
border-bottom:solid 1px;
|
|
}
|
|
.img-01{
|
|
height:1.5em;
|
|
vertical-align:middle;
|
|
}
|
|
.img-02{
|
|
height:1em;
|
|
vertical-align:middle;
|
|
margin-bottom:3px;
|
|
}
|
|
.titlemidpro{
|
|
font-size:1.3em;
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
}
|
|
.titilemid{
|
|
margin-top:2em;
|
|
margin-bottom:0.5em;
|
|
font-size:1.3em;
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
text-indent:-1.3em;
|
|
padding-left:1.3em;
|
|
}
|
|
.boxpro1{
|
|
text-align:end;
|
|
}
|
|
.boxpro2{
|
|
display:inline-block;
|
|
text-align:justify;
|
|
}
|
|
.table001{
|
|
border:solid 3px #efefef;
|
|
border-spacing:0px;
|
|
color: #274a78;
|
|
width:100%;
|
|
}
|
|
.table001 p{
|
|
padding:10px;
|
|
}
|
|
.tableco1{
|
|
background-color:#717171;
|
|
color:white;
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
}
|
|
.bt0{
|
|
margin-bottom:0em;
|
|
margin-top:0em;
|
|
}
|
|
.haha1{
|
|
color: #565656;
|
|
|
|
}
|
|
.haha1>li::marker{
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
}
|
|
.titlemid1{
|
|
font-size:1.3em;
|
|
font-family: sans-serif;
|
|
font-weight:bold;
|
|
margin-top:2em;
|
|
margin-bottom:0.5em;
|
|
} |