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

	トップページ専用

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

/*----------------------------------------------------
	import
----------------------------------------------------*/
@import url("common.css");

/*----------------------------------------------------
	#hed_contents	トップページ用　上部要素
----------------------------------------------------*/
#hed_contents {
}
#hed_contents h1 {
	background: url(../img/hed_contents_h1.jpg);
	text-indent: -9999px;
	display: block;
	height: 310px;
	width: 960px;
}
#hed_contents ul {
	background: url(../img/hed_contents_nav.jpg);
	height: 120px;
	width: 960px;
}
#hed_contents li {
	float: left;
	padding: 1px 2px 0 0;
}
#hed_contents a {
	height: 109px;
	width: 173px;
	text-indent: -9999px;
	display: block;
}
#hed_contents li#fla_nav_2 a {
	width: 174px;
}
#hed_contents #fla_nav_1 a:hover { background: url(../img/hed_contents_nav.jpg) 0 118px; }
#hed_contents #fla_nav_2 a:hover { background: url(../img/hed_contents_nav.jpg) -173px 118px; }
#hed_contents #fla_nav_3 a:hover { background: url(../img/hed_contents_nav.jpg) -347px 118px; }
#hed_contents #fla_nav_4 a:hover { background: url(../img/hed_contents_nav.jpg) -520px 118px; }

/*----------------------------------------------------
	#contents	コンテンツ
----------------------------------------------------*/
#contents {
	float: left;
	width: 100%;
}

/*----------------------------------------------------
	#contents_main		メイン
----------------------------------------------------*/
#contents_main {
	float: left;
	width: 700px;
}
	/*----------------------------------------------------
		#contents_main_left		メイン [ 左側 ]
	----------------------------------------------------*/
	#contents_main_left {
		float: left;
		width: 343px;
	}
	#contents_main_left #news {
		padding-bottom: 15px;
	}
	#contents_main_left #news h2 {
		background: url(../img/news_bg.gif);
		text-indent: -9999px;
		display: block;
		height: 30px;
		width: 343px;
	}
	#contents_main_left #news a#news_list_link {
		background: url(../img/news_list_link.gif);
		text-indent: -9999px;
		display: block;
		height: 18px;
		width: 54px;
		margin: -20px 0 0 289px;
		_line-height:0;
	}
	#contents_main_left #news a#news_list_link:hover {
		background: url(../img/news_list_link.gif) bottom;
	}
	#contents_main_left #news dt {
		font-size: 14px;
		font-weight: bold;
		color: #00AFEC;
		padding-top: 15px;
	}
	#contents_main_left #news dt span {
		background: url(../img/news_li_icon.gif) no-repeat 65px 6px;
		display: block;
		float: left;
		font-size: 12px;
		font-weight: normal;
		color: #000;
		width: 75px;
	}
	#contents_main_left #news dd {
		border-bottom: 1px dotted #999;
		line-height: 1.5em;
		height: 4.5em;
		padding: 0 0 15px 75px;
		overflow:hidden;
	}
	#contents_main_left #news dd.new {
		background: url(../img/new.gif) no-repeat;
	}
	#contents_main_left #index_sub_nav {
		background: url(../img/index_sub_nav.gif);
		height: 394px;
		padding-top: 10px;
	}
	#contents_main_left #index_sub_nav li {
		width: 343px;
		height: 48px;
	}
	#contents_main_left #index_sub_nav a {
		width: 333px;
		height: 45px;
		text-indent: -9999px;
		display: block;
	}
	#contents_main_left #index_sub_nav #sub_nav_1 a:hover { background: url(../img/index_sub_nav.gif) 333px 0; }
	#contents_main_left #index_sub_nav #sub_nav_2 a:hover { background: url(../img/index_sub_nav.gif) 333px -45px; }
	#contents_main_left #index_sub_nav #sub_nav_3 a:hover { background: url(../img/index_sub_nav.gif) 333px -90px; }
	#contents_main_left #index_sub_nav #sub_nav_4 a:hover { background: url(../img/index_sub_nav.gif) 333px -135px; }
	#contents_main_left #index_sub_nav #sub_nav_5 a:hover { background: url(../img/index_sub_nav.gif) 333px -180px; }
	#contents_main_left #index_sub_nav #sub_nav_6 a:hover { background: url(../img/index_sub_nav.gif) 333px -225px; }
	#contents_main_left #index_sub_nav #sub_nav_7 a:hover { background: url(../img/index_sub_nav.gif) 333px -270px; }
	#contents_main_left #index_sub_nav #sub_nav_8 a:hover { background: url(../img/index_sub_nav.gif) 333px -315px; }
	
	/*----------------------------------------------------
		#contents_main_right	メイン [ 右側 ]
	----------------------------------------------------*/
	#contents_main_right {
		float: right;
		width: 343px;
	}
	#contents_main_right a {
		text-indent: -9999px;
		display: block;
		border-bottom: 5px solid #FFF;
		width: 343px;
		height: 131px;
	}
	#contents_main_right a#main_right_1 {
		background: url(../img/main_right_1.jpg);
		border-bottom: 15px solid #FFF;
		height: 235px;
	}
	#contents_main_right a#main_right_2 { background: url(../img/main_right_2.jpg); }
	#contents_main_right a#main_right_3 { background: url(../img/main_right_3.jpg); }
	#contents_main_right a#main_right_4 { background: url(../img/main_right_4.jpg); }
	
	#contents_main_right a#main_right_1:hover { background: url(../img/main_right_1.jpg) right; }
	#contents_main_right a#main_right_2:hover { background: url(../img/main_right_2.jpg) right; }
	#contents_main_right a#main_right_3:hover { background: url(../img/main_right_3.jpg) right; }
	#contents_main_right a#main_right_4:hover { background: url(../img/main_right_4.jpg) right; }
	
/*----------------------------------------------------
	#contents_sub		サブ
----------------------------------------------------*/
#contents_sub {
	float: right;
	width: 235px;
}
#contents_sub #inquiry {
	background: url(../img/index_inquiry.png);
	width: 215px;
	padding: 0 10px;
}
#contents_sub #inquiry #inq_nav_2 {
	padding: 2px 0 15px;
}
#contents_sub #inquiry a {
	width: 215px;
	text-indent: -9999px;
	display: block;
}
#contents_sub #inquiry #inq_nav_1 a { height: 60px; }
#contents_sub #inquiry #inq_nav_2 a { height: 38px; }
#contents_sub #inquiry #inq_nav_1 a:hover { background: url(../img/index_inquiry.png) 0 -115px; }
#contents_sub #inquiry #inq_nav_2 a:hover { background: url(../img/index_inquiry.png) 0 -175px; }

#contents_sub a#cat_blog {
	background: url(../img/index_cat_blog_link.gif);
	width: 235px;
	height: 137px;
	text-indent: -9999px;
	display: block;
}
#contents_sub a#cat_blog:hover {
	background: url(../img/index_cat_blog_link.gif) bottom;
}