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

/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */

/* @group temp */
#btnarea{
	clear: both;
	text-align: center;
}
a.btn.center{
	cGlear: both;
	display: inline-block;
	padding: 20px 25px;
	background-color: #44843f;
	margin: 50px auto 0 auto;
	text-decoration: none;
	color: #fff;
	font-size: 15px;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

a.btn.center:hover{
	background-color: rgba(68,132,63,0.5);
}

/* @end */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing:0;
}



img {
	vertical-align: text-bottom;
}

/* 画像置換用 */

.replace {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


/* base
------------------------------------------------------------------------------------ */

body {
	font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
	font-size:small;
	background:url(../images/bg.jpg);
	color:#46351E;
}

a:link {color:#278237; text-decoration:underline;}
a:visited {color:#278237; text-decoration:underline;}
a:hover {color:#CC6600; text-decoration:none;}

#wrap {
	width:100%;
	background:url(../images/bg2.png) repeat-x 0 bottom;
	position:relative;
}
#seo {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/header_bg.jpg);
}
#seo h1 {
	width:950px;
	margin:0 auto;
	text-align:right;
	font-weight:bold;
	padding:10px 0;
}
#header {
	width:950px;
	height:195px;
	margin:0 auto;
	position:relative;
	text-align:left;
}
#header #logo {
	position:absolute;
	top:0;
	left:-14px;
}
#header #header_outline {
	display:block;
	position:absolute;
	top:55px;
	right:0;
}
#header .tel {
	position:absolute;
	top:88px;
	right:0;
}
#gnavi {
	width:950px;
	height:46px;
	position:absolute;
	top:151px;
	left:0;
}
#gnavi li {
	float:left;
	height:46px;
}
#gnavi li a {
	display:block;
	height:46px;
}
#gnavi li#gn_top a {
	width:158px;
}
#gnavi li#gn_flow a {
	width:198px;
}
#gnavi li#gn_wood a {
	width:178px;
}
#gnavi li#gn_achievement a {
	width:138px;
}
#gnavi li#gn_collaboration a {
	width:138px;
}
#gnavi li#gn_contact a {
	width:140px;
}


#container {
	width:950px;
	text-align:left;
	margin:0 auto;
}
	

#contents {
	width:680px;
	line-height:150%;
	float:left;
}
.bg_squares {
	background:url(../images/bg_squares.jpg) center center;
	border:1px solid #E9DFD6;
}
.table_bg {
	width:100%;
}
.table_bg th {
	background:#E1D5BB url(../images/line.jpg) repeat-x 0 bottom;
	padding:15px 0 15px 15px;
	vertical-align:middle;
	font-weight:bold;
	text-align:left;
}
.table_bg td {
	background:url(../images/line.jpg) repeat-x 0 bottom;
	padding:15px;
	vertical-align:middle;
	text-align:left;
}
.stit_bg {
	background:url(../images/stit_line.png) no-repeat 0 bottom;
	padding-bottom:10px;
	font-size:120%;
	font-weight:bold;
	margin-bottom:30px;
}


/* achievement list */

.achievement_list {
	background:url(../images/line.jpg) repeat-x 0 bottom;
	padding:0 0 20px 30px;
	text-align:center;
	margin:20px 0 50px 0;
}
.achievement_list li {
	width:186px;
	float:left;
	margin-right:25px;
}
.achievement_list .photo {
	width:186px;
	height:126px;
	background:url(../../achievement/images/photo_bg.jpg) no-repeat 0 0;
	margin-bottom:10px;
}
.achievement_list .photo img {
	margin-top:3px;
}
.achievement_list .title {
	font-weight:bold;
	font-size:110%;
	background:url(../images/icon_house_brown.png) no-repeat left top;
	padding-left:20px;
	text-align:left;
	margin-bottom:10px;
}

/* achievement detail */

#photo_area {
	position:relative;
	width:642px;
	height:630px;
	margin:20px 0 20px 8px;
}
#photo_area li {
	padding:3px 0;
	text-align:center;
	position:absolute;
}
#photo_area li p {
	margin-top:5px;
	text-align:center;
	font-size:85%;
}
#photo_area .photo_l {
	width:306px;
	height:456px;
	background:url(../../achievement/images/photo_bg_l.jpg) no-repeat 0 0;
	top:0;
	left:0;
}
#photo_area .photo_m {
	width:326px;
	height:219px;
	background:url(../../achievement/images/photo_bg_m.jpg) no-repeat 0 0;
}
#photo_area #m_1 {
	top:0;
	right:0;
}
#photo_area #m_2 {
	top:237px;
	right:0;
}
#photo_area .photo_s {
	width:156px;
	height:106px;
	background:url(../../achievement/images/photo_bg_s.jpg) no-repeat 0 0;
}
#photo_area #s_1 {
	top:463px;
	left:0;
}
#photo_area #s_2 {
	top:463px;
	left:162px;
}
#photo_area #s_3 {
	top:463px;
	left:324px;
}
#photo_area #s_4 {
	top:463px;
	right:0;
}

#case_detail {
	padding:20px;
	margin-bottom:20px;
}
#case_detail .detail {
	background:#E1D5BB;
	padding:10px;
	font-weight:bold;
}
#case_detail .detail span {
	padding-right:20px;
}
#case_detail p {
	color:#333333;
}




#sidemenu {
	width:242px;
	float:right;
}
#sidemenu .contactbox {
	padding:5px;
	background:url(../images/header_bg.jpg);
	margin:30px 0 20px 0;
}
#sidemenu .contactbox .bg {
	background:#FFFFFF;
	line-height:150%;
	padding-bottom:10px;
}
#sidemenu .contactbox .photo {
	margin:-16px 0 0 -1px;
}
#sidemenu .contactbox p {
	margin:10px;
	font-size:85%;
}

#pagetitle {
	margin-bottom:30px;
}

#pkz {
	width:950px;
	margin:20px auto 15px auto;
	font-size:80%;
	text-align:left;
}

#pagetop {
	width:950px;
	margin:60px auto 20px auto;
	text-align:right;
}
#footer_wrap {
	width:950px;
	margin:0 auto;
	background:url(../images/bg3.png) no-repeat right bottom;
	padding-bottom:30px;
	text-align:left;
	position:relative;
}	
#footer {
	padding:20px 0 0 0;
	background:url(../images/line.jpg) repeat-x 0 0;
	line-height:150%;
}
#footer .com_name {
	font-weight:bold;
	font-size:110%;
	margin-bottom:10px;
}
#footer .copyright {
	text-align:center;
	margin-top:30px;
}
#footer ul {
	position:absolute;
	top:20px;
	right:0;
}
#footer ul li {
	display:inline;
}
#footer ul li a {
	margin-left:5px;
}





/* utility
------------------------------------------------------------------------------------ */

.clear {
	clear:both;
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
   overflow:hidden;
   font-size:0.1em;
   line-height:0;
}
.clearfix {
   display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.font_b {
	font-weight:bold;
}
.font_mini {
	font-size:85%;
}

.a_center {
	text-align:center;
}
.a_right {
	text-align:right;
}
.red {
	color:#CC0000;
}
.black {
	color:#000000;
}
.orange {
	color:#FF9900;
}

.m_h5 {
	margin:5px 0px;
}
.m_h10 {
	margin:10px 0px;
}
.m_h20 {
	margin:20px 0px;
}
.m_5 {
	margin:5px;
}
.m_10 {
	margin:10px;
}
.m_20 {
	margin:20px;
}

.m_w5 {
	margin:0px 5px;
}
.m_w10 {
	margin:0px 10px;
}
.m_w20 {
	margin:0px 20px;
}
.m_w30 {
	margin:0px 30px;
}

.m_b5 {
	margin-bottom:5px;
}
.m_b0 {
	margin-bottom:0px;
}
.m_b10 {
	margin-bottom:10px;
}
.m_b15 {
	margin-bottom:15px;
}
.m_b20 {
	margin-bottom:20px;
}
.m_b30 {
	margin-bottom:30px;
}
.m_b40 {
	margin-bottom:40px;
}
.m_b50 {
	margin-bottom:50px;
}
.m_b60 {
	margin-bottom:60px;
}
.m_b70 {
	margin-bottom:70px;
}

.p_b5 {
	padding-bottom:5px;
}
.p_b10 {
	padding-bottom:10px;
}
.p_b15 {
	padding-bottom:15px;
}
.p_b20 {
	padding-bottom:20px;
}
.p_b30 {
	padding-bottom:30px;
}
.p_b40 {
	padding-bottom:40px;
}