@charset "utf-8";

/* ===========================================================

	Title: home.css
	Created: 2009-1-19
	Created: 2009-1-28
	
=========================================================== */
/*

	home
	flash
	canvas
	
=========================================================== */
/*

	home
	
=========================================================== */

div#home {
	clear: both;
	width: 810px;
	margin: 0 20px;
	padding: 15px 0 0;
}

div#home h2 {
	margin: 0;
}

div#home div#boxL {
	float: left;
	display: inline;
	width: 570px;
}

div#home div#boxR {
	float: right;
	display: inline;
	width: 220px;
}

/* ===========================================================

	flash
	
=========================================================== */

div#flash {
	margin: 0 0 15px;
}

/* ===========================================================

	canvas
	
=========================================================== */

div#canvas {
	background: url(../common/image/bg_w810.gif) repeat-y;
	border-bottom: solid 1px #cccccc;
	width: 810px;
	margin: 0 0 15px;
}

div#canvas p {
	background: url(../image/bg_01.jpg) right bottom no-repeat;
	margin: 0;
	padding: 10px 170px 10px 15px;
}

/* ===========================================================

	movie
	
=========================================================== */

div#movie {
	background: url(../common/image/bg_w570.gif) repeat-y;
	border-bottom: solid 1px #cccccc;
	width: 570px;
	margin: 0 0 15px;
}

div#movie ul {
	margin: 0;
height: 200px;
font-size:12px;
}

div#movie ul li {
	float: left;
	background: url(../common/image/line_dot_y.gif) 0 repeat-y;
	width: 132px;
	_width: 142px;
	margin: 0;
	padding: 10px 5px;
	text-align: center;
	line-height: 1.8;
}

div#movie ul li .thumb img {
	border: solid 1px #CCCCCC;
}

div#movie ul li img {
	vertical-align: bottom;
}

div#movie ul li a:link,
div#movie ul li a:visited {
	text-decoration: none;
	color: #6f9412;
}

div#movie ul li a:hover {
	text-decoration: none;
	color: #283b71;
}

/* ===========================================================

	topix
	
=========================================================== */

div#topix {
	margin: 0 0 15px;
}

div#topix h3 {
	border: none;
	margin: 0 0 10px;
	padding: 0;
}

/* ===========================================================

	banner
	
=========================================================== */

div#banner {
	background: url(../common/image/bg_w220.gif) repeat-y;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	width: 220px;
	margin: 0 0 15px;
	padding: 5px 0 0;
}

div#banner ul {
	width: 210px;
	margin: 0 0 0 5px;
}

div#banner ul li {
	width: 210px;
	margin: 0 0 5px;
	line-height: 1;
	font-size: 1px;
}

div#banner ul li img {
	vertical-align: bottom;
}