@charset "UTF-8";


/* RESET ------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,th,td,
form,fieldset,input,textarea,select{
	margin:0;
	padding:0;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
}
strong,em,h1,h2,h3,h4,h5{font-weight:bold;}
html {overflow-y:scroll;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
li {list-style:none outside; vertical-align:top;}
fieldset,img{border:0;}	
select option{padding:0 5px;}
form label{cursor:pointer;}
a {/*\*/overflow:hidden;/*exMacIE*/}


/* BASE ------------------------------------------------ */
body,input,select,textarea{
	color:#000;
	background-color:#fff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',Osaka,sans-serif;
}
body{font-size:62.5%;text-align:center;}

h1,h2,h3,h4,h5{font-size:1.4em;line-height:1.25;}
pre,blockquote,dt,dd,li{font-size:1.0em;line-height:1.45;}
p{font-size:1.2em;line-height:1.45;}

a,a[name]:hover{color:#000; text-decoration:none;}
a:link {color:#008AE7; text-decoration:underline;}
a:visited {color:#330000; text-decoration:underline;}
a:hover, a:visited:hover {color:#00CCFF; text-decoration:underline;}

#container{
	width:940px;
	margin:0 auto;
}

/* HEADER ------------------------------------------------ */
#header{
	width:940px;
	height:158px;
	text-align:left;
	position:relative;
	margin-bottom:30px;
}
#header h1{
	text-indent:-9999px;
	width:940px;
	height:158px;
	background:transparent url(../img/hdr_img.gif) 0px 0px no-repeat;
	overflow:hidden;
}
#header h1 span{
	display:none;
}

#header #hmn-tsg a{
	display:block;
	text-indent:-9999px;
	position:absolute;
	right:30px;
	top:0px;
	width:170px;
	height:29px;
	background:transparent url(../img/btn_tst.gif) 0px 0px no-repeat;
}
#header #hmn-tsg a:hover{background-position:0px -29px; }

#header #sbookmark{
	position:absolute;
	right:30px;
	bottom:20px;
}

/* CONTENTS ------------------------------------------------ */
#contents{
	width:940px;
	padding-bottom:20px;
}


/* MAIN ------------------------------------------------ */

#main{
	float:left;
	width:700px;
	margin-right:20px;
	text-align:left;
}
#main .article {
	width: 700px;
	margin-bottom:20px;
	overflow:hidden;_overflow:visible;zoom:1;
}
#main .article h2{
	text-indent:-9999px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#main #limitedcover h2{width:554px;height:23px;background-image:url(../img/title01.gif);}
#main #comment h2{width:370px;height:47px;background-image:url(../img/title02.gif);}
#main #chronicle h2{width:411px;height:47px;background-image:url(../img/title03.gif);}
#main #recommend h2{width:411px;height:47px;background-image:url(../img/title04.gif);}

#main #limitedcover #covercontents{
	text-indent:0px;
	width:700px;
	height:348px;
	background:url(../img/flash.jpg) 0px 0px no-repeat;
	overflow:hidden;
}

#main #comment{overflow:visible;}

#main #commentbody{
	text-align:center;
	background-color:#ebf4ff;
	padding:20px;
}
#main #comment p{
	line-height:2;
}

#main #chronicle .genre{overflow:hidden;_overflow:visible;zoom:1;}
 
#main #chronicle h3 a{
	display:block;
	text-indent:-9999px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-bottom:10px;
	width:700px;
	height:34px;
}
#main #chronicle #mystery h3 a{background-image:url(../img/cts03bar01.gif); }
#main #chronicle #horror h3 a{background-image:url(../img/cts03bar02.gif); }
#main #chronicle #sf h3 a{background-image:url(../img/cts03bar03.gif); }
#main #chronicle h3 a:hover{background-position:0px -34px; }

#main #chronicle p.copy{
	text-indent:-9999px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-bottom:10px;
	width:597px;
	height:34px;
}
#main #chronicle #mystery p.copy{background:url(../img/cts03cpy01.gif) 0px 0px no-repeat;margin-bottom:3px;}
#main #chronicle #horror p.copy{background:url(../img/cts03cpy02.gif) 0px 0px no-repeat; }
#main #chronicle #sf p.copy{background:url(../img/cts03cpy03.gif) 0px 0px no-repeat; }

#main #chronicle p.note{text-align:right;margin-bottom:20px;}

#main #chronicle .book{
	width:340px;
	margin-bottom:20px;
	float:left;
}

#main #chronicle #chMys01,
#main #chronicle #chMys03,
#main #chronicle #chHrr01,
#main #chronicle #chSf01,
#main #chronicle #chSf03{
	margin-right:20px;
}

#main #chronicle .book img.bkimg{
	float:left;
	width:98px;
	border:1px solid #ccc;
	margin-right:20px;
}
#main #chronicle .book p.description{
	float:left;
	text-indent:-9999px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-bottom:10px;
	width:220px;
	height:90px;
}
#main #chronicle #chMys01 p.description{background-image:url(../img/cts03bt01.gif); }
#main #chronicle #chMys02 p.description{background-image:url(../img/cts03bt02.gif); }
#main #chronicle #chMys03 p.description{background-image:url(../img/cts03bt03.gif); }
#main #chronicle #chMys04 p.description{background-image:url(../img/cts03bt04.gif); }
#main #chronicle #chHrr01 p.description{background-image:url(../img/cts03bt05.gif); }
#main #chronicle #chHrr02 p.description{background-image:url(../img/cts03bt06.gif); }
#main #chronicle #chSf01 p.description{background-image:url(../img/cts03bt07.gif); }
#main #chronicle #chSf02 p.description{background-image:url(../img/cts03bt08.gif); }
#main #chronicle #chSf03 p.description{background-image:url(../img/cts03bt09.gif); }
#main #chronicle #chSf04 p.description{background-image:url(../img/cts03bt10.gif); }

#main #chronicle .book .detail a{
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/btndtl.gif) 0px 0px no-repeat;
	float:left;
	margin:9px 10px 0 0;
	width:85px;
	height:23px;
}
#main #chronicle .book .buy a{
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/btnbuy.gif) 0px 0px no-repeat;
	float:left;
	margin:9px 0 0 0;
	width:125px;
	height:23px;
}
#main #chronicle .book .detail a:hover,
#main #chronicle .book .buy a:hover{
	background-position:0px -23px;
}


#main #recommend .book{
	clear:both;
}
#main #recommend .book img{
	float:left;
	width:98px;
	margin-right:20px;
	margin-bottom:20px;
	border:1px solid #ccc;
}
#main #recommend .book p.description{
	float:left;
	text-indent:-9999px;
	background-color:transparent;
	background-position:0px 5px;
	background-repeat:no-repeat;
	margin-bottom:3px;
	width:580px;
	height:35px;
	border-top:1px solid #0C2D6B;
	overflow: hidden;
}
#main #recommend #book01 p.description{background-image:url(../img/cts04bt01.gif); }
#main #recommend #book02 p.description{background-image:url(../img/cts04bt02.gif); }
#main #recommend #book03 p.description{background-image:url(../img/cts04bt03.gif); }
#main #recommend #book04 p.description{background-image:url(../img/cts04bt04.gif); }
#main #recommend #book05 p.description{background-image:url(../img/cts04bt05.gif); }
#main #recommend #book06 p.description{background-image:url(../img/cts04bt06.gif); }
#main #recommend #book07 p.description{background-image:url(../img/cts04bt07.gif); }
#main #recommend #book08 p.description{background-image:url(../img/cts04bt08.gif); }
#main #recommend #book09 p.description{background-image:url(../img/cts04bt09.gif); }
#main #recommend #book10 p.description{background-image:url(../img/cts04bt10.gif); }
#main #recommend #book11 p.description{background-image:url(../img/cts04bt11.gif); }
#main #recommend #book12 p.description{background-image:url(../img/cts04bt12.gif); }
#main #recommend #book13 p.description{background-image:url(../img/cts04bt13.gif); }
#main #recommend #book14 p.description{background-image:url(../img/cts04bt14.gif); }
#main #recommend #book15 p.description{background-image:url(../img/cts04bt15.gif); }

#main #recommend .book p.description span.desc{
	display:block;
	float: left;
	margin:7px 0 0 0;
	width:360px;
	height:23px;
}
#main #recommend .book p.description span.detail a{
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/btndtl.gif) 0px 0px no-repeat;
	float:left;
	margin:7px 10px 0 0px;
	width:85px;
	height:23px;
}
#main #recommend .book p.description span.buy a{
	display:block;
	text-indent:-9999px;
	background:transparent url(../img/btnbuy.gif) 0px 0px no-repeat;
	float:left;
	margin:7px 0 0 0;
	width:125px;
	height:23px;
	line-height: 2;
}
#main #recommend .book p.description span.detail a:hover,
#main #recommend .book p.description span.buy a:hover{
	background-position:0px -23px;
}

#main #recommend .book p.obi{
	float:left;
	text-indent:-9999px;
	background-color:transparent;
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-bottom:10px;
	width:580px;
	height:100px;
}
#main #recommend #book01 p.obi{background-image:url(../img/cts04obi01.gif); }
#main #recommend #book02 p.obi{background-image:url(../img/cts04obi02.gif); }
#main #recommend #book03 p.obi{background-image:url(../img/cts04obi03.gif); }
#main #recommend #book04 p.obi{background-image:url(../img/cts04obi04.gif); }
#main #recommend #book05 p.obi{background-image:url(../img/cts04obi05.gif); }
#main #recommend #book06 p.obi{background-image:url(../img/cts04obi06.gif); }
#main #recommend #book07 p.obi{background-image:url(../img/cts04obi07.gif); }
#main #recommend #book08 p.obi{background-image:url(../img/cts04obi08.gif); }
#main #recommend #book09 p.obi{background-image:url(../img/cts04obi09.gif); }
#main #recommend #book10 p.obi{background-image:url(../img/cts04obi10.gif); }
#main #recommend #book11 p.obi{background-image:url(../img/cts04obi11.gif); }
#main #recommend #book12 p.obi{background-image:url(../img/cts04obi12.gif); }
#main #recommend #book13 p.obi{background-image:url(../img/cts04obi13.gif); }
#main #recommend #book14 p.obi{background-image:url(../img/cts04obi14.gif); }
#main #recommend #book15 p.obi{background-image:url(../img/cts04obi15.gif); }



/* SUB ------------------------------------------------ */
#sub{
	float:left;
	width:220px;
	text-align:left;
}

#sub h2{
	text-indent:-9999px;
	margin-bottom:10px;
	width:220px;
	height:37px;
	background:transparent url(../img/title05.gif) 0px 0px no-repeat;
}

#sub dl#present dt{
	text-indent:-9999px;
	background-color:transparent;
	background-position:10px 10px;
	background-repeat:no-repeat;
	width:220px;
	background-color:#FFF3CC;
	margin-top:10px
}
#sub dl#present dt.sign{height:47px; background-image:url(../img/cts05p01.gif); }
#sub dl#present dt.pen{height:25px; background-image:url(../img/cts05p02.gif); }
#sub dl#present dt.card{height:25px; background-image:url(../img/cts05p03.gif); }
#sub dl#present dt.cover{height:42px; background-image:url(../img/cts05p04.gif); }
#sub dl#present dt.wchance{height:24px; background-image:url(../img/cts05p05.gif); }
#sub dl#present dt.howto{height:24px; background-image:url(../img/cts05p06.gif); }

#sub dl#present dd{
	background-color:#FFF3CC;
	margin-bottom:10px;
	padding:5px 10px 10px 10px;
}

#sub dl#present dd img{margin:5px 0;}
#sub dl#present dd.sign p.name{
	text-indent:-9999px;
	background:transparent url(../img/cts05b01.gif) 0px 0px no-repeat; 
	width:200px;
	height:85px;
	margin-top:5px;
}

#sub dl#present dt.howto,#sub dl#present dd.howto{background-color:#EAEAEA;}




/* FOOTER ------------------------------------------------ */
#footer {
	position:relative;
	clear:both;
	margin:0 auto;
	width:940px;
	height:90px;
	text-align:left;
}

#footer #btn-fpt a{
	display:block;
	text-indent:-9999px;
	position:absolute;
	left:0px;
	top:0px;
	width:940px;
	height:20px;
	background:#f1f1f1 url(../img/btn_fpt.gif) 832px 0px no-repeat;
}
#footer #btn-fpt a:hover{background-position:832px -20px; }

#footer  p#ftrlogo a{
	display: block;
	position:absolute;
	text-indent:-9999px;
	top:40px;
	left:0px;
	width:182px;
	height:17px;
	background:url(../img/ftr-logo.gif) 0px 0px no-repeat;
}

#footer p#ftrcopy{
	position:absolute;
	text-indent:-9999px;
	display:block;
	top:46px;
	right:0px;
	width:180px;
	height:17px;
	background:url(/cmn/img/copyright.gif) 0px 0px no-repeat;
}

/* TOOLTIP ------------------------------------------------ */

#comment #commentbody .toolTip {
	font-size:1.6em;
	padding-right:34px;
	margin-right:18px;
	background:url(comment.gif) 100% 50% no-repeat;
	cursor: pointer; 
	position: relative;
	zoom:1;
}
 
#comment #commentbody .toolTipWrapper{
	width: 375px;
	position: absolute;
	top: 20px;
	display: none;
	color: #FFF;
	font-weight:bold;
	font-size:0.7em;
	z-index:9999;
}

#comment #commentbody .toolTipTop { width:375px; height:30px; background:transparent url("bubbleTop.gif") no-repeat;}
#comment #commentbody .toolTipMid { padding:0 15px; background:#66a9ff url("bubbleMid.gif") repeat-x top; text-align:left; line-height: 1.4;}
#comment #commentbody .toolTipBtm { height:13px; background:transparent url("bubbleBtm.gif") no-repeat;}

#comment #commentbody #ishii .toolTipWrapper{width: 205px;}
#comment #commentbody #ishii .toolTipTop { width:205px; background-image: url("bubbleTopIs.gif");}
#comment #commentbody #ishii .toolTipBtm { background-image: url("bubbleBtmIs.gif");}


#main #chronicle .book .imgTip {
	cursor: pointer; 
	position: relative;
	zoom:1;
	width: 100px;
}
 
#main #chronicle .book .toolTipWrapper{
	width: 205px;
	position: absolute;
	top: 20px;
	left: -100px;
	display: none;
	z-index:9999;
}

#main #chronicle .book .toolTipTop { width:205px; height:30px; background:transparent url("bubbleTopIs.gif") no-repeat;}
#main #chronicle .book .toolTipMid { padding:0 15px; background:#66a9ff url("bubbleMid.gif") repeat-x top; text-align:left; line-height: 1.4;}
#main #chronicle .book .toolTipBtm { height:13px; background:transparent url("bubbleBtmIs.gif") no-repeat;}