@charset "SHIFT_JIS";

/**************** Contents Layout Detail CSS ****************/

/**************** Left Area ****************/
/* Profile_________________________ */
#COINleft div.profile{
color:#666;
font-size: 10px;
line-height: 15px;
margin:5px 5px 10px 5px;
}

/* Series Link______________________ */
#COINleft div.series img{
margin:0px;
}

/* Book Information_________________ */
#COINleft div.bookinfo{
color:#333;
background:#edf;
margin:10px 0px;
padding:5px;
display:block;
}
#COINleft div.bookinfo span{
font-size: 12px;
line-height: 14px;
}
#COINleft div.bookinfo img.cover{
float:left;
margin:5px 5px 5px 0px;
}
#COINleft div.bookinfo p{
font-size: 10px;
line-height: 15px;
margin:5px 0px;
padding:0px;
}

#COINleft div.bookinfo a,
#COINleft div.bookinfo p.infocolor1
{
color:#82a;
}
#COINleft div.bookinfo p.infocolor2
{
color:#666;
}

#COINleft div.bookinfo a img{
margin:5px 0px;
}

/* Other Book Information______________ */
#COINleft div.otherbook{
margin-bottom:10px;
}

/* CD Information_________________ */
#COINleft div.cdinfo{
color:#402;
background:#fccce7;
margin:10px 0px;
padding:5px;
display:block;
}
#COINleft div.cdinfo span{
font-size: 12px;
line-height: 14px;
}
#COINleft div.cdinfo img.cover{
margin:0px 25px 5px;
}
#COINleft div.cdinfo p{
font-size: 10px;
line-height: 15px;
margin:5px 0px;
padding:0px;
}

#COINleft div.cdinfo a,
#COINleft div.cdinfo p.infocolor1
{
color:#402;
}
#COINleft div.cdinfo p.infocolor2
{
color:#333;
}

#COINleft div.cdinfo a img{
margin:5px 0px;
}

/* event info_______________________ */
#COINleft div.eventinfo{
color:#402;
border:1px #e08 solid;
margin:10px 0px;
padding:5px;
display:block;
}
#COINleft div.eventinfo h4{
font-size:12px;
margin:0px;
padding:0px;
}
#COINleft div.eventinfo p{
font-size:10px;
line-height:15px;
margin:5px 0px;
clear:left;
}
#COINleft div.eventinfo a{
font-size:10px;
margin:10px 0 0 0;
color:#06f;
}
/************** Main Area ****************/
/* Headline Image_________________ */
#COINright h1{
margin:0px;
}
#COINright h2{
margin:10px 0px;
}

.headline {
font-size: 14px;
font-weight: bold;
color:#333;
}

/* Main Text Color */
#COINright p.color1 {
margin:0px 0px 20px 0px;
color: #666;
font-size: 12px;
line-height: 20px;
display:block
}
#COINright p.color2 {
margin:0px 0px 20px 0px;
color: #402;
font-size: 12px;
line-height: 20px;
display:block
}

#COINright p.color3 {
margin:0px 0px 20px 0px;
color: #e08;
font-size: 12px;
line-height: 20px;
display:block
}

/* Main Image(Left or Right Float Pattern) */
#COINright div.posright{
float:right;
margin:0px 0px 10px 10px;
}

#COINright div.posleft{
float:left;
margin:0px 10px 10px 0px;
}

#COINright span.caption {
color: #666;
font-size: 10px;
line-height: 16px;
margin:2px 0px;
}

/* Main Text credit___________________ */
#COINright span.credit{
color:#666;
font-size: 10px;
line-height: 16px;
margin:20px 0px 10px 0px;
text-align:right;
display:block
}

/* Main Area Footer___________________ */
#COINright #COlink{
margin:20px 0px 0px 0px;
text-align:center;
display:block;
}
#COINright #COlink span{
display:inline;
}
#COINright #COlink span.hidden img{
visibility:hidden;
}
#COINright #COlink span.page{
margin:0px 10px;
font-size:10px;
}

#COINright #COclose{
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
text-align:center;
display:block;
border-top:1px dotted #999;
}
#COINright #COclose img{
margin:0px auto;
}
/* Comment Info ____________________ */
#COINright #commentinfo{
margin:10px 0px 0px 0px;
padding:10px 10px 25px 10px;
border:#999 1px solid;
display:block;
}
#COINright #commentinfo p{
color:#666;
font-size: 10px;
line-height: 16px;
margin:0px;
}
#COINright #commentinfo img{
float:right;
}

/* Comment Area____________________ */
#COINright .commentarea {
color: #e08;
padding:10px 0px 0px 0px;
margin:10px 0px 0px 0px;
border-top:1px #999 dotted;
}
#COINright .commentarea strong{
margin:10px 0px;
font-weight: bold;
font-size: 12px;
}
#COINright .commentarea p{
margin:5px 0px 15px 0px;
font-size: 12px;
line-height: 20px;
}
#COINright #CmButton {
text-align:center;
margin:10px 0px 0px 0px;
}
#COINright #CmButton img{
margin:0px 5px;
}
