@charset "Shift_JIS";
/***************************************************************

* 8-style
* home.css

***************************************************************/

#header {
	position: relative;
	height: 41px;
	margin: 0 0 12px;
}
#logo {
	position: absolute;
	top: 0;
	left: 0;
}
#nav {
	position: absolute;
	top: 8px;
	left: 290px;
}
/* footer
***************************************************************/
#footer {
	text-align: right;
}


/* slide
***************************************************************/
#slide {
	width: 910px;
	height: 415px;
	padding: 10px;
	background-color: #262626;
	position:relative;
	margin: 0 0 20px;
}
#flash {
	border: 5px  solid #FFF;
	width: 900px;
	height: 400px;
	position:absolute;
	z-index: 100
}
#main-image {
	border: 5px  solid #FFF;
	width: 900px;
	height: 400px;
	z-index: 0;
}
#main-image img {  
	width: 900px;
	height: 400px;
    top:  15px; 
    left: 15px;
	position: absolute;
}
#cycle-nav {
	position: absolute;
	bottom: 5px;
	right: 10px;
	z-index: 100;
	display: none;
}
#cycle-nav li {
	float: left;
	margin: 0 0 0 5px;
}
#cycle-nav a {
	display: block;
	width: 20px;
	height: 5px;
	line-height: 5px;
	background-color: #FFF;
	text-indent: -5000px;
}
#cycle-nav a:hover,
#cycle-nav a.activeSlide {
	background-color: #e10031;
}
/* blog-feed
***************************************************************/
#blog-feed {
	color: #CCC;
	margin: 0 0 20px;
}
#blog-feed a {
	color: #CCC;
	text-decoration: none;
}
#blog-feed a:hover {
	color: #CCC;
	text-decoration: underline;
}
#blog-feed .col1  {
	width: 91px;
	float: left;
}
#blog-feed .col2  {
	width: 829px;
	float: right;
}
#blog-feed li {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background-color: #262626;
	margin: 0 0 1px;
}
#blog-feed li span.date {
	margin: 0 1em 0 0;
}