/*-----全体の枠レイアウト-----*/
body {
background: url(../img/works_bg_bar2.gif) no-repeat 800px 632px;
}
*:first-child+html body {
background: url(../img/works_bg_bar2.gif) no-repeat 800px 630px;
}
* html body {
background: url(../img/works_bg_bar2.gif) no-repeat 800px 630px;
}
#container {
height: 720px;
width: 900px;
margin: 0 auto;
padding-top: 50px;
}
#left_contents {
height: 415px;
width: 830px;
float: left;
position: relative;
}
#next_btn {
margin: 0px;
padding: 0px;
height: 15px;
width: 100px;
position: absolute;
top: 402px;
left: 240px;
}
#number1 {
margin: 0px;
padding: 0px;
height: 15px;
width: 22px;
position: absolute;
top: 402px;
left: 290px;
}
#number2 {
margin: 0px;
padding: 0px;
height: 15px;
width: 30px;
position: absolute;
top: 402px;
left: 311px;
}
#contents_btn {
margin: 0px;
padding: 300px 0px 0px 0px;
float: left;
}
#contents_btn ul,#contents_btn li{
margin: 0px;
padding: 0px;
}
#logo {
width: 830px;
display: block;
float: left;
}
#wtit_house {
height: 15px;
width: 125px;
margin-bottom: 15px;
font-size: 9px;
line-height: 9px;
display: block;
float: left;
text-indent: -9999px;
overflow:hidden;
background: url(../img/img1.png) 0px -220px no-repeat;
}
#wtit_commercial {
height: 15px;
width: 125px;
margin-bottom: 15px;
font-size: 9px;
line-height: 9px;
display: block;
float: left;
text-indent: -9999px;
overflow:hidden;
background: url(../img/img1.png) -150px -244px no-repeat;
}
#wtit_product {
height: 15px;
width: 125px;
margin-bottom: 15px;
font-size: 9px;
line-height: 9px;
display: block;
float: left;
text-indent: -9999px;
overflow:hidden;
background: url(../img/img1.png) 0px -269px no-repeat;
}
.works_name1 {
width: 705px;
margin-bottom: 15px;
display: block;
float: left;
}
.works_name2 {
width: 705px;
margin-bottom: 15px;
display: block;
float: left;
background-color: #D99BB2;
}
.works_name3 {
width: 705px;
margin-bottom: 15px;
display: block;
float: left;
}
#footer {
width: 900px;
}
/*-----コンテンツボタン-----*/
#contents_btn ul li a {
width: 70px;
height: 24px;
display: block;
font-size: 9px;
line-height: 9px;
text-indent: -9999px;
overflow:hidden;
}
.profile_btn a {
background: url(../img/img1.png) no-repeat 13px 6px;
}
.blog_btn a {
background: url(../img/img1.png) no-repeat 13px -18px;
}
.contact_btn a {
background: url(../img/img1.png) no-repeat 13px -42px;
}
.accese_btn a {
background: url(../img/img1.png) no-repeat 13px -66px;
}
.profile_btn a:hover {
background: url(../img/img1.png) no-repeat -67px 6px;
}
.blog_btn a:hover {
background: url(../img/img1.png) no-repeat -67px -18px;
}
.contact_btn a:hover {
background: url(../img/img1.png) no-repeat -67px -42px;
}
.accese_btn a:hover {
background: url(../img/img1.png) no-repeat -67px -66px;
}
/*-----ロゴ-----*/
#logo h1 a {
height: 60px;
width: 230px;
margin: 25px 0px 19px 0px;
display: block;
font-size: 9px;
line-height: 9px;
text-indent: -9999px;
overflow:hidden;
background: url(../img/img1.png) 0px -93px no-repeat;
}
.work_logo {
margin: 0px 0px 18px 0px;
padding: 0px;
height: 38px;
width: 102px;
font-size: 9px;
line-height: 9px;
text-indent: -9999px;
overflow:hidden;
background: url(../img/img1.png) 0px -163px no-repeat;
}
.works_name1 a img,.works_name2 a img,.works_name3 a img {
margin-right: 25px;
}
#works_tit {
margin: 0px;
padding: 0px;
float: left;}
#img_box {
width: 586px;
height: 390px;
display: block;
float: left;
background: #000000;
}