@charset "euc-jp";
/* 全体の設定 */
* {
	margin: 0;
	padding: 0;
	border: none;
}
body {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	font-family: Arial,Helvetica,sans-serif,"MS ゴシック","新ゴ";
	background: url(/images/toppage/bground.jpg) repeat-x fixed;
	background-color: #ececec;
	font-weight: normal;
}

a{ outline:none;}

/* ヘッダー */
#header {
	width: 960px;
	margin: 0 auto;
	background-color: #000000;
	height: 90px;
	color: #ffffff;
}
#header h1 {
	font-size: 10px;
	font-weight: normal;
	float: left;
	text-align: left;
	width: 180px;
	padding-left: 8px;
}
#header h2 {
	float: left;
	width: 300px;
	font-size: 10px;
	font-weight: normal;
}
#header li {
	display: inline;
}
#header a {
	color: #ffffff;
}
#header ul {
	margin: 0;
	padding: 0;
	text-align: right;
	padding-right: 10px;
}
#header li a {
	font-weight: bold;
}
#dtilogo {
	border: 0;
	clear: both; 
	float: left;
	width: 232px;
}
.blogjp {
	background: url(/images/toppage/blog_logo.gif) no-repeat left top;
	padding: 0 4px 0 20px;
}
.pafojp {
	background: url(/images/toppage/pafo_logo.gif) no-repeat left top;
	padding: 0 4px 0 20px;
}
/* メインナビゲーション */
#nav {
	float: right;
	width: 700px;
	margin-top: -6px;
}
* html #nav {
	margin-top: -3px;  /* IE6のバグ用 */
}
* html #nav {
	padding-right: 6px;  /* IE6のバグ用 */
}
#nav table {
	float: right;
	width: 700px;
}
#search {
	text-align: right;
}
#search img {
	vertical-align: text-bottom;
}
.bloken {
	width: 350px; 
	margin-left: 65px;
	border: solid 1px #7f9db9;
	border-top: 2px solid #7f9db9;
	border-left: 2px solid #7f9db9;
}
#nav ul {
	float: right;
}
* html #nav ul {
	margin-top: 4px;  /* IE6のバグ用 */
	padding-right: 4px;
}
#nav li {
	text-align: center;
	font-size: 13px;
	float: left;
	margin-top: 8px;
	margin-left: 1px;
}
* html #nav li {
	margin-top: 4px;  /* IE6のバグ用 */
}
#nav li a {
	display: block;
	width: 94px;
	height: 24px;
	padding-top: 6px;
}
.mainnavoff a:link, .mainnavoff a:visited {
	background: url(/images/toppage/navituboff.gif) no-repeat;
	text-decoration: none;
}
.mainnavon a:link, .mainnavon a:visited, .mainnavon a:hover, .mainnavon a:active, .mainnavoff a:hover, .mainnavoff a:active  {
	background: url(/images/toppage/navitubon.gif) no-repeat;
	text-decoration: underline;
	font-weight: bolder;
}
/* お知らせ */
#info {
	clear: both;
	/*width: 940px;*/
	margin: 0 auto;
	background-color: #fff;
	/* background-color: #e2e2e2;*/
	padding: 5px 10px;
	width: 938px;
	border: 1px #999999 solid;
}
/*#info a {
	font-weight: bold;
}*/
#info {
	background-color: #000;

}
#info span {
	color: #b34322;
}
/* メインコンテンツのブロック */
#container {
	width: 960px;
	margin: 0 auto;
	background-color: #e2e2e2;
	border-bottom: #e2e2e2 1px solid;
}
/* 全体的なリンク設定 */
a:link, a:visited {
	color: #07519a;
	/*color: #4989ca;*/
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
/* 全体的な設定 */
li {
	list-style: none;
	line-height: 19px;
}
table {
	margin: 0 auto;
}
table td {
	vertical-align: top;
}
/* 左カラム */
#contentbody {
	width: 595px;
	float: left;
	margin: 0 5px;
}
.theme {
	background-color: #eeeeee;
	padding: 5px;
	border-top: #d3d3d3 2px solid;
	margin-top: 5px;
	background: url(/images/toppage/article.jpg) repeat-x;
	height: 25px;
	clear: both;
}
#contentbody h3 {
	float: left;
	font-size: 14px;
}
* html #contentbody {
	margin: 0 3px; /* IE6のバグ用 */
}
.gray {
	border-left: 3px solid #868686;	
	padding-left: 10px;
}
.more li {
	display: inline;
}
.more ul {
	margin: 0;
	padding: 0;
	text-align: right;
	padding-right: 10px;
}
.more {
	text-align: right;
	font-size: 12px;
}
.more a {
	background: url(/images/toppage/more.gif) no-repeat left center;
	padding-left: 20px;
}
.more a:hover {
	background: url(/images/toppage/moreon.gif) no-repeat left center;
}
/* ハイビジョンストリーミング祭り */
.gold {
	border-left: 3px solid #e9e487;	
	padding-left: 10px;
}
.sectionhd {
	clear: both;
	background-color: #161b1f;
	padding: 0 0 5px 0;
	color: #ffffff;
	overflow: auto;
}
.hdtxt {
	background: url(/images/toppage/hdtxt.jpg) no-repeat;
	padding: 104px 40px 20px 26px;
	width: 472px;
	height: 60px;
	margin: 10px auto 20px auto;
}
/* 左カラムのコンテンツ */
/* 新プレイヤーここから */
#newplayer {
	width: 584px;
	height: 230px;
	padding: 14px 0;
	color: #ffffff;
	text-align: left;
	background: #000000;
}
#newplayer p a {
	font-weight: bold;
	color: #FF9900;
}
#newplayer p {
	line-height: 13px;
}
#newplayer p a:hover {
	color: #66CCFF;
}
.movie1, .movie2, .movie3, .movie4 {
	width: 130px;
	float: left;
	padding: 0 8px;
}
#newplayer img, #newplayer object, #newplayer embed {
	margin: 0 auto;
}
* html #newplayer img, #newplayer object, #newplayer embed {
	margin: 0 auto -3px auto; /* IE6のバグ用 */
}
.newsample img, .newsample object, .newsample embed {
	width: 130px;
	height: 90px;
}
.ctr {
	margin: 0 auto 10px auto;
}
.sample50 {
	clear: both;
	margin-left: 270px
}
* html .sample50 {
	margin-top: -20px;/* IE6のバグ用 */
}
/* 新プレイヤーここまで */
/* PR枠ここから */
#pr {
	background-color: #ffffcb;
	background-color: #fbcbf6; 
	background-color: #ffffff;
	margin: 5px 0; 
	height: 60px;
}
#pr a {
	text-decoration: underline;
}
#pr a:hover {
	text-decoration: none;
}
/* PR枠ここまで */
/* 官能小説ここから */
#kannou {
	background: url(/images/toppage/kannou/kannou.jpg) no-repeat;
	width: 556px;
	height: 90px;
	padding: 25px 20px;
}
*html #kannou {
	margin-bottom: -18px;
}
.novel {
	color: #431a04;
	padding-top: 2px;
	text-align: center;
}
.promo {
	margin-top: 4px;
}
.promo img {
	float: left;
	width: 65px;
	border: 1px solid #999999;
}
.promo p {
	float: left;
	width: 110px;
	margin: 0 4px;
}
.promo p a:link {
	text-decoration: underline;
}
/* 官能小説ここまで */
/* FEATURED BLOGS Begins */
.featured {
	border-bottom: 1px dotted #929292;
	margin: 8px 0;
	padding: 0 0 13px 10px;
	clear: both;
	overflow: hidden;
	line-height: 15px;
}
.featuredProf {
	width: 100px;
	float: left;
}
.featuredProf li img {
	display: block;
	max-width: 90px;
}
.featuredProf li h4 {
	float: left;
}
.featuredProf li p {
	display: block;
}
.featuredBody {
	width: 405px;
	float: left;
	margin-right: 5px;
}
.featuredTime {
	font-size: 11px;
	color: #FF6699;
	padding-right: 6px;
	float: left;
}
.featuredRight {
	width: 160px;
	float: left;
}
.featuredRight img {
	max-width: 150px;
	max-height: 120px;
	float: right;
	border: #07519a 1px solid;
}
/* FEATURED BLOGS Ends */
#recent {
	width: 385px;
	float: left;
	background-color: #ffffff;
	padding: 5px;
}
.explanation {
	margin: 5px 0 20px 0;
}
* html .explanation  {
	margin: 5px 0 9px 0; /* IE6のバグ用 */
}
.updated {
	border-bottom: 1px dotted #929292;
	margin: 8px 0;
	padding: 0 0 13px 10px;
	clear: both;
	height: 65px;
	overflow: hidden;
	line-height: 15px;
}
.updated img {
	width: 64px;
	height: 64px;
	border: 1px solid #666666;
}
.ltop50l {
	float: left; 
	width: 80px;
}
.ltop50r {
	float: left; 
	width: 295px;
	overflow: hidden;
}
.ltop50r h4 {
	background-color: #F3F3F3;
	border-bottom: 1px dashed #888888;
	padding: 2px;
	margin: 0 0 2px 1px;
}
.updated h4, .updated2 h4 {
	font-size: 13px;
	font-weight: bolder;
}
.updated2 {
	clear: both;
	margin: 6px 0;
	padding: 0 0 10px 10px;
	height: 65px;
	border-bottom: 1px dotted #929292;
	overflow: hidden;
	line-height: 15px;
}
* html .updated2  {
	margin: 8px 0; /* IE6のバグ用 */
}
.updated2 img {
	width: 64px;
	height: 64px;
	border: 1px solid #666666;
}
.stop50l {
	float: left; 
	width: 80px;
}
.stop50r {
	float: left; 
	width: 295px;
	overflow: hidden;
}
.stop50r h4 {
	background-color: #F3F3F3;
	border-bottom: 1px dashed #888888;
	padding: 2px;
	margin-bottom: 2px;
}
.top5 {
	float: left;
	margin-right: 5px;
}
#top50 {
	float: right;
	width: 188px;
	border-left: 2px solid #cccccc;
	background-color: #ffffff;
	padding: 5px;
	font-size: 12px;
}
#top50 h4 {
	font-size: 13px;
	color: #cc0000;
	margin-bottom: 5px;
}
.star {
	vertical-align: text-top;
}
#top50 img {
	vertical-align: middle;
	margin-right: 5px;
}
#top50 li {
	height: 20px;
	text-align: left;
	border-bottom: dotted 1px #cccccc;
}
* html #top50 li {
	margin: 0; /* IE6のバグ用 */
}
.section {
	clear: both;
	background-color: #ffffff;
	padding: 5px;
	overflow: hidden;
}
.section2 {
	clear: both;
	background-color: #000000;
	padding: 5px;
	color: #ffffff;
}
.section h4 {
	font-size: 12px;
}
.section p {
	margin-bottom: 5px;
}
#mileage {
	clear: both;
	width: 330px;
	height: 110px;
	padding-left: 10px;
}
* html #mileage {
	width: 575px; /* IE6のバグ用 */
}
.eachmileage {
	width: 109px;
	float: left;
}
#mileage img {
	width: 90px;
	height: 90px;
	border: 1px solid #666666;
}
.active {
	text-align: right; 
	margin-top: 10px; 
}
#entry {
	width: 100%;
}
#entry td {
	border-bottom: dotted 1px #999999;
	padding: 1px 0 1px 10px;
	background-color: #F7F7F7;
}
#entry a{
	padding-left: 13px;
}
.entrytitle a {
	background: url(/images/toppage/memo.gif) no-repeat left center;
}
.topmargin {
	margin: 5px 6px 0 6px;
}
/* 右カラム */
#rightnav {
	width: 340px;
	float: right;
	margin-right: 5px;
}
#rightnav h4 {
	font-size: 13px;
	float: left;
	clear: both;
}
#rightnav h4 a{
	font-size: 12px;
	padding-left: 100px;
}
* html #rightnav {
	margin-right: 3px; /* IE6のバグ用 */
}
#entame {
	background: #F2F2F2; 
	padding: 4px; 
	width: 322px; 
	height: 82px;
	margin-top: 8px;
}
#entametitle { 
	border-top: 1px dashed #555555; 
	padding: 4px 0 0 18px; 
	font-size: 12px;
	background: url(https://blog.dtiblog.com/images/new_tabnav_foot/star.gif) left no-repeat;
}
#entame p {
	margin-bottom: 4px;
}
#form1 {
	float: left;
	width: 119px;
	padding-left: 4px;
}
* html #form1 {
	margin-right: -8px;/* IE6のバグ用 */
}
.textShadowBox {
	width: 110px;
	border: solid 1px #7f9db9;
	height: 16px;
}
.beginner {
	padding: 2px;
	width: 168px;
	float: right;
	margin: 10px 0 0 4px;
	border-left: 1px solid #999999;
	height: 110px;
	margin-bottom: 10px;
}
* html .beginner {
 	margin: 10px 0 0 2px;/* IE6のバグ用 */
	margin-bottom: 10px;
}
.beginner a{
	background: url(http://blog.dtiblog.com/images/new/i_shinki.jpg) no-repeat;
	padding: 4px 0 16px 26px;
}
* html .beginner a {
	margin-left: -12px;/* IE6のバグ用 */
}
#signup {
	clear: both;
}
#signup a {
	text-align: center;
	font-size: 14px;
	width: 310px;
	height: 50px;
	display: block;
	margin: 0 auto -10px auto;
	padding-top: 16px;
}
* html #signup a {
	margin-top: 8px; /* IE6のバグ用 */
}
#signup a:link, #signup a:visited {
	background: url(/images/toppage/signupoff.gif) no-repeat;
	color: #ffffff;
}
#signup a:hover, #signup a:active {
	background: url(/images/toppage/signupon.gif) no-repeat;
	color: #ffed71;
	text-decoration: underline;
}
/* 無料登録ボタン */
.freebtn a {
	float: left;
	width: 179px;
	text-align: center;
	background: url(/images/toppage/xxxfreebtn.jpg);
	height: 33px;
	padding-top: 13px;
	color: #fff;
	text-decoration: underline;
}
.freebtn a:hover {
	color: #fff;
	text-decoration: none;
	background-position: 0 -75px;
}
/* 回り込み解除用 */
.clerboth {
	clear: both;
}
/* 有料登録ボタン */
.paidbtn a {
	float: right;
	width: 149px;
	text-align: center;
	background: url(/images/toppage/xxxpaidbtn.jpg);
	height: 28px;
	padding-top: 12px;
	background-position: 0 -80px;
	margin-top: 2px;
	color: #000;
	text-decoration: underline;
}
.paidbtn  a:hover {
	color: #000;
	text-decoration: none;
	background-position: 0 0;
}
.seasonal {
	border-left: 3px solid #51b848;
	padding-left: 10px;
}
#bsearch {
	margin: 0 5px;
	background-color: #ffffff;
}
/** html #bsearch {
	height: 190px;  IE6のバグ用 
}*/
#bsearch ul {
	display: block;
}
#bsearch li {
	float: left;
}
#bsearch li a {
	/* background-color: #f5fbef;*/
	padding: 4px 0;
	margin: 2px;
	white-space: nowrap;
	text-decoration: underline;
}
#bsearch li a:hover {
	text-decoration: none;
	color: #51b848;
}
.level1 {
	font-size: 18px;
	font-weight: 900;
	margin: 5px;
}
.level2 {
	font-size: 16px;
	font-weight: 700;
	margin: 5px;
}
.level3 {
	font-size: 14px;
	font-weight: 500;
	margin: 5px;
}
.level4 {
	font-size: 13px;
	font-weight: 300;
	margin: 5px;
}
.level5 {
	font-size: 11px;
	font-weight: 100;
	margin: 5px;
}
.level6 {
	font-size: 10px;
	margin: 5px;
}
.links {
	padding: 2px;
	width: 100%;
}
.links td {
	padding: 1px 3px;
}
.links a:link, .links a:visited {
	background: url(/images/toppage/triangle_side.jpg) no-repeat left center;
	padding-left: 11px;
	font-size: 12px;
}
.links a:hover, .links a:active {
	background: url(/images/toppage/triangle.gif) no-repeat left center;
	padding-left: 11px;
}
.offblog {
	clear: both;
	background-color: #ffffff;
	padding: 5px;
	min-height: 410px;
}
.offblog h4 {
	font-size: 12px;
}
.offblog p {
	margin-bottom: 5px;
}
.topofficial {
	height: 70px;
	line-height: 18px;
}
.topofficialleft {
	float: left;
	margin: 0 5px 0 6px;
	width: 60px;
}
* html .topofficialleft {
	margin: 0 2px 0 3px; /* IE6のバグ用 */
}
.topofficialleft img {
	border: 1px solid #666666;
}
.topofficialright {
	float: left; 
	width: 254px;
	padding-left: 5px;
}
.topofficialright a {
	background-color: #F3F3F3;
	border-bottom: 1px dashed #888888;
	display: block;
	margin-bottom: 5px;
}
.officials {
	width: 76px; 
	float: left; 
	padding-left: 5px; 
	padding-top: 5px;
}
.officials img {
	border: 1px solid #666666;
}
/* パフォログ枠 */
.sectionpafo {
	clear: both;
	background: url(/images/toppage/pafo_bg.gif);
	padding: 5px;
}
.voteimg {
	clear: both;
	float: left;
	width: 72px;
	margin: 6px 0 6px 0;
}
.votetitle {
	float: right;
	width: 240px;
	margin-top: 4px;
	line-height: 28px;
}
.votetitle a {
	background: url(/images/toppage/pafo/mail.gif) no-repeat left bottom;
	padding-left: 32px;
	padding-top: 23px;
}
.votetitle a:link, .votetitle a:visited {
	color: #f526c1;
}
.voteintro {
	float: right;
	width: 240px;
	background: #ffffff;
	padding: 4px;
	margin-bottom: 10px;
}
.voteintro img{
	vertical-align: top;
}
.pafolog {
	border-left: 3px solid #FF6699;
	padding-left: 10px;
}
.pafo {
	float: left; 
	margin: 0 5px 10px 0;
	width: 100px;
}
.separation {
	clear: both;
	border-top: #666666 dashed 1px;
	font-weight: bold;
	font-size: 13px;
	padding: 4px 0 0 15px;
	background: url(http://staff.1.dtiblog.com/image/v/6.gif) no-repeat center left;
}
.moblog {
	margin-top: 10px;
	width: 335px;
	height: 110px;
	padding-left: 10px;
}
* html .moblog {
	margin-top: 5px; /* IE6のバグ用 */
	width: 322px;
	padding-left: 8px;
}
.eachmoblog {
	float: left; 
	width: 110px;
}
* html .eachmoblog {
	width: 107px; /* IE6のバグ用 */
}
.moblog img {
	width: 90px;
	height: 90px;
}
.no9 {
	clear: both;
	background: #fff;
	padding: 5px;
}
.no9Right {
	float: right;
}
.no9txt {
	float: left;
	width: 164px;
}
.no9 img {
	padding: 6px;
	border: 1px solid #999;
	background: #F3F3F3;
}
/* フッター */
#footer {
	clear: both;
	width: 960px;
	text-align: center;
	margin: 5px auto 0 auto;
	padding: 10px 0px;
	color: #6a6969;
	font-size: 12px;
	/* background: url(/images/toppage/footerbg.jpg) repeat-x;*/
	background-color: #e2e2e2;


}
#footer h5 {
	font-size: 12px;
	word-spacing: 8px;
	margin: 5px 0 5px 0;
}
#footer p {
	margin: 5px 0;
}
#footer h6 {
	font-size: 11px;
	margin-bottom: 15px;
}

/* １コイン動画配信 */
<!-- Needed for imageflow -->
body #IFDTIBLOG {
    background-color:#000;
    text-align:center;
    color:#fff;
    margin:0;
    padding:0;
    font-size:100.1%;
    font:83%/1.4 verdana, arial, helvetica, sans-serif;

    }
    
body #IFDTIBLOG a:link, body #IFDTIBLOG a:visited {
    color:#fff;
    }

body #IFDTIBLOG a:hover, body #IFDTIBLOG a:active {
    color:#c5e2ba;
    }
.clear {
    clear:both;
}
/* Needed for imageflow */

/*  Float Clear
--------------------------------------*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table; height:100%;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */
.clearfix{zoom:1;/*for IE 5.5-7*/}

#IFOuter100 {width:100%; height:100px; margin:0 auto; background-color:#000; text-align:center; position:relative; top:0; z-index:5; border-bottom:1px solid #555;}
#IFOuter100 img {border:0;}
#IFwrapper {width:582px; height:100px; margin:0 auto 0 auto; background-color:#000; text-align:center; font-family:'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif; font-size:11px;}
#imageflowstart {
    color:#FFF;
    font-size:11px;
    font-weight:normal;
    width: 466px;
    height:95px; 
	height:110px;
    position: relative;
    padding: 0;
    margin:0;
	margin:0 0 -10px 0;
    text-align:left;
    float:left;
}

#imageflowstart #imageflow {
    padding-top:0px;
    text-align:left;
}
#imageflowstart #images{
    visibility:hidden;
}
#imageflowstart #images img {
    position:absolute;
    top:0px;
    border:0;
}
#imageflowstart #loading{
    margin-top:10px;
    text-align:center;
    width:100%;
}
#imageflowstart #loading img{
    margin-top:0;
    position:relative;
}
#imageflowstart #captions{
    font-weight:normal;
    position:relative;
    text-align:center;
    z-index:101;
}
#imageflowstart #slideshow{
    position:relative;
    float:left; 
    z-index:100;
    vertical-align:middle;
    visibility:hidden;
    cursor:pointer;
    margin-top: 0px;
    margin-left:20px;
    background-image:url(http://ppv.dtiblog.com/hd_streaming/images/play.gif);
    background-repeat:no-repeat;
    width:36px;
    height:10px;
}
#imageflowstart #scrollbar{
    visibility:hidden;
    position:relative;
    border-bottom:1px solid #FFF;
    z-index:102;
    width:300px;
}
#imageflowstart #slider{
    position:absolute;
    margin-top:-5px;
    margin-left:-7px;
    z-index:103;
    background-image:url(http://ppv.dtiblog.com/hd_streaming/images/slider.gif);
    background-repeat:no-repeat;
    width:10px;
    height:10px;
}
#imageflowstart #youtubepopup {
    position:absolute;
    left:0;
    top:0;
    display: none;
    margin:0;
    border: 2px solid #000;
    width: 480px;
    height: 382px;
    cursor: move;
    z-index:99999;
	background-color: #FFFFFF;
}
#imageflowstart #youtubepopup a{
    color:#000;
}
#imageflowstart .youtubemoveable {
    position: absolute;
    cursor: move;
}
/* END imageflow */
#infoLeftBox {float:left; width:116px; background-color:#000000; color:#FFF; margin: 6px -10px 0 10px;}
#infoLeftBox p.IFleftTxt {color:#FFF; font-size:11px; margin:-3px 0 0 10px; line-height:1.3; text-align:left;}
#infoRightBox {float:right; width:145px; background-color:#000000; color:#FFF;}
#infoRightBox p.IFrightTxt {color:#FFF; font-size:12px; margin:7px 5px 5px 0; line-height:12px;}
#infoRightBox a:link,  #infoRightBox a:visited {color:#FFF; font-size:12px; margin:5px 5px 2px 0; line-height:12px;}

/* added 10/28/2013 
copy from css/sample_movies_opt.css 
*/  
.pageNum {
	padding: 5px;
    font-size:16px;
    text-align:center;
	color: #fff;
}

#contentsB {
    margin-right: 130px;
    border-right:1px solid #2F2F2F;
    float:auto;
	background-color:#000000;

}

div.sampleInfo a:link, div.sampleTitleText a:link, div.pageNum a:link {  color: #FFFFFF; text-decoration: none}
div.sampleInfo a:visited, div.sampleTitleText a:visited, div.pageNum a:visited {  color: #FFFFFF; text-decoration: none}
div.sampleInfo a:active, div.sampleTitleText a:active, div.pageNum a:active {  color: #FF0099; text-decoration: none}
div.sampleInfo a:hover, div.sampleTitleText a:hover, div.pageNum a:hover {  color: #CCE1FF; text-decoration: none;}

.contBox {
    width: 100%;
    margin-left:auto;
    margin-right:auto;
	background-color:#000000;
	color: #fff;
	padding-top: 15px;
}


.contBoxS {
    width:100%;
    margin-left:auto;
    margin-right:auto;
	background-color:#000000;
	color: #fff;
}


.thumbBigBox {
    height:217px;
    overflow:hidden;
}

.thumbMidBox {
    height:172px;
    overflow:hidden;
	background-color:#000000;
}

.sampleTitle {
    background-image:url(../images/sample_movies/label_bg.jpg);
    width:100%;
    height:38px;
}

.sampleTitleLeft {
    background-image:url(../images/sample_movies/label_left.jpg);
    width:18px;
    height:38px;
    float:left;
}

.sampleTitleRight {
    background-image:url(../images/sample_movies/label_right.jpg);
    width:18px;
    height:38px;
    float:right;
}

.sampleTitleText {
    margin-top:10px;
    padding-left:10px;
    padding-right:10px;
    font-weight:bold;
    float:left;
    text-align:left;
}

.sampleText {
    padding:10px 30px 10px 30px;
    line-height:160%;
    text-align:left;
    font-size:14px;
	width: 75%;
}

.sampleInfo {
    margin-top:6px;
    float:right;
    font-size:12px;
}

.sampleDate {
    margin-top:6px;
    font-weight:bold;
    font-size:12px;
    text-align:left;
    color:#CCCCCC;
    float:left;
}

.dateDetail {
    margin-top:6px;
    margin-bottom:6px;
    font-weight:bold;
    font-size:12px;
    color:#CCCCCC;
    clear:both;
}

.dottedLine {
    width:90%;
    height:10px;
    border-bottom:1px dotted #534741;
    clear:both;	
	margin-bottom: 10px;
}


.thumbMidBox {
    height:172px;
    overflow:hidden;
}

/*////////////////ダウンロードボタン//////////////////////*/

.dlTxt {
    font-size:12px;
    font-weight:bold;
    padding:2px 0px 2px 0px;
}

.dlBtn {
    padding:10px 0px 0px 0px;
    text-align:left;
}