@charset "UTF-8";

/* width  ------------------------------*/
#libraryArea{
	padding-right:12px;
	padding-left:12px;
}

/* layout  ------------------------------*/
#showCase{
	padding-bottom:15px;
}

#tabIndex{
	margin-bottom:8px;
}

p.comment{
	font-size:90%;
	text-align:right;
}

li#libraryTab,
li#libraryTab a{
	background-image:url(/category/corporate/images/tab_top.jpg);
	width:152px;
}


li#sampleTab,
li#sampleTab a{
	background-image:url(/category/corporate/images/tab_sample.jpg);
	width:98px;
}

#libraryArea ol{
	list-style-type:decimal;
	padding-left:22px;
	line-height:180%;
}

/* サンプルページ */

#libraryArea dl.thumbBox{
	float:left;
	width:236px;
	padding-bottom:18px;
}

#libraryArea dl.thumbBox dt,
#libraryArea dl.thumbBox dd{
	width:215px;
	display:block;
}

#libraryArea dl.thumbBox dt{
	text-align:center;
	background-color:#000000;
}

#libraryArea dl.thumbBox dt img{
	display:block;
	line-height:100%;
	margin:0 auto;
}

#libraryArea dl.thumbBox dd{
	font-size:90%;
	font-weight:bold;
	line-height:150%;
	border-left:1px solid #009900;
	margin-top:4px;
	padding:1px 0 1px 6px;
}

#libraryArea dl.thumbBox dd img{
	float:right;
	padding-right:6px;
}

/* 動画ページ */

#libraryArea dl.movieBox{
	width:384px;
	margin:0 auto;
	padding-bottom:20px;
}

#libraryArea dl.movieBox dt{
	font-weight:bold;
	line-height:150%;
	border-left:1px solid #009900;
	margin-bottom:6px;
	padding:1px 0 1px 6px;
}

#libraryArea p#sampleBack{
	
}

#libraryArea p#sampleBack a{
	font-size:90%;
	background:url(/category/corporate/images/arrow_sample_back.gif) no-repeat left center;
	padding-left:16px;
}