@import url('common_e.css');

#banner{
	margin:0;
	padding:0;
	width:768px;
	height:156px;

}

#contents{
	margin:0px;
	padding:0px;
	width:768px;
}

#subNavi{
	margin:24px 0 0 0;
	padding:0;
	width:144px;
	float:right;
	border-top:1px solid #cccccc;
}

#subNavi ul#menu{
	margin:0;
	padding:0;
}
#subNavi ul#menu ul{
	margin:0;
	padding:0;
}
#subNavi ul#menu{
	margin:0;
	padding:0;
}
#subNavi li.category{
	width:144px;
	border-bottom:1px solid #cccccc;
	display:block;
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	background:#fafafa;
}

#subNavi .category .abox{
	display:block;
	width:144px;
	height:24px;
	margin:0;
	padding:0 0 0 0px;
	font-size:10px;
	font-weight:bold;
}

#aa_catalog_00 #subNavi li.b00,
#aa_catalog_10 #subNavi li.b10,
#aa_catalog_11 #subNavi li.b11,
#aa_catalog_12 #subNavi li.b12,
#aa_catalog_13 #subNavi li.b13,
#aa_catalog_14 #subNavi li.b14,
#aa_catalog_15 #subNavi li.b15,
#aa_catalog_16 #subNavi li.b16,
#aa_catalog_17 #subNavi li.b17,
#aa_catalog_18 #subNavi li.b18,
#aa_catalog_21 #subNavi li.b21,
#aa_catalog_20 #subNavi li.b20>a,
#aa_catalog_22 #subNavi li.b22,
#aa_catalog_23 #subNavi li.b23,
#aa_catalog_24 #subNavi li.b24,
#aa_catalog_25 #subNavi li.b25,
#aa_catalog_26 #subNavi li.b26,
#aa_catalog_27 #subNavi li.b27,
#aa_catalog_28 #subNavi li.b28,
#aa_catalog_30 #subNavi li.b30,
#aa_catalog_40 #subNavi li.b40,
#aa_catalog_50 #subNavi li.b50{
	background:#f0f0f0;
}



#subNavi li.subCategory{
	width:144px;
	display:block;
	list-style:none;
	margin:0;
	padding:0 0 0 0;
}
#subNavi .abox{
	display:block;
	width:144px;
	height:24px;
	margin:0;
	padding:0px 0 0 0;
}

#subNavi .subCategory .abox{
	display:block;
	width:144px;
	height:24px;
	margin:0;
	padding:0;
	font-size:10px;
	font-weight:bold;
	line-height:12px;
}
.str{
	position:relative; top:5px; left:4;
}

#subNavi .subCategory .str{
	position:relative; top:5px; left:12;
}


#subNavi a:link{
	color:#336699;
}
#subNavi a:hover{
	color:#336699;
}
#subNavi a:visited{
	color:#336699;
}
#subNavi a:active{
	color:#cccccc;
}


#subNavi .b00 a:link,
#subNavi .b00 a:visited{
	color:#f60;
}
#subNavi .b00 a:active,
#subNavi .b00 a:hover{
	background-color:#f0f0f0;
}

#subNavi .b10,
#subNavi .b10 a:link,
#subNavi .b10 a:visited{
	color:#390;
}


#subNavi .b10 a:active,
#subNavi .b10 a:hover{
	background-color:#f0f0f0;
}

#subNavi .b20,
#subNavi .b20 a:link,
#subNavi .b20 a:visited{
	color:#69c;
}
#subNavi .b20 a:active,
#subNavi .b20 a:hover{
	background-color:#f0f0f0;
}

#subNavi .b30 a:link,
#subNavi .b30 a:visited{
	color:#c36;
}
#subNavi .b30 a:active,
#subNavi .b30 a:hover{
	background-color:#f0f0f0;
}

#subNavi .b40 a:link,
#subNavi .b40 a:visited{
	color:#663399;
}
#subNavi .b40 a:active,
#subNavi .b40 a:hover{
	background-color:#f0f0f0;
}



#subNavi .b50 a:active,
#subNavi .b50 a:hover{
	background-color:#f0f0f0;
}


#itemList{
	margin:24px 0 0 0;
	padding:0;
	width:600px;
	float:left;
}

#listTop{
	width:578px;
	height:36px;
	margin:0 0 0 24px;
	padding:0 0 0 0px;
}

#itemList h2{
	width:249px;
	height:28px;
	margin:0px 0 0 0px;
	padding:8px 0 0 0;
	border-left:3px solid #c573b3;
	font-size:14px;
	float:left;
}

#aa_catalog_00 #itemList h2{
	border-left:3px solid #ff6600;
}
#aa_catalog_11 #itemList h2,
#aa_catalog_18 #itemList h2,
#aa_catalog_17 #itemList h2,
#aa_catalog_16 #itemList h2,
#aa_catalog_15 #itemList h2,
#aa_catalog_14 #itemList h2,
#aa_catalog_13 #itemList h2,
#aa_catalog_12 #itemList h2{
	border-left:3px solid #339900;
}
#aa_catalog_20 #itemList h2,
#aa_catalog_21 #itemList h2,
#aa_catalog_22 #itemList h2,
#aa_catalog_23 #itemList h2,
#aa_catalog_24 #itemList h2,
#aa_catalog_25 #itemList h2,
#aa_catalog_26 #itemList h2,
#aa_catalog_27 #itemList h2,
#aa_catalog_28 #itemList h2{
	border-left:3px solid #6699cc;
}

#aa_catalog_30 #itemList h2{
	border-left:3px solid #cc3366;
}
#aa_catalog_40 #itemList h2{
	border-left:3px solid #663399;
}

#itemList h2 p{
	margin:0px 0 0 10px;
	height:24px;
}

#itemList #controlTop{
	width:312px;
	height:24px;
	margin:10px 0px 0 0;
	float:right;
	text-align:right;
}

#itemList #controlBottom{
	width:312px;
	height:24px;
	margin:24px 0px 0 0;
	float:right;
	text-align:right;
}

#itemList .pageLink{
	display:block;
	height: 18px;
	padding: 0;
	margin:0;
	font-size:12px;
	float:right;
}

#itemList .pageIndex{
	height: 18px;
	padding: 0;
	margin:2px 0 0 0;
	font-size:12px;
	float:left;
	color:#333333;
}
#itemList .pageIndex .number{
	margin:0 5px 0 5px;
}
#itemList .pageIndex span.number{
	text-decoration:underline;
	font-weight:bold;
}
#itemList .pageIndex a.number:link{
	color:#999999;
}
#itemList .pageIndex a.number:hover{
	color:#333333;
}
#itemList .pageIndex a.number:active{
	color:#999999;
}
#itemList .pageIndex a.number:visited{
	color:#999999;
}




.item_detail{
	width:574px;
	border:1px solid #ccc;
	margin:24px 0 0 24px;
	clear:both;
}

body#aa_catalog_00 .item_detail{
	background:url('../images/tsume_drama_e.gif') top right no-repeat;
}

body#aa_catalog_11 .item_detail,
body#aa_catalog_12 .item_detail,
body#aa_catalog_13 .item_detail,
body#aa_catalog_14 .item_detail,
body#aa_catalog_15 .item_detail,
body#aa_catalog_16 .item_detail,
body#aa_catalog_17 .item_detail,
body#aa_catalog_18 .item_detail{
	background:url('../images/tsume_doc_e.gif') top right no-repeat;
}

body#aa_catalog_21 .item_detail,
body#aa_catalog_22 .item_detail,
body#aa_catalog_23 .item_detail,
body#aa_catalog_24 .item_detail,
body#aa_catalog_25 .item_detail,
body#aa_catalog_26 .item_detail,
body#aa_catalog_27 .item_detail,
body#aa_catalog_28 .item_detail{
	background:url('../images/tsume_edu_e.gif') top right no-repeat;
}

body#aa_catalog_30 .item_detail{
	background:url('../images/tsume_music_e.gif') top right no-repeat;
}

body#aa_catalog_40 .item_detail{
	background:url('../images/tsume_anime_e.gif') top right no-repeat;
}

.item_detail .info{
	width:302px;
	margin:12px 6px 12px 0;
	float:right;
}

.item_detail .title{
	font-size:12px;
	color:#000000;
}

.item_detail .title img{
	margin:0 0 0 6px;
}


.item_detail .info .data{
	width:302px;
	margin:0 0 8px 0;
	line-height:20px;
	border-bottom:1px solid #cccccc;
}

.item_detail .sampleView{
	width:240px;
	height:204px;
	margin:0;
	padding:12px 0 0 12px;
	float:left;
}

.item_detail .episode{
	width:550px;
	margin:0 0 0 12px;
	border-top:1px solid #efefef;
	padding:0px;
	clear:both;
}

.item_detail .epi_info{
	float:right;
	margin:8px 0px 8px 0;
	width:300px;
}

.withSample{
	width:300px;
}

.item_detail .epi_info .epi_title{
font-size:11px;
}
.item_detail .epi_info .epi_data{
	color:#999;
}
.item_detail .epi_info .epi_descript{
clear:both;
margin-top:2px;
}
.item_detail .epi_sampleView{
	width:240px;
	margin:12px 0px 12px 0;
	padding:0px 0 0 0px;
	float:left;
}
.h180{
	height:180px;
}





#itemList #listTable{
	width:576px;
	border:0;
	padding:0;
	margin:12px 0 0 24px;
	font-size:10px;
}

#itemList #listTable tr.g td{
	background-color:#f8f8f8;
	border-top:1px solid #e0e0e0;
}
#itemList #listTable tr.w td{
	background-color:#fff;
	border-top:1px solid #e0e0e0;
}

#itemList #listTable tr.g_des{
	/*display:none;*/
	background-color:#f8f8f8;
}

#itemList #listTable tr.w_des{
	/*display:none;*/
	background-color:#ffffff;
}

#itemList #listTable .tableHead{
	font-size:10px;
	font-weight:bold;
}

#itemList #listTable .title{
	width:250px;
	height:24px;
	margin:0;
	padding-left:12px;
	font-weight:bold;
}

#itemList #listTable .play{
	width:14px;
	height:24px;
	margin:0;
	padding:0;
}


#itemList #listTable .title img{
	margin:0 0 0 6px;
}

#itemList #listTable .length{
	width:100px;
	margin:0;
	padding:0;
}
#itemList #listTable .code{
	width:120px;
	margin:0;
	padding:0;
}
#itemList #listTable .lang{
	width:56px;
	margin:0;
	padding:0;
}
#itemList #listTable .btn{
	width:24px;
	margin:0;
	padding:0;
}

#itemList #listTable .play_btn{
	width:38px;
	text-align:right;
	margin:0;
	padding:0 8px 0 0;
}

#itemList #listTable .images{
	margin:0 0 0 10px;
	width:252px;
	height:200px;
	margin:0;
	vertical-align:top;
	padding:8px 0 0 12px;
}

#itemList #listTable .description{
	width:568px;
	font-size:11px;
	line-height:18px;
	vertical-align:top;
	margin:4px 0 0 0;
	padding:0 0 12px 0;
	display:none;
}

#itemList #listTable .description .info{
	width:300px;
	margin-left:12px;
	float:left;
}
#itemList #listTable .description .view{
	margin:0 0px 0px 0px;
	padding-left:12px;
	float:left;
	width:240px;
}


#itemList #listTable .description .sample{

}

#itemList #listTable .description .episode{
	width:568px;
	font-size:11px;
	line-height:18px;
	margin:0px 0 0 0;
	padding:6px 0 0px 6px;
	border-top:1px solid #f0f0f0;
}

#itemList #listTable .description .episode .epi_info{
	width:300px;
	margin-right:6px;
	float:right;
}

#itemList #listTable .description .episode .epi_info .epi_title{
font-size:10px;
margin:0 0 0 6px;
}
#itemList #listTable .description .episode .epi_info .epi_data{
color:#999999;
}
#itemList #listTable .description .episode .epi_info .epi_descript{
margin:0 0 0 6px;
}

#itemList #listTable .description .episode .epi_view{
	margin:0 0px 0px 0px;
	padding-left:6px;
	float:left;
	width:240px;
}


object{
	margin:0;
	padding:0;
}

embed{
	margin:0;
	padding:0;
}

#footer{
	margin:24 0 0 0;
	padding:0;
	width:768px;
	height:48px;
	border-top:1px solid #cccccc;
}

#status{
	margin:0 0 0 24px;
}

a.btnPlay {
	display:block;
	height: 24px;
	overflow: hidden;
	padding: 0;
	margin:0;
	text-decoration: none;
	text-indent:-100;
	width: 24px;
	background: transparent url(../images/btn_play.gif) no-repeat 0 0;
}

a.btnStop {
	display:block;
	height: 24px;
	overflow: hidden;
	padding: 0;
	margin:0;
	text-decoration: none;
	text-indent:-100;
	width: 24px;
	background: transparent url(../images/btn_stop.gif) no-repeat 0 0;
}

a.openDetail {
	display:block;
	height: 24px;
	overflow: hidden;
	padding: 0;
	margin:0;
	text-decoration: none;
	text-indent:-100;
	width: 24px;
	background: transparent url(../images/btn_open.gif) no-repeat 0 0;
}

a.closeDetail {
	display:block;
	height: 24px;
	overflow: hidden;
	padding: 0;
	margin:0;
	text-decoration: none;
	text-indent:-100;
	width: 24px;
	background: transparent url(../images/btn_close.gif) no-repeat 0 0;
}

a.btn_viewChange_sort{
	display:block;
	height: 18px;
	overflow: hidden;
	padding: 0;
	margin:0;
	text-decoration: none;
	text-indent:200;
	width: 111px;
	background: transparent url(../images/btn_viewChange_sort_e.gif) no-repeat 0 0;
	float:left;
}

.btn_viewChange_sort_selected{
	display:block;
	height: 18px;
	overflow: hidden;
	padding: 0;
	margin:0;
	text-decoration: none;
	text-indent:200;
	width: 111px;
	background: transparent url(../images/btn_viewChange_sort_e.gif) no-repeat 0 0;
	background-position: 0px -24px;
	float:left;
}

a.btn_viewChange_detail{
	display:block;
	height: 18px;
	overflow: hidden;
	padding: 0;
	margin:0;
	text-decoration: none;
	text-indent:200;
	width: 68px;
	background: transparent url(../images/btn_viewChange_detail_e.gif) no-repeat 0 0;
	float:left;
}

.btn_viewChange_detail_selected{
	display:block;
	height: 18px;
	overflow: hidden;
	padding: 0;
	margin:0;
	text-decoration: none;
	text-indent:200;
	width: 68px;
	background: transparent url(../images/btn_viewChange_detail_e.gif) no-repeat 0 0;
	background-position: 0px -24px;
	float:left;
}


a.btn_r{
	display:block;
	height: 18px;
	overflow: hidden;
	padding: 0;
	margin:0;
	text-decoration: none;
	text-indent:200;
	width: 24px;
	background: transparent url(../images/btn_arrow_r.gif) no-repeat 0 0;
	float:left;
}

a.btn_l{
	display:block;
	height: 18px;
	overflow: hidden;
	padding: 0;
	margin:0;
	text-decoration: none;
	text-indent:200;
	width: 24px;
	background: transparent url(../images/btn_arrow_l.gif) no-repeat 0 0;
	float:left;
}


a.btnPlay:hover,
a.btnStop:hover,
a.closeDetail:hover,
a.openDetail:hover,
a.btn_viewChange_sort:hover,
a.btn_viewChange_detail:hover,
a.btn_r:hover,
a.btn_l:hover{ 
	background-position: 0px -24px;
}


a img{
	border:0;
}




#mod3c{
	width:744px;
	margin-left:24px;
	padding:0;
}

#c1,
#c3,
#c2{
	width:560px;
	margin:20px 0 24px 0;
	padding:0;

}



#c1 h2,
#c2 h2,
#c3 h2{
	font-size:13px;
	/*color:#d1e626;*/
	color:#666666;
}

.viewBox{
	width:216px;
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	margin-top:18px;
	margin-right:24px;
	float:left;

}

#c2 .viewBox,
#c3 .viewBox{
	width:560px;
	border:none;
	background-color:#FFFFFF;
	margin-top:18px;
	margin-right:18px;

}

#c2 .sampleView,
#c3 .sampleView{
	margin:0 24px 0 0;
	float:left;
}

.viewBox .sampleView{
	margin:10px 0 0 10px;
}
.viewBox .title{
	margin:0px 0 0 10px;
	font-size:10px;
}
.viewBox .descript{
	margin:2px 0 10px 10px;
	font-size:10px;
	line-height:12px;
}

#c2 .viewBox .title,
#c3 .viewBox .title,
#c2 .viewBox .descript,
#c3 .viewBox .descript{
	font-size:12px;
	line-height:20px;
}

#c1 .viewBox .title,
#c1 .viewBox .descript{
	font-size:11px;
	line-height:16px;
}


.ml24{
	margin-left:12px;
}


#Contents_body{
	width:574px;
	margin:24px 0 24px 24px;
}

#Contents_body_bbc{
	width:276px;
	margin:24px 0 24px 324px;
}

/*  ### FORM TABLE ### */
#Contents_body .form td{
	height:23px;
	padding:3px 0 3px 12px;
	border-bottom:1px solid #CCCCCC;
	font-size:12px;
}

#Contents_body .form .title{
	background-color:#f4f4f4;
	font-weight:bold;
}

#Contents_body .form_btn{
	width:576;
	margin:12px 0 0 0;
	text-align:center;
}
#Contents_body h3,
#Contents_body_bbc h3{
	font-size:13px;
	line-height:20px;
	margin: 0 0 10px 0; 
}
#Contents_body p,
#Contents_body_bbc p{
	margin: 0 0 24px 0; 
}

#Contents_body table{
	font-size:11px;
	line-height:15px;
}

#catalog-switcher {
	float: left;
	width: auto;
	margin: 20px 24px;
	padding: 7px 16px;
	color: #000;
	font-size: 10px;
	line-height: 14px;
	background: #f6f6e8;
}
* html #catalog-switcher {
	_display: inline;
}
#catalog-switcher a,
#catalog-switcher a:link,
#catalog-switcher a:visited,
#catalog-switcher a:active,
#catalog-switcher a:hover {
	color: #f00;
	text-decoration: underline;
}
.jamco #subNavi {
	margin-top: 0;
	padding-top: 85px;
	background: url(../images/jamco-logo.png) no-repeat 0 0;
}
.nhk #subNavi {
	margin-top: 24px;
	padding-top: 0;
	background: none;
}