@charset "utf-8";
/******************************

共通

******************************/
/*画面の最上部へもどる*/
#btn_gototop {
	background: url(../images/buttons/btn_gototop.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 40px;
	height: 35px;
	float:right;
}
#btn_gototop:hover {
	background-position: left bottom;
}
#btn_gototop span {
	position: relative;
	z-index: -1;
	width:35px;
}

/******************************

トップページ

******************************/
/*ボタンリスト*/
#side .button_list {
	margin: 0px;
	padding:0px;
	list-style:none;
}
#side .button_list li{
	margin: 0px 0px 10px 0px;
	float:left;
}
/*先ずはどうすればいいの？*/
#btn_howto {
	background: url(../images/buttons/btn_howto.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 290px;
	height: 70px;
}
#btn_howto:hover {
	background-position: left bottom;
}
#btn_howto span {
	position: relative;
	z-index: -1;
	width:290px;
}
/*プロがお答えします*/
#btn_inquiry {
	background: url(../images/buttons/btn_inquiry.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 290px;
	height: 70px;
}
#btn_inquiry:hover {
	background-position: left bottom;
}
#btn_inquiry span {
	position: relative;
	z-index: -1;
	width:290px;
}
/*耐震設計・耐震診断*/
#btn_zishin {
	background: url(../images/buttons/btn_zishin.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 290px;
	height: 100px;
}
#btn_zishin:hover {
	background-position: left bottom;
}
#btn_zishin span {
	position: relative;
	z-index: -1;
	width:290px;
}

/******************************

作品紹介

******************************/
/*作品情報の詳細*/
.btn_works_detail {
	background: url(../images/buttons/btn_works_detail.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 60px;
	height: 33px;
	float:right;
}
.btn_works_detail:hover {
	background-position: left bottom;
}
.btn_works_detail span {
	position: relative;
	z-index: -1;
	width:60px;
}
/******************************

サイドバーのボタン

******************************/
/*どうすればいいの？*/
#btn_howto_s {
	background: url(../images/buttons/btn_howto_s.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 200px;
	height: 70px;
}
#btn_howto_s:hover {
	background-position: left bottom;
}
#btn_howto_s span {
	position: relative;
	z-index: -1;
	width:200px;
}
/*プロがお答えします！*/
#btn_inquiry_s {
	background: url(../images/buttons/btn_inquiry_s.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 200px;
	height: 70px;
}
#btn_inquiry_s:hover {
	background-position: left bottom;
}
#btn_inquiry_s span {
	position: relative;
	z-index: -1;
	width:200px;
}
/*耐震設計耐震診断*/
#btn_zishin_s {
	background: url(../images/buttons/btn_zishin_s.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 200px;
	height: 100px;
}
#btn_zishin_s:hover {
	background-position: left bottom;
}
#btn_zishin_s span {
	position: relative;
	z-index: -1;
	width:200px;
}