@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_header2.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#submenu1 {
	position: absolute;
	left: 250px;
	top: 58px;
}
#header li#submenu1 a {
	background-image: url(../images/submenu_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 15px;
	width: 37px;
}
#header li#submenu1 a:hover {
	background-image: url(../images/submenu_01.gif);
	background-repeat: no-repeat;
	background-position: -37px 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;
}

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

/* メニュー
---------------------------------------------------- */
#mainmenu {
	height: 50px;
	width: 850px;
	background-image: url(../images/bg_mainmenu.gif);
	background-repeat: no-repeat;
	padding-top: 1px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	position: relative;
}
#mainmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#mainmenu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#mainmenu 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;
}
#mainmenu 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;
}
#mainmenu 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;
}
#mainmenu 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;
}
#mainmenu 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;
}
#mainmenu li#menu1 a:hover {
	background-image: url(../images/menu_01.gif);
	background-position: 0px -50px;
}
#mainmenu li#menu2 a:hover {
	background-image: url(../images/menu_02.gif);
	background-position: 0px -50px;
}
#mainmenu li#menu3 a:hover {
	background-image: url(../images/menu_03.gif);
	background-position: 0px -50px;
}
#mainmenu li#menu4 a:hover {
	background-image: url(../images/menu_04.gif);
	background-position: 0px -50px;
}
#mainmenu li#menu5 a:hover {
	background-image: url(../images/menu_05.gif);
	background-position: 0px -50px;
}
#mainmenu li#menu1 a.here {
	background-image: url(../images/menu_01.gif);
	background-position: 0px -50px;
}
#mainmenu li#menu2 a.here {
	background-image: url(../images/menu_02.gif);
	background-position: 0px -50px;
}
#mainmenu li#menu3 a.here {
	background-image: url(../images/menu_03.gif);
	background-position: 0px -50px;
}
#mainmenu li#menu4 a.here {
	background-image: url(../images/menu_04.gif);
	background-position: 0px -50px;
}
#mainmenu li#menu5 a.here {
	background-image: url(../images/menu_05.gif);
	background-position: 0px -50px;
}

/* コンテンツ
---------------------------------------------------- */
#contents {
	background-image: url(../images/bg_contents.gif);
	background-repeat: repeat-y;
	width: 880px;
	position: relative;
}
#contents h1 {
	display: none;
}
#contents h2 {
	display: none;
}
#contents h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
#contents h4 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
}
#main-concept {
	background-image: url(../images/title_concept.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-reihokusugi {
	background-image: url(../images/title_reihokusugi.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-cfiber {
	background-image: url(../images/title_cfiber.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-omsolar {
	background-image: url(../images/title_omsolar.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-works1 {
	background-image: url(../images/title_works1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-works2 {
	background-image: url(../images/title_works2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-works3 {
	background-image: url(../images/title_works3.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-works4 {
	background-image: url(../images/title_works4.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-staff {
	background-image: url(../images/title_staff.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-profile {
	background-image: url(../images/title_profile.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-recruit {
	background-image: url(../images/title_recruit.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 150px;
	padding-left: 265px;
}
#main-link {
	background-image: url(../images/title_link.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 50px;
	padding-left: 265px;
}
#main-privacy {
	background-image: url(../images/title_privacy.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
#main-contact {
	background-image: url(../images/title_contact.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 575px;
	position: relative;
	padding-top: 107px;
	padding-right: 40px;
	padding-bottom: 35px;
	padding-left: 265px;
}
.line1 {
	height: 2px;
	width: 575px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.line2 {
	height: 2px;
	width: 575px;
	margin-top: 35px;
	margin-bottom: 15px;
}
.margin-t5 {
	margin-top: 5px;
}
.margin-t10 {
	margin-top: 10px;
}
.margin-t20 {
	margin-top: 20px;
}
.margin-t30 {
	margin-top: 30px;
}
.margin-t40 {
	margin-top: 40px;
}
.margin-b10 {
	margin-bottom: 10px;
}
.textbox1 {
	width: 575px;
	position: relative;
}
.textbox2-left {
	float: left;
	width: 275px;
}
.textbox2-right {
	float: right;
	width: 275px;
}
.textbox3 {
	text-align: right;
	width: 575px;
}
.textbox4 {
	background-image: url(../images/line_01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 575px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.textbox4-label {
	float: left;
	width: 120px;
}
.textbox4-body {
	width: 450px;
	margin-left: 120px;
}
.textbox5-photo {
	float: left;
	width: 311px;
}
.textbox5-work1 {
	float: right;
	width: 260px;
	padding-top: 80px;
}
.textbox5-work1 a {
	background-image: url(../images/c_works_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 260px;
}
.textbox5-work1 a:hover {
	background-image: url(../images/c_works_01.gif);
	background-repeat: no-repeat;
	background-position: 0px -50px;
}
.textbox5-work2 {
	float: right;
	width: 260px;
	padding-top: 80px;
}
.textbox5-work2 a {
	background-image: url(../images/c_works_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 260px;
}
.textbox5-work2 a:hover {
	background-image: url(../images/c_works_02.gif);
	background-repeat: no-repeat;
	background-position: 0px -50px;
}
.textbox5-work3 {
	float: right;
	width: 260px;
	padding-top: 80px;
}
.textbox5-work3 a {
	background-image: url(../images/c_works_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 260px;
}
.textbox5-work3 a:hover {
	background-image: url(../images/c_works_03.gif);
	background-repeat: no-repeat;
	background-position: 0px -50px;
}
.worksphoto-1 {
	height: 350px;
	width: 575px;
	margin-top: 30px;
}
.worksphoto-2 {
	height: 140px;
	width: 575px;
	margin-top: 5px;
}
.worksphoto-3 {
	float: left;
	height: 140px;
	width: 140px;
	margin-right: 5px;
}
.worksphoto-4 {
	float: right;
	height: 140px;
	width: 140px;
}
.float-right {
	float: right;
	margin-left: 20px;
}
.float-left {
	float: left;
	margin-right: 20px;
}
.golink {
	text-align: right;
	height: 11px;
	width: 575px;
}
form {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.formset {
	width: 575px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.formset2 {
	width: 550px;
	margin-left: 25px;
}
.formlabel {
	float: left;
	width: 120px;
}
.formbody {
	width: 450px;
	margin-left: 120px;
}
#name, #name2, #mail, #occupation {
	width: 300px;
}
#age {
	width: 50px;
}
#address {
	width: 440px;
}
#comment {
	width: 440px;
}
#submitbox {
	background-image: url(../images/line_01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	width: 575px;
	margin-top: 20px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
#submitbox input {
	height: 21px;
	width: 90px;
	margin-right: 15px;
	margin-left: 15px;
}
.text10 {
	font-size: 10px;
	line-height: 15px;
}

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