@charset "shift_JIS";

@import "base.css";
@import "sidebar.css";
@import "contents.css";


#information{
	display:block;
	width:650px;
	height:15px;
	margin:0 0 3px 0;
	}
#information h3 {
	background:url(../../img/home_info_icon.jpg) no-repeat 0 0;
	width:100px;
	float:left;
	height:15px;
	text-indent:-9999px;
	}
#information ul {
	float:left;
	margin-left:5px;
	}

#top_personal_box{
	display:block;
	width:650px;
	}
.contents_box_outer{
	display:block;
	width:315px;
	float:left;
	margin:0 5px 5px 0;
	}
.contents_box_outer_right{
	float:right;
	display:block;
	width:315px;
	margin:0 0 5px 0;
	}
.contents_box{
	width:315px;
	float:left;
	margin:5px 0;
	background:url(../../img/contents-box_bg.jpg) 0 15px repeat-y;
	}

* html .contents_box{
	margin:5px 0 5px 0;
	}

.contents_box_inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
* html .contents_box_inner {
	height: 1%;
	}
.contents_box_inner {
	width:315px;
	margin:0 1px;
	display: block;
	background:url(../../img/contents-box_bottom.jpg) -1px bottom no-repeat;
	}

.contents_box h3{
	width:315px;
	height:31px;
	text-indent:-9999px;
	margin-left:-1px;
	}

#dvd_box h3 {background:url(../../img/topbar_dvd.jpg) no-repeat 0 0;}
#soundtrack_box h3 {background:url(../../img/topbar_soundtrack.jpg) no-repeat -1px 0;}
#present_box h3 {background:url(../../img/topbar_present.jpg) no-repeat -1px 0;}
#roadshow_box h3 {background:url(../../img/topbar_roadshow.jpg) no-repeat -1px 0;}
#report_box h3 {background:url(../../img/topbar_report.jpg) no-repeat -1px 0;}

.home .list_link_img{
	width:100%;
	display:block;
	clear:both;
	height:18px;
	position:relative;
	overflow:hidden;
	}

.home .list_link_img a{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:40px;
	background:url(../../img/item-detail-link-top.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	height:18px;
	overflow:hidden;
	}

.home .list_link_img a:hover{
	background-position:0 -18px;
	}


.top_category_link{
	width:313px;
	background-image:url(../../img/contents-list-link-bg.jpg);
	text-align:right;
	padding:2px 0;
	}

.top_category_link a{
	background:url(../../img/icon_s.gif) no-repeat left center;
	padding-left:10px;
	margin:3px;
	font-size:93%;
	}


.item_block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
* html .item_block {
	height: 1%;
	}
.item_block {
	display: block;
	width:313px;
	border-bottom:1px dashed #CCCCCC;
	/*margin:5px 0 0 0;*/
	padding:8px 0;
	}
.item_block:hover {
	background-color: #F2F2F2;
	border-bottom:1px solid #CCCCCC;
	}


.img_area{
	float:left;
	display:block;
	margin-left:5px;
	width:75px;
	}

#roadshow_box .img_area {
	width:120px;
	}

.img_area img{
	display:block;
	margin:0 auto;
	text-align:center;
	}

dl.item_detail{
	display:block;
	float:left;
	margin-left:5px;
	width:220px;
	}

dl.item_detail dt{
	font-size:123%;
	font-weight:bold;
	line-height:120%;
	}

#roadshow_box dl.item_detail{
	display:block;
	float:left;
	margin-left:5px;
	width:175px;
	}
dt.item_title{
	font-size:131%;
	font-weight:bold;
	}

dd.item_link{
	text-align:right;
	}

#resentlist_title dt{
	clear:both;
	background:url(../../img/top-roadshow-sub.jpg) no-repeat left;
	text-indent:-9999px;
	margin-bottom:5px;
	}

#resentlist_title{
	margin:5px;
	}

#resentlist_title dd{
	font-size:10px;
	display:inline;
	background:url(../../img/separator_v.gif) 0 0 repeat-y;
	}

#resentlist_title dd a{
	margin-left:5px;
	}

dd.item_text{margin:3px;}
dd.list_date{font-size:90%;margin:3px 0;color:#666666;}


/*-------------------------------------------------
	++ SEARCH
-------------------------------------------------*/
.search_box{
	width:650px;
	height:65px;
	background:url(../../img/searcharea.jpg) 0 0 no-repeat;
	position:relative;
	}

.search_box input#search{
	position:absolute;
	width:400px;
	height:20px;
	font-size:137%;
	border:none;
	background-color:#F2F2F2;
	padding:4px;
	top:20px;
	left:80px;
	}
.search_box input#search:focus {
	outline: none;
	}
.search_box input#search_btn{
	position:absolute;
	top:16px;
	right:20px;
	}


#top_feature{
	display:block;
	width:650px;
	height:245px;
	margin:10px 0;
	}


.search .thumb_list .topics_list_block_left{width:40px;float:left;}
.search .thumb_list .topics_list_block_right{width:560px;float:left;margin-left:5px;}

#carousel {
	width:650px;
	height:244px;	
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:650px;
	height:244px;
	/*border:1px solid #ccc;*/
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:1950px;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:650px;
	height:244px;	
	float:left;
}

#slides li img {
	/*padding:4px;*/
}

/* Styling for prev and next buttons */
#buttons_left {
	z-index:99;
	position:absolute;
	top:90px;
	left:0;
}
#buttons_right{
	z-index:99;
	position:absolute;
	top:90px;
	right:0;
}

#buttons_left a,
#buttons_right a {
	display:block; 
	width:20px; 
	height:60px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	background:url(/img/top/arrow.png) 0 -60px no-repeat; 
}

a#prev:hover {
	background:url(/img/top/arrow.png) 0 0 no-repeat;
}

a#next {
	background:url(/img/top/arrow.png) -20px -60px no-repeat; 
}

a#next:hover {
	background:url(/img/top/arrow.png) -20px 0 no-repeat;
}

* html a#prev {
	background:url(/img/top/arrow.gif) 0 -60px no-repeat; 
}

* html a#prev:hover {
	background:url(/img/top/arrow.gif) 0 0 no-repeat;
}

* html a#next {
	background:url(/img/top/arrow.gif) -20px -60px no-repeat; 
}

* html a#next:hover {
	background:url(/img/top/arrow.gif) -20px 0 no-repeat;
}


.clear {clear:both}