body{
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin:0 auto;
padding:0; /*Opera*/
}

h1,h2,h3,h4,h5,form,ol,ul{padding:0; margin:0;}

ul{list-style:none;}

h1#title{
text-indent:-9999px;
height:1px;
font-size:1px;
overflow:hidden;
display:none;
}


a:link{color:#3e291f; text-decoration:underline;}
a:visited{color:#3e291f; text-decoration:underline;}
a:hover{color:#3e291f; text-decoration:none;}
a:active{color:#3e291f; text-decoration:none;}

.cate01 a:link,.cate01 a:visited,.cate01 a:hover,.cate01 a:active{color:#1792bd;}
.cate02 a:link,.cate02 a:visited,.cate02 a:hover,.cate02 a:active{color:#f42a74;}
.cate03 a:link,.cate03 a:visited,.cate03 a:hover,.cate03 a:active{color:#39aa3a;}

/*--------------------------------------------------------------------------------------------
	COMMON LAYOUT
--------------------------------------------------------------------------------------------*/
#wrapper{width:100%;}

#container{
width:770px;
padding:0;
margin:0 auto;
text-align:left;
}

#header{
width:770px;
height:75px;
background:url(images/header.gif) center 0 no-repeat;
margin:0 auto;
}

#contentArea{
width:750px;
margin:0 auto;
}

/*for TOPPAGE*/

.index #contentTop{width:770px; height:16px;background:url(images/contenttop.gif); overflow:hidden; margin:0 auto;}
.index #contentFoot{width:770px; height:16px;background:url(images/content_foot.gif); overflow:hidden; margin:0 auto;}
.index #contentArea{background:url(images/en_bg.gif) 0 0 repeat-y; margin-bottom:-12px;width:764px; padding:0 3px;}
.index #mainArea{width:740px; margin:0 12px; height:240px;}


/*for LINEUP PAGE*/

#crumble{width:740px; margin:0 auto 10px auto; padding:3px 10px; background:url(images/crumble_bg.gif) 0 0 repeat-x; height:25px; overflow:hidden;} 
#crumble ul{}
#crumble ul li{display:block; float:left; padding:4px 3px; font-size:10px;}

.cate01 #crumble{color:#1792bd;}
.cate02 #crumble{color:#f42a74;}
.cate03 #crumble{color:#39aa3a;}

#thumbnail{float:left; background:url(images/thumb_bg.gif) 0 0 no-repeat; text-align:ceter; padding:5px 0; width:121px; height:134px; }
#thumbnail img{margin:4px 9px; padding:1px; border:solid 1px #bababa;}
#thumbnail img.nb{border:none;}

#mainArea{width:608px; margin:0; float:right;}
#mainArea h2{width:608px; height:42px; padding-top:10px; overflow:hidden;}
#mainArea h2 span{padding:0 15px; font-size:18px; font-weight:normal; font-family:arial,helvetica,verdana;}

.cate01 #mainArea h2{background:url(images/h2_title_cate01.gif) 0 0 no-repeat;}
.cate01 #mainArea h2 span{color:#1792bd;}
.cate02 #mainArea h2{background:url(images/h2_title_cate02.gif) 0 0 no-repeat;}
.cate02 #mainArea h2 span{color:#f42a74;}
.cate03 #mainArea h2{background:url(images/h2_title_cate03.gif) 0 0 no-repeat;}
.cate03 #mainArea h2 span{color:#39aa3a;}

#flvArea{float:right; width:260px; height:195px; background:#e7e7e7; padding:10px 9px;}
#mainArea table.filmData{
width:300px;
float:left;
}

#mainArea table.filmData td,#mainArea table.filmData th{padding:5px;border-top:dotted 1px #ccc; text-align:left; vertical-align:top; font-size:11px; color:#666; line-height:1.5;}
.cate01 #mainArea table.filmData th{color:#1792bd;}
.cate02 #mainArea table.filmData th{color:#f42a74;}
.cate03 #mainArea table.filmData th{color:#39aa3a;}

div.area1,div.area2{zoom:100%; padding:0 10px;}

div.area1 img{display:block; clear:both;}
div.area2 img{display:block; clear:both;}


div.area1:after,
div.area2:after{
content: "";
clear: both;
height:14px;
display: block;
visibility: hidden;
}

.area2 p{font-size:11px; color:#666; padding:8px; margin:0;}

.cate01 .area2 strong{color:#1792bd;}
.cate02 .area2 strong{color:#f42a74;}
.cate03 .area2 strong{color:#39aa3a;}

.synopsys{
font-size:11px;
margin:8px 0;
line-height:1.5;
color:#666;
padding:10px;
border:dotted 1px #ccc;
background:#f5f5f5;
font-family:arial,helvetica,verdana;
}

/*--------------------------------------------------------------------------------------------
	WHATS NEW
--------------------------------------------------------------------------------------------*/

#container #whatsNew {
clear:both;
width:740px;
margin:0 auto;
background:transparent url(images/bg_news.gif) 0 0 repeat-y;
}

#container #whatsNew h2 {
width:740px;
height:42px;
text-indent:-9999px;
background:url(images/h2_title_news.gif) 0 0 no-repeat;
}

#container #whatsNew p {
font-size:11px;
color:#ffffff;
margin:0;
margin-bottom:6px;
padding:8px 15px 16px;
background:url(images/bg_news_btm.gif) left bottom no-repeat;
}

/*--------------------------------------------------------------------------------------------
	CATEGROY LIST for TOP
--------------------------------------------------------------------------------------------*/

ul.category li{
float:left;
display:block;
width:254px;
}

ul.category li.l01{border-right:solid 1px #ccc;}
ul.category li.r01{border-left:solid 1px #ccc;}


ul.category li h2{width:254px;text-indent:-9999px; height:32px;}

ul.category li h2.cat01{background:url(images/cat01.gif) 0 0 no-repeat;}
ul.category li h2.cat02{background:url(images/cat02.gif) 0 0 no-repeat;}
ul.category li h2.cat03{background:url(images/cat03.gif) 0 0 no-repeat;}


ul.category li dl.lineup{margin:5px 0;}
ul.category li dl.lineup dt{display:block; float:left; width:110px;  height:90px; margin:0 5px}
ul.category li dl.lineup dt img{padding:1px; border:solid 1px #bababa;}



ul.category li dl.lineup dd{display:block; float:left; width:125px; height:90px; margin:0; font-size:10px; color:#666;}
ul.category li dl.lineup dd h3{font-size:11px; font-weight:normal; font-family:arial,helvetica,verdana; margin:3px 0;}
ul.category li dl.lineup dd h3.cat01{color:#1792bd;}
ul.category li dl.lineup dd h3.cat02{color:#f42a74;}
ul.category li dl.lineup dd h3.cat03{color:#39aa3a;}

ul.category:after{
content: "";
clear: both;
height:10px;
display: block;
visibility: hidden;
}

/*--------------------------------------------------------------------------------------------
	FOOTER
--------------------------------------------------------------------------------------------*/
/* #footer */
#container #footer {
	margin:10px auto;
	width:760px;
	float:none;
	}

#footer .pageTop {
	margin:0;
	text-align:right;
	}

#footer .wrap:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
	}

#footer .wrap {
	display:inline-table;
	width:100%;
	background:url(/images/footer.gif) no-repeat 0 0;
	}

/*\*/
* html #footer .wrap {
	height:1%;
	}

#footer .wrap {
	display:block;
	}
/**/

#footer ul {
	color:#1d99c4;
	float:left;
	margin:10px 0 0 3px;
	padding:0;
	width:440px;
	height:1.5em;
	font-size:10px;
	list-style-type:none;
	}

#footer ul li {
	color:#1d99c4;
	float:left;
	margin:0 0.5em 0 0;
	}

#footer a {
	color:#1d99c4;
	text-decoration:none;
	}

#footer a:hover {
	color:#1d99c4;
	text-decoration:underline;
	}

#footer #copyright {
	float:right;
	margin:10px 3px 0 0;
	width:290px;
	color:#888;
	font-weight:normal;
	font-size:9px;
	text-align:right;
	}

/*--------------------------------------------------------------------------------------------
	FLOAT CLEAR
--------------------------------------------------------------------------------------------*/

hr{clear:both;border:none;padding:0;margin:0;}
*html hr{display:none;clear:both;}
*+html hr{display:none;clear:both;}