@charset "Shift_JIS"; 

/* ◆◆◆◆◆

　CDP 小説表紙 １カラム　2017.11.14

   ◆◆◆◆◆　*/

/* ********************************************** */
@media screen{ /* スクリーンメディア用 */


/* 基本構造 */

*
{
margin:0;
padding:0;
font:normal normal normal 100%/1.6 Verdana, Osaka, 'MS P Gothic', 
Sans-serif;
border:0;
}

html
{
margin:0;
padding:0;
}

body
{
margin: 0;
padding: 0 0;
color: #111;
font-size: 83%;
background:#ccc;
}

/* アンカー */

a {
text-decoration: none;
}
	
a:link {
color: #191970;
}

a:visited {
color: #4682b4;
}

a:hover {
color: #b7282e;
}


/* 見出し */

h1,h2,h3,h4,h5,h6 {
font-size: 120%;
margin: 0 0 ;
padding: 0;
}

h1 {
font-size: 30px;
margin:0 20px 0 ;
padding:20px 20px 5px 0;
text-align: right;
letter-spacing: 0.2em;
color:#fff;
}

h1:first-letter {
	}

h2 {
margin: 0.2em 0;
padding: 0 0.5em;
text-align: left;
letter-spacing: 0.1em;
color:#111;
border-bottom:3px double #111;
}

h2:first-letter {
	}

h3 {
margin: 1.5em 0 1em 0;
padding: 0.05em 0.1em ;
text-align: left;
letter-spacing: 0.1em;
font-size:110%;
font-color: #eeeeee ;
background:#ddd;
}

h3:before  { content: ""; padding:0 5px 0 0; font-size:85%; } 

h4 {
margin:0.1em 0 ;
padding: 0.1em 0.5em 0.1em 35px;
font-size: 100%;
}

h5 {
}

h6 {
}


/* リスト */

ol{
margin: 0.5em 0.5em;
padding: 0.5em 1.5em;
}

ol li
{
margin: 0 0.5em;
padding: 0 0.5em;
}

ul
{
}

ul li{
}

/* ----------

dl {
margin: 0 0;
padding: 0 0;
}

dt {
margin: 0 0;
padding: 5px ;
}

dd {
margin: 0 1em;
padding: 5px 0;
border-left:2px dotted #bbb;
}

------------- */

dl {
margin: 0 0.5em;
padding: 0 0;
}

dt {
padding: 5px ;
clear: left;
float: left;
margin: 0 0;
width: 15em;
}

dd {
margin: 0 1em 0 15em;
padding: 5px ;
}

/* ----------------------- */

/* 各#ID＆.class */


#PAGETOP {
margin: 0 auto;
padding: 0 0;
width: 90%;
max-width:719px;
border-top:5px solid #000;
background:#f0f0f0;
border-left:1px solid #666;
border-right:1px solid #666;
}

/* IE6はmax-widthが効かないので別に指定する */
* html #PAGETOP
{
width: 730px;
}

/* ----------------------- */

#HEADER {
margin: 0 0 ;
padding: 1em 1em;
text-align: right;
background:url(header.jpg) no-repeat 50% 50%;
height:120px;
}


#HEADER h1,#PAN,#PAN li{

	margin: 0;
	padding: 0;
	}

#PAN {
margin:0.3em 0;
padding: 0 0.5em 0;
list-style: none;
font-size:90%;
text-align: right;
color:#eee;
}

#PAN li {
display: inline;
}

#PAN li a{
text-decoration:none;
color:#eee;
	}

#PAN li a:hover {
}

#PAN li a:visited{
color:#eee;
	}

#PAN a:after	{ content: "≫"; padding: 0 0 0 0.5em; }


/* ----------------------- */

#MENU {
padding: 0 0;
}

#MENU h2 {
display: none;
}

#MENU ul {
list-style-type: none;
margin: 0 0;
padding: 0.5em 0;
text-align: right ;
border-top:2px solid #000;
border-bottom:2px solid #000;
background:#d4d4d4 url(line.jpg) no-repeat 0 50%;
}

#MENU li {
display: inline;
}
#MENU li :before  { content: ""; padding:0 5px 0 0;} 

#MENU01,#MENU02,#MENU03,#MENU04,
#MENU05,#MENU06,#MENU07,#MENU08{
	display: inline;
	margin: 0 0 ;
	padding: 0.1em 0.5em;
	letter-spacing: .15em; 
        border-left:1px dotted #999;
	}

#MENU01{
	margin: 0;
	padding: 0.1em 0.5em;
        border: none ;
	}

#MENU li a {
text-decoration:none;
}

#MENU li a:link,
#MENU li a:visited {
color:#111;
}

#MENU li a:hover {
text-decoration:none;
color:#fff;
}

#MENU li.menu-on a {
text-decoration:none;
}

/* ----------------------- */

#KIZI {
margin: 0 10px;
padding: 0.5em 1em ;
border-left:1px dotted #000;
border-right:1px dotted #000;
}

.text {
margin: 0 0;
padding:0.5em 0;
}

.modori {
list-style: none;
margin: 0 0;
padding: 0 0;
text-align: right;
border-bottom:2px solid #000;
}

.modori li {
}

.modori li a {
display: inline;
padding: 2px 5px;
letter-spacing: 0.1em;
text-decoration: none;
font-size:90%;
font-family;ＭＳゴシック,Verdana,sans-serif;
background:#000;
color:#fff;
}

.modori li a:hover {
text-decoration:none;
background:none;
color:#000;
}

.modori li a:before { content: ""; padding: 0 0.1em 0 0; font-size:100%; }


/* ----------------------- */


#FOOTER {
margin:0 0;
padding: 1em 0 ;
text-align:center;
border-top:5px solid #000;
background:#d4d4d4;
}

#FOOTER h2 {
display: none;
}

#FOOTER ul {
margin: 0 0;
padding:0 0;	
}

#FOOTER01,#FOOTER02,#FOOTER03,#FOOTER04{
	margin: 0 0 0 .5em;
	padding: 0.1em 0.5em;
	letter-spacing: .15em; 
        border-left:1px dotted #333;
	color:#333:
	}
#FOOTER01{
	margin: 0;
	padding: 0.1em 0.5em;
	border: none;
	}

#FOOTER li {
	display: inline;
	margin: 0 0 ;
	padding: 0.1em 0.5em;
	letter-spacing: .15em; 
}

#FOOTER li a ,
#FOOTER li a:visited {
display: inline;
text-decoration: none;
color:#111;
}

#FOOTER li a:hover {
text-decoration:none;
background:none;
color:#fff;
}

#FOOTER li address {
display: inline;
font-style: normal;
}


/* 段落・水平線・イメージ */

p {
padding: 0 1em;
}

p.novel{
padding: 0 0;
font:normal normal normal 130%/2.2 'MS P Gothic', 'ＭＳ Ｐゴシック',Verdana, Osaka, Sans-serif;
}

p.illust{
padding: 0 0;
margin:0.5em;
text-align:center;
}

p.comment{
padding: 0 10px;
text-align:left;
font-color:#666;
}

hr {
display: none;
}

img {
margin: 0;
padding: 0;
}

a img {
border: none;
}

div {
margin: 0;
padding: 0;
}


/* アドレス */

address {
display:inline;
font-style: normal;
}

address,blockquote,p,pre,dl,fieldset,table,object,embed{
margin: 1em 0;
}


/* クラス：リンク */

#LINK ul{
margin : 1em 0 1em;
text-align : center ; 
font: 100% Verdana,Osaka,;
}

#LINK01,#LINK02,#LINK03{
	display: inline;
	padding: 0.1em 0.5em;
	letter-spacing: .15em; 
        border-left:1px dotted #999;
	}

#LINK01{
	margin: 0;
	padding: 0.1em 0.5em;
	border: none;
	}

#LINK a{
}

#LINK li a:hover {
color: #89c997;
text-decoration:none;
}


/* クラス：更新履歴 */

p.info {
margin: 0 0 1em 0;
padding: 2px 10px 0 10px;
height: 80px;
overflow: auto;
border: 0;
}


}
/* ********************************************** */
@media handheld, tty{ /* モバイルメディア用 */

/* (仮) */
div	{position: static;}

}
/* ********************************************** */
@media print{ /* 印刷メディア用 */

/* (仮) */
body	{background-color:#ffffff; color:#000000; font-family:Serif;}
a[href]::before	{content:"("attr(href)")";}
ul#PAN,ul.modori#MENU,#FOOTER	{display: none;}
div	{position: static;}

}