@charset "SHIFT_JIS";

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

/**************** Left Area ****************/
#COINleft strong,
#COINright strong{
font-weight: bold;
}

/* Profile title_________________________ */
#COINtop div.titletop{
width:640px;
height:400px;
margin: 0px 0px 0px 0px;
}

#COINtop div.profileph1{
float:none;
}

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

#COINleft div.series img{
margin:0px;
}

/* Book Information_________________ */
#COINleft div.bookinfo{
border:#999999 1px solid;
margin:20px 0px;
padding:9px 19px 0px;
display:block;
}

#COINleft div.bookinfo p{
margin:0px 0px 9px;
padding:0px;
font-size: 10px;
line-height: 15px;
color:#654;
}

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

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

/* Profile_________________________ */
#COINleft div.profile{
margin:0px;
padding:0px;
}
#COINleft div.profile p{
margin:0px 0px 9px;
color:#654;
font-size: 10px;
line-height: 15px;
}

#COINleft div.profile a{
color:#09f;
}

/* Event Information_________________ */
#COINleft div.eventinfo{
margin:20px 0px 25px;
display:block;
}

#COINleft div.eventinfo .ttl{
margin:5px 10px 0px 0px;
}

/************** Main Area ****************/
/* Headline Image_________________ */
#ADCOmain h1{
margin:0px 0px 10px;
}
#COINright h2{
margin:10px 0px 22px 0px;
}

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

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

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

#COINright p.color2 {
margin:0px 0px 20px 0px;
color: #d50;
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;
}
#COINright #COclose p{
margin:-10px 0px 0px;
padding:0px;
text-align:left;
font-size: 12px;
line-height: 20px;
}
#COINright #COclose p a{
color:#09f;
text-decoration:underline;
}

/* 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: #d50;
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;
}