@charset "UTF-8";
/*===========================================================
	Copyright: (c)SERAKU Co.,Ltd.
	Created: 2008-09-01
	Modified: 2008-09-01
===========================================================*/

/*-----------------------------------------------------------
	1-1.Yahoo UI Library Fonts CSS
	1-2.Yahoo UI Library Reset CSS
	1-3.Clear Module
		1-3-1.Clear normal Module
		1-3-2.Clear Fix Module
	1-4.Smother Module
		1-4-1.Display none Module
		1-4-2.Hidden Module
	1-5.Image Module
		1-5-1.Blocked image Module
-----------------------------------------------------------*/

/*-----------------------------------------------------------
	1-1.Yahoo UI Library Fonts CSS. (version: 3.0.0 pr1)
	
	Size in px	| Declare this %
	-------------------------------
	10			| 77
	11			| 85
	12			| 92
	13			| 100
	14			| 107
	15			| 114
	16			| 122
	17			| 129
	18			| 136
	19			| 144
	20			| 152
	21			| 159
	22			| 167
	23			| 174
	24			| 182
	25			| 189
	26			| 197
	
	Copyright (c) 2008, Yahoo! Inc. All rights reserved.
	http://developer.yahoo.net/yui/license.txt
-----------------------------------------------------------*/
body {
	font: 13px/1.231;
 *font-size:small; /* for IE */
 *font:x-small; /* for IE in quirks mode */
}
select, input, button, textarea {
	font:99% arial, helvetica, clean, sans-serif;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
 *font-size:108%;
	line-height:100%;
}
/*-----------------------------------------------------------
	1-2.Yahoo UI Library Reset CSS. (version: 3.0.0 pr1)
	
	Copyright (c) 2008, Yahoo! Inc. All rights reserved.
	http://developer.yahoo.net/yui/license.txt
-----------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
/*
	TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
*/
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
 *font-size: 100%;
}
/*because legend doesn't inherit in IE */
legend {
	color: #222;
}
/*-----------------------------------------------------------
	1-3.Clear Module
-----------------------------------------------------------*/

/*-------------------------------------------------------
	1-3-1.Clear normal Module
-------------------------------------------------------*/
	.clear {
	clear: both;
}

/*-------------------------------------------------------
	1-3-2.Clear Fix Module
-------------------------------------------------------*/

.clearfix,
#top_footer,
#news_box,
#staff_box,
#story_box,
#products_box,
#streaming_box,
#special_box{
	display: inline-block;
}
.clearfix:after,
#top_footer:after,
#news_box:after,
#staff_box:after,
#story_box:after,
#products_box:after,
#streaming_box:after,
#special_box:after{
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/* \*/
* html .clearfix,
* html #top_footer,
* html #news_box,
* html #staff_box,
* html #story_box,
* html #products_box,
* html #streaming_box,
* html #special_box{
	height: 1%;
}
.clearfix,
#top_footer,
#news_box,
#staff_box,
#story_box,
#products_box,
#streaming_box,
#special_box{
	display:block;
}
/* */

/*-----------------------------------------------------------
	1-4.Smother Module
-----------------------------------------------------------*/

/*-------------------------------------------------------
	1-4-1.Display none Module
-------------------------------------------------------*/
.none {
	display: none;
}
/*-------------------------------------------------------
	1-4-2.Hidden Module
-------------------------------------------------------*/
.hide {
	visibility: hidden;
}
/*-----------------------------------------------------------
	1-5.Image Module
-----------------------------------------------------------*/

/*-------------------------------------------------------
	1-5-1.Blocked image Module
-------------------------------------------------------*/
/*
img {
	display: block;
}
*/