@charset "utf-8";
@import url("nkym.css");

/*  トップページCSS  */
#top-menu {
	width: 228px;
	height: 195px;
	float: left;
	padding: 10px 0 0 0;
}
#top-menu ul,
#top-menu li {
	vertical-align:bottom;
	font-size:1px;
}
.top-menu01 a,
.top-menu02 a,
.top-menu03 a {
	height: 65px;
	display: block;
	width: 228px;
	background-image: url(../../image/top/btn01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
.top-menu01 a {
	background-position: 0px 0px;
}
.top-menu02 a {
	background-position: 0px -65px;
}
.top-menu03 a {
	background-position: 0px -130px;
}
.top-menu01 a:hover {
	background-position: -228px 0px;
}
.top-menu02 a:hover {
	background-position: -228px -65px;
}
.top-menu03 a:hover {
	background-position: -228px -130px;
}

#top-flash {
	height: auto;
	overflow: hidden;
	width: auto;
	margin: 10px 0;
}
#info-banner {
	clear:both;
	padding: 10px 0;
	height: 80px;
	position: relative;
}
#info-banner .extrabtn {
	position: absolute;
	width: 98px;
	height: 97px;
	background-image: url(../../image/top/banner06.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	left: 130px;
	top: 0px;
	text-indent: -9999px;
}
#info-banner .extrabtn2 {
	position: absolute;
	width: 125px;
	height: 116px;
	background-image: url(../../image/top/banner08.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	left: -50px;
	top: -11px;
	z-index: 1000;
}
#info-banner .extrabtn2 a {
	display:block;
	width: 125px;
	height: 116px;
	text-indent: -9999px;
	overflow:hidden;
}

#info-banner a.ecopoint-video {
	height: 80px;
	display: block;
	width: 140px;
	background-image: url(../../image/top/banner01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
#info-banner a.ecopoint-page {
	height: 80px;
	display: block;
	width: 564px;
	background-image: url(../../image/top/banner01.jpg);
	background-repeat: no-repeat;
	background-position: -140px 0px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
#info-banner a.info-page {
	height: 80px;
	display: block;
	width: 145px;
	background-image: url(../../image/top/banner05.jpg);
	background-repeat: no-repeat;
	background-position: -559px 0px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
#info-banner a.ecopoint-video:hover {
	background-position: 0px -80px;
}
#info-banner a.ecopoint-page:hover {
	background-position: -140px -80px;
}
#info-banner a.info-page:hover {
	background-position: -559px -80px;
}
/* 大抽選会cssここから */
#info-banner a.chusen-video {
	height: 110px;
	display: block;
	width: 150px;
	background-image: url(../../image/top/banner03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	float: right;
}
#info-banner a.chusen-page {
	height: 110px;
	display: block;
	width: 554px;
	background-image: url(../../image/top/banner04.jpg);
	background-repeat: no-repeat;
	background-position: -150px 0px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
#info-banner a.chusen-video:hover {
	background-position: 0px -110px;
}
#info-banner a.chusen-page:hover {
	background-position: -150px -110px;
}
/* 大抽選会cssここまで */

#branch_map {
	float: left;
	width: 320px;
	height: 363px;
	position: relative;
}
#menu {
	float: left;
	height: 363px;
	width: 384px;
}
#menu h3 {
	width: 384px;
	height: 36px;
	background-image: url(../../image/top/menu_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}
#menu li {
	display:block;
	float: left;
	padding-bottom:5px;
}
#menu .menu01,
#menu .menu03,
#menu .menu05,
#menu .menu07,
#menu .menu09,
#menu .menu11,
#menu .menu13 {
	clear:both;
	padding-right: 6px;
}

#menu a {
	display: block;
	width: 189px;
	height: 41px;
	background-image: url(../../image/top/menu.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#menu .menu01 a {
	background-position: 0px 0px;
}
#menu .menu02 a {
	background-position: 0px -41px;
}
#menu .menu03 a {
	background-position: 0px -82px;
}
#menu .menu04 a {
	background-position: 0px -123px;
}
#menu .menu05 a {
	background-position: 0px -164px;
}
#menu .menu06 a {
	background-position: 0px -205px;
}
#menu .menu07 a {
	background-position: 0px -246px;
}
#menu .menu08 a {
	background-position: 0px -287px;
}
#menu .menu09 a {
	background-position: 0px -328px;
}
#menu .menu10 a {
	background-position: 0px -369px;
}
#menu .menu11 a {
	background-position: 0px -410px;
}
#menu .menu12 a {
	background-position: 0px -451px;
}
#menu .menu13 a {
	background-position: 0px -492px;
}
#menu .menu14 a {
	background-position: 0px -533px;
}
#menu .menu01 a:hover {
	background-position: -189px 0px;
}
#menu .menu02 a:hover {
	background-position: -189px -41px;
}
#menu .menu03 a:hover {
	background-position: -189px -82px;
}
#menu .menu04 a:hover {
	background-position: -189px -123px;
}
#menu .menu05 a:hover {
	background-position: -189px -164px;
}
#menu .menu06 a:hover {
	background-position: -189px -205px;
}
#menu .menu07 a:hover {
	background-position: -189px -246px;
}
#menu .menu08 a:hover {
	background-position: -189px -287px;
}
#menu .menu09 a:hover {
	background-position: -189px -328px;
}
#menu .menu10 a:hover {
	background-position: -189px -369px;
}
#menu .menu11 a:hover {
	background-position: -189px -410px;
}
#menu .menu12 a:hover {
	background-position: -189px -451px;
}
#menu .menu13 a:hover {
	background-position: -189px -492px;
}
#menu .menu14 a:hover {
	background-position: -189px -533px;
}
#recommend {
	clear: both;
	padding: 0 0 3px 0;
}
#recommend h3 {
	height: 27px;
	background-image: url(../../image/top/recommend_title.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
}
.recommend-box01,
.recommend-box02,
.recommend-box03,
.recommend-box04,
.recommend-box05,
.recommend-box06,
.recommend-box07,
.recommend-box08,
.recommend-box09{
	border:1px solid #c7c7c7;
	float:left;
	padding: 4px 5px;
	width: 218px;
	margin:0 7px 7px 0;
}
.recommend-box03,
.recommend-box06,
.recommend-box09 {
	margin:0 0 7px 0;
}
.recommend-box01 h4 a,
.recommend-box02 h4 a,
.recommend-box03 h4 a,
.recommend-box04 h4 a,
.recommend-box05 h4 a,
.recommend-box06 h4 a,
.recommend-box07 h4 a,
.recommend-box08 h4 a,
.recommend-box09 h4 a{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 48px;
	width: 218px;
	text-indent: -9999px;
	overflow: hidden;
}
.recommend-box01 h4 a {
	background-image: url(../../image/top/aqpure.gif);
}
.recommend-box02 h4 a {
	background-image: url(../../image/top/cad.gif);
}
.recommend-box03 h4 a {
	background-image: url(../../image/top/wall.gif);
}
.recommend-box04 h4 a {
	background-image: url(../../image/top/recommend_banner04.jpg);
}
.recommend-box05 h4 a {
	background-image: url(../../image/top/recommend_banner05.jpg);
}
.recommend-box06 h4 a {
	background-image: url(../../image/top/recommend_banner06.jpg);
}
.recommend-box07 h4 a {
	background-image: url(../../image/top/recommend_banner07.jpg);
}
.recommend-box08 h4 a {
	background-image: url(../../image/top/recommend_banner09.jpg);
}
.recommend-box09 h4 a {
	background-image: url(../../image/top/faq.gif);
}
.recommend-box01 p,
.recommend-box02 p,
.recommend-box03 p,
.recommend-box04 p,
.recommend-box05 p,
.recommend-box06 p,
.recommend-box07 p,
.recommend-box08 p,
.recommend-box09 p{
	padding: 5px 5px 0 5px;
	line-height:150%;
}
#related-link01,
#related-link02 {
	padding: 0 0 20px 0;
}
#related-link01 h3,
#related-link02 h3 {
	width: 704px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
}
#related-link01 h3 {
	background-image: url(../../image/top/group_link_title.gif);
}
#related-link01 li,
#related-link02 li {
	display:block;
	float:left;
}
#related-link01 a,
#related-link02 a {
	display: block;
	width: 173px;
	height: 46px;
	margin:5px 4px 0 0;
	background-image: url(../../image/top/banner02.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#related-link01 li.rl01 a {
	background-position: 0px 0px;
}
#related-link01 li.rl02 a {
	background-position: 0px -46px;
}
#related-link01 li.rl03 a {
	background-position: 0px -92px;
}
#related-link01 li.rl04 a {
	background-position: 0px -138px;
	margin-right: 0px;
}
#related-link01 li.rl05 a {
	background-position: 0px -184px;
	margin-right: 0px;
}
#related-link01 li.rl06 a {
	background-position: 0px -230px;
}
#related-link01 li.rl07 a {
	background-position: 0px -322px;
}
#related-link01 li.rl08 a {
	background-position: 0px -368px;
	margin-right: 0px;
}
#related-link01 li.rl01 a:hover {
	background-position: -173px 0px;
}
#related-link01 li.rl02 a:hover {
	background-position: -173px -46px;
}
#related-link01 li.rl03 a:hover {
	background-position: -173px -92px;
}
#related-link01 li.rl04 a:hover {
	background-position: -173px -138px;
}
#related-link01 li.rl05 a:hover {
	background-position: -173px -184px;
}
#related-link01 li.rl06 a:hover {
	background-position: -173px -230px;
}
#related-link01 li.rl07 a:hover {
	background-position: -173px -322px;
}
#related-link01 li.rl08 a:hover {
	background-position: -173px -368px;
}
#related-link02 h3 {
	background-image: url(../../image/top/related_link_title.gif);
}
#related-link02 li.rl01 a {
	background-position: 0px -276px;
	width: 98px;
}
#related-link02 li.rl02 a {
	background-position: 0px -368px;
	width: 98px;
}
#related-link02 li.rl01 a:hover {
	background-position: -173px -276px;
}
#related-link02 li.rl02 a:hover {
	background-position: -173px -368px;
}
#intro-top {
	padding: 8px 10px;
	border: 1px solid #ccc;
	line-height: 20px;
	font-size: 11px;
}
#pr-space {
	clear: both;
	padding: 0 0 10px 0;
}
#pr-space #FlashID2 {
	float: left;
}
#pr-space ul {
	float: left;
}
#pr-space ul#top-voice,
#pr-space ul#top-eco {
	padding: 0 0 0 5px;
}
#pr-space ul#top-voice li a {
	background-image: url(../../image/top/voice.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 142px;
	width: 349px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#pr-space ul#top-voice li a:hover {
	background-position: 0px 0px;
}
#pr-space ul#top-eco li a {
	background-image: url(../../image/top/ecopoint.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 142px;
	width: 172px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#pr-space ul#top-eco li a:hover {
	background-position: 0px 0px;
}
#pr-space img {
	display: block;
}
#pr-space a.inq {
	background-image: url(../../image/campaign/btn01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 91px;
	width: 684px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 auto;
}
#branch_map #map-hok,
#branch_map #map-toh,
#branch_map #map-kit,
#branch_map #map-min,
#branch_map #map-sin,
#branch_map #map-tok,
#branch_map #map-kin,
#branch_map #map-chu,
#branch_map #map-sik,
#branch_map #map-kyu,
#branch_map #map-zip {
	position: absolute;
	visibility: hidden;
}

#branch_map #map-hok {
	left: 224px;
	top: 49px;
}
#branch_map #map-toh {
	left: 224px;
	top: 125px;
}
#branch_map #map-kit {
	left: 218px;
	top: 219px;
}
#branch_map #map-min {
	left: 226px;
	top: 250px;
}
#branch_map #map-sin {
	left: 153px;
	top: 192px;
}
#branch_map #map-tok {
	left: 163px;
	top: 238px;
}
#branch_map #map-kin {
	left: 121px;
	top: 243px;
}
#branch_map #map-chu {
	left: 66px;
	top: 243px;
}
#branch_map #map-sik {
	left: 72px;
	top: 281px;
}
#branch_map #map-kyu {
	left: 9px;
	top: 264px;
}
#branch_map #map-zip {
	left: 168px;
	top: 312px;
}
#info-banner ul {
	display: block;
	height: 80px;
}
#info-banner li {
	display: block;
}
#info-banner li.np-banner {
	float:left;
}
#info-banner li.ep-banner {
	float:right;
}
#info-banner ul a {
	display: block;
	width:349px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(../../image/top/banner06.jpg);
	background-repeat: no-repeat;
}
#info-banner li.np-banner a {
	background-position: 0px 0px;
}
#info-banner li.ep-banner a {
	background-position: 0px -80px;
}
#info-banner li.np-banner a:hover {
	background-position: -349px 0px;
}
#info-banner li.ep-banner a:hover {
	background-position: -349px -80px;
}
#info-banner #ep-banner {
	position: absolute;
	visibility: hidden;
	left: 355px;
	top: 88px;
}
#info-banner #ep-banner a {
	background-image: url(../../image/top/banner06.jpg);
	background-repeat: no-repeat;
	background-position: 0px -160px;
	height: 73px;
	width: 349px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#info-banner #ep-banner a:hover {
	background-position: -349px -160px;
}


/* 年末年始 */
#contents #nenmatsu {
	background-image: url(../../image/top/nenmatsu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 82px;
	position: relative;
}
#nenmatsu p {
	position: absolute;
	top: 20px;
	height: 42px;
	width: 350px;
	padding: 10px 0;
	text-align: center;
}
#nenmatsu .tenpo {
	left: 0px;
	line-height: 42px;
}
#nenmatsu .fd {
	left: 354px;
	line-height: 21px;
}
#nenmatsu p span {
	font-weight: bold;
	color: #e60012;
}


/* カルーセル表示 */
#carouselWrapper{
	margin:0px;
	width:704px;
	height:326px;
	padding:0px;
	position:relative;
	background-image: url(../../image/top/carousel/bg01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#carouselPrev{
	position:absolute;
	top:0px;
	left:0px;
	cursor:pointer;
}
#carouselNext{
	position:absolute;
	bottom:0px;
	left:0px;
	cursor:pointer;
}
#carouselFrame{
	position:absolute;
	top:114px;
	left:13px;
	z-index:1;
	cursor:pointer;
}
#carousel{
	width:100%;
	height:100%;
	overflow:hidden;
}

#carouselInner ul.column{
	width:140px;
	height:326px;
	padding:0px 16px 0 20px;
	list-style-type:none;
	margin-top: -71px;
}
*+html #carouselInner ul.column{
	margin-top: -4px;
}
#carouselInner ul.column li{
	display:block;
	padding: 0 4px 12px 0;
	background-image: url(../../image/top/carousel/shadow.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 84px;
	width: 136px;
}
#carouselInner ul.column li img{
	border:none;
	display:block;
}
#carouselMain img {
	position:absolute;
	top:0px;
	right:0px;
	border:0px;
}
#contents .message {
	margin: 10px 0 0 0;
	display: block;
}