@charset "utf-8";

body {
 background-color:#FFFFFF;
}

#wrap {
 width:720px;
	height:400px;
	font-size:80%;
	background-color:#FFEEEE;
	padding-top:20px;
	padding-bottom:20px;
}

/* ▼テキスト枠 .TT-sampleTextArea▼ */
#wrap .TT-sampleTextArea {
	width: 340px;
	height:320px;
	float: right;
	border: 1px solid #333333;
	margin-right:10px;
	padding:10px 7px;
}

#wrap .TT-sampleTextArea ul {
	margin-top:15px;
}

#wrap .TT-sampleTextArea ul li {
	list-style-type:disc;
	line-height:1.5;
	margin-left:1em;
}

#wrap .TT-sampleTextArea h4 {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size:130%;
	color:#990000;
	height:1.5em;
 line-height:1.5em;
}

#wrap .TT-sampleTextArea .TT-sampletextL {
	padding-left: 0em;
	width: 170px;
	float:left;
	display:block;
}

#wrap .TT-sampleTextArea .TT-sampletextR {
	padding-left: 0em;
	float:right;
	width: 160px;
	display: block;
	margin-left:0px;
}
/* ▲テキスト枠 .TT-sampleTextArea▲ */


/* ▼ムービー枠 .TT-sampleMovie▼ */
#wrap .TT-sampleMovie {
 margin-left:10px;
	background-color:#FFFFFF;
	width:320px;
	padding-bottom:10px;
}

#wrap .TT-sampleMovie p {
	margin-left:5px;
	font-size: 130%;
	color: #FF0000;
	line-height:1.3;
}
#wrap .TT-sampleMovie em {
	font-style: normal;
	font-weight: normal;
}
/* ▲ムービー枠 .TT-sampleMovie▲ */


/* clearfixハック */
#wrap:after,
#wrap .TT-sampleTextArea:after,
#wrap .TT-sampleMovie:after,
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#wrap,
#wrap .TT-sampleTextArea,
#wrap .TT-sampleMovie,
.clearfix {
	display: inline-table;
	min-height: 1%;
}

/* Mac OS版 IE以外には適用しない \*/
#wrap,
#wrap .TT-sampleTextArea,
#wrap .TT-sampleMovie,
* html .clearfix { height: 1%; }

#wrap,
#wrap .TT-sampleTextArea,
#wrap .TT-sampleMovie,
.clearfix {
	display: block;
}
/* */