@charset "utf-8";

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

site : 恋時雨　コイシグレ
file : /story/css/story.css

------------------------------------------------------------*/
html{
overflow-x:hidden;
}

body.story{
text-align:left;
background:#f8f5e7;
}

/*============================================================
div.containerDetail
============================================================*/
.containerDetail{
position:relative;
width:642px;
text-align:left;
margin:0 0 0 7px;
}


/*============================================================
div#btnBox
============================================================*/
.containerDetail #btnBox{
z-index:50;
position:relative;
top:0;
left:0;
width:642px;
height:28px;
}

.containerDetail #btnBox #btnPrev{
position:absolute;
top:240px;
left:0;
width:27px;
height:28px;
}

.containerDetail #btnBox  #btnNext{
position:absolute;
top:240px;
left:615px;
width:27px;
height:28px;
}


/*============================================================
div#contents
============================================================*/
.containerDetail #contents{
z-index:10;
position:absolute;
top:0;
left:11px;
width:620px;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
background:#f8f5e7;
}


/*
div.contentsMiddle
------------------------------------------------------------*/
.containerDetail .contentsMiddle{
width:620px;
padding:20px 0 15px 0;
background:url(../images/bg_contentsMiddle.gif) repeat-y;
}

/* h3 */
.containerDetail .contentsMiddle h3{
width:540px;
height:28px;
text-indent:-9999px;
margin:0 0 0 40px;
background:url(../images/h3_sub_ttl.gif) no-repeat;
}

.containerDetail .story01 h3{
background-position:0 0;
}
.containerDetail .story02 h3{
background-position:0 -28px;
}
.containerDetail .story03 h3{
background-position:0 -56px;
}
.containerDetail .story04 h3{
background-position:0 -84px;
}
.containerDetail .story05 h3{
background-position:0 -112px;
}
.containerDetail .story06 h3{
background-position:0 -140px;
}

/* p.lead */
.containerDetail .contentsMiddle p.lead{
width:540px;
height:17px;
text-indent:-9999px;
margin:10px 0 0 40px;
background:url(../images/p_sub_lead.gif) no-repeat;
}

.containerDetail .story01 p.lead{
background-position:0 0;
}
.containerDetail .story02 p.lead{
background-position:0 -17px;
}
.containerDetail .story03 p.lead{
background-position:0 -34px;
}
.containerDetail .story04 p.lead{
background-position:0 -51px;
}
.containerDetail .story05 p.lead{
background-position:0 -68px;
}
.containerDetail .story06 p.lead{
background-position:0 -85px;
}


/*
div.profileBox
------------------------------------------------------------*/
.containerDetail .contentsMiddle .profileBox{
width:540px;
margin:24px 0 0 40px;
}

.containerDetail .contentsMiddle .profileBox h4{
width:540px;
height:27px;
text-indent:-9999px;
background:url(../images/h4_sub_ttl.gif) no-repeat;
}

.containerDetail .story01 .profileBox h4.novel{
background-position:0 0;
}
.containerDetail .story01 .profileBox h4.music{
background-position:0 -27px;
}
.containerDetail .story01 .profileBox h4.illust{
background-position:0 -54px;
}

.containerDetail .story02 .profileBox h4.novel{
background-position:0 -81px;
}
.containerDetail .story02 .profileBox h4.music{
background-position:0 -108px;
}
.containerDetail .story02 .profileBox h4.illust{
background-position:0 -135px;
}

.containerDetail .story03 .profileBox h4.novel{
background-position:0 -162px;
}
.containerDetail .story03 .profileBox h4.music{
background-position:0 -189px;
}
.containerDetail .story03 .profileBox h4.illust{
background-position:0 -216px;
}

.containerDetail .story04 .profileBox h4.novel{
background-position:0 -243px;
}
.containerDetail .story04 .profileBox h4.music{
background-position:0 -270px;
}
.containerDetail .story04 .profileBox h4.illust{
background-position:0 -297px;
}

.containerDetail .story05 .profileBox h4.novel{
background-position:0 -324px;
}
.containerDetail .story05 .profileBox h4.music{
background-position:0 -351px;
}
.containerDetail .story05 .profileBox h4.illust{
background-position:0 -378px;
}

.containerDetail .story06 .profileBox h4.novel{
background-position:0 -405px;
}
.containerDetail .story06 .profileBox h4.music{
background-position:0 -432px;
}
.containerDetail .story06 .profileBox h4.illust{
background-position:0 -459px;
}


.containerDetail .profileBox h5{
margin:12px 0 0 0;
}

.containerDetail .profileBox p{
font-size:12px;
margin:8px 0 0 0;
line-height:1.65em;
}
.containerDetail .music p{
float:left;
width:355px;
}


.containerDetail .profileBox img.ftR{
float:right;
margin:15px 0 10px 0;
}
.containerDetail .profileBox img.btm{
margin:12px 0 10px 0;
}