@charset "shift_jis";
/* CSS Document */

#teabrake div#main-container {
	height: 2184px;
	background: url(/teabreak/images/bg_index.gif) left top no-repeat;
}
#princess div#main-container {
	height: 2214px;
	background: url(/teabreak/images/bg_princess.gif) left top no-repeat;
}
#teabrake-sp div#main-container {
	height: 1648px;
	background: url(/teabreak/images/bg_special.gif) left top no-repeat;
}
div#main-container p.pagetop {
	bottom: 30px;
	right: 200px;
}
#teabrake h1.ttl,
#princess h1.ttl {
	width: 780px;
	height: 197px;
	background: url(/teabreak/images/bg_h1-index.gif) no-repeat;
}
#teabrake-sp h1.ttl {
	width: 780px;
	height: 197px;
	background: url(/teabreak/images/bg_h1-special.gif) no-repeat;
}
div#left-container div.left-navi {
	float: left;
	width: 207px;
	padding:15px 0px 0px;
}
 div.left-navi h2 {
	 padding: 0px 12px 5px;
	 font-size:12px;
	 color: #FFF;
	 text-indent: 0em;
	 line-height: 1.4em;
 }
  div.left-navi h2 strong {
	  font-size: 14px;
	color: #502009;
  }
    div.left-navi p {
		padding: 0px 0px 10px 8px;
	}
    div.left-navi p.teabrake-sp {
		margin-bottom: 10px;
		background: url(/teabreak/images/img_hr.png) no-repeat 10px bottom;
	}
div#left-container div.contents {
	position: relative;
	float: left;
	width: 516px;
	padding: 45px 0px 0px 20px;
}
div.contents p.title {
	width: 499px;
	height: 26px;
}
div.contents p.title01 {
	background: url(/teabreak/images/bg_h2-index.gif) no-repeat 3px top;
}
div.contents p.pr-title01 {
	background: url(/teabreak/images/bg_h2-princess.gif) no-repeat 3px top;
}
div.contents div.comic-box {
	width:505px;
	padding: 20px 0px 0px;
	position: relative;
	overflow: hidden;
}
#teabrake-sp div.contents div.comic-box {
	padding: 0px 0px 0px;
}
div.comic-box div.comic-img {
	float: left;
	width: 158px;
}
div.comic-box div.comic-detail {
	float: left;
	width: 337px;
	height: auto;
	padding-left: 10px;
	}
div.comic-detail h2 {
	width: 331px;
	padding: 0px 0px 5px 5px;
	font-size: 30px;
	color: #3C3C3C;
	line-height: 1em;
	text-indent: 0em;
}
div.comic-detail h2 strong {
	font-size:17px;
	color: #502009;
}
div.comic-detail p.author {
	padding-left: 5px;
	font-weight:bold;
	color: #3C3C3C;
}
div.comic-detail p.author strong {
	font-size: 15px;
}
div.comic-detail div.btn-read {
	height: 60px;
	margin: 5px 0px 0px;
}
div.comic-detail div.reader {
	padding-left: 5px;
}
div.comic-detail h3 {
	width: 331px;
	height: 27px;
	margin: 15px 0px 0px;
	background: url(/teabreak/images/bg_h4-reader.gif)
}
div.comic-detail h4 {
	width: 331px;
	height: 35px;
	margin: 15px 0px 10px;
}
div.comic-detail h4.vol01 {
	background: url(/teabreak/images/bg_h3-index01.gif) no-repeat;
}
div.comic-detail h4.vol02 {
	background: url(/teabreak/images/bg_h3-index02.gif) no-repeat;
}
div.comic-detail h4.vol03 {
	background: url(/teabreak/images/bg_h3-index03.gif) no-repeat;
}
div.comic-detail h4.vol04 {
	background: url(/teabreak/images/bg_h3-index04.gif) no-repeat;
}
div.comic-detail h4.pr-vol01 {
	background: url(/teabreak/images/bg_h3-princess01.gif) no-repeat;
}
div.comic-detail h4.pr-vol02 {
	background: url(/teabreak/images/bg_h3-princess02.gif) no-repeat;
}
div.comic-detail h4.pr-vol03 {
	background: url(/teabreak/images/bg_h3-princess03.gif) no-repeat;
}
div.comic-detail h4.pr-vol04 {
	background: url(/teabreak/images/bg_h3-princess04.gif) no-repeat;
}