@charset "utf-8";
/* CSS Document */
/*--information---------------------------------------------------------
Last update：08/09/04
File name ：index.css
Site name：株式会社ハドル
Summary：indexページ用css。
Copyright：Copyright (c) 2008 HUDDLE Co,ltd. ALL RIGHTS RESERVED
-------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	color:#666666;
	background: #ffffff url(../../image/body_bg.jpg) repeat-x left top;
}
#leftArea {
	width: 590px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;
}
#rightArea {
	width: 200px;
	height: auto;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}
h2 {
	width: 590px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	text-indent: -5000px;
	background: url(../../image/new_title.jpg) no-repeat left top;
}
/* News list in Left area
===================================*/
#newsList {
	width: 590px;
	height: 195px;
	margin: 15px 0px 20px;
	padding: 0px;
	background: url(../../image/news_bg.gif) repeat-y top left;
	overflow: auto;
}
#newsList:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}
#newsList dt {
	width: 75px;
	height: auto;
	margin: 0px;
	padding: 10px 0px 10px 35px;
	background: url(../../image/icon_orenge.jpg) no-repeat 15px 13px;
	display: block;
	float: left;
}
#newsList dd {
	width: 465px;
	height: auto;
	margin: 0px 0px 0px 15px;
	padding: 10px 0px;
	border-bottom: 1px dashed #CCCCCC;
	display: block;
	float: left;
}
/* banner list in Right area
=================================== */
#bnrList {
	width: 200px;
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#bnrList:after {
	content: ".";
	display: block;
	height: 0;
	line-height: 1px;
	clear: both;
	visibility: hidden;
}
#bnrList li {
	width: 200px;
	height: 50px;
	margin: 0px 0px 5px;
	padding: 0px;
	display: block;
	overflow: hidden;
}
#bnrList li p,
#bnrList li a {
	width: 200px;
	height: 50px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	text-decoration: none;
	display: block;
}
ul#bnrList li#bnr01 a {
	background-image: url(../../image/bnr_webc.jpg);
}
ul#bnrList li#bnr02 a {
	background-image: url(../../image/bnr_trodat.jpg);
}
ul#bnrList li#bnr03 a {
	background-image: url(../../image/bnr_nitn.jpg);
}
ul#bnrList li#bnr04 a {
	background-image: url(../../image/bnr_book.jpg);
}
ul#bnrList li#bnr05 a {
	background-image: url(../../image/bnr_trodat_movie.jpg);
}
ul#bnrList li#bnr06 a {
	background-image: url(../../image/bnr_ccode.jpg);
}

ul#bnrList li#bnr01,
ul#bnrList li#bnr01 p,
ul#bnrList li#bnr01 a:hover {
	background-image: url(../../image/bnr_webc_over.jpg);
}
ul#bnrList li#bnr02,
ul#bnrList li#bnr02 p,
ul#bnrList li#bnr02 a:hover {
	background-image: url(../../image/bnr_trodat_over.jpg);
}
ul#bnrList li#bnr03,
ul#bnrList li#bnr03 p,
ul#bnrList li#bnr03 a:hover {
	background-image: url(../../image/bnr_nitn_over.jpg);
}
ul#bnrList li#bnr04,
ul#bnrList li#bnr04 p,
ul#bnrList li#bnr04 a:hover {
	background-image: url(../../image/bnr_book_over.jpg);
}
ul#bnrList li#bnr05,
ul#bnrList li#bnr05 p,
ul#bnrList li#bnr05 a:hover {
	background-image: url(../../image/bnr_trodat_movie_over.jpg);
}
ul#bnrList li#bnr06,
ul#bnrList li#bnr06 p,
ul#bnrList li#bnr06 a:hover {
	background-image: url(../../image/bnr_ccode.jpg);
}
ul#bnrList li#bnr06,
ul#bnrList li#bnr06 p,
ul#bnrList li#bnr06 a {height: 90px;}