@import url("base.css");
@import url("layout.css");
@import url("rensai.css");

/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/

/* header
----------------------------------------------------------------*/
#globalnavi {
 margin: 0;
 padding: 0;
 width:643px;
 height:67px;
 background:url(../images/header-menu.gif) no-repeat;  
}
#globalnavi li{
 text-indent: -9999px;
 float:left;
 width:107px;
 margin:0;
 padding:0;
}
#globalnavi a{
 display: block;
 width:107px;
 height:67px;
 background:url(../images/header-menu.gif) no-repeat;  
}
#Menu1 a{background-position: 0 0;}
#Menu2 a{background-position: -107px 0;}
#Menu3 a{background-position: -214px 0;}
#Menu4 a{background-position: -321px 0;}
#Menu5 a{background-position: -428px 0;}
#Menu6 a{background-position: -535px 0;}

#globalnavi a:hover{
	background:url(../images/header-menu.gif) no-repeat;
}
#Menu1 a:hover{background-position: 0 -67px;}
#Menu2 a:hover{background-position: -107px -67px;}
#Menu3 a:hover{background-position: -214px -67px;}
#Menu4 a:hover{background-position: -321px -67px;}
#Menu5 a:hover{background-position: -428px -67px;}
#Menu6 a:hover{background-position: -535px -67px;}


#globalnavi-b {
 margin: 0;
 padding: 0;
 width:643px;
 height:67px;
 background:url(../images/header-b-menu.gif) no-repeat;  
}
#globalnavi-b li{
 text-indent: -9999px;
 float:left;
 width:107px;
 margin:0;
 padding:0;
}
#globalnavi-b a{
 display: block;
 width:107px;
 height:67px;
 background:url(../images/header-b-menu.gif) no-repeat;  
}
#Menu1a a{background-position: 0 0;}
#Menu2a a{background-position: -107px 0;}
#Menu3a a{background-position: -214px 0;}
#Menu4a a{background-position: -321px 0;}

#globalnavi-b a:hover{
	background:url(../images/header-b-menu.gif) no-repeat;
}
#Menu1a a:hover{background-position: 0 -67px;}
#Menu2a a:hover{background-position: -107px -67px;}
#Menu3a a:hover{background-position: -214px -67px;}
#Menu4a a:hover{background-position: -321px -67px;}

#globalnavi-g {
 margin: 0;
 padding: 0;
 width:643px;
 height:67px;
 background:url(../images/header-g-menu.gif) no-repeat;  
}
#globalnavi-g li{
 text-indent: -9999px;
 float:left;
 width:107px;
 margin:0;
 padding:0;
}
#globalnavi-g a{
 display: block;
 width:107px;
 height:67px;
 background:url(../images/header-g-menu.gif) no-repeat;  
}
#Menu1g a{background-position: 0 0;}
#Menu2g a{background-position: -107px 0;}
#Menu3g a{background-position: -214px 0;}
#Menu4g a{background-position: -321px 0;}
#Menu5g a{background-position: -428px 0;}
#Menu6g a{background-position: -535px 0;}

#globalnavi-g a:hover{
	background:url(../images/header-g-menu.gif) no-repeat;
}
#Menu1g a:hover{background-position: 0 -67px;}
#Menu2g a:hover{background-position: -107px -67px;}
#Menu3g a:hover{background-position: -214px -67px;}
#Menu4g a:hover{background-position: -321px -67px;}
#Menu5g a:hover{background-position: -428px -67px;}
#Menu6g a:hover{background-position: -535px -67px;}

/* contents header
----------------------------------------------------------------*/
#globalnavi-c {
 margin: 0;
 padding: 0;
 width:643px;
 height:67px;
 background:url(../images/header-c-menu.gif) no-repeat;  
}
#globalnavi-c li{
 text-indent: -9999px;
 float:left;
 width:107px;
 margin:0;
 padding:0;
}
#globalnavi-c a{
 display: block;
 width:107px;
 height:67px;
 background:url(../images/header-c-menu.gif) no-repeat;  
}
#Menu30 a{background-position: 0 0;}
#Menu31 a{background-position: -107px 0;}
#Menu32 a{background-position: -214px 0;}
#Menu33 a{background-position: -321px 0;}
#Menu34 a{background-position: -428px 0;}
#Menu35 a{background-position: -535px 0;}

#globalnavi-c a:hover{
	background:url(../images/header-c-menu.gif) no-repeat;
}
#Menu30 a:hover{background-position: 0 -67px;}
#Menu31 a:hover{background-position: -107px -67px;}
#Menu32 a:hover{background-position: -214px -67px;}
#Menu33 a:hover{background-position: -321px -67px;}
#Menu34 a:hover{background-position: -428px -67px;}
#Menu35 a:hover{background-position: -535px -67px;}

#globalnavi-d {
 margin: 0;
 padding: 0;
 width:643px;
 height:67px;
 background:url(../images/header-d-menu.gif) no-repeat;  
}
#globalnavi-d li{
 text-indent: -9999px;
 float:left;
 width:107px;
 margin:0;
 padding:0;
}
#globalnavi-d a{
 display: block;
 width:107px;
 height:67px;
 background:url(../images/header-d-menu.gif) no-repeat;  
}
#Menu30a a{background-position: 0 0;}
#Menu31a a{background-position: -107px 0;}
#Menu32a a{background-position: -214px 0;}
#Menu33a a{background-position: -321px 0;}
#Menu34a a{background-position: -428px 0;}
#Menu35a a{background-position: -535px 0;}

#globalnavi-d a:hover{
	background:url(../images/header-d-menu.gif) no-repeat;
}
#Menu30a a:hover{background-position: 0 -67px;}
#Menu31a a:hover{background-position: -107px -67px;}
#Menu32a a:hover{background-position: -214px -67px;}
#Menu33a a:hover{background-position: -321px -67px;}
#Menu34a a:hover{background-position: -428px -67px;}
#Menu35a a:hover{background-position: -535px -67px;}

#globalnavi-h {
 margin: 0;
 padding: 0;
 width:643px;
 height:67px;
 background:url(../images/header-h-menu.gif) no-repeat;  
}
#globalnavi-h li{
 text-indent: -9999px;
 float:left;
 width:107px;
 margin:0;
 padding:0;
}
#globalnavi-h a{
 display: block;
 width:107px;
 height:67px;
 background:url(../images/header-h-menu.gif) no-repeat;  
}
#Menu30h a{background-position: 0 0;}
#Menu31h a{background-position: -107px 0;}
#Menu32h a{background-position: -214px 0;}
#Menu33h a{background-position: -321px 0;}
#Menu34h a{background-position: -428px 0;}
#Menu35h a{background-position: -535px 0;}

#globalnavi-h a:hover{
	background:url(../images/header-h-menu.gif) no-repeat;
}
#Menu30h a:hover{background-position: 0 -67px;}
#Menu31h a:hover{background-position: -107px -67px;}
#Menu32h a:hover{background-position: -214px -67px;}
#Menu33h a:hover{background-position: -321px -67px;}
#Menu34h a:hover{background-position: -428px -67px;}
#Menu35h a:hover{background-position: -535px -67px;}

/* rensai header
----------------------------------------------------------------*/
#globalnavi-e {
 margin: 0;
 padding: 0;
 width:643px;
 height:79px;
 background:url(../images/rensai/new/header-e-menu.jpg) no-repeat;  
}
#globalnavi-e li{
 text-indent: -9999px;
 float:left;
 width:107px;
 margin:0;
 padding:0;
}
#globalnavi-e a{
 display: block;
 width:107px;
 height:79px;
 background:url(../images/rensai/new/header-e-menu.jpg) no-repeat;  
}
#Menu40 a{background-position: 0 0;}
#Menu41 a{background-position: -107px 0;}
#Menu42 a{background-position: -214px 0;}
#Menu43 a{background-position: -321px 0;}
#Menu44 a{background-position: -428px 0;}
#Menu45 a{background-position: -535px 0;}

#globalnavi-e a:hover{
	background:url(../images/rensai/new/header-e-menu.jpg) no-repeat;
}
#Menu40 a:hover{background-position: 0 -79px;}
#Menu41 a:hover{background-position: -107px -79px;}
#Menu42 a:hover{background-position: -214px -79px;}
#Menu43 a:hover{background-position: -321px -79px;}
#Menu44 a:hover{background-position: -428px -79px;}
#Menu45 a:hover{background-position: -535px -79px;}

#globalnavi-f {
 margin: 0;
 padding: 0;
 width:643px;
 height:79px;
 background:url(../images/rensai/old/header-f-menu.jpg) no-repeat;  
}
#globalnavi-f li{
 text-indent: -9999px;
 float:left;
 width:107px;
 margin:0;
 padding:0;
}
#globalnavi-f a{
 display: block;
 width:107px;
 height:79px;
 background:url(../images/rensai/old/header-f-menu.jpg) no-repeat;  
}
#Menu40a a{background-position: 0 0;}
#Menu41a a{background-position: -107px 0;}
#Menu42a a{background-position: -214px 0;}
#Menu43a a{background-position: -321px 0;}
#Menu44a a{background-position: -428px 0;}
#Menu45a a{background-position: -535px 0;}

#globalnavi-f a:hover{
	background:url(../images/rensai/old/header-f-menu.jpg) no-repeat;
}
#Menu40a a:hover{background-position: 0 -79px;}
#Menu41a a:hover{background-position: -107px -79px;}
#Menu42a a:hover{background-position: -214px -79px;}
#Menu43a a:hover{background-position: -321px -79px;}
#Menu44a a:hover{background-position: -428px -79px;}
#Menu45a a:hover{background-position: -535px -79px;}

/* otherblock
----------------------------------------------------------------*/
#topic-other {
 position:relative;
}
#tachiyomi-illust {
 position:absolute;
 top:0; left:595px;
}
#other-txt,#next-txt {
 padding-left:100px;
}
#other-txt dt,#next-txt dt {
 width:50px;
 float:left;
 font-size:13px;
 margin-bottom:13px;
 font-weight:bold; 
 clear:left; 
}
#other-txt dd {
 width:600px;
 float:left;
 font-size:13px;
 margin-bottom:13px;
 font-weight:bold;
}
#next-txt dd {
 width:600px;
 float:left;
 font-size:13px;
 margin-bottom:20px;
}
#next-txt {
 margin-bottom:20px;
}
#next-txt span.special{
 border:1px solid #333;
 padding:1px;
 display:block;
 width:80px;
 font-weight:bold;
}
#next-txt2 {
 padding-left:50px;
 margin-bottom:20px;
}
#next-txt2 dt {
 width:60px;
 float:left;
 font-size:13px;
 margin-bottom:13px;
 font-weight:bold; 
 clear:left;
}
#next-txt2 dd {
 width:650px;
 float:left;
 font-size:13px;
 margin-bottom:20px;
}
/* footer
----------------------------------------------------------------*/
.topic-txt-a,.topic-txt-b,.topic-txt-c,
.topic-txt-d,.topic-txt-e,.topic-txt-f {
 padding:10px 0 0 100px;
 margin:0;
 font-size:15px; font-weight:bold;
 line-height:1.7em;
}

#copyright {
 text-align:center;
 padding:10px;
}
#footernavi-a {
 margin:0;
 padding:0;
 width:113px;
 height:94px;
 background:url(../images/footer-menu-a.gif) no-repeat;  
}
#footernavi-a li{
 text-indent: -9999px;
 margin:0;
 padding:0;
}
#footernavi-a a{
 display:block;
 width:auto;
 background:url(../images/footer-menu-a.gif) no-repeat;  
}
#Menu10 a{background-position: 0 0; height:29px;}
#Menu11 a{background-position: 0 29px; height:24px;}
#Menu12 a{background-position: 0 53px; height:40px;}

#Menu10 a:hover{background-position: 0 -86px;}
#Menu11 a:hover{background-position: 0 -115px;}
#Menu12 a:hover{background-position: 0 -139px;}

/* 
----------------------------------------------------------------*/
#footernavi-b {
 margin:0;
 padding:0;
 width:95px;
 height:94px;
 background:url(../images/footer-menu-b.gif) no-repeat;  
}
#footernavi-b li{
 text-indent: -9999px;
 margin:0;
 padding:0;
}
#footernavi-b a{
 display:block;
 width:auto;
 background:url(../images/footer-menu-b.gif) no-repeat;  
}
#Menu13 a{background-position: 0 0; height:29px;}
#Menu14 a{background-position: 0 29px; height:24px;}
#Menu15 a{background-position: 0 53px; height:40px;}

#Menu13 a:hover{background-position: 0 -86px;}
#Menu14 a:hover{background-position: 0 -115px;}
#Menu15 a:hover{background-position: 0 -139px;}


#footernavi-bb {
 margin:0;
 padding:0;
 width:95px;
 height:94px;
 background:url(../images/footer-menu-bb.gif) no-repeat;  
}
#footernavi-bb li{
 text-indent: -9999px;
 margin:0;
 padding:0;
}
#footernavi-bb a{
 display:block;
 width:auto;
 background:url(../images/footer-menu-bb.gif) no-repeat;  
}
#Menu13a a{background-position: 0 0; height:29px;}

#Menu13a a:hover{background-position: 0 -86px;}

/* 
----------------------------------------------------------------*/
#footernavi-c {
 margin:0;
 padding:0;
 width:134px;
 height:94px;
 background:url(../images/footer-menu-c.gif) no-repeat;  
}
#footernavi-c li{
 text-indent: -9999px;
 margin:0;
 padding:0;
}
#footernavi-c a{
 display:block;
 width:auto;
 background:url(../images/footer-menu-c.gif) no-repeat;  
}
#Menu16 a{background-position: 0 0; height:29px;}
#Menu17 a{background-position: 0 29px; height:24px;}
#Menu18 a{background-position: 0 53px; height:40px;}

#Menu16 a:hover{background-position: 0 -86px;}
#Menu17 a:hover{background-position: 0 -115px;}
#Menu18 a:hover{background-position: 0 -139px;}

#footernavi-d {
 margin:0;
 padding:0;
 width:116px;
 height:94px;
 background:url(../images/footer-menu-d.gif) no-repeat;  
}
#footernavi-d li{
 text-indent: -9999px;
 margin:0;
 padding:0;
}
#footernavi-d a{
 display:block;
 width:auto;
 background:url(../images/footer-menu-d.gif) no-repeat;  
}
#Menu19 a{background-position: 0 0; height:29px;}
#Menu20 a{background-position: 0 29px; height:24px;}
#Menu21 a{background-position: 0 53px; height:40px;}

#Menu19 a:hover{background-position: 0 -86px;}
#Menu20 a:hover{background-position: 0 -115px;}
#Menu21 a:hover{background-position: 0 -139px;}

/* a
----------------------------------------------------------------*/
 a:link { color:#0033cc; text-decoration:underline; }
 a:visited { color:#0033cc; text-decoration:underline; }
 a:hover,a:active { color:#cc3300; text-decoration:underline; }

/* blog
----------------------------------------------------------------*/
#blog-list {
 padding-left:100px;
 margin:20px 0 50px 0;
}
#blog-list dt {
 width:100px;
 float:left;
 font-size:13px;
 margin-bottom:13px;
 font-weight:bold; 
 clear:left; 
}
#blog-list dd {
 width:400px;
 float:left;
 font-size:13px;
 margin-bottom:20px;
}
#blog-list span.special{
 border:1px solid #333;
 padding:1px;
 display:block;
 width:80px;
 font-weight:bold;
}
h2.blog-h2 {
 font-size:18px;
 font-weight:bold;
 margin-bottom:20px;
}
.blog-detail {
 padding:0 70px 0 100px;
 margin-bottom:30px;
}
.detail-number {
 border-bottom:1px solid #333;
 font-size:16px;
 padding-bottom:5px;
 display:block;
 margin-bottom:20px;
}
.blog-detail p{
 line-height:150%;
 letter-spacing:0.1em;
 margin-bottom:30px;
  font-size:13px; 
}
.blog-detail p span{
  font-size:11px; 
}
/* etc
----------------------------------------------------------------*/
h1.next-title {
 font-size:15px; 
 font-weight:bold;
 padding-left:100px;
 margin-bottom:20px;
 line-height:2em;
}
h2.next-mokuji {
 font-size:14px; 
 font-weight:bold;
 margin-bottom:5px;
 color:#E4007F;
}
h1.nextissue-info {
 position:absolute;
 top:35px; left:90px;
 font-size:15px;
 font-weight:bold;
}
h1.nextissue-title,
h1.blog-title {
 position:absolute;
 top:15px; left:90px;
 font-size:15px;
 font-weight:bold;
}
h1.nextissue-title-a
 {
 position:absolute;
 top:15px; left:90px;
 font-size:15px;
 font-weight:bold;
 line-height:150%;
}

.MFlash:hover {
 filter: alpha(opacity=60);
 opacity:0.6;
 cursor:pointer;
}
.pagepad {
 padding-left:10px;
}
.next-furoku {
 font-size:20px;
 color:#E4007F;
}
.circla-mark {
 display:block;
 width:32px; height:32px;
 background:url(../images/qqq.gif) no-repeat;
 background-position:0;
}
.next-mark1,
.next-mark2,
.next-mark3,
.next-mark4,
.next-mark5,
.next-mark1a,
.next-mark2a,
.next-mark3a,
.next-mark4a,
.next-mark5a {
 display:block;
 width:32px; height:32px;
 background:url(../images/nextissue-mark.gif) no-repeat;
}
.next-mark1 { position:absolute; top:200px; left:40px;}
.next-mark2 { position:absolute; top:255px; left:40px;}
.next-mark3 { position:absolute; top:310px; left:40px;}
.next-mark4 { position:absolute; top:365px; left:40px;}
.next-mark5 { position:absolute; top:420px; left:40px;}

.next-mark1a { position:absolute; top:200px; left:40px;}
.next-mark2a { position:absolute; top:310px; left:40px;}
.next-mark3a { position:absolute; top:420px; left:40px;}
.next-mark4a { position:absolute; top:500px; left:40px;}
.next-mark5a { position:absolute; top:570px; left:40px;}
.next-illust { width:360px; height:660px; background:url(../images/up/201001/contents-illust.gif) no-repeat; position:absolute; top:570px; left:590px;}

.coming_soon {height:350px; padding:65px 0 0 400px; font-weight:bold; font-size:16px;}

#tachiyomi-mobile {
 padding-left:100px; font-size:14px; line-height:1.5em;
}
.pink {
 color:#e4007f;
}