/*** tag style***/

* {
margin: 0;
padding: 0;
}

body {
text-align:center;
font: normal normal normal 12px/1.5 "Hiragino Maru Gothic Pro",Verdana, Arial, sans-serif;
background-color: #fff;
}

a{
color: #036;
text-decoration: none;
}

a:hover{
color: #036;
text-decoration: underline;
background: #9ff;
}

a img{
border: none;
text-decoration: none;
}

/*** based layout id ***/

/*** main class ***/
#main h1,
#main h2,
#main h2.subject,
#main h3 {
font-weight:bold;
line-height:1.5;
font-size:14px;
}

#main h1{
display:block;
padding:2px 5px;
margin-bottom:10px;

color:#000;

background-color: #fcc;
/*border:1px solid #fcc;*/
}

#main h2 {
display:block;
padding:2px 5px;
margin-bottom:10px;

background-color: #fcc;

color:#000;
}

#main h2.subject{
padding: 0;
margin-top:10px;
padding:1px 5px;

background-color: #fff;
line-height:1.0;
}

#main h2.subject a:hover{
background:#ccf;
}

#main h3{
padding:0 5px;
border-bottom:1px solid #fcc;
}

#main p{
margin:0 0 10px 0;
}

#main p.body {
padding:0 8px 10px 5px;
}

#main p.body img{
padding:5px;
}

#main .more {
display:block;

padding:0 15px;

text-align:right;

color:#999;
font-size:10px;
}

#main a	{ color: #036; text-decoration: underline;}
#main a:hover	{ color: #036; text-decoration: underline;}

#main .image {
margin:10px 0;
padding:3px;
}

.top-navi{
display: block;

margin:0;
padding:10px 0;

text-align:center;

font-size:12px;
line-height:1.4;
}


.navi{
display: block;

margin-top:30px;
padding:5px 25px;
border-top:1px solid #ccf;

text-align:right;

font-size:12px;
line-height:1.4;
}

#main blockquote{
margin:10px;
padding:8px 12px;
border-left:5px double #FCC;

color:#88F;
}

#main .source{
display: block;

text-align:right;

color:#AAF;
}

#main .source a{
color:#AAF;
}

#main h2.news{
padding: 0;
margin-bottom:0;
border:1px solid #66f;
}

#main h2.news a {
display:block;
padding:3px 5px;
margin:0;

font-size:14px;
color:#fff;
font-weight:bold;
background-color: #66f;
}

#main h2.news a:hover {
color:#33f;
background-color: #99f;
}

#main div.newsbody{
margin:0 0 15px 0;
padding:3px 5px;

border-left:1px solid #66f;
border-bottom:1px solid #66f;
border-right:1px solid #66f;
background-color: #fff;
}

#main p.posted{
margin:5px 0 0 0;
padding:0 3px;
text-align:right;
}

#main ul{
/*margin:8px 0 15px 0;
padding:0 25px;*/

padding:0 25px;
list-style-type:square;
}

#main li{
/*
width:100%;
padding:2px 0;

font-size:12px;
line-height:1.2;
*/
}

#main li a	{ color: #036; text-decoration: underline;}
#main li a:hover	{ color: #036; text-decoration: underline; background: #ccf;}

#main ol {
margin:8px 0 15px 0;
padding:0 25px;
list-style-type: decimal;
}

#main ol li{
list-style-type: upper-roman;
}

#main ul.linklist,
#main ul.newslist{
margin:10px 0;
padding:0;

list-style-type:none;
}

#main ul.linklist li,
#main ul.newslist li{
background-color: #fff;
padding-left:15px;
}

#main ul.newslist li a{
display:block;
padding:3px 5px 3px 20px;

text-decoration: underline;
line-height:1.3;
color:#66f;

background-image: url(http://nanpei.info/image/list-head.gif);
background-repeat:no-repeat;
background-position:left top;
}

#main ul.linklist li a {
display:block;
padding:3px 5px 3px 20px;

text-decoration: underline;
line-height:1.3;
color:#66f;

background-image: url(http://nanpei.info/image/link-head.gif);
background-repeat:no-repeat;
background-position:left top;
}

#main ul.linklist li.more a {
background-image: none;
text-align:right;
}

#main ul.linklist li a:hover,
#main ul.newslist li a:hover {
color:#fff;
text-decoration: none;
background-color: #99f;
}

#main .topics{
margin:0 0 10px 0;
}

#main ul.topicslist {
padding:8px 0;
list-style-type:none;
}

#main ul.topicslist li {
display:block;
width:435px;
padding:3px 10px 3px 25px;
line-height:1.2;

background-image: url(http://nanpei.info/image/list-head.gif);
background-repeat:no-repeat;
background-position:left top;
}

#main .top-images{
margin-bottom:10px;
}

/*** extra class ***/
#extra dl{
display:block;
width:160px;

padding:0 0 15px 0;

font-size:10px;
line-height:1.2;
text-decoration:none;
}

#extra dt {
width:154px;

padding:2px 2px;
border:1px solid #336;

font-size:10px;
color:#000;
font-weight:bold;
}

#extra dd{

}

#extra ul{
border-right:1px solid #336;
border-left:1px solid #336;
border-bottom:1px solid #336;

list-style-type:none;
}

#extra li{
width:156px;

line-height:1.2em;
}

#extra li a{
display:block;
width:152px;

padding:2px 3px;

text-decoration:none;
line-height:1.1em;

border-bottom:1px solid #ccf;
}

#extra li a:hover{
background-color: #ddf;
}

#extra li.more a{
display:block;
width:156px;

padding:0 2px 0 0;

text-align:right;
text-decoration:underline;
line-height:1.3;

border-bottom:1px solid #ccf;
}

#extra li.more a:hover{
background-color: #ddf;
}

#extra dt#adsense{
display:none;
}

.entrybody{
margin:15px 0;
}


/*** footer class ***/

#footer a{
color:#eef;
font-weight:bold;
}

/*** 作品 style ***/
.works{
padding-top:10px;
}

/*** chara style ***/
.chara-name{
margin-top:10px;
padding:2px;

border-bottom:1px solid #fcc;

font-size:14px;
}

.chara-data{
padding:5px 0 0 10px;

font-size:12px;
}

.chara-debut{
padding:0 0 0 10px;
font-size:12px;

margin-bottom:15px;
}

/*** data style ***/
dl.data dt{
font-size:14px;
float:left;
width:9em;
}

dl.data dd{
font-size:14px;
margin-left:9em;
}

/*** common ***/
.clear {
clear:both;
}

/*** include ***/
/*** header class ***/

h1#header {
width:640px;
height:45px;
margin-bottom:10px;
vertical-align:middle;

background-color: #39f;
}

/*** sidebar class ***/
#sidebar{
float:left;
}

#sidebar dl{
display:block;
width:160px;

margin-bottom:10px;

line-height:1.2;
text-decoration:none;
}

#sidebar dt {
width:154px;
padding:4px 3px;

background-color: #ccf;
color:#000;
font-weight:bold;
}

#sidebar ul{
list-style-type:none;
}

#sidebar li{
width:160px;
}

#sidebar li a{
display:block;
width:150px;

padding:3px 5px;

line-height:1.3;

background-color: #eef;
border-bottom:1px solid #fff;
}


#sidebar li.common a{
width:160px;
padding:0;
}

#sidebar li.sorairo a{
background-image: url(http://nanpei.info/image/side-sorairo.gif);
}

#sidebar li.sorairo a:hover{
background-image: url(http://nanpei.info/image/side-sorairo-over.gif);
}

#sidebar li.sanninkichisa a{
background-image: url(http://nanpei.info/image/side-sanninkichisa.gif);
}

#sidebar li.sanninkichisa a:hover{
background-image: url(http://nanpei.info/image/side-sanninkichisa-over.gif);
}

#sidebar li.teaprince a{
background-image: url(http://nanpei.info/image/side-teaprince.gif);
}

#sidebar li.teaprince a:hover{
background-image: url(http://nanpei.info/image/side-teaprince-over.gif);
}

#sidebar li.otona a{
background-image: url(http://nanpei.info/image/side-otona.gif);
}

#sidebar li.otona a:hover{
background-image: url(http://nanpei.info/image/side-otona-over.gif);
}

#sidebar li a:hover{
text-decoration:underline;
background-color: #ddf;
}

#sidebar a img{
border: none;
text-decoration: none;
padding:0;
margin:0;
}

#sidead dt,
#works-title dt,
#counter dt{
display:none;
}

#wrapper {
width:640px;
margin:0 auto;
text-align: left;
}

div#main{
width:470px;
float:right;
margin-bottom:10px;
}


#footer {
width:640px;
padding:5px 0;
clear:both;
text-align:center;

color:#fff;
font: normal normal normal 12px/1.2 "Arial", "Helvetica", "sans-serif";
background-color: #39f;
}