@charset "utf-8";
/*
-----------------------------------------------

update:2009/2/2
----------------------------------------------- */

/*
===== CONTENTS =====

	1: layout
	2: contents
		:main
		:sub
	
====================
*/

/* 1: layout
----------------------------------------------- */

#header{
	height:60px;
}

#mainimg{
	background-image: url(../img/home/mainimg.png);
	height:334px;
	width:894px;
	position:relative;
	z-index:1;
}

#navi{
	margin-top:-9px;
	margin-bottom:20px;
	position:relative;
	z-index:2;
}

#main{
	margin-left:13px;
	width:660px;
	float:left;
	background-image:url(../img/home/main.jpg);
}
#main-inner{
	background:url(../img/home/main-inner.jpg) right bottom no-repeat;
}

#sub{
	width:190px;
	_width:194px;
	float:right;
	margin-right:17px;
	border:1px solid #ccc;
	padding:1px;
	margin-top:1px;
}

#sub2{
	width:190px;
	_width:194px;
	float:right;
	margin-right:17px;
	border:1px solid #ccc;
	padding:1px;
	margin-top:1px;
	margin-bottom:10px;
	display:inline;
	position:relative;
}

#sub3{
	width:194px;
	float:right;
	margin-right:17px;
	margin-top:1px;
	margin-bottom:10px;
	display:inline;
	position:relative;
}

* html #top-banner{
	zoom:1;
	position:relative;
	display:inline;
}


/* 2: parts
----------------------------------------------- */

#mainimg #flash{
	position:relative;
	top:17px;
	left:17px;
}
#mainimg h1,
#mainimg p{position:absolute; left:-9000px;}

/*
===== main =====
*/


/* 1 */

#block1 .case{
	background:url(../img/common/line.gif) left bottom repeat-x;
	padding-bottom:17px;
	margin-bottom:17px;
}
#block1 .case.last{
	padding-bottom:0;
	margin-bottom:0;
	background:none;
}
#block1 .case .left{width:100px;}
#block1 .case .right{width:494px;}

#block1 h3{margin-bottom:8px;}

/* 2 */

#block2 ul{
	width:614px;
	display: inline-block;
}

#block2 ul:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}


#block2 li{
	float: left;
	margin-right:13px;
}
#block2 .last{margin-right:0;}


/* 3 */

#block3{
	position:relative;
	width:614px;
}

#block3 .menu{
	position:absolute;
	position: absolute;
	line-height:27px;
	top:0;
	right:0;
}

.rss{
	background: url(../img/home/rss.gif) left no-repeat;
	padding-left:15px;
	margin-right:15px;
}

/* contents-menu */

#contents-menu{
	padding:15px 0 25px 0;
}


/*
===== sub =====
*/

#sub-menu h2{
	margin-bottom:8px;
}
#sub-menu dl{
	margin-left:4px;
	width:181px;
}
#sub-menu dt{
	position:relative;
	z-index:1;
}
#sub-menu dd{
	margin-bottom:14px;
	border-bottom:1px solid #ccc;
	text-indent:-9000px;
	z-index:2;
	height:98px;
	margin-top:-64px;
}
#sub-menu dd.last{
	margin-bottom:0;
	border-bottom:0;
}

#sub-menu dd a{
	background-image:url(../img/home/sub-menu-more.jpg);
	background-position:left bottom;
	height:82px;
	display:block;
	width:181px;
	margin-top:-16px;
	position:relative;
	z-index:2;
	
}
#sub-menu dd a:hover{background-image:url(../img/home/sub-menu-more-over.jpg);}