@charset "utf-8";

div.useWrap {
	width:705px;
}

div.useWrap div.useBox {
	position:relative;
	float:left;
	width:231px;
	min-height:260px;
}

body.bright div.useWrap div.useBox { background:url(../use-scene/img/bright/bg_photo.gif) left 82px no-repeat; }
body.dark div.useWrap div.useBox { background:url(../use-scene/img/dark/bg_photo.gif) left 82px no-repeat; }

div.useWrap div.useBox h3.h3use {
	display:block;
	width:100%;
	height:84px;
	margin-bottom:167px;
	text-indent:-9999px;
	background-position:left top;
	background-repeat:no-repeat;
}

div.useWrap div.num1,
div.useWrap div.num2 {
	margin-right:6px;
}

body.bright div.useWrap div.num1 h3 { background:url(../use-scene/img/bright/img_tit_business.gif);}
body.bright div.useWrap div.num2 h3 { background:url(../use-scene/img/bright/img_tit_private.gif);}
body.bright div.useWrap div.num3 h3 { background:url(../use-scene/img/bright/img_tit_family.gif);}
body.dark div.useWrap div.num1 h3 { background:url(../use-scene/img/dark/img_tit_business.gif);}
body.dark div.useWrap div.num2 h3 { background:url(../use-scene/img/dark/img_tit_private.gif);}
body.dark div.useWrap div.num3 h3 { background:url(../use-scene/img/dark/img_tit_family.gif);}


div.useWrap div.useBox a {
	position:absolute;
	bottom:53px;
	left:17px;
}


ul#menu_us {
	width:705px;
	margin-bottom:15px;
}

ul#menu_us li {
	float:left;
	width:231px;
	height:85px;
}

ul#menu_us li.num1,
ul#menu_us li.num2 {
	margin-right:6px;
}

ul#menu_us li a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
	overflow:hidden;
}

body.bright ul#menu_us li.num1 a { background:url(../use-scene/img/bright/img_tit_business_cont.gif) left top no-repeat; }
body.bright ul#menu_us li.num2 a { background:url(../use-scene/img/bright/img_tit_private_cont.gif) left top no-repeat; }
body.bright ul#menu_us li.num3 a { background:url(../use-scene/img/bright/img_tit_family_cont.gif) left top no-repeat; }

body.dark ul#menu_us li.num1 a { background:url(../use-scene/img/dark/img_tit_business_cont.gif) left top no-repeat; }
body.dark ul#menu_us li.num2 a { background:url(../use-scene/img/dark/img_tit_private_cont.gif) left top no-repeat; }
body.dark ul#menu_us li.num3 a { background:url(../use-scene/img/dark/img_tit_family_cont.gif) left top no-repeat; }

ul#menu_us li a {
}


