@charset "utf-8";

/******************************
*
*top_index.css
*
******************************/

div#top-flash {
	width: 705px ;
	height: 215px ;
	background: url(../image/bg_flash.gif) no-repeat 0 0 ;
}



/*トップタイトル*/
h2#top-title1 a ,
h2#top-title2 a ,
h2#top-title3 a {
	display: block ;
	overflow: hidden ;
	position: relative;
	width: 705px ;
	height: 115px ;
}

h2#top-title1 a:hover img ,
h2#top-title2 a:hover img ,
h2#top-title3 a:hover img {
	position: relative;
	top: -115px;
}

h2#top-title1 a:hover {
	background: url("../image/top_title1_on.gif") no-repeat 0 0 ;
}
h2#top-title2 a:hover {
	background: url("../image/top_title2_on.gif") no-repeat 0 0 ;
}
h2#top-title3 a:hover {
	background: url("../image/top_title3_on.gif") no-repeat 0 0 ;
}


div.h2-box {
	margin: 0 auto ;
	width: 650px ;
	border: solid #333333 5px ;
	background: url("../image/bg_box1.gif") repeat 0 0 ;
}



/*--------------------
トップバナー
--------------------*/

/*基本*/
div#banner-box {
	position: relative ;
	overflow: hidden ;
}

div#banner-box ul {
	position: relative ;
	left: 50% ;
	float: left ;
}

div#banner-box ul li#top-banner1 ,
div#banner-box ul li#top-banner2 {
	float: left ;
	position: relative ;
	left: -50% ;
	margin: 0 5px ;
	width:330px ;
}

div#banner-box ul li#top-banner1 a ,
div#banner-box ul li#top-banner2 a {
	display: block ;
	overflow: hidden ;
	position: relative;
	width: 330px ;
	height: 140px ;
}

div#banner-box ul li#top-banner1 a:hover img ,
div#banner-box ul li#top-banner2 a:hover img {
	position: relative;
	top: -140px;
}

div#banner-box ul li#top-banner1 a:hover {
	background: url("../image/top_banner1_on.jpg") no-repeat 0 0 ;
}
div#banner-box ul li#top-banner2 a:hover {
	background: url("../image/top_banner2_on.jpg") no-repeat 0 0 ;
}

/*スペシャル*/
div#top-banner-special1 {
	width:680px ;
	margin-left: auto ;
	margin-right: auto ;
}

div#top-banner-special1 a {
	display: block ;
	overflow: hidden ;
	position: relative;
	width: 680px ;
	height: 170px ;
}

div#top-banner-special1 a:hover img {
	position: relative;
	top: -170px;
}

div#top-banner-special1 a:hover {
	background: url("../image/top_banner_special1_on.png") no-repeat 0 0 ;
}



/*--------------------
実績　スライドボタン
--------------------*/

div#slide-box {
	width: 640px ;
	margin: 0 auto 20px auto ;
/*
	background: url(../image/bg_slide.gif) repeat ;
*/
}
div#slide-box .anyClass {
	float: left ;
	width: 540px ;
	margin: 0 5px ;
}
div#slide-box .anyClass img {
	margin: 0 5px ;
	border: solid #dddddd 5px ;
}

div#slide-box a.prev ,
div#slide-box a.next {
	display: block ;
	overflow: hidden ;
	position: relative;
	width: 45px ;
	height: 150px ;
	text-indent: -9999px ;
}

div#slide-box a.preva:hover img ,
div#slide-box a.next:hover img {
	position: relative;
	top: -45px;
}

div#slide-box a.prev {
	float: left ;
	width: 45px ;
	background: url(../image/slide_prev.gif) no-repeat 0 0 ;
}
div#slide-box a.next {
	float: left ;
	width: 45px ;
	background: url(../image/slide_next.gif) no-repeat 0 0 ;
}

div#slide-box a.prev:hover {
	background: url(../image/slide_prev_on.gif) no-repeat 0 0 ;
}
div#slide-box a.next:hover {
	background: url(../image/slide_next_on.gif) no-repeat 0 0 ;
}


div#slide-box li a:hover img {
	border: solid #00a0e8 5px ;
}
div#slide-box li a:hover {
	background: none ;
}


/*--------------------
関連ページ
--------------------*/

div.kanren-btn {
	width: 140px ;
	padding: 5px 0 0 10px ;
}

div.kanren-btn a {
	display: block ;
	overflow: hidden ;
	position: relative;
}
div.kanren-btn a:hover img {
	position: relative;
	top: -27px;
}
div.kanren-btn a:hover {
	background: url("../image/kanren_btn_on.gif") no-repeat 0 0 ;
}