body { behavior: url(csshover3.htc); }

/* コンテンツ
----------------------------------------------------------*/
#blood p { font-size: 13px; line-height: 19px; }
.top_link { margin: 10px 0 40px 0; text-align: right; }

/* ヘッド
----------------------------------------------------------*/

#blood #headBlock { position: relative; padding-bottom: 40px; background: url(../img/head.jpg) left top no-repeat; height: 569px; }
#blood #headBlock h1,
#blood #headBlock h2,
#blood #headBlock h3 { display: none; }

#blood #headBlock p.read { position: absolute; top: 270px; left: 80px; width: 300px;}
#blood #headBlock ul { position: absolute; list-style: none; top: 447px; left: 104px;}
#blood #headBlock ul li { float: left; }
#blood #headBlock #fortune-teller { position: absolute; top: 393px; left: 400px }
#blood #headBlock #fortune-teller #name { color: #09F; }
#blood #headBlock #fortune-teller #kana { color: #999; font-size:11px; }


#blood #headBlock ul li a {
	display: block;
	margin: 0; padding: 0;
	width: 100%; height: 100%;
	text-indent: -100em;
	overflow: hidden;
}
#blood #bloodtype01 { margin: 11px 2px 0 0; background: url(../img/btn_a.jpg) left top no-repeat; width: 99px; height: 74px; }
#blood #bloodtype02 { margin: 38px 0 0 0; background: url(../img/btn_b.jpg) left top no-repeat; width: 99px; height: 73px; }
#blood #bloodtype03 { margin: 0 2px 0; background: url(../img/btn_o.jpg) left top no-repeat; width: 99px; height: 74px; }
#blood #bloodtype04 { margin: 32px 0 0 0; background: url(../img/btn_ab.jpg) left top no-repeat; width: 99px; height: 69px; }

#blood #headBlock ul li:hover { position: relative; filter: alpha(opacity=50); -ms-filter: alpha(opacity=50); opacity: 0.5; left: 1px; top: 1px; }


/* A
----------------------------------------------------------*/
#blood #Atype .first { position: relative; background: url(../img/a01.jpg) left top no-repeat; width: 520px; height: 369px; }
#blood #Atype .middle { position: relative; background: url(../img/a02.jpg) left top no-repeat; width: 520px; height: 514px; }
#blood #Atype .end { position: relative; background: url(../img/a03.jpg) left top no-repeat; width: 520px; height: 321px; }
#blood #Atype h1,
#blood #Atype h2,
#blood #Atype h3 { display: none; }

#blood #Atype .first p.read { position: absolute; top: 88px; left: 199px; width: 300px;}
#blood #Atype .first p.woman { position: absolute; top: 255px; left: 102px; width: 185px;}
#blood #Atype .first p.man { position: absolute; top: 255px; left: 313px; width: 185px;}
#blood #Atype .middle .boss { position: absolute; top: 164px; left: 80px; width: 300px;}
#blood #Atype .middle .boss p { margin-bottom: 16px; }
#blood #Atype .middle .boss p strong { font-weight: normal; color: #BB669E; }
#blood #Atype .middle .friend { position: absolute; top: 412px; left: 217px; width: 300px;}
#blood #Atype .end .keyperson { position: absolute; top: 150px; left: 192px; width: 160px;}
#blood #Atype .end .advise { position: absolute; top: 83px; left: 360px; width: 135px;}



/* B
----------------------------------------------------------*/
#blood #Btype .first { position: relative; background: url(../img/b01.jpg) left top no-repeat; width: 520px; height: 369px; }
#blood #Btype .middle { position: relative; background: url(../img/b02.jpg) left top no-repeat; width: 520px; height: 586px; }
#blood #Btype .end { position: relative; background: url(../img/b03.jpg) left top no-repeat; width: 520px; height: 323px; }
#blood #Btype h1,
#blood #Btype h2,
#blood #Btype h3 { display: none; }

#blood #Btype .first p.read { position: absolute; top: 87px; left: 199px; width: 300px;}
#blood #Btype .first p.woman { position: absolute; top: 255px; left: 102px; width: 185px;}
#blood #Btype .first p.man { position: absolute; top: 255px; left: 313px; width: 185px;}
#blood #Btype .middle .boss { position: absolute; top: 164px; left: 80px; width: 300px;}
#blood #Btype .middle .boss p { margin-bottom: 16px; }
#blood #Btype .middle .boss p strong { font-weight: normal; color: #1ABE8C; }
#blood #Btype .middle .friend { position: absolute; top: 466px; left: 217px; width: 300px;}
#blood #Btype .end .keyperson { position: absolute; top: 150px; left: 192px; width: 160px;}
#blood #Btype .end .advise { position: absolute; top: 84px; left: 360px; width: 135px;}


/* O
----------------------------------------------------------*/
#blood #Otype .first { position: relative; background: url(../img/o01.jpg) left top no-repeat; height: 379px; }
#blood #Otype .middle { position: relative; background: url(../img/o02.jpg) left top no-repeat; height: 512px; }
#blood #Otype .end { position: relative; background: url(../img/o03.jpg) left top no-repeat; height: 324px; }
#blood #Otype h1,
#blood #Otype h2,
#blood #Otype h3 { display: none; }

#blood #Otype .first p.read { position: absolute; top: 97px; left: 199px; width: 300px;}
#blood #Otype .first p.woman { position: absolute; top: 265px; left: 102px; width: 185px;}
#blood #Otype .first p.man { position: absolute; top: 265px; left: 313px; width: 185px;}
#blood #Otype .middle .boss { position: absolute; top: 164px; left: 80px; width: 300px;}
#blood #Otype .middle .boss p { margin-bottom: 16px; }
#blood #Otype .middle .friend { position: absolute; top: 412px; left: 217px; width: 300px;}
#blood #Otype .end .keyperson { position: absolute; top: 150px; left: 192px; width: 160px;}
#blood #Otype .end .advise { position: absolute; top: 84px; left: 360px; width: 135px;}


/* AB
----------------------------------------------------------*/
#blood #ABtype .first { position: relative; background: url(../img/ab01.jpg) left top no-repeat; height: 373px; }
#blood #ABtype .middle { position: relative; background: url(../img/ab02.jpg) left top no-repeat; height: 586px; }
#blood #ABtype .end { position: relative; background: url(../img/ab03.jpg) left top no-repeat; height: 323px; }
#blood #ABtype h1,
#blood #ABtype h2,
#blood #ABtype h3 { display: none; }

#blood #ABtype .first p.read { position: absolute; top: 91px; left: 199px; width: 300px;}
#blood #ABtype .first p.woman { position: absolute; top: 259px; left: 102px; width: 185px;}
#blood #ABtype .first p.man { position: absolute; top: 259px; left: 313px; width: 185px;}
#blood #ABtype .middle .boss { position: absolute; top: 164px; left: 80px; width: 300px;}
#blood #ABtype .middle .boss p { margin-bottom: 16px; }
#blood #ABtype .middle .boss p strong { font-weight: normal; color: #3B71CC; }
#blood #ABtype .middle .friend { position: absolute; top: 466px; left: 217px; width: 300px;}
#blood #ABtype .end .keyperson { position: absolute; top: 150px; left: 192px; width: 160px;}
#blood #ABtype .end .advise { position: absolute; top: 84px; left: 360px; width: 135px;}