@charset "UTF-8";
/* CSS Document */

/* 全体構造
---------------------------------------------------- */
body {
	font-size: 12px;
	line-height: 20px;
	color: #5E3523;
	background-image: url(../images/bg_base.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-position: top;
	background-color: #DCC599;
}
p {
	margin: 0px;
	padding: 0px;
}
a img {
	border: none;
}
a:link {
	color: #CC4400;
	text-decoration: none;
}
a:visited {
	color: #990000;
	text-decoration: none;
}
a:hover, a:active {
	color: #CC4400;
	text-decoration: underline;
}
#wrapper {
	text-align: left;
	padding: 0px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* ヘッダ
---------------------------------------------------- */
#header {
	height: 79px;
	width: 880px;
	position: relative;
	background-image: url(../images/bg_header1.gif);
	background-repeat: no-repeat;
}
#logo {
	height: 46px;
	width: 193px;
	position: absolute;
	left: 15px;
	top: 18px;
}
#header ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#header li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#header li#submenu2 {
	position: absolute;
	left: 308px;
	top: 58px;
}
#header li#submenu2 a {
	background-image: url(../images/submenu_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 60px;
}
#header li#submenu2 a:hover {
	background-image: url(../images/submenu_02.gif);
	background-repeat: no-repeat;
	background-position: -60px 0px;
}
#header li#submenu3 {
	position: absolute;
	left: 389px;
	top: 58px;
}
#header li#submenu3 a {
	background-image: url(../images/submenu_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 48px;
}
#header li#submenu3 a:hover {
	background-image: url(../images/submenu_03.gif);
	background-repeat: no-repeat;
	background-position: -48px 0px;
}
#header li#submenu4 {
	position: absolute;
	left: 458px;
	top: 58px;
}
#header li#submenu4 a {
	background-image: url(../images/submenu_04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 48px;
}
#header li#submenu4 a:hover {
	background-image: url(../images/submenu_04.gif);
	background-repeat: no-repeat;
	background-position: -48px 0px;
}
#header li#submenu5 {
	position: absolute;
	left: 527px;
	top: 58px;
}
#header li#submenu5 a {
	background-image: url(../images/submenu_05.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 26px;
}
#header li#submenu5 a:hover {
	background-image: url(../images/submenu_05.gif);
	background-repeat: no-repeat;
	background-position: -26px 0px;
}
#header li#submenu6 {
	position: absolute;
	left: 574px;
	top: 58px;
}
#header li#submenu6 a {
	background-image: url(../images/submenu_06.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 102px;
}
#header li#submenu6 a:hover {
	background-image: url(../images/submenu_06.gif);
	background-repeat: no-repeat;
	background-position: -102px 0px;
}
#gocontact {
	height: 79px;
	width: 161px;
	position: absolute;
	left: 690px;
	top: 0px;
}

/* イメージ
---------------------------------------------------- */
#topimage {
	height: 339px;
	width: 800px;
	position: relative;
	background-image: url(../images/bg_topimage.gif);
	background-repeat: no-repeat;
	padding-top: 31px;
	padding-right: 40px;
	padding-bottom: 1px;
	padding-left: 40px;
}

/* メニュー
---------------------------------------------------- */
#topmenu {
	height: 50px;
	width: 850px;
	background-image: url(../images/bg_topmenu.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 15px;
	position: relative;
}
#topmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#topmenu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#topmenu li#menu1 a {
	background-image: url(../images/menu_01.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 176px;
	position: absolute;
	left: 15px;
	top: 1px;
	display: block;
	text-indent: -9999px;
}
#topmenu li#menu2 a {
	background-image: url(../images/menu_02.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 166px;
	position: absolute;
	left: 191px;
	top: 1px;
	display: block;
	text-indent: -9999px;
}
#topmenu li#menu3 a {
	background-image: url(../images/menu_03.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 166px;
	position: absolute;
	left: 357px;
	top: 1px;
	display: block;
	text-indent: -9999px;
}
#topmenu li#menu4 a {
	background-image: url(../images/menu_04.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 166px;
	position: absolute;
	left: 523px;
	top: 1px;
	display: block;
	text-indent: -9999px;
}
#topmenu li#menu5 a {
	background-image: url(../images/menu_05.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 176px;
	position: absolute;
	left: 689px;
	top: 1px;
	display: block;
	text-indent: -9999px;
}
#topmenu li#menu1 a:hover {
	background-image: url(../images/menu_01.gif);
	background-position: 0px -50px;
}
#topmenu li#menu2 a:hover {
	background-image: url(../images/menu_02.gif);
	background-position: 0px -50px;
}
#topmenu li#menu3 a:hover {
	background-image: url(../images/menu_03.gif);
	background-position: 0px -50px;
}
#topmenu li#menu4 a:hover {
	background-image: url(../images/menu_04.gif);
	background-position: 0px -50px;
}
#topmenu li#menu5 a:hover {
	background-image: url(../images/menu_05.gif);
	background-position: 0px -50px;
}

/* コンテンツ
---------------------------------------------------- */
#topcontents {
	background-image: url(../images/bg_contents.gif);
	background-repeat: repeat-y;
	width: 800px;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	position: relative;
}
#main {
	width: 800px;
	position: relative;
}
#main-left {
	float: left;
	width: 414px;
	position: relative;
	background-image: url(../images/topleaves.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 420px;
}
#main-right {
	float: right;
	width: 386px;
	background-image: url(../images/base_workslink.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 416px;
}
#copy {
	text-align: center;
	width: 380px;
	margin-top: 20px;
}
#information {
	background-image: url(../images/base_information.gif);
	background-repeat: no-repeat;
	height: 122px;
	width: 356px;
	margin-top: 30px;
	padding-top: 26px;
	padding-right: 17px;
	padding-bottom: 7px;
	padding-left: 7px;
	margin-bottom: 20px;
	line-height: 16px;
}
#information2 {
	background-image: url(../images/base_information2.gif);
	background-repeat: no-repeat;
	height: 142px;
	width: 373px;
	margin-top: 15px;
	padding-top: 26px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 7px;
	margin-bottom: 15px;
	line-height: 16px;
}
#info-photo {
	float: left;
	height: 122px;
	width: 150px;
	margin-right: 10px;
}
#info-photo2 {
	float: left;
	height: 142px;
	width: 142px;
	margin-right: 8px;
}
.info-text10 {
	font-size: 10px;
	line-height: 14px;
	margin-top: 3px;
}
#topworks-copy {
	height: 163px;
	width: 163px;
	border: 1px solid #FFFFFF;
	position: absolute;
	left: 18px;
	top: 47px;
}
#topworks-1 {
	border: 1px solid #FFFFFF;
	position: absolute;
	left: 198px;
	top: 47px;
}
#topworks-1 a {
	background-image: url(../images/topworks_1.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 163px;
	width: 163px;
}
#topworks-1 a:hover {
	background-image: url(../images/topworks_1ov.jpg);
	background-repeat: no-repeat;
}
#topworks-2 {
	border: 1px solid #FFFFFF;
	position: absolute;
	left: 18px;
	top: 227px;
}
#topworks-2 a {
	background-image: url(../images/topworks_2.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 163px;
	width: 163px;
}
#topworks-2 a:hover {
	background-image: url(../images/topworks_2ov.jpg);
	background-repeat: no-repeat;
}
#topworks-3 {
	border: 1px solid #FFFFFF;
	position: absolute;
	left: 198px;
	top: 227px;
}
#topworks-3 a {
	background-image: url(../images/topworks_3.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 163px;
	width: 163px;
}
#topworks-3 a:hover {
	background-image: url(../images/topworks_3ov.jpg);
	background-repeat: no-repeat;
}
.margin-t5 {
	margin-top: 5px;
}
.margin-t7 {
	margin-top: 7px;
}
.margin-t10 {
	margin-top: 10px;
}
.margin-t20 {
	margin-top: 20px;
}

/* フッタ
---------------------------------------------------- */
#footer {
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 84px;
	width: 880px;
	position: relative;
}