@charset "Shift_JIS";

/*============================================================
//
//  目次---------------------
//  ・トップページ設定
//  　・ヘッダー
//  　・メインフラッシュ
//  　・コンテンツ
//  　・DVD TOPICS
//  　・What'sNew
//  　・外部リンクボタン
//  　・バナー
//
//==========================================================*/


/*============================================================
//  ヘッダー
//==========================================================*/

#header ul{
	background:url(../img/common/g_navi_base.jpg) no-repeat;
}


/*============================================================
//  メインフラッシュ
//==========================================================*/

#main .flash{
	float:left;
	width:676px;
	margin:0px;
	padding:10px 0;
}


/*============================================================
//  What's New
//==========================================================*/

#main .whatsnew{
	float:right;
	width: 264px;
	height:410px;
	padding:10px 0;
}

#main .whatsnew h2{
	text-indent:-9999px;
	width: 264px;
	height:41px;
	background:#fff url(../img/top/whats_ttl.jpg) no-repeat;
}
#main .whatsnew .inner{
	width: 264px;
	height:242px;
	background-color:#ffffff;
	overflow-y:scroll;
}
#main .whatsnew .inner_btm{
	width: 264px;
	height:10px;
	padding:0px;
	margin:0px 0px 10px 0px;
	_margin:0px 0px 0px 0px;
	background:url(../img/top/whats_btm.gif) no-repeat;
}

#main .whatsnew .box{
	width: 224px;
	padding:7px 10px 12px;
}

#main .whatsnew .date_wrap{
	width:224px;
	height:14px;
	padding-bottom:2px;
	border-bottom:1px dashed #999999;
}

#main .whatsnew .date_wrap .date{
	font-size:10px;
	color:#f00;
	padding-right:5px;
}
#main .whatsnew .date_wrap .new{
	text-indent:-9999px;
	font-size:5px;
	line-heigt:9px;
	width:30px;
	height:11px;
	background: url(../img/common/icon_new_top.gif) no-repeat;
}
#main .whatsnew .date_wrap .movie,
#main .whatsnew .date_wrap .dvdbd,
#main .whatsnew .date_wrap .tv,
#main .whatsnew .date_wrap .j_movie,
#main .whatsnew .date_wrap .anime,
#main .whatsnew .date_wrap .w_movie,
#main .whatsnew .date_wrap .theater,
#main .whatsnew .date_wrap .present {
	text-indent:-9999px;
	font-size:5px;
	line-heigt:9px;
	width:56px;
	height:12px;
}
#main .whatsnew .date_wrap .movie{
	background: url(../img/common/icon_movie.gif) no-repeat;
}
#main .whatsnew .date_wrap .j_movie{
	background: url(../img/common/icon_jcine.jpg) no-repeat;
}
#main .whatsnew .date_wrap .dvdbd{
	background: url(../img/common/icon_bddvd.jpg) no-repeat;
}
#main .whatsnew .date_wrap .tv{
	background: url(../img/common/icon_televi.jpg) no-repeat;
}
#main .whatsnew .date_wrap .present{
	background: url(../img/common/icon_present.gif) no-repeat;
}
#main .whatsnew .date_wrap .anime{
	background: url(../img/common/icon_anime2.jpg) no-repeat;
}
#main .whatsnew .date_wrap .w_movie{
	background: url(../img/common/icon_wcine.jpg) no-repeat;
}

#main .whatsnew .date_wrap .theater{
	background: url(../img/common/icon_theater.gif) no-repeat;
}


#main .whatsnew p{
	width:224px;
	font-size:10px;
	padding:5px 0px 0px;
	color:#000;
}
#main .whatsnew p a{
	color:#000;
	text-decoration:none;
}
#main .whatsnew p a:hover{
	text-decoration:underline;
}

#main .whatsnew .more{
	margin-top:10px;
	font-size:1px;
	text-indent:-9999px;
	background: #fff;
	padding-left:220px;
}
#main .whatsnew .more a{
	width: 30px;
	height:10px;
	background:  url(../img/common/icon_more.gif) no-repeat;
	display:block;
	text-decorration:none;
}

#main .whatsnew .banner{
	width: 264px;
	height:107px;
	margin:0px;
	padding:0px;
}


/*============================================================
//  コンテンツ
//==========================================================*/

#main .contents{
	width: 950px;
}

/*============================================================
//  TOPICS
//==========================================================*/

#main .topics{
	width: 950px;
	padding-bottom:10px;
}
#main .topics .ttl_wrap{
	width: 950px;
	height:43px;
	position:relative;
}
#main .topics h2{
	text-indent:-9999px;
	width: 250px;
	height:43px;
}

#main .topics .inner{
	width: 930px;
	padding:0px 10px;
	background: url(../img/top/contents_bg.gif) repeat-y;
}

#main .topics .box{
	width: 295px;
	padding:10px 10px 10px 5px;
	font-size:10px;
	color:#646568;
}

#main .topics .txt-box_190{
	float:right;
	width: 190px;
}
#main .topics .txt-box_160{
	float:right;
	width: 160px;
}

#main .topics .box img{
	float:left;
	padding-left:5px;
}

#main .topics .box h3{
	font-size:12px;
	color:#8caaff;
	margin-bottom:3px;
}
#main .topics .box h3 a{
	color:#8caaff;
	text-decoration:none;
}
#main .topics .box h3 a:hover{
	text-decoration:underline;
}

#main .topics .box p,
#main .topics .box .date{
	font-size:10px;
	color:#000000;
/*	color:#646568;*/
}

#main .topics .more{
	width: 51px;
	height:19px;
	padding:0px;
	background:url(../img/top/btn_more.jpg) no-repeat;
	font-size:1px;
	text-indent:-9999px;
	position:absolute;
	top:4px;
	left:894px;
}
#main .topics .more a{
	width: 51px;
	height:19px;
	background:url(../img/top/btn_more.jpg) no-repeat;
	background-position:0px 0px;
	display:block;
	text-decorration:none;
}
#main .topics .more a:hover{
	background-position:0px -19px;
}

#main .topics .movie{
	background: url(../img/common/icon_movie.gif) no-repeat;
}
#main .topics  .j_movie{
	background: url(../img/common/icon_jcine.jpg) no-repeat;
}
#main .topics  .dvdbd{
	background: url(../img/common/icon_bddvd.jpg) no-repeat;
}
#main .topics  .tv{
	background: url(../img/common/icon_televi.jpg) no-repeat;
}
#main .topics  .present{
	background: url(../img/common/icon_present.gif) no-repeat;
}
#main .topics  .anime{
	background: url(../img/common/icon_anime2.jpg) no-repeat;
}
#main .topics  .w_movie{
	background: url(../img/common/icon_wcine.jpg) no-repeat;
}

#main .topics  .theater{
	background: url(../img/common/icon_theater.gif) no-repeat;
}


#main .topics .icon{
	margin-bottom:10px;
}

ul.topics li {
float: left;
text-indent:-9999px;
font-size:5px;
line-heigt:9px;
width:56px;
height:12px;
margin-right:3px;
}

.clearLeft { 
clear: left; 
}



/*============================================================
//  TOPICS - 邦画
//==========================================================*/

#main .topics .movie_topics{
	background: url(../img/top/j-cinema_ttl.jpg) no-repeat;
}
#main .topics .movie_btm{
	width:950px;
	height:10px;
	background: url(../img/top/movie_btm.gif) no-repeat;
}

/*============================================================
//  TOPICS - 洋画
//==========================================================*/

#main .topics .w-movie_topics{
	background: url(../img/top/world-cinema_ttl.jpg) no-repeat;
}
#main .topics .movie_btm{
	width:950px;
	height:10px;
	background: url(../img/top/movie_btm.gif) no-repeat;
}


/*============================================================
//  TOPICS - DVD+Blu-ray
//==========================================================*/

#main .topics .dvdbd_topics{
	background: url(../img/top/dvdbd_ttl.jpg) no-repeat;
}
#main .topics .dvdbd_btm{
	width:950px;
	height:10px;
	background: url(../img/top/dvdbd_btm.gif) no-repeat;
}


/*============================================================
//  TOPICS - TV
//==========================================================*/

#main .topics .tv_topics{
	background: url(../img/top/tv_ttl.jpg) no-repeat;
}
#main .topics .tv_btm{
	width:950px;
	height:10px;
	background: url(../img/top/tv_btm.gif) no-repeat;
}

/*============================================================
//  TOPICS - MOVIE_W
//==========================================================*/

#main .topics .movie_w_topics{
	background: url(../img/top/tv_ttl.jpg) no-repeat;
}
#main .topics .movie_w_btm{
	width:950px;
	height:10px;
	background: url(../img/top/tv_btm.gif) no-repeat;
}


/*============================================================
//  TOPICS - ANIME
//==========================================================*/

#main .topics .anime_topics{
	background: url(../img/top/anime_ttl.jpg) no-repeat;
}
#main .topics .anime_btm{
	width:950px;
	height:10px;
	background: url(../img/top/anime_ttl.jpg) no-repeat;
}


/*============================================================
//  外部リンクボタン
//==========================================================*/

#main .btn{
	padding-top:20px;
	margin-bottom:10px;
}
#main .btn li{
	float:left;
	width: 227px;
	height:60px;
	margin-right:14px;
	text-indent:-9999px;
}
#main .btn li a{
	width: 227px;
	height:60px;
	display:block;
	text-decoration:none;
}

/* =======  各リンクボタン画像  ======= */
#main .btn li.kcc{
	background:url(../img/top/btn_kcc.jpg) no-repeat;
}
#main .btn li.kcp{
	background:url(../img/top/btn_kcp.jpg) no-repeat;
}
#main .btn li.kds{
	background:url(../img/top/btn_kds.jpg) no-repeat;
}
#main .btn li.eiko{
	background:url(../img/top/btn_eiko.jpg) no-repeat;
	margin:0;
}


/*============================================================
//  バナー
//==========================================================*/

.banner{
	width: 950px;
	background:url(../img/top/banner_bt.gif) no-repeat left bottom;
	padding-bottom:5px;
}
.banner .inner{
	width: 950px;
	background:url(../img/top/banner_top.gif) no-repeat left top;
	padding-top:10px;
}
.banner .inner2{
	width: 935px;
	background:url(../img/top/banner_bg.gif) repeat-y;
	padding:0 4px 0 11px;
}
.banner .inner2 div{
	float:left;
	margin:0 7px 7px 0;
}