/* ＝＝＝＝＝　全体　＝＝＝＝＝ */

html {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
background-image: url(https://comich.vivian.jp/img/bg_usagi_w03.gif);
background-repeat: repeat;
background-attachment: fixed;
background-position: left;
}
html.inside {
margin: 0px;
padding: 0px;
background-image: none;
background-color: #FFFFFF;
scrollbar-base-color: #ddeeff;
scrollbar-darkshadow-color: #6699ff;
scrollbar-arrow-color: #0099ff;
overflow-x: hidden;
}
body {
font-family: "ＭＳ Ｐゴシック", 平成角ゴシック, sans-serif;
/*font-family: sans-serif; */
font-size: 10pt;
line-height: 12pt;
text-align: center;
padding: 0px;
margin: 10px;
color: #0066FF;
}
body.inside {
font-family: "ＭＳ Ｐゴシック", 平成角ゴシック, sans-serif;
text-align: left;
font-size: 10pt;
line-height: 12pt;
padding: 2px;
margin: 0px;
}
a:link {
color: #0033FF;
}
a:visited {
color: #0066FF;
}
a img {
border-style: none;
}
#page {
text-align: center;
width: 950px;
background-color: #FFFFFF;
padding: 10px;
margin-right: auto;
margin-left: auto;
border-style: solid;
border-color: #66CCFF #0099FF #0099FF #66CCFF;
border-width: 1px 3px 3px 1px;
}
@media print {
body {
margin: 0px;
padding: 0px;
}
#page {
width: 705px;
margin: 0px;
}
}

/* ＝＝＝＝＝　バナー　＝＝＝＝＝ */

#banner {
margin: 0px;
padding: 0px;
}
#banner h1 {
display: none;
}
#banner p {
display: none;
}
#banner table {
width: 950px;
}
@media print {
#banner .noprint {
display: none;
}
#banner table {
width: 695px;
}
}

/* ＝＝＝＝＝　２カラムレイアウト　＝＝＝＝＝ */

#columns {
margin: 15px 0px 0px 0px;
padding: 0px;
width: 950px;
border-spacing: 0px;
}
@media print {
#columns {
width: 695px;
}
}

/* ＝＝＝＝＝　コンテンツ　＝＝＝＝＝ */

#content {
text-align: left;
width: 810px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
}
@media print {
#content {
width: 695px;
padding-right: 0px;
}
}

/* ディレクトリ表示 */

#directory {
margin: 0px 0px 20px 0px;
padding: 0px;
width: 790px;
font-size: 10pt;
background-image: url(https://comich.vivian.jp/img/2010dirtitle_r1_c4.gif);
background-position: 0% 100%;
background-repeat: repeat-x;
}
#directory table {
margin: 0px;
padding: 0px;
border-style: none;
border-collapse: collapse;
border-spacing: 0px;
}
#directory .dirp {
margin: 0px 0px 5px 0px;
font-size: 10pt;
font-weight: normal;
}
#directory .dirname {
margin: 0px;
padding: 0px;
background-image: url(https://comich.vivian.jp/img/2010dirtitle_r1_c2.gif);
}
#directory .dirname h2 {
font-size: 12pt;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font-weight: bold;
}
#directory .dirname .dirname_en {
font-size: 11pt;
color: #FFFFFF;
margin: 0px;
padding: 0px;
font-weight: normal;
}
#directory .dirname a {
color: #FFFFFF;
text-decoration: none;
}
#directory .dirname a:visited {
color: #FFFFFF;
text-decoration: none;
}

/* トップページレイアウト */

#words {
margin: 0px 0px 15px 0px;
width: 785px;
border: 2px solid #33CCFF;
}
#words table {
margin: 5px auto 5px auto;
font-size: 11pt;
line-height: 1.2em;
}

#top_column {
width: 780px;
}
#top_column .top_column1 {
margin: 0px 0px 15px 0px;
padding: 0px 5px 10px 0px;
}
#top_column .top_column1 h3 {
font-size: 11pt;
color: #0088FF;
margin: 0px 0px 2px 0px;
}
#top_column .top_column1 iframe {
border: 2px solid #33CCFF;
width: 375px;
height: 100px;
margin: 0px;
padding: 5px;
}
#top_column .top_column2 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 5px;
}
#top_column .top_column2 h3 {
font-size: 11pt;
color: #0088FF;
margin: 0px 0px 2px 0px;
}
#top_column .top_column2 iframe {
border: 2px solid #33CCFF;
width: 375px;
height: 100px;
margin: 0px;
padding: 5px;
}

#top_column .top_column3 {
margin: 0px 0px 15px 0px;
padding: 0px 5px 15px 0px;
}
#top_column .top_column3 h3 {
font-size: 11pt;
color: #0088FF;
margin: 0px 0px 2px 0px;
}
#top_column .top_column4 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 15px 5px;
}
#top_column .top_column4 h3 {
font-size: 11pt;
color: #0088FF;
margin: 0px 0px 2px 0px;
}

#top_column .top_column5 {
margin: 0px 0px 15px 0px;
padding: 0px 5px 10px 0px;
}
#top_column .top_column5 h3 {
font-size: 11pt;
color: #0088FF;
margin: 0px 0px 2px 0px;
}
#top_column .top_column6 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 5px;
}
#top_column .top_column6 h3 {
font-size: 11pt;
color: #0088FF;
margin: 0px 0px 2px 0px;
}

#top_column .top_column7 {
margin: 0px 0px 15px 0px;
padding: 0px 5px 10px 0px;
}
#top_column .top_column7 h3 {
font-size: 11pt;
color: #0088FF;
margin: 0px 0px 2px 0px;
}
#top_column .top_column7_koma {
border: 2px solid #33CCFF;
width: 375px;
height: 130px;
margin: 0px;
padding: 5px;
}
#top_column .top_column7_koma h4 {
font-size: 10pt;
font-weight: bold;
color: #0088FF;
margin: 5px 0px 0px 0px;
}
#top_column .top_column7_koma p {
font-size: 10pt;
font-weight: normal;
color: #0088FF;
margin: 0px;
}
#top_column .top_column8 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 10px 5px;
}
#top_column .top_column8 h3 {
font-size: 11pt;
color: #0088FF;
margin: 0px 0px 2px 0px;
}
#top_column .top_column8_koma {
border: 2px solid #33CCFF;
width: 375px;
height: 130px;
margin: 0px;
padding: 5px;
}
#top_column .top_column8_koma h4 {
font-size: 10pt;
font-weight: bold;
color: #0088FF;
margin: 5px 0px 0px 0px;
}
#top_column .top_column8_koma p {
font-size: 10pt;
font-weight: normal;
color: #0088FF;
margin: 0px;
}
#top_column .top_column9 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 20px 5px;
font-size: 11pt;
font-weight: normal;
text-align: center;
}
#top_column .top_column10 {
margin: 0px 0px 15px 0px;
padding: 0px 0px 20px 5px;
font-size: 11pt;
font-weight: normal;
text-align: center;
}

/* コンテンツ表示 */

#content h3 {
font-size: 11pt;
color: #0088FF;
margin: 0px 0px 3px 0px;
}
#content h3 a {
color: #0088FF;
}
#content h3 a:visited {
color: #0088FF;
}
#content p {
font-size: 10pt;
line-height: 12pt;
}
#content .koma {
width 790px;
border: 2px solid #33CCFF;
margin: 0px 0px 10px 0px;
padding: 5px;
}
#content .koma p {
margin: 5px 0px 5px 0px;
padding: 0px;
font-size: 10pt;
line-height: 12pt;
}
#content .koma h4 {
font-size: 11pt;
color: #0088FF;
margin: 10px 0px 5px 0px;
}
#content .koma h5 {
font-size: 10pt;
color: #0088FF;
margin: 5px 0px 0px 0px;
}
#content .koma caption {
font-size: 10pt;
color: #0066FF;
margin: 0px;
padding: 1px;
}
#content .koma th {
font-size: 10pt;
font-weight: bold;
color: #0066FF;
margin: 0px;
padding: 1px;
}
#content .koma td {
font-size: 10pt;
line-height: 12pt;
color: #0066FF;
margin: 0px;
padding: 1px;
}
form.trackbackurl {
margin: 0px 0px 10px 0px;
}

/* ＝＝＝＝＝　メニュー　＝＝＝＝＝ */

#menu {
text-align: left;
width: 140px;
height: 100%;
margin: 0px;
padding: 5px;
background-color: #E8F8FF;
}
@media print {
#menu {
display: none;
}
}
#menu .menu_block {
border-bottom: 1px solid #0099FF;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
font-size: 10pt;
line-height: 1.2em;
}
#menu h3 {
margin: 5px 0px 5px 0px;
font-size: 11pt;
font-weight: bold;
line-height: 1.2em;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu li {
margin: 0px;
padding: 0px;
}
#menu p {
margin: 5px 0px 5px 0px;
font-weight: normal;
line-height: 1.2em;
text-align: center;
}

/* ＝＝＝＝＝　カテゴリリスト　＝＝＝＝＝ */

.catlist {
width: 790px;
margin: 0px 0px 15px 0px;
text-align: left;
font-size: 10pt;
line-height: 12pt;
background-color: #33CCFF;
}
.catlist td {
margin: 1px;
background-color: #FFFFFF;
}
.catlist ul {
margin: 0px;
padding: 0px 0px 0px 15px;
}
.catlist ul li .hassubcat {
list-style-image: url(https://comich.vivian.jp/img/marker-hassubcat.gif);
}
.catlist ul li .hasnosubcat {
list-style-image: url(https://comich.vivian.jp/img/marker-hasnosubcat.gif);
}

/* ＝＝＝＝＝　カテゴリ詳細情報　＝＝＝＝＝ */

.catinfo {
margin: 5px auto 20px auto;
width: 600px;
text-align: left;
font-size: 10pt;
line-height: 12pt;
background-color: #33CCFF;
}
.catinfo th {
margin: 1px;
padding: 3px;
background-color: #FFFFFF;
}
.catinfo td {
margin: 1px;
padding: 3px;
background-color: #FFFFFF;
}

/* ＝＝＝＝＝　ウェブページテーブル　＝＝＝＝＝ */

.webtable {
margin: 10px auto 10px 0px;
/* width: 600px; */
text-align: left;
font-size: 10pt;
line-height: 12pt;
background-color: #0099FF;
}
.webtable th {
margin: 1px;
padding: 3px;
background-color: #FFFFFF;
}
.webtable td {
margin: 1px;
padding: 3px;
background-color: #FFFFFF;
}

/* ＝＝＝＝＝　作品リスト　＝＝＝＝＝ */

.worklist {
width: 790px;
margin: 0px 0px 20px 0px;
}
@media print {
.worklist {
width: 695px;
}
}
tr.line0 {
background-color: #BBDDFF;
padding: 1px 0px 1px 0px;
font-size: 10pt;
line-height: 12pt;
}
tr.line1 {
background-color: #FFFFFF;
padding: 1px 0px 1px 0px;
font-size: 10pt;
line-height: 12pt;
}
th.data_header {
font-size: 10pt;
font-weight: bold;
text-align: left;
margin: 0px;
padding: 2px 0px 2px 0px;
}
td.data_title {
text-align: left;
vertical-align: middle;
font-weight: normal;
margin: 0px;
padding: 2px 0px 2px 0px;
}
td.data_page {
text-align: left;
vertical-align: middle;
margin: 0px;
padding: 2px 0px 2px 0px;
}
td.data_category {
text-align: left;
vertical-align: middle;
margin: 0px;
padding: 2px 0px 2px 0px;
}

/* ＝＝＝＝＝　最新情報ページ　＝＝＝＝＝ */

.newsheadline p {
/*font-size: 10pt; */
text-align: left;
color: #0066FF;
margin: 0px 0px 2px 0px;
padding: 0px;
}
.newsentry {
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #0099FF;
}
.content .newsentry p {
/*font-size: 10pt; */
color: #0066FF;
margin: 10px;
padding-left: 15px;
}

/* ＝＝＝＝＝　トラックバックリストページ　＝＝＝＝＝ */

.tbheadline p {
/*font-size: 10pt; */
text-align: left;
color: #0066FF;
margin: 0px 0px 2px 0px;
padding: 0px;
}

/* ＝＝＝＝＝　リンク集ページ　＝＝＝＝＝ */

.linklist {
width: 770px;
margin: 0px 0px 15px 0px;
}
td.linkbanner {
width: 220px;
text-align: center;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #0099FF;
}
td.linkbody {
width: 540px;
text-align: left;
vertical-align: middle;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #0099FF;
}

/* ＝＝＝＝＝　作家ブログ最新情報ページ　＝＝＝＝＝ */

.rsslist {
width: 770px;
margin: 0px 0px 15px 0px;
}
td.blogtitle {
width: 220px;
text-align: left;
font-size: 11pt;
color: #0066FF;
vertical-align: middle;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #0099FF;
}
td.rssentry {
width: 540px;
text-align: left;
color: #0066FF;
vertical-align: middle;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #0099FF;
}
.rssheadline p {
text-align: left;
color: #0066FF;
margin: 0px 0px 2px 0px;
padding: 0px;
}

/* ＝＝＝＝＝　フッター　＝＝＝＝＝ */

#footer {
margin: 10px 0px 0px 0px;
padding: 5px;
width: 950px;
text-align: left;
background-color: #E8F8FF;
}
@media print {
#footer {
display: none;
}
}
#footer h3 {
font-size: 12pt;
color: #0088FF;
margin: 0px 0px 5px 0px;
}
#footer .koma {
border: 2px solid #33CCFF;
margin: 0px;
padding: 5px;
background-color: #FFFFFF;
}
#footer .koma h4 {
font-size: 11pt;
color: #0088FF;
margin: 0px 0px 5px 0px;
}
#footer .koma p {
margin: 0px;
padding: 0px;
font-size: 10pt;
line-height: 12pt;
}