@charset "utf-8";
/*========================================*
*　■index
*========================================*/

#index{
}

/* トップページ用基本レイアウト　base.cssのidを上書き */
#header {
	height: 120px;
}
#index #main {
	float: left;
	width: 586px;
	display: inline;
}
#index #sidebar {
	float: right;
	width: 220px;
	display: inline;
}

/* メインビジュアル */
#top-img {
	margin-bottom: 30px;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
}

/* index-navi */
#index-navi {
	background: url(../img/index/bg_index_navi.jpg) no-repeat center top;
	padding-top: 15px;
	margin-bottom: 40px;
}
#index-navi table {
}
#index-navi table th {
	width: 209px;
	border: 1px solid #CCCCCC;
	vertical-align: top;
}
#index-navi table td {
	width: 209px;
	border: 1px solid #CCCCCC;
	padding: 6px 6px 15px;
	line-height: 140%;
	vertical-align: top;
}
* html #index-navi table td {
	line-height: 160%;
}
#index-navi table th.firstChild,
#index-navi table td.firstChild {
	width: 208px;
}
#index-navi table td img {
	margin-bottom: 10px;
}
#index-navi table td a:hover img {
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*Firefox・Netscape*/
	opacity:0.50; /*Opera・Safari*/
}


/* メインエリア */
#index #main div.wrap1 {
	position: relative;
}
#index #main div.wrap1 p.btn-viewall {
	height: 22px;
	width: 56px;
	position: absolute;
	left: 530px;
	top: 6px;
}
#index #main div.wrap1 p.btn-viewall a:hover img {
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*Firefox・Netscape*/
	opacity:0.50; /*Opera・Safari*/
}

#index #main h2 {
	margin-bottom: 15px;
}


/*サイド*/
#index #sidebar h2 {
}
#index #sidebar ul.group-list {
	margin-bottom: 20px;
	border-right: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
}
#index #sidebar ul.group-list li {
	list-style: none;
	text-align: center;
	line-height: 140%;
	font-size: 10px;
	border-top: 1px solid #CDCDCD;
	padding: 15px 5px;
}
#index #sidebar ul.group-list li.firstChild {
	border-top: none;
}
* html #index #sidebar ul.group-list li {
	font-size: 10px;
}
#index #sidebar ul.group-list li img {
	margin-bottom: 5px;
}