@charset "UTF-8";
@import url("elements.css");
@import url("layouts.css");



h1 span {
	background      : url("../img/bangumi/h1.gif") no-repeat;
}



/* index */
/***********************************************************/

body#index div.now {
	margin          : 0px 0px 10px 0px;
}

body#index div.now div.column {
	width           : 610px;
	padding         : 0px 0px 20px 0px;
	
}

body#index div.now div.column img {
	width           : 300px;
/*	height          : 169px; */
	border          : solid 1px #999999;
	display         : block;
	margin          : 0px 15px 0px 0px;
	float           : left;
}

body#index div.now div.column div.text {
	width           : 290px;
	padding         : 0px 0px 0px 15px;
}

body#index h2 {
	font-size       : 12px;
	font-weight     : normal;
	color           : #eeeeee;
	width           : 600px;
	margin          : 0px 0px 15px 0px;
	padding         : 5px 5px 3px 5px;
	background      : #333333;
}

body#index h3 {
	font-size       : 10px;
	font-weight     : bold;
	color           : #ffffff;
	width           : 585px;
	margin          : 0px 0px 10px 0px;
	padding         : 5px 0px 3px 5px;
	background      : #666666;
}

body#index div#area_2 h3 {
	font-size       : 12px;
	font-weight     : bold;
	color           : #666666;
	margin          : 0px 0px 10px 0px;
	padding         : 3px 0px 3px 18px;
	background      : url("../img/bangumi/h3_listmark.gif") 1px 4px no-repeat;
}

body#index h4 {
	font-size       : 10px;
	font-weight     : normal;
	margin          : 0px 0px 10px 0px;
	padding         : 5px 5px 3px 5px;
	background      : #ebece7;
}

body#index h4 span.s {
	font-size       : 10px;
	font-weight     : normal;
	color           : #999999;
	margin          : 1px 0px 3px 0px;
	display         : block;
}

body#index h4 span.l {
	font-size       : 12px;
	font-weight     : bold;
	color           : #333333;
	margin          : 3px 0px 1px 0px;
	display         : block;
}

body#index h4 span.l span {
	font-size       : 10px;
	font-weight     : normal;
	color           : #333333;
	display         : inline !important;
}

body#index div.old div.column {
	margin          : 0px 0px 10px 0px;
	padding         : 0px 0px 10px 0px;
	background      : url("../img/dotline.gif") 0px bottom no-repeat;
}

body#index div.old img {
	width           : 125px;
	height          : 90px;
	border          : solid 1px #999999;
	display         : block;
}

body#index div.old div.text {
	width           : 450px;
	padding         : 0px 0px 0px 10px;
}

body#index div.old div.text dt,
body#index div.old div.text dd,
body#index div.now div.text dt,
body#index div.now div.text dd {
	font-size       : 10px;
	margin          : 0px 0px 2px 0px;
}

body#index div.old div.text dt,
body#index div.now div.text dt {
	font-weight     : bold;
}

body#index div.old div.text dd,
body#index div.now div.text dd {
	background      : url("../img/li_circle.gif") 0px 5px no-repeat;
	padding         : 1px 0px 1px 10px;
}

body#index div.old div.text li,
body#index div.now div.text li {
	font-size       : 10px;
	line-height     : 1.2;
	background      : url("../img/link_arrow.gif") 1px 4px no-repeat;
	padding         : 0px 0px 0px 9px;
}

body#index div.old div.text li *,
body#index div.now div.text li * {
	font-size       : 10px;
	line-height     : 1.4;
}


/* page link */
/***********************************************************/

body#index div#pagelink {
	width           : 590px;
	background      : #edf5fb;
	margin          : 10px 0px 15px 0px;
	padding         : 7px 10px 0px 10px;
	border          : solid 1px #dddddd;
}

body#index div#pagelink li.plane {
	font-size       : 12px;
	line-height     : 1.4;
	background      : url("../img/link_page.gif") 0px 0px no-repeat;
	padding         : 1px 58px 5px 18px;
	display         : block;
	float           : left;
}

body#index div#pagelink li.end {
	font-size       : 12px;
	line-height     : 1.4;
	background      : url("../img/link_page.gif") 0px 0px no-repeat;
	padding         : 1px 0px 5px 18px;
	display         : block;
	float           : left;
}


/* contents */
/***********************************************************/
body#index div#area_1,
body#index div#area_2,
body#index div#area_3 {
	margin          : 0px 0px 15px 0px;
}


/* area_1 text */
/***********************************************************/			

body#index div.now div.column dd.info1,
body#index div.now div.column2 dd.info1 {
		margin        : 0px 0px 10px 0px;
	}
	
body#index div.now div.column2 dd.info1,
body#index div.now div.column2 dd.info2 {
		background    : none;
		padding-left  : 0px;
	}


/* table */
/***********************************************************/

body#index div#area_2 table.details,
body#index div#area_3 table.details {
	background      : #cccccc;
	margin          : 0px 0px 15px 0px;
}

body#index div#area_2 table.details tr.title,
body#index div#area_3 table.details tr.title {
	color           : #ffffff;
}

body#index div#area_2 table.details tr.contents,
body#index div#area_3 table.details tr.contents {
	background      : #ffffff;
	color           : #666666;
	vertical-align  : top; 
}

body#index div#area_2 table.details td,
body#index div#area_3 table.details td {
	font-size       : 10px;
	line-height     : 1.4;
}

body#index div#area_2 table.details colgroup.nowrap,
body#index div#area_3 table.details colgroup.nowrap {
	white-space     : nowrap;
}

body#index div.now div.column dd {
	font-size       : 10px;
}

.nowrap {
white-space:nowrap;
	}


/* sakuhin link */
/***********************************************************/

body#index div#sakuhin_link {
	margin          : 10px 0px 15px 0px;
}

body#index div#sakuhin_link div.title {
	width           : 87px;
	height          : 22px;
	font-size       : 10px;
	line-height     : 1.4;
	background      : url("../../bangumi/img/bg_bstation_navi.gif") 0px 0px no-repeat;
	float           :left;
	text-align      : center;
	padding         : 8px 0px 0px 0px;
	vertical-align  : top;
}

body#index div#sakuhin_link ul.menu {
	float           :left;
	margin          :0px 0px 0px 0px;
}


body#index div#sakuhin_link li {
	border-right    :1px solid #cccccc;
	width           : 86px;
	font-size       : 10px;
	font-weight     : bold;
	line-height     : 1.2;
	padding         : 6px 0px 6px 0px;
	display         : block;
	text-align      : center;
	float           : left;
}


	
/* float clear */

div.list_link:after {
	content         : ".";
	height          : 0px;
	clear           : both;
	visibility      : hidden;
	display         : block;
}

div.list_link {
	display         : inline-block;
}

/*\*/
* html div.list_link {
	height          : 1%;
}

div.list_link {
	display         : block;
}
/* */