@charset "UTF-8";
/* CSS Document */
#preview {
	min-width:640px;
	background-color: #eeeeee;
}
#preview #wrapper{
	width:640px;
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}
#preview header {
	height: 80px;
	width: 100%;
	border-top: 4px solid #ff0000;
	border-bottom: 2px solid #e6e6e6
}
#preview header h1 {
	width: 310px;
	height: 40px;
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
}

#preview #detailBox{
	padding:20px 20px;
}
#preview #detailBox img.detail_img {
	height: 200px;
	width: 300px;
}
#preview #detailBox h2{
	font-size:26px;
	padding-left:16px;
	border-left:solid 4px #333333;
}
#preview #detailBox p{
	font-size:22px;

}
#preview #detailBox p.author{
	font-size:18px;
	margin-bottom:1em;
}

#preview #episode {
	min-width:640px;
	font-size:18px;
	height: 70px;
	margin-bottom:40px;
	line-height:70px;
}
#preview #episode h3 {
	font-size:22px;
	padding-right: 2.0em;
	padding-left: 1.5em;
	float: left;
	height: 70px;
	font-weight: normal;
	background-size:40px 75px;
}
#preview #episode a{
	margin-right:20px;
	margin-left:0px;
}
#preview #episode img.btnGooglePlay{
	vertical-align:top;
	margin-top:12px;
	margin-bottom:auto;
	height:46px;
}
#preview #episode img.btnAppStore{
	vertical-align:top;
	margin-top:12px;
	margin-bottom:auto;
	height:46px;
}
#preview #content{
	width:640px;
}
#preview #promotion div{
	width:600px;
	font-size:18px;
	padding:20px 10px;
	margin-left:auto;
	margin-right:auto;
}
#preview #promotion div img{
	width:600px;
	margin-bottom:10px;
}
#preview #comics{

}