@charset "UTF-8";

/* -------------------------------------------

トップページ

--------------------------------------------*/
#top #content {
	margin: 0 auto;
	padding: 0 2px;
	width: 980px;
	margin-bottom: -22px;
}

#top #content #contentBody {
	padding: 0;
	background: none;
}

#top #content #contentBody #main {
	float: left;
	margin-right: 20px;
	width: 720px;
}

#top #content #contentBody #side {
	float: left;
	position: inherit;
	top: 0;
	left: 0;
	width: 240px;
}
#top #visual-sp{
	display: none;
}
#top #visual {
	margin: 0 auto 20px;
 	width: 980px;
	height: 640px;
	background: url(/s/img_top/visual_bg.png) no-repeat 0 0;
	overflow: hidden;
	_zoom: 1;
}

#top #visual #smp_visual {
	position: absolute;
	left: -9999px;
}

/* visual_slide -------------------------------------------------- */
#top #visual #visual_photo {
	position: relative;
	float: left;
	width: 980px;
	height: 560px;
	overflow: hidden;
}

#top #visual #visual_photo ul {
	position: absolute;
	top: 0;
	left: 0;
	width: 980px;
	height: 560px;
}

#top #visual #visual_photo ul li {
	position: absolute;
	top: 0;
	left: 0;
}

#top #visual #visual_nav {
	clear: left;
	position: relative;
	width: 980px;
	height: 80px;
	background: #cfe6f0;
}

#top #visual #visual_nav p#vis_prev,
#top #visual #visual_nav p#vis_next {
	position: absolute;
	top: 11px;
	width: 26px;
	height: 60px;
	cursor: pointer;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#top #visual #visual_nav p#vis_prev:hover,
#top #visual #visual_nav p#vis_next:hover {
	background-position: 0 -60px;
}

#top #visual #visual_nav p#vis_prev {
	left: 10px;
	background-image: url(/s/img_top/visual_prev.png);
}

#top #visual #visual_nav p#vis_next {
	right: 10px;
	background-image: url(/s/img_top/visual_next.png);
}

#top #visual #visual_nav p#vis_act {
	position: absolute;
	width: 184px;
	height: 60px;
	top: 10px;
	left: 10px;
	z-index: 100;
}

#top #visual #visual_nav #vis_btns {
	position: absolute;
	width: 960px;
	height:60px;
	top: 10px;
	left: 10px;
	overflow: hidden;
	z-index: 50;
}

#top #visual #visual_nav #vis_btns ul {
	position: absolute;
	width: 940px;
	height: 60px;
	top: 0;
	left: 0;
}

#top #visual #visual_nav #vis_btns ul li {
	float: left;
	width: 184px;
	height: 60px;
	overflow: hidden;
	cursor: pointer;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#top #visual #visual_nav #vis_btns ul li:hover {
	background-position: 0 -60px;
}

#top #visual #visual_nav #vis_btns ul li:first-child {
	margin-left: 0;
}

#top #visual #visual_nav #vis_btns ul li.nav1 { background-image: url(/s/img_top/visual_btn07.png);}
#top #visual #visual_nav #vis_btns ul li.nav2 { background-image: url(/s/img_top/visual_btn08.png);}
#top #visual #visual_nav #vis_btns ul li.nav3 { background-image: url(/s/img_top/visual_btn03.png);}
#top #visual #visual_nav #vis_btns ul li.nav4 { background-image: url(/s/img_top/visual_btn01.png);}
#top #visual #visual_nav #vis_btns ul li.nav5 { background-image: url(/s/img_top/visual_btn02.png);}
#top #visual #visual_nav #vis_btns ul li.nav6 { background-image: url(/s/img_top/visual_btn04.png);}
#top #visual #visual_nav #vis_btns ul li.nav7 { background-image: url(/s/img_top/visual_btn05.png);}
#top #visual #visual_nav #vis_btns ul li.nav8 { background-image: url(/s/img_top/visual_btn06.png);}
#top #visual #visual_nav #vis_btns ul li.nav9 { background-image: url(/s/img_top/visual_btn09.png);}
#top #visual #visual_nav #vis_btns ul li.nav10 { background-image: url(/s/img_top/visual_btn10.png);}

/* -- for noscript -- */
#top #visual #visual_photo ul li { display: none;}
#top #visual #visual_photo ul li:first-child { display: block;}





#content #contentBody #product {
	width: 980px;
	height: 209px;
	margin-bottom: 20px;
	background: url(/s/img_top/product_bg.gif) no-repeat 0 0;
}

#content #contentBody #product ul {
	padding: 14px 0 0 17px;
}

#content #contentBody #product ul li {
	float: left;
	width: 468px;
	margin-right: 10px;
}

#content #contentBody #product ul li a {
	display: block;
	height: 179px;
	text-indent: -9999px;
}

#content #contentBody #product ul li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#content #contentBody #product ul li#top_natural a {
	background: url(/s/img_top/natural_btn.png) no-repeat 0 0;
}

#content #contentBody #product ul li#top_mineral a {
	background: url(/s/img_top/mineral_btn.png) no-repeat 0 0;
}

#top #main #product #natural h3 {
	background-image: url(/s/img_top/natural_h3.png);
}

#top #main #product #natural p.photo {
	background-image: url(/s/img_top/natural_img.jpg);
}

#top #main #product #ro h3 {
	background-image: url(/s/img_top/ro_h3.png);
}

#top #main #product #ro p.photo {
	background-image: url(/s/img_top/ro_img.jpg);
}

#content #contentBody #main #pickup {
	margin: 0;
	clear: left;
	overflow: hidden;
	_zoom: 1;
}

#top #content #contentBody #main #pickup h2 {
	margin-bottom: 15px;
	padding: 0;
	width: 720px;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/s/img_top/pickup_h2.jpg) no-repeat 0 0;
}

#top #content #contentBody #main #pickup ul.banner {
	height: 108px;
	width: 729px;
	margin-bottom: 24px;
	margin-right: -9px;
	overflow: hidden;
}

#top #content #contentBody #main #pickup ul.banner li {
	float: left;
	width: 233px;
	height: 108px;
	margin-right: 9px;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #FFF;
	overflow: hidden;
}

#top #content #contentBody #main #pickup ul.banner li#bnn_syokai a {
	background-image: url(/s/img_top/bnn_syokai.jpg);
}

#top #content #contentBody #main #pickup ul.banner li#bnn_factory a {
	background-image: url(/s/img_top/bnn_factory.png);
}

#top #content #contentBody #main #pickup ul.banner li#bnn_server_guide_movie a {
	background-image: url(/s/img_top/bnn_server_guide_movie.png);
}

#top #content #contentBody #main #pickup ul.banner li#bnn_mile a {
	background-image: url(/s/img_top/bnn_mile.jpg);
}

#top #content #contentBody #main #pickup ul.banner li a {
	display: block;
	width: 233px;
	height: 108px;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

#top #content #contentBody #main #pickup ul.banner li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#top #content #contentBody #main #pickup h3 {
	position: relative;
	margin-bottom: 10px;
	height: 35px;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#top #content #contentBody #main #pickup h3 a.list {
	position: absolute;
	top: 10px;
	left: 683px;
	display: block;
	width: 36px;
	height: 13px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(/s/img_top/pickup_list_btn.png);
	text-indent: -9999px;
	overflow: hidden;
}

#top #content #contentBody #main #pickup h3 a.list:hover {
	background-position: 0 -13px;
}


#top #content #contentBody #main #pickup dl {
	padding: 10px 0 9px;
	background: url(/s/img_top/pickup_line.gif) repeat-x center bottom;
	overflow: hidden;
	_zoom: 1;
}

#top #content #contentBody #main #pickup dl dt {
	float: left;
	width: 70px;
	font-size: 76%;
	line-height: 1.8;
	text-align: center;
	color: #137ea8;
}

#top #content #contentBody #main #pickup dl dd {
	float: left;
	width: 650px;
	font-size: 84%;
	line-height: 1.63;
}

#top #content #contentBody #main #pickup dl dd a {
	 color: #333;
}

#top #content #contentBody #main #pickup dl dd a:hover { color: #158fd6;}

#top #content #contentBody #main #pickup #news {
	float: left;
	margin-right: 10px;
	margin-bottom:20px;
	width: 720px;
}

#top #content #contentBody #main #pickup #news h3 {
	background-image: url(/s/img_top/news_h3.png);
}

#top #content #contentBody #side #movie {
	margin-bottom: 20px;
}

#top #content #contentBody #side #side_bnn {
	margin-bottom: 12px;
}

#top #content #contentBody #side #side_bnn ul li {
	margin-bottom: 10px;
	background: #FFF;
}

#top #content #contentBody #side #side_bnn ul li:last-child {
	margin-bottom: 0;
}

#top #content #contentBody #side #side_bnn ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}

#top #content #contentBody #side #side_bnn ul li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


#top #content #contentBody #side #side_bnn ul li#bnn_setupguide a {
	width: 240px;
	height: 68px;
	background-image: url(/s/img_top/bnn_setupguide.jpg)
}

#top #content #contentBody #side #side_bnn ul li#bnn_monde a {
	width: 240px;
	height: 68px;
	background-image: url(/s/img_top/bnn_monde.png)
}

#top #content #contentBody #side #side_bnn ul li#bnn_lifter a {
	width: 240px;
	height: 68px;
	background-image: url(/s/img_top/bnn_lifter.png)
}

#top #content #contentBody #side #side_bnn ul li#bnn_radioactivity a {
	width: 240px;
	height: 68px;
	background-image: url(/s/img_top/bnn_radioactivity.png)
}

#top #content #contentBody #side #side_bnn ul li#bnn_oteire a {
	width: 240px;
	height: 68px;
	background-image: url(/s/img_top/bnn_oteire.png);
}

#top #content #contentBody #side #side_bnn ul li#bnn_selfmaintenance a {
	width: 240px;
	height: 68px;
	background-size: cover;
	background-image: url(/s/img_top/bnn_selfmaintenance.jpg);
}



#top #content #contentBody #side #mobile_site h3 {
	width: 240px;
	height: 32px;
	margin-bottom: 15px;
	background: url(/s/img_top/side_mobile_h3.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -9999px;
}

#top #content #contentBody #side #mobile_site p {
	float: left;
	width: 140px;
	font-size: 76%;
	line-height: 1.5;
}

#top #content #contentBody #side #mobile_site p.qr_code {
	margin-right: 13px;
	padding-left: 10px;
	float: left;
	width: 69px;
}

#top #content #contentFooter {
	margin-top: 20px;
	padding: 0;
	background: none;
}