@charset "utf-8";

/*
------------------------------------------------
import
------------------------------------------------*/
@import "winie6.css";
@import "winie7.css";
/*\*//*/
	@import "macie.css";
/**/

/*
------------------------------------------------
shelfcompo index
------------------------------------------------*/

.clear {
width: auto;
height: 1px;
font-size: 1px;
line-height: 1px;
clear: both;
}

#shelf_index_con {
	width: 575px;
	position: relative;
	margin: 0 auto;
}

#shelf_index_con .box01 {
background: url(../img/shelfcompo_titile.jpg) no-repeat 0px 0px;
width: 575px;
height: 214px;
}

#shelf_index_con .box01 h1 {
background: url(../img/shelfcompo_t.gif) no-repeat 0px 0px; 
width: 213px;
height: 107px;
text-indent: -9999px;
position: absolute;
left: 23px;
top: 21px;
}

#shelf_index_con .box01 h2 {
background: url(../img/shelfcompo_t2.gif) no-repeat 0px 0px; 
width: 229px;
height: 53px;
text-indent: -9999px;
position: absolute;
left: 24px;
top: 145px;
}

#shelf_index_con .box02 {
width:575px;
padding: 22px 0px 18px 0px;
}

#shelf_index_con .box02 ul li {
float: left;
}

#shelf_index_con .box02 .shelf_menu1 a {
background: url(../img/shelf_menu1.gif) no-repeat 0px 0px;
width: 141px;
height: 95px;
display: block;
text-indent: -9999px;
}

#shelf_index_con .box02 .shelf_menu1 a:hover {
background: url(../img/shelf_menu1h.gif) no-repeat 0px 0px;
}

#shelf_index_con .box02 .shelf_menu2 a {
background: url(../img/shelf_menu2.gif) no-repeat 0px 0px;
width: 141px;
height: 95px;
display: block;
text-indent: -9999px;
margin: 0px 0px 0px 3px;
}

#shelf_index_con .box02 .shelf_menu2 a:hover {
background: url(../img/shelf_menu2h.gif) no-repeat 0px 0px;
}

#shelf_index_con .box02 .shelf_menu3 a {
background: url(../img/shelf_menu3.gif) no-repeat 0px 0px;
width: 141px;
height: 95px;
display: block;
text-indent: -9999px;
margin: 0px 0px 0px 4px;
}

#shelf_index_con .box02 .shelf_menu3 a:hover {
background: url(../img/shelf_menu3h.gif) no-repeat 0px 0px;
}

#shelf_index_con .box02 .shelf_menu4 a {
background: url(../img/shelf_menu4.gif) no-repeat 0px 0px;
width: 141px;
height: 95px;
display: block;
text-indent: -9999px;
margin: 0px 0px 0px 4px;
}

#shelf_index_con .box02 .shelf_menu4 a:hover {
background: url(../img/shelf_menu4h.gif) no-repeat 0px 0px;
}

#shelf_index_con p a {
background: url(../img/shelf_flash.jpg) no-repeat 0px 0px;
width: 310px;
height: 50px;
display: block;
text-indent: -9999px;
margin: 0px 0px 0px 258px;
}

#shelf_index_con p a:hover {
background: url(../img/shelf_flash_h.jpg) no-repeat 0px 0px;
}
#box11 {
    clear:both;
	margin-top: 60px;
	background-image: url(../img/footermenu.jpg);
	background-repeat: no-repeat;
	height: 34px;
	width: 575px;
	padding-bottom: 15px;
}
#box11 li {
	float: left;
	margin-top: 2px;
	height: 30px;
}
#box11 li a {
	height: 30px;
    text-indent:-9999px;
	display:block;
    text-decoration:none;
}
#box11 .list01 {
	margin-left: 6px;
	width: 130px;
}
#box11 .list02 {
	margin-left: 2px;
	width: 120px;
}
#box11 .list03 {
	margin-left: 2px;
	width: 110px;
}