@charset "utf-8";

#total_space_design{
background:url(../portfolio/img/total_space_design_bg.gif) no-repeat;
padding:8px 16px 15px 8px;
width:510px;
height:699px;
margin:auto auto;
}

h1#content_title{
background:url(../portfolio/img/h2_bg.jpg) no-repeat;
width:510px;
height:151px;
padding-top:52px;
margin-bottom:0;
}

#total_space_design ul{
background:url(../portfolio/img/total_space_design_ul_bg.jpg) no-repeat;
height:510px;
height:134px;
list-style:none;
}

#total_space_design ul li{
display:inline;
}
#total_space_design ul h2{
display:inline;
}
#total_space_design ul h2 a{
display:block;
float:right;
clear:right;
width:156px;
height:27px;
text-indent:-9999px;
}
#total_space_design ul .web a,
#total_space_design ul .logo a{
height:28px;
}

#total_space_design ul .works a{
background:url(../portfolio/img/li_works.jpg) no-repeat;
}
#total_space_design ul .new_open a{
background:url(../portfolio/img/li_new_open.jpg) no-repeat;
}
#total_space_design ul .web a{
background:url(../portfolio/img/li_web_design.jpg) no-repeat;
}
#total_space_design ul .logo a{
background:url(../portfolio/img/li_logo_design.jpg) no-repeat;
}

#total_space_design ul h2 a:hover,
#total_space_design ul h2 a:active{
background-position:bottom;
}

#total_space_design #new_shop{
background:url(../portfolio/img/new_shop_bg.jpg) no-repeat;
width:510px;
height:157px;
}
#total_space_design #new_shop a{
background:url(../portfolio/img/new_shop_a.jpg) no-repeat;
display:block;
float:right;
width:302px;
height:117px;
text-indent:-9999px;
}

#total_space_design #new_shop a:hover{
background-position:bottom;
}

#total_space_design #contact{
background:url(../portfolio/img/contact_bg.jpg) no-repeat;
width:510px;
height:153px;
}

#total_space_design #contact a{
float:right;
background:url(../portfolio/img/contact_a.jpg) no-repeat;
width:297px;
height:18px;
text-indent:-9999px;
font-size:75%;
line-height:18px;
overflow:hidden;
}

#total_space_design #contact a:hover{
background-position:bottom;
}